105 lines
2.7 KiB
TypeScript
105 lines
2.7 KiB
TypeScript
import { mockTaskDetails } from '../../utils/mock-data'
|
|
import type { TaskDetail, Note } from '../../utils/mock-data'
|
|
import { sortByTimestamp } from '../../utils/sort'
|
|
|
|
Page({
|
|
data: {
|
|
/** 页面状态 */
|
|
pageState: 'loading' as 'loading' | 'empty' | 'normal',
|
|
/** 任务详情 */
|
|
detail: null as TaskDetail | null,
|
|
/** 排序后的备注列表 */
|
|
sortedNotes: [] as Note[],
|
|
/** 备注弹窗 */
|
|
noteModalVisible: false,
|
|
},
|
|
|
|
onLoad(options) {
|
|
const id = options?.id || ''
|
|
this.loadData(id)
|
|
},
|
|
|
|
loadData(id: string) {
|
|
this.setData({ pageState: 'loading' })
|
|
|
|
setTimeout(() => {
|
|
// TODO: 替换为真实 API 调用
|
|
const detail = mockTaskDetails.find((t) => t.id === id) || mockTaskDetails[0]
|
|
if (!detail) {
|
|
this.setData({ pageState: 'empty' })
|
|
return
|
|
}
|
|
|
|
const sorted = sortByTimestamp(detail.notes || []) as Note[]
|
|
this.setData({
|
|
pageState: 'normal',
|
|
detail,
|
|
sortedNotes: sorted,
|
|
})
|
|
}, 500)
|
|
},
|
|
|
|
/** 点击"添加备注" */
|
|
onAddNote() {
|
|
this.setData({ noteModalVisible: true })
|
|
},
|
|
|
|
/** 备注弹窗确认 */
|
|
onNoteConfirm(e: WechatMiniprogram.CustomEvent) {
|
|
const { score, content } = e.detail
|
|
wx.showToast({ title: '备注已保存', icon: 'success' })
|
|
this.setData({ noteModalVisible: false })
|
|
|
|
// 模拟添加到列表
|
|
const newNote: Note = {
|
|
id: `note-${Date.now()}`,
|
|
content,
|
|
tagType: 'customer',
|
|
tagLabel: `客户：${this.data.detail?.customerName || ''}`,
|
|
createdAt: new Date().toLocaleString('zh-CN', { hour12: false }),
|
|
}
|
|
const notes = [newNote, ...this.data.sortedNotes]
|
|
this.setData({ sortedNotes: notes })
|
|
},
|
|
|
|
/** 备注弹窗取消 */
|
|
onNoteCancel() {
|
|
this.setData({ noteModalVisible: false })
|
|
},
|
|
|
|
/** 放弃任务 */
|
|
onAbandon() {
|
|
wx.showModal({
|
|
title: '放弃任务',
|
|
content: '确定要放弃该客户的维护吗？此操作不可撤销。',
|
|
confirmColor: '#e34d59',
|
|
success: (res) => {
|
|
if (res.confirm) {
|
|
wx.showToast({ title: '已放弃该客户的维护', icon: 'none' })
|
|
setTimeout(() => wx.navigateBack(), 1500)
|
|
}
|
|
},
|
|
})
|
|
},
|
|
|
|
/** 问问助手 */
|
|
onAskAssistant() {
|
|
const customerId = this.data.detail?.id || ''
|
|
wx.navigateTo({
|
|
url: `/pages/chat/chat?customerId=${customerId}`,
|
|
fail: () => wx.showToast({ title: '页面跳转失败', icon: 'none' }),
|
|
})
|
|
},
|
|
|
|
/** 标记完成 */
|
|
onMarkComplete() {
|
|
wx.showToast({ title: '已标记完成', icon: 'success' })
|
|
setTimeout(() => wx.navigateBack(), 1500)
|
|
},
|
|
|
|
/** 返回 */
|
|
onBack() {
|
|
wx.navigateBack()
|
|
},
|
|
})
|