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

<view class="tab">
	<view id="tabWrap">
		<view class="{{current==0?'selected':''}}" bindtap="move" data-index="0" id="tabItem">全部</view>
		<view class="{{current==1?'selected':''}}" bindtap="move" data-index="1">待付款</view>
		<view class="{{current==2?'selected':''}}" bindtap="move" data-index="2">已完成</view>
		<view class="line" animation="{{animationLine}}"></view>
	</view>
</view>
<view id="content" animation="{{animationContent}}">
	<scroll-view scroll-y class="cItem" s-for="item,index in list" bindscrolltolower="loadMore" data-sc="{{index}}">
		<view class="contentNull" s-if="{{item.length==0}}">
			<view>
				<image src="../../../../icon/mine/pay.png"></image>
				<text>还没有订单记录哦</text>
			</view>
		</view>
		<!-- 社保缴纳 -->
		<view s-else>
			<view class="item"  s-for="item2,index2 in item">
				<view class="header">
					<view class="left">
						<image s-if="{{item2.pay_for==1||item2.pay_for==3}}" src="../../../../icon/home/purchase_s.png">
						</image>
						<image s-else src="../../../../icon/home/purchase_a.png">
						</image>
						<text>{{item2.title}}</text><text s-if="{{item2.pay_for==1||item2.pay_for==2}}">缴纳</text>
					</view>
					<view class="right" style="color:{{item2.status==1?'#ff801a':'#3ab261'}}">
						{{item2.status==1?'等待付款':'交易成功'}}</view>
				</view>
				<view class="detail">
					<view s-if="{{item2.pay_for==1||item2.pay_for==3}}"><text>参保姓名</text><text>{{item2.u_name}}</text>
					</view>
					<view s-else><text>购买人姓名</text><text>{{item2.u_name}}</text>
					</view>
					<view><text>购买月份</text>
						<view class="time">
							<text>{{item2.syear}}年{{item2.smonth}}月</text>
							<view s-if="{{item2.nums!=1}}">
								-<text s-if="{{item2.syear!=item2.eyear}}">{{item2.eyear}}年</text>
								<text>{{item2.emonth}}月</text>
							</view>
						</view>
					</view>

					<view><text>购买城市</text><text>{{item2.city_name}}</text></view>
				</view>
				<view class="money">
					合计金额：
					<text>¥{{item2.total_fee}}</text>
				</view>
				<view class="line"></view>
				<view class="footer">
					<view class="btn" bindtap="showModal" data-index="{{index2}}" data-type="detail">查看详情</view>
					<view s-if="{{item2.status==1}}">
						<view class="btn cancle" bindtap="showModal" data-type="delete" data-index="{{index2}}">取消订单
						</view>
						<view class="btn pay" bindtap="showPayModal" data-index="{{index2}}">立即付款</view>
					</view>
				</view>
			</view>
		</view>
	</scroll-view>
</view>
<view class="orderModal modal" s-if="orderStatus">
	<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="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 s-if="{{detail.data.status==2}}"><text>支付方式</text><text>{{detail.data.pay_channel}}</text></view>
			<view s-if="{{detail.data.status==2}}"><text>流水号</text><text>{{detail.data.pay_no}}</text></view>
			<view><text>{{detail.data.status==2?'成交时间':'生成时间'}}</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 s-if="{{detail.data.shebao_card}}"><text>现金券(抵扣)</text><text>-¥{{detail.data.shebao_card}}</text>
				</view>
			</view>
		</view>
		<view class="btn{{suffix}}" s-if="{{detail.data.status==1}}">
			<view bindtap="showPayModalLater">立即付款</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>