Files
soul-yongping/miniprogram/pages/gift-pay/list.wxml
2026-03-18 12:40:51 +08:00

53 lines
2.5 KiB
Plaintext

<!-- Soul创业派对 - 我的代付(改造后:仅我发起的,含领取记录) -->
<view class="page">
<view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
<view class="nav-content">
<view class="nav-back" bindtap="goBack">
<text class="back-arrow">←</text>
</view>
<view class="nav-info">
<text class="nav-title">我发起的代付</text>
</view>
<view class="nav-right-placeholder"></view>
</view>
</view>
<view class="content" style="padding-top: calc({{statusBarHeight}}px + 88rpx);">
<block wx:if="{{loading}}">
<view class="loading-box">
<view class="loading-spinner"></view>
<text class="loading-text">加载中...</text>
</view>
</block>
<block wx:elif="{{requests.length === 0}}">
<view class="empty">暂无发起的代付</view>
</block>
<block wx:else>
<view class="card" wx:for="{{requests}}" wx:key="requestSn" bindtap="goToDetail" data-sn="{{item.requestSn}}">
<view class="card-row">
<text class="desc">{{item.description}}</text>
<text class="amount">¥{{item.amount}}</text>
</view>
<view class="card-row card-meta">
<text class="quantity" wx:if="{{item.quantity > 1}}">{{item.quantity}}份</text>
<text class="redeemed" wx:if="{{item.status === 'paid'}}">已领 {{item.redeemedCount || 0}}/{{item.quantity || 1}}</text>
<text class="status {{item.status}}">{{item.status === 'pending' || item.status === 'pending_pay' ? '待支付' : item.status === 'paid' ? '已支付' : item.status === 'cancelled' ? '已取消' : '已过期'}}</text>
<view class="actions" wx:if="{{item.status === 'pending' || item.status === 'pending_pay'}}">
<text class="action-text cancel" catchtap="cancelRequest" data-sn="{{item.requestSn}}">取消</text>
</view>
<view class="actions" wx:elif="{{item.status === 'paid'}}">
<text class="action-text" catchtap="shareRequest" data-sn="{{item.requestSn}}">分享</text>
</view>
</view>
<view class="redeem-list" wx:if="{{item.redeemList && item.redeemList.length > 0}}">
<text class="redeem-title">领取记录:</text>
<view class="redeem-item" wx:for="{{item.redeemList}}" wx:for-item="redeem" wx:key="userId">
<text class="redeem-nickname">{{redeem.nickname || '用户'}}</text>
<text class="redeem-time">{{redeem.redeemAt}}</text>
</view>
</view>
</view>
</block>
</view>
</view>