member-rights.wxml
4.39 KB
<view class="member-rights-container data-v-057cf9e8"><block wx:if="{{memberData.MemberId}}"><view class="member-info-card data-v-057cf9e8"><view class="member-avatar data-v-057cf9e8">👤</view><view class="member-name data-v-057cf9e8">{{memberData.MemberName||'未知会员'}}</view><view class="member-id data-v-057cf9e8">{{"会员ID: "+memberData.MemberId}}</view></view></block><view class="rights-list-card data-v-057cf9e8"><view class="list-header data-v-057cf9e8"><text class="list-title data-v-057cf9e8">剩余权益</text><text class="total-count data-v-057cf9e8">{{"共 "+$root.g0+" 项"}}</text></view><scroll-view class="list-content data-v-057cf9e8" scroll-y="{{true}}"><block wx:if="{{loading}}"><view class="loading data-v-057cf9e8"><u-loading-icon vue-id="c9106d2c-1" mode="circle" color="#ff9800" class="data-v-057cf9e8" bind:__l="__l"></u-loading-icon><text class="loading-text data-v-057cf9e8">正在加载权益数据...</text></view></block><block wx:if="{{$root.g1}}"><view class="empty-state data-v-057cf9e8"><view class="empty-icon data-v-057cf9e8">💳</view><view class="empty-text data-v-057cf9e8">暂无权益信息</view><view class="empty-subtext data-v-057cf9e8">该会员暂无剩余权益</view></view></block><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="rights-item data-v-057cf9e8"><view class="item-header data-v-057cf9e8"><view class="item-name data-v-057cf9e8"><text class="item-icon data-v-057cf9e8">📦</text>{{''+(item.$orig.ItemName||'无')+''}}</view><view class="item-price data-v-057cf9e8">{{"¥"+item.m0}}</view></view><view class="item-details data-v-057cf9e8"><view class="detail-row data-v-057cf9e8"><view class="detail-item data-v-057cf9e8"><text class="detail-label data-v-057cf9e8">来源类型:</text><view class="{{['source-tag','data-v-057cf9e8',item.$orig.SourceType==='购买'?'tag-purchase':'tag-gift']}}">{{''+(item.$orig.SourceType||'无')+''}}</view></view></view><view class="detail-row data-v-057cf9e8"><view class="detail-item data-v-057cf9e8"><text class="detail-label data-v-057cf9e8">总购买:</text><text class="detail-value data-v-057cf9e8">{{item.m1}}</text></view><view class="detail-item data-v-057cf9e8"><text class="detail-label data-v-057cf9e8">已消费:</text><text class="detail-value consumed data-v-057cf9e8">{{item.m2}}</text></view></view><view class="detail-row data-v-057cf9e8"><view class="detail-item data-v-057cf9e8"><text class="detail-label data-v-057cf9e8">已退款:</text><text class="detail-value refunded data-v-057cf9e8">{{item.m3}}</text></view><view class="detail-item data-v-057cf9e8"><text class="detail-label data-v-057cf9e8">已扣除:</text><text class="detail-value deducted data-v-057cf9e8">{{item.m4}}</text></view></view><view class="detail-row data-v-057cf9e8"><view class="detail-item highlight data-v-057cf9e8"><text class="detail-label data-v-057cf9e8">剩余:</text><text class="detail-value remaining data-v-057cf9e8">{{item.m5}}</text></view></view><block wx:if="{{item.$orig.Remark}}"><view class="remark-row data-v-057cf9e8"><text class="remark-label data-v-057cf9e8">备注:</text><text class="remark-text data-v-057cf9e8">{{item.$orig.Remark}}</text></view></block></view></view></block></scroll-view></view><block wx:if="{{$root.g2}}"><view class="summary-card data-v-057cf9e8"><view class="summary-title data-v-057cf9e8">统计汇总</view><view class="summary-row data-v-057cf9e8"><view class="summary-item data-v-057cf9e8"><text class="summary-label data-v-057cf9e8">总购买</text><text class="summary-value data-v-057cf9e8">{{$root.m6}}</text></view><view class="summary-item data-v-057cf9e8"><text class="summary-label data-v-057cf9e8">已消费</text><text class="summary-value consumed data-v-057cf9e8">{{$root.m7}}</text></view></view><view class="summary-row data-v-057cf9e8"><view class="summary-item data-v-057cf9e8"><text class="summary-label data-v-057cf9e8">已退款</text><text class="summary-value refunded data-v-057cf9e8">{{$root.m8}}</text></view><view class="summary-item data-v-057cf9e8"><text class="summary-label data-v-057cf9e8">已扣除</text><text class="summary-value deducted data-v-057cf9e8">{{$root.m9}}</text></view></view><view class="summary-row highlight data-v-057cf9e8"><view class="summary-item data-v-057cf9e8"><text class="summary-label data-v-057cf9e8">总剩余</text><text class="summary-value remaining data-v-057cf9e8">{{$root.m10}}</text></view></view></view></block></view>