162 lines
6.2 KiB
TypeScript
162 lines
6.2 KiB
TypeScript
import { mockCustomers, mockCustomerDetail } from '../../utils/mock-data'
|
||
import type { CustomerDetail, ConsumptionRecord } from '../../utils/mock-data'
|
||
import { sortByTimestamp } from '../../utils/sort'
|
||
|
||
Page({
|
||
data: {
|
||
/** 页面状态 */
|
||
pageState: 'loading' as 'loading' | 'empty' | 'normal',
|
||
/** 客户 ID */
|
||
customerId: '',
|
||
/** 客户详情 */
|
||
detail: null as CustomerDetail | null,
|
||
/** 排序后的消费记录 */
|
||
sortedRecords: [] as ConsumptionRecord[],
|
||
/** AI 洞察 */
|
||
aiInsight: {
|
||
summary: '高价值 VIP 客户，月均到店 4-5 次，偏好夜场中式台球，近期对斯诺克产生兴趣。社交属性强，常带固定球搭子，有拉新能力。储值余额充足，对促销活动响应积极。',
|
||
strategies: [
|
||
{ color: 'green', text: '最后到店距今 12 天，超出理想间隔 7 天，建议尽快安排助教主动联系召回' },
|
||
{ color: 'amber', text: '客户提到想练斯诺克走位，可推荐斯诺克专项课程包，结合储值优惠提升客单价' },
|
||
{ color: 'pink', text: '社交属性强，可邀请参加门店球友赛事活动，带动球搭子到店消费' },
|
||
],
|
||
},
|
||
/** 维客线索 */
|
||
clues: [
|
||
{ category: '客户基础', categoryColor: 'primary', text: '🎂 生日 3月15日 · VIP会员 · 注册2年', source: '系统' },
|
||
{ category: '消费习惯', categoryColor: 'success', text: '🌙 常来夜场 · 月均4-5次', source: '系统' },
|
||
{ category: '消费习惯', categoryColor: 'success', text: '💰 高客单价', source: '系统', detail: '近60天场均消费 ¥420，高于门店均值 ¥180；偏好夜场时段，酒水附加消费占比 35%' },
|
||
{ category: '玩法偏好', categoryColor: 'purple', text: '🎱 偏爱中式 · 斯诺克进阶中', source: '系统' },
|
||
{ category: '促销接受', categoryColor: 'warning', text: '🍷 爱点酒水套餐 · 对储值活动敏感', source: '系统', detail: '最近3次到店均点了酒水套餐；上次 ¥5000 储值活动当天即充值，对满赠类活动响应率高' },
|
||
{ category: '社交关系', categoryColor: 'pink', text: '👥 常带朋友 · 固定球搭子2人', source: '系统', detail: '近60天 80% 的到店为多人局，常与「李哥」「阿杰」同行；曾介绍2位新客办卡' },
|
||
{ category: '重要反馈', categoryColor: 'error', text: '⚠️ 上次提到想练斯诺克走位，对球桌维护质量比较在意，建议优先安排VIP房', source: '小燕' },
|
||
],
|
||
/** Banner 统计 */
|
||
bannerStats: {
|
||
balance: '¥8,600',
|
||
spend60d: '¥2,800',
|
||
idealInterval: '7天',
|
||
daysSinceVisit: '12天',
|
||
},
|
||
/** 助教任务 */
|
||
coachTasks: [
|
||
{
|
||
name: '小燕',
|
||
level: '高级助教',
|
||
levelColor: 'pink',
|
||
taskType: '高优先召回',
|
||
taskColor: 'red',
|
||
lastService: '02-20 21:30 · 2.5h',
|
||
bgClass: 'coach-card-red',
|
||
metrics: [
|
||
{ label: '近60天次数', value: '18次', color: 'primary' },
|
||
{ label: '总时长', value: '17h', color: '' },
|
||
{ label: '次均时长', value: '0.9h', color: 'warning' },
|
||
],
|
||
},
|
||
{
|
||
name: '泡芙',
|
||
level: '中级助教',
|
||
levelColor: 'purple',
|
||
taskType: '关系构建',
|
||
taskColor: 'pink',
|
||
lastService: '02-15 14:00 · 1.5h',
|
||
bgClass: 'coach-card-pink',
|
||
metrics: [
|
||
{ label: '近60天次数', value: '12次', color: 'primary' },
|
||
{ label: '总时长', value: '11h', color: '' },
|
||
{ label: '次均时长', value: '0.9h', color: 'warning' },
|
||
],
|
||
},
|
||
],
|
||
/** 最喜欢的助教 */
|
||
favoriteCoaches: [
|
||
{
|
||
name: '小燕',
|
||
emoji: '❤️',
|
||
relationIndex: '0.92',
|
||
indexColor: 'success',
|
||
bgClass: 'fav-card-pink',
|
||
stats: [
|
||
{ label: '基础', value: '12h', color: 'primary' },
|
||
{ label: '激励', value: '5h', color: 'warning' },
|
||
{ label: '上课', value: '18次', color: '' },
|
||
{ label: '充值', value: '¥5,000', color: 'success' },
|
||
],
|
||
},
|
||
{
|
||
name: '泡芙',
|
||
emoji: '💛',
|
||
relationIndex: '0.78',
|
||
indexColor: 'warning',
|
||
bgClass: 'fav-card-amber',
|
||
stats: [
|
||
{ label: '基础', value: '8h', color: 'primary' },
|
||
{ label: '激励', value: '3h', color: 'warning' },
|
||
{ label: '上课', value: '12次', color: '' },
|
||
{ label: '充值', value: '¥3,000', color: 'success' },
|
||
],
|
||
},
|
||
],
|
||
},
|
||
|
||
onLoad(options) {
|
||
const id = options?.id || ''
|
||
this.setData({ customerId: id })
|
||
this.loadData(id)
|
||
},
|
||
|
||
loadData(id: string) {
|
||
this.setData({ pageState: 'loading' })
|
||
|
||
setTimeout(() => {
|
||
// TODO: 替换为真实 API 调用
|
||
// 先从 mockCustomers 查找基本信息，再用 mockCustomerDetail 补充
|
||
const customer = mockCustomers.find((c) => c.id === id)
|
||
const detail = customer
|
||
? { ...mockCustomerDetail, id: customer.id, name: customer.name, heartScore: customer.heartScore, tags: customer.tags }
|
||
: mockCustomerDetail
|
||
|
||
if (!detail) {
|
||
this.setData({ pageState: 'empty' })
|
||
return
|
||
}
|
||
|
||
const sorted = sortByTimestamp(detail.consumptionRecords || [], 'date') as ConsumptionRecord[]
|
||
this.setData({
|
||
pageState: 'normal',
|
||
detail,
|
||
sortedRecords: sorted,
|
||
})
|
||
}, 500)
|
||
},
|
||
|
||
/** 发起对话 */
|
||
onStartChat() {
|
||
const id = this.data.customerId || this.data.detail?.id || ''
|
||
wx.navigateTo({
|
||
url: `/pages/chat/chat?customerId=${id}`,
|
||
fail: () => wx.showToast({ title: '页面跳转失败', icon: 'none' }),
|
||
})
|
||
},
|
||
|
||
/** 添加备注 */
|
||
onAddNote() {
|
||
wx.showToast({ title: '备注功能开发中', icon: 'none' })
|
||
},
|
||
|
||
/** 查看服务记录 */
|
||
onViewServiceRecords() {
|
||
const id = this.data.customerId || this.data.detail?.id || ''
|
||
wx.navigateTo({
|
||
url: `/pages/customer-service-records/customer-service-records?customerId=${id}`,
|
||
fail: () => wx.showToast({ title: '页面跳转失败', icon: 'none' }),
|
||
})
|
||
},
|
||
|
||
/** 返回 */
|
||
onBack() {
|
||
wx.navigateBack()
|
||
},
|
||
})
|