172 lines
8.3 KiB
Plaintext
172 lines
8.3 KiB
Plaintext
|
<view class="container p-bottom">
|
|||
|
|
<!-- tab栏 -->
|
|||
|
|
<view class="header f-28 col-3">
|
|||
|
|
<view catchtap="bindHeaderTap" class="{{dataType==='all'?'active':''}}" data-type="all">
|
|||
|
|
<text>全部</text>
|
|||
|
|
</view>
|
|||
|
|
<view bindtap="bindHeaderTap" class="{{dataType==='payment'?'active':''}}" data-type="payment">
|
|||
|
|
<text>待付款</text>
|
|||
|
|
</view>
|
|||
|
|
<view bindtap="bindHeaderTap" class="{{dataType==='sharing'?'active':''}}" data-type="sharing">
|
|||
|
|
<text>拼团中</text>
|
|||
|
|
</view>
|
|||
|
|
<view bindtap="bindHeaderTap" class="{{dataType==='delivery'?'active':''}}" data-type="delivery">
|
|||
|
|
<text>待发货</text>
|
|||
|
|
</view>
|
|||
|
|
<view bindtap="bindHeaderTap" class="{{dataType==='received'?'active':''}}" data-type="received">
|
|||
|
|
<text>待收货</text>
|
|||
|
|
</view>
|
|||
|
|
<view catchtap="onTargetRefund">
|
|||
|
|
<text>售后</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 订单列表 -->
|
|||
|
|
<view class="goods-detail-box">
|
|||
|
|
<scroll-view bindscrolltolower="bindDownLoad" scroll-y style="height: {{scrollHeight}}px; width: 750rpx;margin-top:88rpx;">
|
|||
|
|
<view class="wrapper" wx:if="{{list.data.length > 0}}">
|
|||
|
|
<view class="m-top20" wx:for="{{list.data}}" wx:key="this">
|
|||
|
|
<form bindsubmit="navigateToDetail" report-submit="true">
|
|||
|
|
<button class="btn-normal" formType="submit" data-id="{{ item.order_id }}">
|
|||
|
|
<!-- 订单状态 -->
|
|||
|
|
<view class="order-box b-f">
|
|||
|
|
<view class="order-header dis-flex">
|
|||
|
|
<text class="col-m">{{ item.state_text }}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 商品信息 -->
|
|||
|
|
<view class="order-box order-img_list">
|
|||
|
|
<view class="detail-goods b-f dis-flex flex-dir-row">
|
|||
|
|
<view class="left">
|
|||
|
|
<image class="goods-image" src="{{ item.goods[0].image.file_path }}"></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="right dis-flex flex-box flex-dir-column flex-x-around">
|
|||
|
|
<view class="goods-name">
|
|||
|
|
<text class="twolist-hidden">{{ item.goods[0].goods_name }}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="dis-flex col-9 f-24">
|
|||
|
|
<view class="flex-box">{{ item.goods[0].goods_attr }}</view>
|
|||
|
|
<text class="t-r">×{{ item.goods[0].total_num }}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</button>
|
|||
|
|
<!-- 底部区 -->
|
|||
|
|
<view class="order-box b-f">
|
|||
|
|
<view class="order-btn dis-flex">
|
|||
|
|
<view class="order-left dis-flex flex-y-center">
|
|||
|
|
<view class="text">
|
|||
|
|
<text>合计：</text>
|
|||
|
|
<text class="col-m">￥{{item.pay_price}}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="order-right flex-box">
|
|||
|
|
<view class="btn-group clear" wx:if="{{ item.order_status.value != 20 }}">
|
|||
|
|
<!-- 未支付取消订单 -->
|
|||
|
|
<view wx:if="{{ item.pay_status.value==10 }}" class="btn-group-item">
|
|||
|
|
<view catchtap="cancelOrder" class="btn-default" data-id="{{item.order_id}}">取消</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 已支付取消订单 -->
|
|||
|
|
<view wx:if="{{ item.order_status.value!=21 && item.order_type.value==10 && item.pay_status.value==20 && item.delivery_status.value==10 }}" class="btn-group-item">
|
|||
|
|
<view catchtap="cancelOrder" class="btn-default" data-id="{{item.order_id}}">申请取消</view>
|
|||
|
|
</view>
|
|||
|
|
<view wx:if="{{ item.order_status.value==21 }}" class="f-28 col-8 t-r">取消申请中</view>
|
|||
|
|
<!-- 订单付款 -->
|
|||
|
|
<view wx:if="{{item.pay_status.value==10}}" class="btn-group-item">
|
|||
|
|
<view catchtap="onPayOrder" class="btn-main" data-id="{{item.order_id}}">付款</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 订单核销码 -->
|
|||
|
|
<view wx:if="{{ item.pay_status.value==20 && item.delivery_type.value == DeliveryTypeEnum.EXTRACT.value && item.delivery_status.value == 10 && (item.order_type.value==20 ? item.active.status.value==20 : true ) && item.order_status.value!=21 }}" class="btn-group-item">
|
|||
|
|
<view catchtap="onExtractQRCode" class="btn-main" data-id="{{item.order_id}}">
|
|||
|
|
<text class="iconfont icon-qr-extract"></text>
|
|||
|
|
<text class="m-l-10">核销码</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 确认收货 -->
|
|||
|
|
<view wx:if="{{item.delivery_status.value==20 && item.receipt_status.value == 10}}" class="btn-group-item">
|
|||
|
|
<view catchtap="receipt" class="btn-main" data-id="{{item.order_id}}">确认收货</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 订单评价 -->
|
|||
|
|
<view wx:if="{{item.order_status.value==30 && item.is_comment==0}}" class="btn-group-item">
|
|||
|
|
<view catchtap="comment" class="btn-default" data-id="{{item.order_id}}">评价</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 拼单详情 -->
|
|||
|
|
<view wx:if="{{item.order_type.value==20 && item.pay_status.value==20}}" class="btn-group-item">
|
|||
|
|
<form bindsubmit="navigateToSharingActive" report-submit="true">
|
|||
|
|
<button class="btn-normal" formType="submit" data-id="{{ item.active_id }}">
|
|||
|
|
<view class="btn-default">拼单详情</view>
|
|||
|
|
</button>
|
|||
|
|
</form>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</form>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view wx:if="{{ no_more }}" class="no-more f-30">亲, 没有更多了</view>
|
|||
|
|
<view wx:if="{{ !isLoading && !list.data.length }}">
|
|||
|
|
<view class="yoshop-notcont">
|
|||
|
|
<text class="iconfont icon-wushuju"></text>
|
|||
|
|
<text class="cont">亲，您还没有订单信息哦！</text>
|
|||
|
|
<navigator url="../../sharing/index/index">去开团</navigator>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</scroll-view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- 核销码弹出层 -->
|
|||
|
|
<zan-popup show="{{ showQRCodePopup }}" bindclose="onToggleQRCodePopup">
|
|||
|
|
<view class="pop-qrcode pop-example__container">
|
|||
|
|
<view class="pop-title">
|
|||
|
|
<text class="f-30">核销二维码</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="pop-content">
|
|||
|
|
<image src="{{ QRCodeImage }}"></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</zan-popup>
|
|||
|
|
|
|||
|
|
<!-- 支付方式弹窗 -->
|
|||
|
|
<zan-popup show="{{ showPayPopup }}" bindclose="onTogglePayPopup">
|
|||
|
|
<view class="pop-orderPay pop-example__container">
|
|||
|
|
<view class="pop-title">
|
|||
|
|
<text class="f-30">请选择支付方式</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="pop-content">
|
|||
|
|
<view class="pay-method">
|
|||
|
|
<form bindsubmit="onSelectPayType" data-value="{{ PayTypeEnum.WECHAT.value }}" report-submit="true">
|
|||
|
|
<button formType="submit" class="btn-normal">
|
|||
|
|
<view class="pay-item dis-flex flex-x-between">
|
|||
|
|
<view class="item-left dis-flex flex-y-center">
|
|||
|
|
<view class="item-left_icon wechat">
|
|||
|
|
<text class="iconfont icon-weixinzhifu"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="item-left_text">
|
|||
|
|
<text>{{ PayTypeEnum.WECHAT.name }}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</button>
|
|||
|
|
</form>
|
|||
|
|
<form bindsubmit="onSelectPayType" data-value="{{ PayTypeEnum.BALANCE.value }}" report-submit="true">
|
|||
|
|
<button formType="submit" class="btn-normal">
|
|||
|
|
<view class="pay-item dis-flex flex-x-between">
|
|||
|
|
<view class="item-left dis-flex flex-y-center">
|
|||
|
|
<view class="item-left_icon balance">
|
|||
|
|
<text class="iconfont icon-qiandai"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="item-left_text">
|
|||
|
|
<text>{{ PayTypeEnum.BALANCE.name }}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</button>
|
|||
|
|
</form>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</zan-popup>
|
|||
|
|
|
|||
|
|
</view>
|