125 lines
5.3 KiB
Plaintext
125 lines
5.3 KiB
Plaintext
<nav-bar class="nav-bar"/>
|
|
|
|
<view class="tab-bar">
|
|
<view class="item-container {{tabIndex==0?'current':''}}" bind:tap="changeTab" data-index="0">
|
|
<view class="item">跑腿服务</view>
|
|
</view>
|
|
<view class="item-container {{tabIndex==1?'current':''}}" bind:tap="changeTab" data-index="1">
|
|
<view class="item">消费买单</view>
|
|
</view>
|
|
<view class="item-container {{tabIndex==2?'current':''}}" bind:tap="changeTab" data-index="2">
|
|
<view class="item">代金券</view>
|
|
</view>
|
|
</view>
|
|
<list-view class="order-list" wx:if="{{tabIndex==0}}"
|
|
bind:refresh="refreshList" bind:loadMore="loadMore" height="{{scrollViewHeight}}"
|
|
refresher-triggered="{{refreshTriggered.tab1}}"
|
|
load-more-text="仅展示最近一年的订单" show-load-more="{{orderList.length!=0}}"
|
|
loading="{{pager.tab1.loading}}" load-all="{{pager.tab1.loadAll}}">
|
|
<view class="item" wx:for="{{orderList}}" wx:key="index" bind:tap="goToDetail" data-id="{{item.orderid}}">
|
|
<view class="head">
|
|
<view class="icon-con">
|
|
<image class="icon" src="/assets/icon/order/package@2x.png"/>
|
|
</view>
|
|
<view class="center">代取快递</view>
|
|
<view class="status {{item.status}}">
|
|
{{orderStatusKV[item.status]}}
|
|
</view>
|
|
</view>
|
|
<view class="content">
|
|
<view class="spliter"></view>
|
|
<view class="address">{{item.address.community_name}}{{item.address.address_detail}}</view>
|
|
<view class="time">下单时间：{{item.create_time}}</view>
|
|
<view class="pay" wx:if="{{item.status==orderStatus.UNPAID}}">
|
|
<view class="left">
|
|
<label>跑腿费用</label>
|
|
<label class="money">{{item.final_amount}}</label>
|
|
</view>
|
|
<button class="button" type="primary" plain size="mini">立即支付</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="list-empty" wx:if="{{orderList.length==0}}">
|
|
<image class="icon" src="/assets/icon/order/empty@2x.png"/>
|
|
<view class="text">暂无相关订单</view>
|
|
</view>
|
|
</list-view>
|
|
|
|
<list-view class="bill-list" wx:if="{{tabIndex==1}}"
|
|
bind:refresh="refreshList" bind:loadMore="loadMore" height="{{scrollViewHeight}}"
|
|
refresher-triggered="{{refreshTriggered.tab2}}"
|
|
load-more-text="仅展示最近一年的订单" show-load-more="{{merchantOrderList.length!=0}}"
|
|
loading="{{pager.tab2.loading}}" load-all="{{pager.tab2.loadAll}}">
|
|
<view class="item" wx:for="{{merchantOrderList}}" wx:key="index">
|
|
<image class="image" src="{{item.merchant_image}}"/>
|
|
<view class="name">{{item.merchant_name}}</view>
|
|
<view class="amount">-{{item.amount}}</view>
|
|
<view class="kv">
|
|
<view class="key">订单状态</view>
|
|
<view class="value">{{merchantPayOrderStatusKV[item.status]}}</view>
|
|
</view>
|
|
<view class="kv">
|
|
<view class="key">支付方式</view>
|
|
<view class="value">微信支付</view>
|
|
</view>
|
|
<view class="kv">
|
|
<view class="key">买单金额</view>
|
|
<view class="value kv-amount">-{{item.amount}}</view>
|
|
</view>
|
|
<view class="kv">
|
|
<view class="key">赠送蜂蜜</view>
|
|
<view class="value kv-point">+{{item.gift_points}}</view>
|
|
</view>
|
|
<view class="kv">
|
|
<view class="key">交易时间</view>
|
|
<view class="value">{{item.create_time}}</view>
|
|
</view>
|
|
<view class="kv">
|
|
<view class="key">交易单号</view>
|
|
<view class="value">{{item.order_id}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="list-empty" wx:if="{{merchantOrderList.length==0}}">
|
|
<image class="icon" src="/assets/icon/order/empty@2x.png"/>
|
|
<view class="text">暂无相关订单</view>
|
|
</view>
|
|
</list-view>
|
|
|
|
<list-view class="group-list" wx:if="{{tabIndex==2}}"
|
|
bind:refresh="refreshList" bind:loadMore="loadMore" height="{{scrollViewHeight}}"
|
|
refresher-triggered="{{refreshTriggered.tab3}}"
|
|
load-more-text="仅展示最近一年的订单" show-load-more="{{couponList.length!=0}}"
|
|
loading="{{pager.tab3.loading}}" load-all="{{pager.tab3.loadAll}}">
|
|
<view class="item" wx:for="{{couponList}}" wx:key="index" bind:tap="goToCouponDetail" data-id="{{item.order_id}}">
|
|
<view class="head">
|
|
<view class="name" capture-catch:tap="goToShopDetail" data-item="{{item}}">
|
|
<label>{{item.merchant_name}}</label>
|
|
<image class="icon" src="/assets/icon/order/right-arrow@2x.png"/>
|
|
</view>
|
|
<view class="status {{item.status}}">{{merchantOrderStatusKV[item.status]}}</view>
|
|
</view>
|
|
<view class="content">
|
|
<view class="center">
|
|
<view>{{item.product_name}}</view>
|
|
<view class="tags">
|
|
<view class="tag" wx:for="{{item.product_tags}}" wx:key="index">{{item}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="money money-normal">{{item.order_amount}}</view>
|
|
</view>
|
|
<view class="btns">
|
|
<button class="button button1" plain size="mini" capture-catch:tap="orderAgain" data-item="{{item}}">再来一单</button>
|
|
<button class="button button2" plain size="mini" wx:if="{{item.status==merchantOrderStatus.unverified}}">查看券码</button>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="list-empty" wx:if="{{couponList.length==0}}">
|
|
<image class="icon" src="/assets/icon/order/empty@2x.png"/>
|
|
<view class="text">暂无相关订单</view>
|
|
</view>
|
|
</list-view>
|
|
|
|
<merchant-order id="merchantOrderConfirm" bind:orderCreated="orderCreated"/> |