bike-weapp/pages/payment/payment.wxml

<view class="box" style="padding-bottom:{{date.system_off_lock.is_system_off_lock ? '250rpx' : '150rpx'}}">
	<view class="list">
		<view class="title">
			<text>订单详情</text>
			<text></text>
		</view>
		<view>
			<text>订 单 号 </text>
			<text>{{date.orders.no}}</text>
		</view>
		<view>
			<text>骑行时长</text>
			<text>{{date.orders.use_bike_time_length_text}}</text>
		</view>
		<view>
			<text>骑行里程</text>
			<text>{{date.orders.use_bike_distance_length_text}}</text>
		</view>
		<view wx:if="{{rent==false}}">
			<text>租车费用</text>
			<text>￥{{date.orders.rent_money}}</text>
		</view>
		<view wx:if="{{rent==false}}">
			<text>超时费用</text>
			<text>￥{{date.orders.time_money}}</text>
		</view>
		<view>
			<text>里程费用</text>
			<text>￥{{date.orders.distance_money}}</text>
		</view>
		<view>
			<text>时长费用</text>
			<text>￥{{date.orders.time_money}}</text>
		</view>
		<view wx:if="{{rent==true}}">
			<text>行程总计</text>
			<text>￥{{date.orders.time_money}}</text>
		</view>
	</view>
	<view class='maskLayer' wx:if="{{payment_type}}" catchtouchmove="true" bindtap="cancel"></view>
	<view class="mode payment_type" wx:if="{{payment_type}}" catchtouchmove="true">
		<image src="/img/guanbi.png" style="width:48rpx;height:48rpx;" class="cancel" bindtap='cancel'></image>
		<view class="top">
			<text>支付方式</text>
		</view>
		<view class="view" bindtap="{{bolear ? 'check1':''}}">
			<view class="left">
				<image src="{{img}}weapp/purse.png" style="width:36rpx;height:36rpx;"></image>
				<view><text style="font-size:28rpx;">余额支付</text><text style="color:#999999;font-size:24rpx;">(￥{{balance}})</text></view>
			</view>
			<view class="right" bindtap="{{bolear==false ? 'to_recharge' : ''}}">
				<text wx:if="{{bolear==false}}">余额不足去充值</text>
				<image src="{{check1==true ? 'http://resource.bike.hanyiyun.com/weapp/true.png' : 'http://resource.bike.hanyiyun.com/weapp/false.png'}}" style="width:30rpx;height:30rpx;" wx:if="{{bolear==true}}"></image>
			</view>
		</view>
		<view class="view" bindtap="check2">
			<view class="left">
				<image src="{{img}}weapp/vx.png" style="width:36rpx;height:34rpx"></image>
				<text style="font-size:28rpx;">微信支付</text>
			</view>
			<view class="right">
				<image src="{{check2==true ? 'http://resource.bike.hanyiyun.com/weapp/true.png' : 'http://resource.bike.hanyiyun.com/weapp/false.png'}}" style="width:30rpx;height:30rpx;"></image>
			</view>
		</view>
		<view class="view1" bindtap="queding">
			<text>确定</text>
		</view>
	</view>
	<view class="mode" wx:if="{{rent}}">
		<view class="view" bindtap="{{date.user_card.is_card ? '' : 'check4'}}">
			<view class="left">
				<image src="/img/ka_icon.png" style="width:34rpx;height:34rpx"></image>
				<text>骑行卡</text>
			</view>
			<view class="right1">
				<text wx:if="{{date.user_card.is_card && date.user_card.card_preferential_money>0}}" style="color:#ff0000;">优惠{{date.user_card.card_preferential_money}}</text>
				<text wx:if="{{date.user_card.is_card && date.user_card.card_preferential_money=='0.00'}}">无可用骑行卡</text>
				<text wx:if="{{!date.user_card.is_card}}">去购买</text>
				<image src="/img/you.png" style="width:48rpx;height:48rpx;"></image>
			</view>
		</view>
		<view class="view" bindtap="{{!date.user_coupon.is_coupon ? '' : 'check3'}}">
			<view class="left">
				<image src="/img/quan_icon.png" style="width:34rpx;height:34rpx"></image>
				<text>优惠券</text>
			</view>
			<view class="right1">
				<text wx:if="{{date.user_coupon.is_coupon && date.user_coupon.coupon_preferential_money>0}}" style="color:#ff0000;">优惠{{date.user_coupon.coupon_preferential_money}}</text>
				<text wx:if="{{date.user_coupon.is_coupon && date.user_coupon.coupon_preferential_money=='0.00'}}">无可用优惠券</text>
				<text wx:if="{{!date.user_coupon.is_coupon}}">暂无优惠券</text>
				<image src="/img/you.png" style="width:48rpx;height:48rpx;"></image>
			</view>
		</view>
	</view>
	<view class="list" style="padding-top:30rpx;">
		<view>
			<text>订单金额</text>
			<text>￥{{date.orders.order_total_money}}</text>
		</view>
		<view bindtap="notice">
			<text>调度费用</text>
			<image src="/img/xvzhi.png" class="notice"></image>
			<text style="color:#ff0000;">+ ￥{{date.orders.dispatch_money}}</text>
		</view>
		<view wx:if="{{rent}}">
			<text>骑行卡</text>
			<text style="color:#ff0000;">- ￥{{date.user_card.card_preferential_money}}</text>
		</view>
		<view wx:if="{{rent}}">
			<text>优惠券</text>
			<text style="color:#ff0000;">- ￥{{date.user_coupon.coupon_preferential_money}}</text>
		</view>
		<view class="coupon_money" style="justify-content: start;" wx:if="{{date.orders.total_preferential_money!='0.00'}}">
			<image src="/img/icon.png" style="width:28rpx;height:28rpx"></image>
			<text style="padding-left:10rpx;color:rgba(254,137,30,1);">已为您优惠{{date.orders.total_preferential_money}}元</text>
		</view>
	</view>
	<view class="payment" bindtap="payment_type">
		<text style="padding-left: 7.5%;">支付方式</text>
		<text style="padding-right: 10.5%;" wx:if="{{check2 && index==1}}">微信支付</text>
		<text style="padding-right: 10.5%;" wx:if="{{check1 && index==2}}">余额支付</text>
		<image src="/img/you.png" style="width:48rpx;height:48rpx;"></image>
	</view>
	<view class="box_bottom">
		<view bindtap="phone">
			<text>客服热线</text>
			<image src="/img/you.png" style="width:48rpx;height:48rpx;"></image>
		</view>
		<view bindtap="repair">
			<text>车辆报修</text>
			<image src="/img/you.png" style="width:48rpx;height:48rpx;"></image>
		</view>
		<view bindtap="retryClose" style="height:60rpx;" wx:if="{{rent}}">
			<text>关锁失败</text>
			<text style="padding-right:4.5%;">重试关锁</text>
			<image src="/img/you.png" style="width:48rpx;height:48rpx;" class="right"></image>
		</view>
	</view>
	<view class="system_off_lock" wx:if="{{date.system_off_lock.is_system_off_lock}}">
		<text>{{date.system_off_lock.system_off_lock_text}}</text>
	</view>
	<view class="fixed">
		<view class="money">
			<view><text>￥{{date.orders.order_wait_pay_money}}</text></view>
		</view>
		<view class="btn" bindtap="{{date.orders.order_wait_pay_money=='0.00' || date.orders.pay_status==1 ? 'home' : disable==true ? '' : 'payment'}}">
			<text>{{date.orders.order_wait_pay_money=='0.00' || date.orders.pay_status==1? '返回首页' : '立即支付'}}</text>
		</view>
	</view>
	<view class='maskLayer' wx:if="{{chooseSize}}" catchtouchmove="catchtouchmove"></view>
	<view class='choose' wx:if="{{chooseSize}}" animation='{{animationData1}}'>
		<image src="/img/guanbi.png" style="width:48rpx;height:48rpx;" class="hideModal" bindtap='hideModal'></image>
		<view class="top" catchtouchmove="catchtouchmove">
			<view class="title1">
				<text>优惠券</text>
			</view>
			<view class="coupon">
				<view class="view" bindtap="tap_coupon" data-index="0">
					<text>可用优惠券</text>
					<text class="{{couponIndex==0?'active':''}}"></text>
				</view>
				<view class="view" data-index="1" bindtap="tap_coupon">
					<text>不可用优惠券</text>
					<text class="{{couponIndex==1?'active':''}}"></text>
				</view>
			</view>
		</view>
		<scroll-view class="couponList" style="height:{{screenHeight=='xSeries' ? '666rpx' : '566rpx'}}" scroll-y>
			<view class="item" wx:if="{{couponIndex==0 && coupon.dataYes!=''}}" wx:for="{{coupon.dataYes}}" wx:key="key" bindtap="coupons" data-id="{{item.id}}" data-index="{{index}}" data-select="{{item.selected}}">
				<image src="/img/coupon_select.png" class="right_top" wx:if="{{item.selected}}"></image>
				<view class="left">
					<text wx:if="{{item.type==1}}">满{{item.with_amount}}减{{item.used_amount}}</text>
					<text wx:if="{{item.type==2}}">￥<text style="font-size:84rpx;">{{item.used_amount}}</text></text>
					<text wx:if="{{item.type==3}}"><text style="font-size:60rpx;">{{item.discount}}</text> 折</text>
				</view>
				<view class="right">
					<view>
						<image src="/img/time_icon.png" style="width:22rpx;height:22rpx;"></image>
						<text style="padding-left:18rpx;" wx:if="{{item.valid_type==2}}">{{item.created_at}}-{{item.valid_days_end_time}}</text>
						<text style="padding-left:18rpx;" wx:if="{{item.valid_type==1}}">{{item.valid_start_time}}-{{item.valid_end_time}}</text>
					</view>
					<view style="padding-top:13rpx;">
						<image src="/img/qt_icon.png" style="width:22rpx;height:22rpx;"></image>
						<text style="padding-left:18rpx;">全天可用</text>
					</view>
				</view>
			</view>
			<block wx:if="{{couponIndex==0}}">
				<view wx:if="{{coupon.dataYes==undefined || coupon.dataYes==''}}" class="no_dataYes">
					<image src="/img/no_coupon.png" style="width:128rpx;height:128rpx;"></image>
					<text style="padding-top:20rpx;">暂无可用优惠券</text>
				</view>
			</block>
			<view class="item item1" wx:if="{{couponIndex==1}}" wx:for="{{coupon.dataNo}}" wx:key="key">
				<view class="left">
					<text wx:if="{{item.type==1}}">满{{item.with_amount}}减{{item.used_amount}}</text>
					<text wx:if="{{item.type==2}}">￥<text style="font-size:84rpx;">{{item.used_amount}}</text></text>
					<text wx:if="{{item.type==3}}"><text style="font-size:60rpx;">{{item.discount}}</text> 折</text>
				</view>
				<view class="right">
					<view>
						<image src="/img/time_icon.png" style="width:22rpx;height:22rpx;"></image>
						<text style="padding-left:18rpx;" wx:if="{{item.valid_type==2}}">{{item.created_at}}-{{item.valid_days_end_time}}</text>
						<text style="padding-left:18rpx;" wx:if="{{item.valid_type==1}}">{{item.valid_start_time}}-{{item.valid_end_time}}</text>
					</view>
					<view style="padding-top:13rpx;">
						<image src="/img/qt_icon.png" style="width:22rpx;height:22rpx;"></image>
						<text style="padding-left:18rpx;">全天可用</text>
					</view>
				</view>
				<!-- <image src="/img/overdue.png" class="overdue"></image> -->
			</view>
			<block wx:if="{{couponIndex==1}}">
				<view wx:if="{{coupon.dataNo==undefined || coupon.dataNo==''}}" class="no_dataYes">
					<image src="/img/no_coupon.png" style="width:128rpx;height:128rpx;"></image>
					<text style="padding-top:20rpx;">暂无不可用优惠券</text>
				</view>
			</block>
		</scroll-view>
		<view class="choose_botton" bindtap="srue">
			<view>
				<text>确定</text>
			</view>
		</view>
	</view>
	<view class="notice_background" wx:if="{{notice}}"></view>
	<view class="notice_model" wx:if="{{notice}}">
		<view class="title1">
			<text>调度费收费规则</text>
		</view>
		<view class="content">
			<text>未在还车点进行还车（运营区域外还车、禁停区还车），将收取30元调度费。</text>
			<text>调度费规则为：离最近的还车点{{setting.min_limit_km}}公里内{{setting.min_dispatching_fee}}元，{{setting.min_limit_km}}公里外每超出{{setting.over_limit_per_km}}公里增加{{setting.over_limit_per_km_money}}元调度费最高{{setting.max_dispatching_fee}}元封顶</text>
		</view>
		<view class="btn" bindtap="notice_false">
			<text>我知道了</text>
		</view>
	</view>
</view>