shebao-baidu-MiniProgram/page/mypage/pages/pay/pay.swan

<view class="container" >
	<view class="contentNull" s-if="{{isEmpty}}">
		<view>
			<image src="../../../../icon/mine/pay.png"></image>
			<text>还没有订单记录哦</text>
		</view>
	</view>
	<scroll-view scroll-y class="content" s-if="{{!isEmpty}}" >
		<view class="item" s-for="item,index in list">
			<view class="header">
				<view class="left">
					<image s-if="{{item.pay_for==1||item.pay_for==3}}" src="../../../../icon/home/purchase_s.png">
					</image>
					<image s-if="{{item.pay_for==2||item.pay_for==4}}" src="../../../../icon/home/purchase_a.png">
					</image>
					<text>{{item.title}}</text><text
						s-if="{{item.pay_for==1||item.pay_for==2}}">{{item.added?'补缴':'缴纳'}}</text>
				</view>
				<view class="right">等待付款</view>
			</view>
			<view class="detail">
				<view>
					<text s-if="{{item.pay_for==1||item.pay_for==3}}">参保姓名</text>
					<text s-if="{{item.pay_for==2||item.pay_for==4}}">购买人姓名</text>
					<text>购买月份</text>
					<text>购买城市</text>
				</view>
				<view>
					<text>{{item.u_name}}</text>
					<view class="time">
						<text>{{item.syear}}年{{item.smonth}}月</text>
						<view s-if="{{item.nums!=1}}">
							-<text s-if="{{item.syear!=item.eyear}}">{{item.eyear}}年</text>
							<text>{{item.emonth}}月</text>
						</view>
					</view>
					<text>{{item.city_name}}</text>
				</view>
			</view>
			<view class="money">
				合计金额：
				<text>¥{{item.total_fee}}</text>
			</view>
			<view class="line"></view>
			<view class="footer">
				<view class="btn" bindtap="showModal" data-index="{{index}}" data-type="detail">查看详情</view>
				<view>
					<view class="btn cancle" bindtap="showModal" data-order="{{item.buy_no}}" data-type="delete"
						data-index="{{index}}">取消订单</view>
					<view class="btn pay" bindtap="showPayModal" data-index="{{index}}"">立即付款</view>
				</view>
			</view>
		</view>
	</scroll-view>
</view>
<!-- 订单模态框 -->
<view class="orderModal modal" s-if="orderStatus">
	<view bindtap="closeModal" data-type="order"></view>
	<view class="detail" animation="{{animationData}}">
		<view class="header">
			<view>
				<view></view>
				<text>订单详情</text>
			</view>
			<image src="../../../../icon/public/close.png" bindtap="closeModal" data-type="order"></image>
		</view>
		<view class="person">
			<view><text>参保姓名</text><text>{{detail.data.u_name}}</text></view>
			<view><text>身份证号</text><text>{{detail.data.id_card}}</text></view>
			<view><text>购买月份</text><text>{{detail.date}}</text></view>
			<view><text>购买城市</text><text>{{detail.data.city_name}}</text></view>
			<view><text>生成时间</text><text>{{detail.data.time}}</text></view>
		</view>
		<view class="money">
			<view class="header">
				<text>待付款</text>
				<text>¥{{detail.data.total_fee}}</text>
			</view>
			<view class="line"></view>
			<view class="content">
				<view s-if="{{detail.data.shebao}}"><text>社保</text><text>¥{{detail.data.shebao}}</text></view>
				<view s-if="{{detail.data.fund}}"><text>公积金</text><text>¥{{detail.data.fund}}</text></view>
				<view><text>服务费</text><text>¥{{detail.data.shebao_charge+detail.data.fund_charge}}</text></view>
				<view s-if="{{detail.data.shebao_card}}"><text>社保卡</text><text>¥{{detail.data.shebao_card}}</text>
				</view>
			</view>
		</view>
		<view class="btn{{suffix}}">
			<view bindtap="showPayModalLater" >立即付款</view>
		</view>
	</view>
</view>
<!-- 支付模态框 -->
<!-- <view class="payModal modal">
	<view class="detail">
		<view class="header">
			<view>
				<view></view>
				<text>选择支付方式</text>
			</view>
			<image src="../../../../icon/public/close.png"></image>
		</view>
		<view class="payType">
			<view class="item">
				<view>
					<image src="../../../../icon/mine/wepay.png"></image>
					微信支付
				</view>
				<image src="../../../../icon/public/filter_n.png"></image>
			</view>
			<view class="line"></view>
			<view class="item">
				<view>
					<image src="../../../../icon/mine/alipay.png"></image>
					支付宝支付
				</view>
				<image src="../../../../icon/public/filter_n.png"></image>
			</view>
		</view>
		<view class="discount">
			<view class="left">
				<text>优惠券</text>
				<text>2张可用</text>
			</view>
			<view class="right">
				<text>-￥20</text>
				<image src="../../../../icon/public/arrow_right.png"></image>
			</view>
		</view>
		<view class="btn{{suffix}}">
			<view>确定付款</view>
		</view>
	</view>
</view> -->
<!-- 优惠券模态框 -->
<view class="discountModal modal" s-if="discountStatus" >
    <view bindtap="closeModal"></view>
	<view class="detail" animation="{{animationData}}" >
		<view class="header">
			<view>
				<view></view>
				<text>选择优惠券</text>
			</view>
			<image src="../../../../icon/public/close.png" bindtap="closeModal"></image>
		</view>
		<view class="tips" s-if="!cheapDataLength">
			您当前下了 {{nums}} 个月订单，可同时选 <text style="font-family: PingFangSC-Semibold;color:#ff801a"> {{nums}} </text>张优惠券
		</view>
        <view class="tips" s-else>
			您已选中优惠券 {{cheapDataLength}} 张，共可抵用 <text style="font-family: PingFangSC-Semibold;color:#ff801a"> ¥{{cheapMoney}} </text>
		</view>
		<scroll-view class="card" scroll-y scroll-with-animation >
			<view class="cardItem" s-for="item,index in discountData" 
            id="{{index}}" bindtap="choose">
				<view class="left">
					<view>
						<text>￥</text>
						<text>{{item.coupon_price}}</text>
					</view>
					<text>{{item.p}}</text>
				</view>
				<view class="right">
					<view>
						<text>{{item.coupon_name}}</text>
						<text>{{item.coupon_desc}}
							有效期至：{{item.end}}
						</text>
					</view>
					<image src="../../../../icon/public/filter_{{item.isSelected?'s':'n'}}.png">
				</view>
			</view>

		</scroll-view>
		<view class="btn{{suffix}}">
			<view bindtap="pay">确定</view>
		</view>
	</view>
</view>