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">员工业绩报表</text>
|
|
</view>
|
|
|
|
<scroll-view scroll-y class="content no-scrollbar">
|
|
<!-- 搜索表单 -->
|
|
<view class="card form-card">
|
|
<!-- 员工名称 -->
|
|
<view class="field">
|
|
<text class="field-label">员工名称</text>
|
|
<view class="input-box">
|
|
<input
|
|
class="input"
|
|
placeholder="请输入员工名称"
|
|
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:key="item.id"
|
|
wx:for-item="item"
|
|
wx:for-index="index"
|
|
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="gotoUser" 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>
|
|
|
|
<!-- 客户数 + 抽成比例（徽章） -->
|
|
<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 money">￥{{ item.totalAmount }}</text>
|
|
</view>
|
|
<view class="grid-item">
|
|
<text class="gi-label">净成交</text>
|
|
<text class="gi-value money">￥{{ item.netAmount }}</text>
|
|
</view>
|
|
<view class="grid-item">
|
|
<text class="gi-label">待释放</text>
|
|
<text class="gi-value money">￥{{ 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 money">￥{{ 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 money">￥{{ item.refunded }}</text>
|
|
</view>
|
|
<view class="grid-item">
|
|
<text class="gi-label">已回退</text>
|
|
<text class="gi-value money">￥0</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</scroll-view>
|
|
</view>
|