wechatShopUni/pages/distribution/team.wxml

<view class="container">
  <!-- 团队数据总览 -->
  <view class="team-header">
    <view class="header-info">
      <view class="team-data">
        <text class="data-value">{{ totalMembers }}</text>
        <text class="data-label">团队总人数</text>
      </view>
      <view class="team-data">
        <text class="data-value">{{ directMembers }}</text>
        <text class="data-label">直属下级</text>
      </view>
      <view class="team-data">
        <text class="data-value">{{ indirectMembers }}</text>
        <text class="data-label">间接下级</text>
      </view>
    </view>
  </view>

  <!-- 团队成员筛选 -->
  <view class="team-filter">
    <picker 
      mode="selector" 
      range="{{ levelOptions }}" 
      value="{{ currentLevelIndex }}" 
      bindchange="onLevelChange"
    >
      <view class="picker-item">
        <text>{{ levelOptions[currentLevelIndex] }}</text>
        <text class="iconfont icon-down"></text>
      </view>
    </picker>
    <view class="search-box">
      <text class="iconfont icon-search"></text>
      <input 
        type="text" 
        placeholder="搜索团队成员" 
        bindinput="onSearchInput"
        value="{{ searchKeyword }}"
      />
    </view>
  </view>

  <!-- 团队成员列表 -->
  <view class="team-list">
    <block wx:for="{{ teamMembers }}" wx:key="id">
      <view class="team-member">
        <image class="member-avatar" src="{{ item.avatar }}"></image>
        <view class="member-info">
          <view class="member-name">
            <text>{{ item.nickname }}</text>
            <text class="member-level">{{ item.level }}</text>
          </view>
          <view class="member-detail">
            <text>加入时间：{{ item.joinTime }}</text>
            <text>直属上级：{{ item.parentNickname }}</text>
          </view>
        </view>
        <view class="member-stats">
          <text class="stats-label">贡献佣金</text>
          <text class="stats-value">¥{{ item.commission }}</text>
        </view>
      </view>
    </block>
  </view>

  <!-- 加载状态 -->
  <view wx:if="{{ loading }}" class="loading-status">
    <text class="loading">加载中...</text>
  </view>
  <view wx:if="{{ noMore }}" class="loading-status">
    <text class="no-more">没有更多成员了</text>
  </view>
</view>