Files
qipai/miniapp/pages/orders/detail.wxml
T
2026-06-24 22:39:15 +08:00

44 lines
2.0 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 class="scrollarea" scroll-y type="list">
<view class="page">
<view class="title">订单详情</view>
<view wx:if="{{errorMessage}}" class="error">{{errorMessage}}</view>
<view wx:if="{{successMessage}}" class="success">{{successMessage}}</view>
<view wx:if="{{order}}" class="card">
<view class="order-title">{{order.storeName}} · {{order.roomName}}</view>
<view class="muted">订单号:{{order.orderNo}}</view>
<view class="muted">房间:{{order.roomNo}}</view>
<view class="muted">开始:{{order.startText}}</view>
<view class="muted">结束:{{order.endText}}</view>
<view class="row">
<text class="status">{{order.status}}</text>
<text class="amount">{{order.totalText}}</text>
</view>
<view wx:if="{{order.latestPayment}}" class="muted">
最近支付:{{order.latestPayment.provider}} / {{order.latestPayment.status}}
</view>
</view>
<view class="action-grid">
<button loading="{{loading}}" bindtap="loadOrder">刷新</button>
<button loading="{{loading}}" bindtap="openDoor">开门</button>
<button loading="{{loading}}" bindtap="loadCancellationQuote">取消测算</button>
<button loading="{{loading}}" bindtap="cancelOrder">取消订单</button>
</view>
<view wx:if="{{cancellation}}" class="card">
<view class="section-title">取消测算</view>
<view class="muted">是否允许:{{cancellation.allowed ? '允许' : '不允许'}}</view>
<view class="muted">取消费用:{{cancellation.feeText}}</view>
<view class="muted">预计退回:{{cancellation.refundableText}}</view>
<view class="muted">免费取消分钟线:{{cancellation.cutoffMinutes}}</view>
</view>
<view class="section-title">状态历史</view>
<view wx:for="{{history}}" wx:key="id" class="history-item">
<view>{{item.action}}{{item.fromStatus || '-'}} → {{item.toStatus}}</view>
<view class="muted">{{item.createdText}}</view>
</view>
</view>
</scroll-view>