80 lines
2.7 KiB
Plaintext
80 lines
2.7 KiB
Plaintext
<view class="detail-page">
|
|
<mp-navigation-bar
|
|
title="订单详情"
|
|
background-color="#ffffff"
|
|
color="#333"
|
|
bind:click-left="onBack"
|
|
left-arrow
|
|
></mp-navigation-bar>
|
|
|
|
<scroll-view class="scroll" scroll-y>
|
|
<!-- 顶部状态标题 -->
|
|
<view class="status-header">
|
|
<text class="status-title status-{{detail.statusKey}}">{{detail.statusText}}</text>
|
|
</view>
|
|
|
|
<!-- 基本信息卡 -->
|
|
<view class="info-card">
|
|
<!-- 赛事名 + 状态 -->
|
|
<view class="info-row info-row--top">
|
|
<text class="info-event-name">{{detail.eventName}}</text>
|
|
<text class="info-status status-{{detail.statusKey}}">{{detail.statusText}}</text>
|
|
</view>
|
|
|
|
<view class="divider"></view>
|
|
|
|
<!-- 支付方式 -->
|
|
<view class="info-row">
|
|
<text class="info-label">支付方式</text>
|
|
<text class="info-value">{{detail.payMethod}}</text>
|
|
</view>
|
|
<!-- 实付金额 -->
|
|
<view class="info-row">
|
|
<text class="info-label">实付金额</text>
|
|
<text class="info-value">¥{{detail.actualAmount}}</text>
|
|
</view>
|
|
<!-- 支付时间 -->
|
|
<view class="info-row">
|
|
<text class="info-label">支付时间</text>
|
|
<text class="info-value">{{detail.payTimeStr}}</text>
|
|
</view>
|
|
<!-- 退款金额（有则显示） -->
|
|
<view class="info-row" wx:if="{{detail.refundAmount}}">
|
|
<text class="info-label">退款金额</text>
|
|
<text class="info-value">¥{{detail.refundAmount}}</text>
|
|
</view>
|
|
<!-- 退款时间（有则显示） -->
|
|
<view class="info-row" wx:if="{{detail.refundTimeStr}}">
|
|
<text class="info-label">退款时间</text>
|
|
<text class="info-value">{{detail.refundTimeStr}}</text>
|
|
</view>
|
|
<!-- 订单编号 -->
|
|
<view class="info-row info-row--last">
|
|
<text class="info-label">订单编号</text>
|
|
<view class="order-no-wrap">
|
|
<text class="info-value order-no">{{detail.orderNo}}</text>
|
|
<view class="copy-btn" bindtap="onCopyOrderNo">
|
|
<text class="copy-icon">⎘</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 项目列表表格 -->
|
|
<view class="table-card" wx:if="{{detail.items && detail.items.length > 0}}">
|
|
<view class="table-head">
|
|
<text class="th">项目</text>
|
|
<text class="th">组别</text>
|
|
<text class="th th-right">费用（元）</text>
|
|
</view>
|
|
<view class="table-body">
|
|
<view class="tr" wx:for="{{detail.items}}" wx:key="id">
|
|
<text class="td">{{item.projectName}}</text>
|
|
<text class="td">{{item.groupName}}</text>
|
|
<text class="td td-right">{{item.fee}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|