Neo-ZQYY/apps/miniprogram/miniprogram/pages/customer-detail/customer-detail.ts

/* AI_CHANGELOG
| 日期 | Prompt | 变更 |
|------|--------|------|
| 2026-03-23 | 角色路由+页面权限守卫 | onShow 添加 checkPageAccess 权限守卫 |
*/
import { checkPageAccess } from '../../utils/auth-guard'
import { fetchCustomerDetail, fetchAICache } from '../../services/api'

interface ConsumptionRecord {
  id: string
  type: "table" | "shop" | "recharge"
  date: string
  tableName?: string
  startTime?: string
  endTime?: string
  duration?: string
  tableFee?: number
  tableOrigPrice?: number
  coaches?: Array<{
    name: string
    level: string
    levelColor: string
    courseType: string
    hours: string
    perfHours?: string
    fee: number
  }>
  foodAmount?: number
  foodOrigPrice?: number
  foodDetail?: string
  totalAmount?: number
  totalOrigPrice?: number
  payMethod?: string
  rechargeAmount?: number
}

const mockRecords: ConsumptionRecord[] = [
  { id: '', type: 'table', date: '', tableName: '', startTime: '', endTime: '', duration: '', tableFee: 0, coaches: [{ name: '', level: '', levelColor: '', courseType: '', hours: '', fee: 0 }], foodAmount: 0, totalAmount: 0, payMethod: '' },
  { id: '', type: 'recharge', date: '', rechargeAmount: 0 },
]

