72 lines
3.1 KiB
Plaintext
72 lines
3.1 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">
|
|
<icon name="chevron-left" size="44" color="#ffffff" customClass="back-arrow"></icon>
|
|
</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="{{detail}}">
|
|
<!-- 文章信息 -->
|
|
<section class="article-card">
|
|
<text class="article-title">{{detail.sectionTitle || detail.description || '代付商品'}}</text>
|
|
<text class="article-preview" wx:if="{{detail.contentPreview}}">{{detail.contentPreview}}</text>
|
|
<view class="article-meta">
|
|
<text class="meta-label">总份数</text>
|
|
<text class="meta-value">{{detail.quantity || 0}} 份</text>
|
|
</view>
|
|
<view class="article-meta">
|
|
<text class="meta-label">剩余份数</text>
|
|
<text class="meta-value highlight">{{remaining}} 份</text>
|
|
</view>
|
|
<view class="article-actions">
|
|
<view class="btn-link" bindtap="goToArticle" wx:if="{{detail.productType === 'section' && (detail.productMid || detail.productId)}}">
|
|
<text>去阅读</text>
|
|
</view>
|
|
<view class="btn-link" bindtap="goToDetail">
|
|
<text>{{detail.status === 'paid' ? '去分享' : detail.status === 'pending_pay' ? '去支付' : detail.status === 'refunded' ? '已退款' : '查看详情'}}</text>
|
|
</view>
|
|
</view>
|
|
</section>
|
|
|
|
<!-- 领取人明细 -->
|
|
<section class="redeem-section">
|
|
<view class="section-header">
|
|
<text class="section-title">领取记录</text>
|
|
<text class="section-count" wx:if="{{detail.redeemList && detail.redeemList.length > 0}}">共 {{detail.redeemList.length}} 人</text>
|
|
</view>
|
|
<view class="redeem-list" wx:if="{{detail.redeemList && detail.redeemList.length > 0}}">
|
|
<view class="redeem-item" wx:for="{{detail.redeemList}}" wx:key="userId">
|
|
<view class="redeem-user">
|
|
<image class="redeem-avatar" src="{{item.avatar || '/assets/icons/user.svg'}}" mode="aspectFill"/>
|
|
<text class="redeem-nickname">{{item.nickname || '用户'}}</text>
|
|
</view>
|
|
<text class="redeem-time">{{item.redeemAt}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="redeem-empty" wx:else>
|
|
<text>暂无领取记录</text>
|
|
</view>
|
|
</section>
|
|
</block>
|
|
<block wx:else>
|
|
<view class="empty">
|
|
<text>代付请求不存在或已处理</text>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|