115 lines
3.8 KiB
Plaintext
115 lines
3.8 KiB
Plaintext
|
<!--pages/refund/refund-detail/index.wxml-->
|
||
|
|
<view class="refund-detail" wx:if="{{refundDetail}}">
|
||
|
|
<!-- 退款状态 -->
|
||
|
|
<view class="status-section">
|
||
|
|
<view class="status-icon {{refundDetail.status}}">
|
||
|
|
<text class="icon-text">{{refundDetail.statusIcon}}</text>
|
||
|
|
</view>
|
||
|
|
<view class="status-info">
|
||
|
|
<text class="status-text">{{refundDetail.statusText}}</text>
|
||
|
|
<text class="status-desc">{{refundDetail.statusDesc}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 退款信息 -->
|
||
|
|
<view class="info-section">
|
||
|
|
<view class="section-title">退款信息</view>
|
||
|
|
<view class="info-item">
|
||
|
|
<text class="info-label">退款金额</text>
|
||
|
|
<text class="info-value amount">¥{{refundDetail.refundAmount}}</text>
|
||
|
|
</view>
|
||
|
|
<view class="info-item">
|
||
|
|
<text class="info-label">申请时间</text>
|
||
|
|
<text class="info-value">{{refundDetail.createdAt}}</text>
|
||
|
|
</view>
|
||
|
|
<view class="info-item" wx:if="{{refundDetail.processedAt}}">
|
||
|
|
<text class="info-label">处理时间</text>
|
||
|
|
<text class="info-value">{{refundDetail.processedAt}}</text>
|
||
|
|
</view>
|
||
|
|
<view class="info-item" wx:if="{{refundDetail.completedAt}}">
|
||
|
|
<text class="info-label">完成时间</text>
|
||
|
|
<text class="info-value">{{refundDetail.completedAt}}</text>
|
||
|
|
</view>
|
||
|
|
<view class="info-item">
|
||
|
|
<text class="info-label">退款方式</text>
|
||
|
|
<text class="info-value">{{refundDetail.refundMethod}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 订单信息 -->
|
||
|
|
<view class="info-section">
|
||
|
|
<view class="section-title">相关订单</view>
|
||
|
|
<view class="order-card" bindtap="onOrderTap">
|
||
|
|
<view class="order-header">
|
||
|
|
<text class="order-no">订单号：{{refundDetail.orderNo}}</text>
|
||
|
|
<text class="order-status">{{refundDetail.orderStatusText}}</text>
|
||
|
|
</view>
|
||
|
|
<view class="order-amount">
|
||
|
|
<text class="amount-label">订单金额：</text>
|
||
|
|
<text class="amount-value">¥{{refundDetail.orderAmount}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 退款原因 -->
|
||
|
|
<view class="info-section" wx:if="{{refundDetail.reason}}">
|
||
|
|
<view class="section-title">退款原因</view>
|
||
|
|
<view class="reason-content">
|
||
|
|
<text>{{refundDetail.reason}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 处理备注 -->
|
||
|
|
<view class="info-section" wx:if="{{refundDetail.adminRemark}}">
|
||
|
|
<view class="section-title">处理备注</view>
|
||
|
|
<view class="remark-content">
|
||
|
|
<text>{{refundDetail.adminRemark}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 退款进度 -->
|
||
|
|
<view class="info-section" wx:if="{{refundDetail.logs && refundDetail.logs.length > 0}}">
|
||
|
|
<view class="section-title">退款进度</view>
|
||
|
|
<view class="progress-list">
|
||
|
|
<view
|
||
|
|
class="progress-item {{index === 0 ? 'current' : ''}}"
|
||
|
|
wx:for="{{refundDetail.logs}}"
|
||
|
|
wx:key="id"
|
||
|
|
>
|
||
|
|
<view class="progress-dot"></view>
|
||
|
|
<view class="progress-content">
|
||
|
|
<view class="progress-title">{{item.action}}</view>
|
||
|
|
<view class="progress-time">{{item.createdAt}}</view>
|
||
|
|
<view class="progress-remark" wx:if="{{item.remark}}">{{item.remark}}</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 操作按钮 -->
|
||
|
|
<view class="action-section" wx:if="{{refundDetail.actions && refundDetail.actions.length > 0}}">
|
||
|
|
<view
|
||
|
|
class="action-btn {{action.type}}"
|
||
|
|
wx:for="{{refundDetail.actions}}"
|
||
|
|
wx:key="type"
|
||
|
|
data-action="{{action.type}}"
|
||
|
|
bindtap="onActionTap"
|
||
|
|
>
|
||
|
|
{{action.text}}
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 加载状态 -->
|
||
|
|
<view class="loading-state" wx:if="{{loading}}">
|
||
|
|
<text>加载中...</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 错误状态 -->
|
||
|
|
<view class="error-state" wx:if="{{error}}">
|
||
|
|
<text>{{error}}</text>
|
||
|
|
<button class="retry-btn" bindtap="onRetry">重试</button>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- Toast 组件 -->
|
||
|
|
<t-toast id="t-toast" />
|