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.
93 lines
3.4 KiB
93 lines
3.4 KiB
<!-- pages/customer-service/detail/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="share-icon">📤</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 客服基本信息 -->
|
|
<view class="info-section">
|
|
<view class="header-info">
|
|
<view class="avatar-container">
|
|
<image class="avatar" src="{{customerData.avatarUrl || '/images/default-avatar.png'}}" mode="aspectFill" />
|
|
<view wx:if="{{customerData.isOnline}}" class="online-indicator-large">在线</view>
|
|
<view wx:else class="offline-indicator-large">离线</view>
|
|
</view>
|
|
<view class="header-details">
|
|
<view class="name-score-row">
|
|
<text class="name-large">{{customerData.alias}}</text>
|
|
<text class="score-large">{{customerData.score}} 鸡蛋分</text>
|
|
</view>
|
|
<text class="position">{{customerData.projectName}}</text>
|
|
<text class="company-large">{{customerData.managercompany}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 核心信息卡片 -->
|
|
<view class="core-info-section">
|
|
<view class="info-card">
|
|
<view class="info-item">
|
|
<text class="info-label">负责区域</text>
|
|
<text class="info-value">{{customerData.responsibleArea}}</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="info-label">联系电话</text>
|
|
<text class="info-value phone-number" bindtap="onCall">{{customerData.phoneNumber}}</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="info-label">工作经验</text>
|
|
<text class="info-value">服务平台{{customerData.experience}}</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="info-label">服务规模</text>
|
|
<text class="info-value">服务{{customerData.serviceCount}}家鸡场</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 专业技能标签 -->
|
|
<view class="skills-section">
|
|
<view class="section-title">专业技能</view>
|
|
<view class="skills-container">
|
|
<view wx:for="{{customerData.skills}}" wx:key="index" class="skill-tag">
|
|
{{item}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 业绩数据 -->
|
|
<view class="performance-section">
|
|
<view class="section-title">业绩数据</view>
|
|
<view class="performance-cards">
|
|
<view class="performance-card">
|
|
<view class="performance-number">{{customerData.purchaseCount}}</view>
|
|
<view class="performance-label">累计采购鸡蛋(件)</view>
|
|
</view>
|
|
<view class="performance-card">
|
|
<view class="performance-number">{{customerData.profitFarmCount}}</view>
|
|
<view class="performance-label">累计服务鸡场(家)</view>
|
|
</view>
|
|
<view class="performance-card">
|
|
<view class="performance-number profit-rate">{{customerData.profitIncreaseRate}}%</view>
|
|
<view class="performance-label">平均盈利增长</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 底部操作按钮 -->
|
|
<view class="bottom-actions">
|
|
<view class="action-button chat-button" bindtap="onChat">
|
|
<text class="button-text">💬 在线沟通</text>
|
|
</view>
|
|
<view class="action-button call-button" bindtap="onCall">
|
|
<text class="button-text">📞 电话联系</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|