You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
4.7 KiB
106 lines
4.7 KiB
<!-- pages/customer-service/index.wxml -->
|
|
<view class="container">
|
|
<!-- 顶部导航栏 -->
|
|
<view class="nav-bar">
|
|
<view class="nav-left" bindtap="onBack">
|
|
<text class="back-icon">返回</text>
|
|
</view>
|
|
<view class="nav-title">客服列表</view>
|
|
<view class="nav-right">
|
|
<text class="settings-icon">⚙️</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 搜索区域 -->
|
|
<view class="search-container">
|
|
<view class="search-bar">
|
|
<text class="search-icon-small">🔍</text>
|
|
<input class="search-input" placeholder="客服人称或手机号" bindinput="onSearch" value="{{searchKeyword}}" />
|
|
</view>
|
|
<view class="filter-area">
|
|
<view class="area-picker" bindtap="onAreaFilter">
|
|
<text>区域</text>
|
|
<text class="picker-arrow">▼</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 客服列表 -->
|
|
<view class="broker-list">
|
|
<block wx:if="{{filteredServices.length > 0}}">
|
|
<view class="broker-item" wx:for="{{filteredServices}}" wx:key="id" bindtap="onViewDetail" data-id="{{item.id}}">
|
|
<view class="broker-info">
|
|
<view class="avatar-container">
|
|
<image class="avatar" src="{{item.avatarUrl || '/images/default-avatar.png'}}" mode="aspectFill" />
|
|
<view wx:if="{{item.isOnline}}" class="online-indicator">在线</view>
|
|
</view>
|
|
<view class="broker-details">
|
|
<view class="name-row">
|
|
<text class="name">{{item.alias}}</text>
|
|
<text class="score-text" wx:if="{{item.score === '新人暂无'}}">{{item.score}}</text>
|
|
<text class="score-text" wx:else>{{item.score}} 鸡蛋分</text>
|
|
<text wx:if="{{item.isOnline}}" class="online-status">(在线)</text>
|
|
</view>
|
|
<text class="company">{{item.managercompany || '暂无公司信息'}}</text>
|
|
<text class="department">{{item.managerdepartment}} · {{item.projectName}}</text>
|
|
<text class="area">负责区域：{{item.responsibleArea}}</text>
|
|
<text class="experience" wx:if="{{userType === 'seller'}}">{{item.experience}} 服务{{item.serviceCount}}个客户</text>
|
|
<text class="experience" wx:else>{{item.experience}} 服务{{item.serviceCount}}家鸡场</text>
|
|
<!-- 业绩数据统计 - 根据用户类型显示不同数据 -->
|
|
<view class="performance-stats">
|
|
<!-- 销售员数据 -->
|
|
<block wx:if="{{userType === 'seller'}}">
|
|
<view class="stat-item">
|
|
<text class="stat-value">{{item.purchaseCount}}</text>
|
|
<text class="stat-label">累计销售</text>
|
|
</view>
|
|
<view class="stat-divider">|</view>
|
|
<view class="stat-item">
|
|
<text class="stat-value profit-rate">{{item.profitFarmCount}}%</text>
|
|
<text class="stat-label">客户满意度</text>
|
|
</view>
|
|
</block>
|
|
|
|
<!-- 采购员数据 -->
|
|
<block wx:else>
|
|
<view class="stat-item">
|
|
<text class="stat-value">{{item.purchaseCount}}</text>
|
|
<text class="stat-label">累计采购(件)</text>
|
|
</view>
|
|
<view class="stat-divider">|</view>
|
|
<view class="stat-item">
|
|
<text class="stat-value profit-rate">{{item.profitFarmCount}}</text>
|
|
<text class="stat-label">服务盈利鸡场(家)</text>
|
|
</view>
|
|
<view class="stat-divider">|</view>
|
|
<view class="stat-item">
|
|
<text class="stat-value profit-rate">{{item.profitIncreaseRate}}%</text>
|
|
<text class="stat-label">平均盈利增长</text>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
<!-- 专业技能标签 -->
|
|
<view class="skills-preview">
|
|
<view wx:for="{{item.skills}}" wx:key="index" wx:if="{{index < 3}}" class="skill-tag-small">
|
|
{{item}}</view>
|
|
<view wx:if="{{item.skills.length > 3}}" class="skill-more">
|
|
+{{item.skills.length - 3}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="action-buttons">
|
|
<view wx:if="{{!isCurrentUserManager}}" class="button-chat" bindtap="onChat" data-id="{{item.id}}">
|
|
<text class="button-icon">💬</text>
|
|
</view>
|
|
<view class="button-call" bindtap="onCall" data-phone="{{item.phoneNumber}}">
|
|
<text class="button-icon">📞</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<view wx:else class="empty-state">
|
|
<text>👤</text>
|
|
<text class="empty-text">暂无匹配的经纪人</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|