qingcheng-xiaochengxu/pages/dashboardModule/supervisorPerformance/supervisorPerformance.wxml

<!-- pages/dashboardModule/supervisorPerformance/supervisorPerformance.wxml -->
<view class="page">
  <!-- 标题 -->
  <view class="page-title">
    <text class="title">{{ showRole }}业绩报表</text>
  </view>

  <scroll-view scroll-y class="content no-scrollbar">
    <!-- 搜索表单 -->
    <view class="card form-card">
      <!-- 主管名称 -->
      <view class="field">
        <text class="field-label">{{ showRole }}名称</text>
        <view class="input-box">
          <input
            class="input"
            placeholder="请输入{{ showRole }}名称"
            placeholder-class="ph"
            bindinput="onNameInput"
            value="{{ nickName }}"
          />
        </view>
      </view>

      <!-- 手机号 -->
      <view class="field">
        <text class="field-label">手机号</text>
        <view class="input-box">
          <input
            class="input"
            placeholder="请输入手机号"
            placeholder-class="ph"
            bindinput="onPhoneInput"
            value="{{ phoneNumber }}"
            type="number"
            maxlength="11"
          />
        </view>
      </view>

      <!-- 搜索按钮 -->
      <view class="btn btn-primary" bindtap="onSearch">搜索</view>
    </view>

    <!-- 业绩列表（按需显示） -->
    <block wx:if="{{ showList }}">
      <!-- 空状态（可选） -->
      <view wx:if="{{ !performanceList || performanceList.length === 0 }}" class="empty">
        <image class="empty-img" src="/assets/empty-list.png" mode="aspectFit" />
        <text class="empty-text">暂无数据</text>
      </view>

      <!-- 列表卡片 -->
      <view wx:for="{{ performanceList }}"
            wx:for-item="item"
            wx:for-index="index"
            wx:key="item.id"
            class="card perf-card">

        <!-- 顶部：编号 + 主管 + 跳转员工绩效 -->
        <view class="topline">
          <view class="id-and-name">
            <text class="no">编号：{{ index + 1 }}</text>
            <text class="name">主管：{{ item.nickName }}</text>
          </view>
          <view class="link-btn" bind:tap="changeStaff" data-id="{{ item.userId }}">
            <text class="link-text">员工绩效排名 >></text>
          </view>
        </view>

        <!-- 手机号 + 复制 -->
        <view class="row">
          <text class="row-key">手机号</text>
          <view class="row-val">
            <text class="mono">{{ item.phoneNumber }}</text>
            <text class="copy" bindtap="onCopyPhone" data-phone="{{ item.phoneNumber }}">复制</text>
          </view>
        </view>

        <!-- 员工数 + 抽成比例（徽标 chip） -->
        <view class="chips">
          <view class="chip">员工数：{{ item.empCount }}</view>
          <view class="chip">比例：{{ item.ratePercent }}%</view>
        </view>

        <!-- 业绩九宫格 -->
        <view class="grid">
          <view class="grid-item">
            <text class="gi-label">下单量</text>
            <text class="gi-value">{{ item.orderCount }}</text>
          </view>
          <view class="grid-item">
            <text class="gi-label">总订单</text>
            <text class="gi-value">￥{{ item.totalAmount }}</text>
          </view>
          <view class="grid-item">
            <text class="gi-label">净成交</text>
            <text class="gi-value">￥{{ item.netAmount }}</text>
          </view>
          <view class="grid-item">
            <text class="gi-label">待释放</text>
            <text class="gi-value">￥{{ item.toRelease }}</text>
          </view>
          <view class="grid-item">
            <text class="gi-label">可结算</text>
            <text class="gi-value">{{ item.toSettle }}</text>
          </view>
          <view class="grid-item">
            <text class="gi-label">已结算</text>
            <text class="gi-value">￥{{ item.settled }}</text>
          </view>
          <view class="grid-item">
            <text class="gi-label">推广数</text>
            <text class="gi-value">{{ item.promoCount }}</text>
          </view>
          <view class="grid-item">
            <text class="gi-label">退款</text>
            <text class="gi-value">￥{{ item.refunded }}</text>
          </view>
          <view class="grid-item">
            <text class="gi-label">已回退</text>
            <text class="gi-value">￥0</text>
          </view>
        </view>
      </view>
    </block>
  </scroll-view>
</view>