wechatShopUni/pages/team/index.wxml

<view class="container">
  <!-- 团队数据概览 -->
  <view class="team-overview">
    <view class="overview-item">
      <text class="item-value">{{teamData.totalMembers}}</text>
      <text class="item-label">团队总人数</text>
    </view>
    <view class="overview-item">
      <text class="item-value">¥{{teamData.totalCommission}}</text>
      <text class="item-label">团队总佣金</text>
    </view>
    <view class="overview-item">
      <text class="item-value">{{teamData.totalOrders}}</text>
      <text class="item-label">团队总订单</text>
    </view>
  </view>

  <!-- 数据统计 -->
  <view class="statistics-panel">
    <view class="panel-header">
      <text class="panel-title">数据统计</text>
      <view class="time-select">
        <view class="{{timeRange === 7 ? 'active' : ''}}" bindtap="switchTimeRange" data-range="7">近7天</view>
        <view class="{{timeRange === 30 ? 'active' : ''}}" bindtap="switchTimeRange" data-range="30">近30天</view>
      </view>
    </view>

    <view class="statistics-content">
      <view class="data-row">
        <view class="data-col">
          <view class="data-label">新增成员</view>
          <view class="data-value">{{statistics.newMembers}}</view>
          <view class="data-trend {{statistics.membersTrend >= 0 ? 'up' : 'down'}}">
            {{statistics.membersTrend}}%
          </view>
        </view>
        <view class="data-col">
          <view class="data-label">新增订单</view>
          <view class="data-value">{{statistics.newOrders}}</view>
          <view class="data-trend {{statistics.ordersTrend >= 0 ? 'up' : 'down'}}">
            {{statistics.ordersTrend}}%
          </view>
        </view>
        <view class="data-col">
          <view class="data-label">预估收益</view>
          <view class="data-value">¥{{statistics.estimatedEarnings}}</view>
          <view class="data-trend {{statistics.earningsTrend >= 0 ? 'up' : 'down'}}">
            {{statistics.earningsTrend}}%
          </view>
        </view>
      </view>
    </view>

    <!-- 趋势图表 -->
    <view class="chart-container">
      <ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec }}"></ec-canvas>
    </view>
  </view>

  <!-- 团队成员列表 -->
  <view class="team-list">
    <view class="list-header">
      <text class="header-title">团队成员</text>
      <view class="header-tabs">
        <view class="{{currentTab === 'all' ? 'active' : ''}}" bindtap="switchTab" data-tab="all">全部</view>
        <view class="{{currentTab === 'level1' ? 'active' : ''}}" bindtap="switchTab" data-tab="level1">一级</view>
        <view class="{{currentTab === 'level2' ? 'active' : ''}}" bindtap="switchTab" data-tab="level2">二级</view>
      </view>
    </view>

    <scroll-view scroll-y="true" bindscrolltolower="loadMore" class="member-list">
      <block wx:if="{{memberList.length > 0}}">
        <view class="member-item" wx:for="{{memberList}}" wx:key="id">
          <view class="member-info">
            <image class="member-avatar" src="{{item.avatar}}" mode="aspectFill"></image>
            <view class="member-detail">
              <view class="member-name">{{item.nickname}}</view>
              <view class="member-time">{{item.joinTime}}</view>
            </view>
            <view class="member-level">{{item.level}}级</view>
          </view>
          <view class="member-data">
            <view class="data-item">
              <text>订单数</text>
              <text>{{item.orderCount}}</text>
            </view>
            <view class="data-item">
              <text>佣金</text>
              <text>¥{{item.commission}}</text>
            </view>
          </view>
        </view>
      </block>
      <view class="loading-state" wx:if="{{loading}}">
        <image class="loading-icon" src="/static/images/loading.png"></image>
        <text>加载中...</text>
      </view>
      <view class="empty-state" wx:if="{{!loading && memberList.length === 0}}">
        <image class="empty-icon" src="/static/images/empty.png"></image>
        <text class="empty-text">暂无团队成员</text>
      </view>
    </scroll-view>
  </view>
</view>