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

74 lines
2.8 KiB
Plaintext

<scroll-view scroll-y style="height:{{scrollViewHeight*2}}rpx" refresher-enabled
bindrefresherrefresh="getOrderDetail" refresher-triggered="{{refresherTriggered}}">
<view class="page-container prd-info">
<view class="head">
<view class="center">
<view class="name">{{orderDetail.product_name}}</view>
<view class="tags">
<view class="tag" wx:for="{{orderDetail.product_tags}}" wx:key="index">{{item}}</view>
</view>
</view>
<view class="money money-normal">{{orderDetail.order_amount}}</view>
</view>
<block wx:if="{{qrcodeUrl}}">
<view class="qrcode" bind:tap="goToSuccess">
<image src="{{qrcodeUrl}}" class="image"/>
</view>
<view class="code-tips">到店请出示二维码核销</view>
</block>
</view>
<view class="page-container address">
<view class="left">
<view class="text1">{{orderDetail.merchant_name}}</view>
<view class="text2">距离{{orderDetail.distance}}</view>
</view>
<view class="right location">
<view class="icon-con">
<image class="icon" src="/assets/icon/shop/location@2x.png"/>
</view>
<view class="text">导航</view>
</view>
<view class="right phone" bind:tap="makePhoneCall">
<view class="icon-con">
<image class="icon" src="/assets/icon/shop/phone@2x.png"/>
</view>
<view class="text">电话</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_id}}</view>
<view class="copy-area" bind:tap="copyOrderId">
<view class="copy">复制</view>
</view>
</view>
<view class="kv">
<view class="key">订单状态</view>
<view class="value">{{merchantOrderStatusKV[orderDetail.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">{{orderDetail.create_time}}</view>
</view>
</view>
</scroll-view>
<view class="bottom-bar"
wx:if="{{orderDetail.status==merchantOrderStatus.created||orderDetail.status==merchantOrderStatus.unverified}}">
<!-- <button class="button button1" plain size="mini">取消订单</button> -->
<button type="primary" wx:if="{{orderDetail.status==merchantOrderStatus.created}}"
bind:tap="pay">去支付</button>
<button class="button button2" plain size="mini" bind:tap="refund" loading="{{refunding}}"
wx:if="{{orderDetail.status==merchantOrderStatus.unverified}}">申请退款</button>
</view>
<merchant-order id="merchantOrderComponent" bind:paySuccess="paySuccess"/>