wechatShopUni/pages/distribution/commission.w...

<!--pages/distribution/commission.wxml-->
<view class="container">
  <!-- 佣金概览卡片 -->
  <view class="overview-card">
    <view class="total-section">
      <view class="label">累计佣金（元）</view>
      <view class="amount">{{overview.totalAmount}}</view>
    </view>
    <view class="stats-row">
      <view class="stat-item">
        <text class="value">{{overview.todayAmount}}</text>
        <text class="label">今日佣金</text>
      </view>
      <view class="stat-item">
        <text class="value">{{overview.monthAmount}}</text>
        <text class="label">本月佣金</text>
      </view>
      <view class="stat-item">
        <text class="value">{{overview.pendingAmount}}</text>
        <text class="label">待结算</text>
      </view>
    </view>
  </view>

  <!-- 明细列表标签页 -->
  <view class="tabs">
    <view class="tab {{currentTab === 'all' ? 'active' : ''}}" bindtap="switchTab" data-tab="all">全部</view>
    <view class="tab {{currentTab === 'pending' ? 'active' : ''}}" bindtap="switchTab" data-tab="pending">待结算</view>
    <view class="tab {{currentTab === 'settled' ? 'active' : ''}}" bindtap="switchTab" data-tab="settled">已结算</view>
  </view>

  <!-- 佣金明细列表 -->
  <scroll-view scroll-y="true" class="commission-list" bindscrolltolower="loadMore">
    <view class="commission-item" wx:for="{{commissionList}}" wx:key="id">
      <view class="commission-info">
        <view class="main-info">
          <view class="title">{{item.title}}</view>
          <view class="time">{{item.createTime}}</view>
        </view>
        <view class="amount {{item.status === 'pending' ? 'pending' : ''}}">
          {{item.amount > 0 ? '+' : ''}}{{item.amount}}
        </view>
      </view>
      <view class="detail-info">
        <view class="detail-item">
          <text class="label">订单编号：</text>
          <text class="value">{{item.orderNo}}</text>
        </view>
        <view class="detail-item">
          <text class="label">结算状态：</text>
          <text class="value {{item.status === 'pending' ? 'pending-text' : 'settled-text'}}">
            {{item.status === 'pending' ? '待结算' : '已结算'}}
          </text>
        </view>
      </view>
    </view>

    <!-- 加载更多 -->
    <view class="loading" wx:if="{{loading}}">
      <text class="loading-text">加载中...</text>
    </view>

    <!-- 无数据提示 -->
    <view class="empty" wx:if="{{commissionList.length === 0}}">
      <image class="empty-icon" src="/static/images/empty-commission.png" mode="aspectFit"></image>
      <text class="empty-text">暂无佣金记录</text>
    </view>
  </scroll-view>
</view>