dm-wechat-mini/pages/order/detail/index.wxml
2025-02-15 23:33:33 +08:00

86 lines
3.6 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.

<scroll-view scroll-y style="height:{{scrollViewHeight*2}}rpx" refresher-enabled
bindrefresherrefresh="getOrderDetail" refresher-triggered="{{refresherTriggered}}">
<view class="order-status {{orderDetail.order.status}}">{{orderStatusKV[orderDetail.order.status]}}</view>
<view class="page-container sender" wx:if="{{orderDetail.order.deliveryman_user_id}}">
<view class="title">跑腿员</view>
<view class="spliter"></view>
<view class="info">
<image class="avatar" src="{{orderDetail.order.deliveryman_avatar}}"/>
<view class="center">
<view class="name">{{orderDetail.order.deliveryman_nickname}}</view>
<view class="desc">已安全送达{{orderDetail.order.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.order.community_name}}{{orderDetail.order.address_detail}}</view>
<view class="user">{{orderDetail.order.address_name}} {{orderDetail.order.address_phone}}</view>
</view>
<view class="page-container package-info">
<view class="title">
<view class="left">取件信息</view>
<view class="right" wx:if="{{orderDetail.order.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.order.delivery_method]}}</view>
</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.order.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.order.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.order.original_amount-orderDetail.order.coupon_discount_amount}}
</view>
<view class="tag">先享后付</view>
</view>
</view>
</view>
</scroll-view>
<view class="bottom-bar">
<button class="button button1" plain size="mini" bind:tap="cancelOrder"
wx:if="{{orderDetail.order.status==orderStatus.created}}">取消订单</button>
<!-- <button class="button button2" plain size="mini">联系客服</button> -->
<button class="button button2" open-type="contact" bindcontact="handleContact" plain size="mini">联系客服</button>
<view class="page-dispatch"></view>
</view>