1

apps/miniprogram/miniprogram/pages/chat/chat.ts

@@ -29,7 +29,9 @@ const mockAIReplies = [
 Page({
   data: {
     /** 页面状态 */
-    pageState: 'loading' as 'loading' | 'empty' | 'normal',
+    pageState: 'loading' as 'loading' | 'empty' | 'normal' | 'error',
+    /** 状态栏高度 */
+    statusBarHeight: 0,
     /** 消息列表 */
     messages: [] as Array<ChatMessage & { referenceCard?: ChatMessage['referenceCard'] & { dataList?: Array<{ key: string; value: string }> } }>,
     /** 输入框内容 */
@@ -50,8 +52,12 @@ Page({
   _msgCounter: 0,
 
   onLoad(options) {
+    const sysInfo = wx.getWindowInfo()
     const customerId = options?.customerId || ''
-    this.setData({ customerId })
+    this.setData({
+      customerId,
+      statusBarHeight: sysInfo.statusBarHeight || 44,
+    })
     this.loadMessages(customerId)
   },
 
@@ -59,27 +65,41 @@ Page({
   loadMessages(customerId: string) {
     this.setData({ pageState: 'loading' })
 
-    setTimeout(() => {
-      // TODO: 替换为真实 API 调用
-      const messages = enrichMessages(mockChatMessages)
-      this._msgCounter = messages.length
+    try {
+      setTimeout(() => {
+        // TODO: 替换为真实 API 调用
+        const messages = enrichMessages(mockChatMessages)
+        this._msgCounter = messages.length
 
-      // 如果携带 customerId，显示引用卡片
-      const referenceCard = customerId
-        ? { title: '客户详情', summary: `正在查看客户 ${customerId} 的相关信息` }
-        : null
+        // 如果携带 customerId，显示引用卡片
+        const referenceCard = customerId
+          ? { title: '客户详情', summary: `正在查看客户 ${customerId} 的相关信息` }
+          : null
 
-      const isEmpty = messages.length === 0 && !referenceCard
+        const isEmpty = messages.length === 0 && !referenceCard
 
-      this.setData({
-        pageState: isEmpty ? 'empty' : 'normal',
-        messages,
-        referenceCard,
-      })
+        this.setData({
+          pageState: isEmpty ? 'empty' : 'normal',
+          messages,
+          referenceCard,
+        })
 
-      // 滚动到底部
-      this.scrollToBottom()
-    }, 500)
+        // 滚动到底部
+        this.scrollToBottom()
+      }, 500)
+    } catch {
+      this.setData({ pageState: 'error' })
+    }
+  },
+
+  /** 返回上一页 */
+  onBack() {
+    wx.navigateBack()
+  },
+
+  /** 重试加载 */
+  onRetry() {
+    this.loadMessages(this.data.customerId)
   },
 
   /** 输入框内容变化 */