Files
MBTI_wang/miniprogram/pages/promo/withdrawals.wxml
2026-03-17 12:39:38 +08:00

78 lines
2.8 KiB
Plaintext

<!-- pages/promo/withdrawals.wxml - 提现记录列表 -->
<view class="page">
<!-- 顶部说明 -->
<!-- 空状态 -->
<view class="empty" wx:if="{{!loading && list.length === 0}}">
<view class="empty-icon">
<text>📭</text>
</view>
<text class="empty-text">暂无提现记录</text>
<text class="empty-sub">成功发起提现后,将在这里展示进度</text>
</view>
<!-- 列表(参考碎片时间提现列表样式结构) -->
<view class="list" wx:else>
<view class="item" wx:for="{{list}}" wx:key="id">
<!-- 顶部:单号 + 状态标签 -->
<view class="item-header">
<text class="order-no">单号:{{item.out_bill_no}}</text>
<view class="status-tag {{item.statusTagClass}}">
<text>{{item.statusTagText}}</text>
</view>
</view>
<!-- 中部:金额 + 手续费 + 提现后余额 -->
<view class="item-top">
<view class="amount-block">
<text class="amount">¥{{item.amountYuan}}</text>
</view>
<view class="fee-block" wx:if="{{item.feeYuan && item.feeYuan !== '0.00'}}">
<text class="fee-label">手续费</text>
<text class="fee-value">¥{{item.feeYuan}}</text>
</view>
<view class="balance-block" wx:if="{{item.balanceAfterYuan}}">
<text class="balance-label">提现后余额</text>
<text class="balance-value">¥{{item.balanceAfterYuan}}</text>
</view>
</view>
<!-- 时间信息 -->
<view class="time-block">
<text class="time-row">申请时间:{{item.applyAtStr}}</text>
<text class="time-row" wx:if="{{item.handleAtStr}}">处理时间:{{item.handleAtStr}}</text>
</view>
<!-- 拒绝原因 -->
<view class="reject-box" wx:if="{{item.status === 'rejected' && item.auditNote}}">
<text class="reject-title">拒绝原因:</text>
<text class="reject-text">{{item.auditNote}}</text>
</view>
<!-- 每条记录自己的确认收款按钮:只有「待收款」(statusCode=2) 需要用户确认 -->
<view class="confirm-wrapper" wx:if="{{item.statusCode === 2}}">
<button
class="confirm-btn"
bindtap="handleConfirmReceipt"
data-id="{{item.id}}"
loading="{{confirmingId === item.id}}"
disabled="{{confirmingId === item.id}}"
>
确认收款
</button>
</view>
</view>
<view class="footer" wx:if="{{loading}}">
<text class="footer-text">加载中...</text>
</view>
<view class="footer" wx:elif="{{finished}}">
<text class="footer-text">— 已加载全部 —</text>
</view>
</view>
<view class="safe-bottom"></view>
</view>