129 lines
4.4 KiB
Plaintext
129 lines
4.4 KiB
Plaintext
<!-- 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>
|