dm-wechat-mini/pages/order/index/index.wxml
2025-03-27 23:22:34 +08:00

148 lines
6.4 KiB
Plaintext

<!-- <nav-bar class="nav-bar"/> -->
<view class="custom-scroll-view">
<!-- <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 main" 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>取件数量:{{item.package_count}} 件</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 main" 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 main" wx:if="{{tabIndex==2}}"
bind:refresh="refreshList" bind:loadMore="loadMore" height="{{scrollViewHeight}}"
refresher-triggered="{{refreshTriggered.tab3}}"
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="navToProductOrderDetail" data-id="{{item.order.order_id}}">
<view class="head">
<image class="avatar" src="{{item.product.optimized_image_url}}"/>
<view class="name">{{item.merchant.name}}</view>
<view class="status {{item.status}}">{{merchantOrderStatusKV[item.order.status]}}</view>
</view>
<view class="spliter"></view>
<view class="content">
<view class="product">
<view class="name">{{item.product.name}}</view>
<view class="money money-normal">{{item.order.pay_amount}}</view>
</view>
<view class="deliver-time">
<view class="tags">
<view class="tag">{{productDeliverTypeKV[item.product.delivery_time_type]}}</view>
</view>
<view class="time">接口要返回</view>
</view>
<view class="create-time">
下单时间:{{item.order.create_time}}
</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>
</view>
<!-- </swiper-item>
</swiper> -->
<merchant-order id="merchantOrderConfirm" bind:orderCreated="orderCreated" bind:paySuccess="paySuccess"/>