Page({
  data: {
    pageState: "loading" as "loading" | "empty" | "error" | "normal",
    detail: {
      id: '',
      name: '',
      avatarChar: '',
      phone: '',
      phoneFull: '',
      balance: null as number | null,
      consumption60d: null as number | null,
      idealInterval: null as number | null,
      daysSinceVisit: null as number | null,
    },
    phoneVisible: false,
    aiColor: "indigo" as "red" | "orange" | "yellow" | "blue" | "indigo" | "purple",
    aiInsight: {
      summary: '',
      strategies: [
        { color: '', text: '' },
        { color: '', text: '' },
      ],
    },
    clues: [
      { category: '', categoryColor: '', text: '', source: '' },
      { category: '', categoryColor: '', text: '', source: '', detail: '' },
    ],
    coachTasks: [
      { name: '', level: '', levelColor: '', taskType: '', taskColor: '', bgClass: '', status: '', lastService: '', metrics: [{ label: '', value: '' }] },
      { name: '', level: '', levelColor: '', taskType: '', taskColor: '', bgClass: '', status: '', lastService: '', metrics: [{ label: '', value: '' }] },
    ],
    favoriteCoaches: [
      { emoji: '', name: '', relationIndex: '', indexColor: '', bgClass: '', stats: [{ label: '', value: '' }] },
    ],
    consumptionRecords: mockRecords,
    loadingMore: false,
    noteModalVisible: false,
    favCoachExpanded: false,
    sortedNotes: [
      { id: '', tagLabel: '', createdAt: '', content: '' },
      { id: '', tagLabel: '', createdAt: '', content: '' },
    ] as Array<{ id: string; tagLabel: string; createdAt: string; content: string }>,
  },

  onLoad(options: any) {
    // 随机 AI 配色
    const aiColors = ['red', 'orange', 'yellow', 'blue', 'indigo', 'purple'] as const
    const aiColor = aiColors[Math.floor(Math.random() * aiColors.length)]
    this.setData({ aiColor })
    const id = options?.id || options?.customerId || ''
    this.loadDetail(id)
  },

  onShow() {
    // 权限守卫：检查登录状态、账号禁用、角色权限
    checkPageAccess('pages/customer-detail/customer-detail')
  },

  // CHANGE 2026-03-29 | P3 联调：映射所有后端返回字段（AI 相关暂跳过）
  async loadDetail(id?: string) {
    this.setData({ pageState: 'loading' })
    wx.showLoading({ title: '加载中...', mask: true })
    try {
      if (id) {
        const d = await fetchCustomerDetail(id)
        if (d) {
          this.setData({
            detail: {
              id: d.id ?? id,
              name: d.name || '',
              avatarChar: (d.name || '')[0] || '',
              phone: d.phone || '',
              phoneFull: d.phoneFull || '',
              balance: d.balance ?? null,
              // CHANGE 2026-03-29 | Pydantic 把 consumption_60d → consumption60D（大写 D）
              consumption60d: d.consumption60D ?? d.consumption60d ?? null,
              idealInterval: d.idealInterval ?? null,
              daysSinceVisit: d.daysSinceVisit ?? null,
            },
            // 维客线索
            clues: d.retentionClues || [],
            // 助教任务
            coachTasks: d.coachTasks || [],
            // 最亲密助教
            favoriteCoaches: d.favoriteCoaches || [],
            // 消费记录
            consumptionRecords: d.consumptionRecords || [],
            // 备注
            sortedNotes: d.notes || [],
          })
        }
      }
      this.setData({ pageState: 'normal' })
      if (id) this._loadAIInsight(id)
    } catch (e) {
      console.error('[customer-detail] loadDetail 失败:', e)
      this.setData({ pageState: 'error' })
    } finally {
      wx.hideLoading()
    }
  },

  async _loadAIInsight(memberId: string) {
    const cache = await fetchAICache('app7_customer_analysis', memberId)
    if (!cache?.result_json) return
    const rj = cache.result_json as any
    const COLORS = ['blue', 'indigo', 'purple', 'red', 'orange', 'yellow'] as const
    const strategies = Array.isArray(rj.strategies)
      ? rj.strategies.map((s: any, i: number) => ({
          color: COLORS[i % COLORS.length],
          text: s.title || s.text || '',
        }))
      : []
    this.setData({
      'aiInsight.summary': rj.summary || '',
      'aiInsight.strategies': strategies,
    })
  },

  onRetry() {
    const id = this.data.detail?.id || ''
    this.loadDetail(id)
  },

  /** 查看/隐藏手机号 */
  onTogglePhone() {
    this.setData({ phoneVisible: !this.data.phoneVisible })
  },

  /** 复制手机号（复制完整号码） */
  onCopyPhone() {
    const phone = this.data.detail.phoneFull || this.data.detail.phone
    wx.setClipboardData({
      data: phone,
      success: () => {
        wx.showToast({ title: '手机号码已复制', icon: 'none' })
      },
    })
  },

  onViewServiceRecords() {
    const customerId = this.data.detail?.id || ''
    wx.navigateTo({
      url: `/pages/customer-records/customer-records?customerId=${customerId}`,
      fail: () => wx.showToast({ title: '页面跳转失败', icon: 'none' }),
    })
  },

  onStartChat() {
    const customerId = this.data.detail?.id || ''
    wx.navigateTo({
      url: `/pages/chat/chat?customerId=${customerId}`,
      fail: () => wx.showToast({ title: '页面跳转失败', icon: 'none' }),
    })
  },

  onAddNote() {
    this.setData({ noteModalVisible: true })
  },

  // CHANGE 2026-03-29 | 备注创建调用后端 API，保存后直接插入列表顶部
  async onNoteConfirm(e: any) {
    const { content, score } = e.detail || {}
    this.setData({ noteModalVisible: false })
    if (!content) return
    try {
      const { createNote } = require('../../services/api')
      const result = await createNote({
        targetId: Number(this.data.detail.id),
        content,
        score: score || undefined,
      })
      wx.showToast({ title: '备注已保存', icon: 'success' })
      // 直接插入到列表顶部，不刷新整页
      const now = new Date()
      const timeStr = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')} ${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}`
      const newNote = {
        id: result?.id || Date.now(),
        tagLabel: '备注',
        createdAt: timeStr,
        content,
      }
      this.setData({
        sortedNotes: [newNote, ...this.data.sortedNotes],
      })
    } catch {
      wx.showToast({ title: '备注保存失败', icon: 'none' })
    }
  },

  onNoteCancel() {
    this.setData({ noteModalVisible: false })
  },

  onToggleFavCoaches() {
    this.setData({ favCoachExpanded: !this.data.favCoachExpanded })
  },

  onDeleteNote(e: WechatMiniprogram.TouchEvent) {
    const noteId = e.currentTarget.dataset.id
    if (!noteId) return
    wx.showModal({
      title: '确认删除',
      content: '删除后不可恢复',
      success: async (res) => {
        if (!res.confirm) return
        try {
          const { deleteNote } = require('../../services/api')
          await deleteNote(noteId)
          // 从列表中移除
          this.setData({
            sortedNotes: this.data.sortedNotes.filter((n: any) => n.id !== noteId),
          })
          wx.showToast({ title: '已删除', icon: 'success' })
        } catch {
          wx.showToast({ title: '删除失败', icon: 'none' })
        }
      },
    })
  },
})