dm-wechat-mini/pages/order/index/index.wxml
2025-03-11 23:54:08 +08:00

141 lines
5.9 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- <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> -->
<!-- <swiper style="height:{{scrollViewHeight*2}}rpx"> -->
<!-- 跑腿列表 -->
<!-- <swiper-item> -->
<list-view class="order-list" wx:if="{{tabIndex==0}}"
bind:refresh="refreshList" bind:loadMore="loadMore"
refresher-triggered="{{refreshTriggered.tab1}}"
show-load-more="{{!(orderList.length==0&&pager.tab1.loadAll)}}"
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">订单号 {{item.orderid}}</view>
<view class="status {{item.status}}">
{{orderStatusKV[item.status]}}
</view>
</view>
<view class="content">
<view class="spliter"></view>
<view class="kv">
<view>快递数量10 件</view>
<view>送达地址:{{item.address.community_name}}{{item.address.address_detail}}</view>
<view>下单时间:{{item.create_time}}</view>
</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" size="mini" capture-catch:tap="pay" data-item="{{item}}">立即支付</button>
</view>
</view>
</view>
<view class="list-empty" wx:if="{{orderList.length==0&&pager.tab1.loadAll}}">
<image class="icon" src="/assets/icon/order/empty@2x.png"/>
<view class="text">暂无相关订单</view>
</view>
</list-view>
<!-- </swiper-item>
<swiper-item> -->
<!-- 消费买单列表 -->
<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&&pager.tab2.loadAll)}}"
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&&pager.tab2.loadAll}}">
<image class="icon" src="/assets/icon/order/empty@2x.png"/>
<view class="text">暂无相关订单</view>
</view>
</list-view>
<!-- </swiper-item>
<swiper-item> -->
<!-- 代金券列表 -->
<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&&pager.tab3.loadAll)}}"
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="spliter"></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">
<view class="time">下单时间:{{item.create_time}}</view>
<button class="button button1" plain size="mini" capture-catch:tap="orderAgain" data-item="{{item}}" wx:if="{{item.status==merchantOrderStatus.verified}}">再来一单</button>
<button class="button button2" plain size="mini" capture-catch:tap="pay" wx:if="{{item.status==merchantOrderStatus.created}}" data-item="{{item}}">立即支付</button>
</view>
</view>
<view class="list-empty" wx:if="{{couponList.length==0&&pager.tab3.loadAll}}">
<image class="icon" src="/assets/icon/order/empty@2x.png"/>
<view class="text">暂无相关订单</view>
</view>
</list-view>
<!-- </swiper-item>
</swiper> -->
<merchant-order id="merchantOrderConfirm" bind:orderCreated="orderCreated" bind:paySuccess="paySuccess"/>