dm-wechat-mini/pages/order/detail/index.wxml
2025-02-22 03:14:42 +08:00

115 lines
4.7 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.

<view class="custom-scroll-view" wx:if="{{orderDetail.orderid}}">
<scroll-view scroll-y refresher-enabled class="main"
bindrefresherrefresh="getOrderDetail" refresher-triggered="{{refresherTriggered}}">
<view class="order-status {{orderDetail.status}}">{{orderStatusKV[orderDetail.status]}}</view>
<view class="page-container sender" wx:if="{{orderDetail.deliveryman_user_id}}">
<view class="title">配送员</view>
<view class="spliter"></view>
<view class="info">
<image class="avatar" src="{{orderDetail.deliveryman_avatar}}"/>
<view class="center">
<view class="name">{{orderDetail.deliveryman_nickname}}</view>
<view class="desc">已安全送达{{orderDetail.delivery_count}}件</view>
</view>
<button class="button" plain size="mini" bind:tap="makePhoneCall">
<image class="icon" src="/assets/icon/shop/phone@2x.png"/>
<label>联系他</label>
</button>
</view>
</view>
<view class="page-container address">
<view class="title">送货地址</view>
<view class="spliter"></view>
<view class="text">
{{orderDetail.community_name}}
{{orderDetail.building_name}}
{{orderDetail.address_detail}}
</view>
<view class="user">
{{orderDetail.address_name}}
{{genderKV[orderDetail.address_gender]}}
{{orderDetail.address_phone}}
</view>
</view>
<view class="page-container package-info">
<view class="title">
<view class="left">取件信息</view>
<view class="right" wx:if="{{orderDetail.deliveryman_user_id}}">
<label>送达时间</label>
<label class="time">18:0021:00</label>
</view>
</view>
<block wx:for="{{orderDetail.packages}}" wx:key="index">
<view class="spliter"></view>
<view class="package">
<view class="p-title">{{item.station_name}} 共{{item.pickup_codes.length}}件包裹</view>
<view class="code-list">
<view class="item" wx:for="{{item.pickup_codes}}"
wx:for-item="package" wx:for-index="pIndex" wx:key="pIndex">{{package}}</view>
</view>
</view>
</block>
</view>
<view class="page-container send-way">
<view class="title">
<view class="left">送达方式</view>
<view class="right">{{orderDeliverStatusKV[orderDetail.delivery_method]}}</view>
</view>
</view>
<view class="page-container photos" wx:if="{{orderDetail.complete_images&&orderDetail.complete_images.length>0}}">
<view class="title">
<view class="left">送达图片</view>
</view>
<view class="spliter"></view>
<view class="imgs">
<image class="image" src="{{item}}" wx:for="{{orderDetail.complete_images}}" wx:key="index" bind:tap="preview" data-url="{{item}}"/>
</view>
</view>
<view class="page-container order-info">
<view class="title">订单信息</view>
<view class="spliter"></view>
<view class="kv">
<view class="key">订单编号</view>
<view class="value">{{orderDetail.orderid}}</view>
<view class="copy-area" bind:tap="copyOrderId">
<view class="copy">复制</view>
</view>
</view>
<view class="kv">
<view class="key">提交时间</view>
<view class="value">{{orderDetail.create_time}}</view>
</view>
<view class="kv">
<view class="key">取件数量</view>
<view class="value">{{orderDetail.totalPackage}}</view>
</view>
<view class="kv">
<view class="key">跑腿费用</view>
<view class="value">
<view class="money">
{{orderDetail.original_amount-orderDetail.coupon_discount_amount}}
</view>
<view class="tag">先享后付</view>
</view>
</view>
</view>
<view class="scroll-view-dispatch"></view>
</scroll-view>
<view class="bottom-bar-v2">
<view class="btns">
<button class="button button1" plain size="mini" bind:tap="cancelOrder"
wx:if="{{orderDetail.status==orderStatus.created}}">取消订单</button>
<button class="pay" type="primary" wx:if="{{orderDetail.status==orderStatus.unpaid}}"
bind:tap="pay">去支付</button>
<button class="button button1" plain size="mini" bind:tap="orderAgain"
wx:if="{{orderDetail.status==orderStatus.cancelled||orderDetail.status==orderStatus.completed}}">再来一单</button>
<button class="button button2" open-type="contact" bindcontact="handleContact" plain
size="mini" wx:else>联系客服</button>
</view>
</view>
</view>
<merchant-order id="merchantOrderComponent" bind:paySuccess="paySuccess"/>