!675 fix: mall kefu

Merge pull request !675 from puhui999/devlop

src/views/mall/promotion/kefu/components/KeFuMessageList.vue

@@ -279,8 +279,9 @@ const handleSendMessage = async (event: any) => {
     return
   }
   // 1. 校验消息是否为空
-  if (isEmpty(unref(message.value))) {
+  if (isEmpty(unref(message.value)?.trim())) {
     messageTool.notifyWarning('请输入消息后再发送哦！')
+    message.value = ''
     return
   }
   // 2. 组织发送消息

src/views/mall/promotion/kefu/index.vue

@@ -37,22 +37,22 @@ const { data, close, open } = useWebSocket(server.value, {
 })
 
 /** 监听 WebSocket 数据 */
-watchEffect(() => {
+watch(
-  if (!data.value) {
+  () => data.value,
-    return
+  (newData) => {
-  }
+    if (!newData) return
     try {
       // 1. 收到心跳
-    if (data.value === 'pong') {
+      if (newData === 'pong') return
-      return
+
-    }
       // 2.1 解析 type 消息类型
-    const jsonMessage = JSON.parse(data.value)
+      const jsonMessage = JSON.parse(newData)
       const type = jsonMessage.type
       if (!type) {
-      message.error('未知的消息类型：' + data.value)
+        message.error('未知的消息类型：' + newData)
         return
       }
+
       // 2.2 消息类型：KEFU_MESSAGE_TYPE
       if (type === WebSocketMessageTypeConstants.KEFU_MESSAGE_TYPE) {
         const message = JSON.parse(jsonMessage.content)
@@ -62,6 +62,7 @@ watchEffect(() => {
         keFuChatBoxRef.value?.refreshMessageList(message)
         return
       }
+
       // 2.3 消息类型：KEFU_MESSAGE_ADMIN_READ
       if (type === WebSocketMessageTypeConstants.KEFU_MESSAGE_ADMIN_READ) {
         // 更新会话已读
@@ -70,7 +71,11 @@ watchEffect(() => {
     } catch (error) {
       console.error(error)
     }
-})
+  },
+  {
+    immediate: false // 不立即执行
+  }
+)
 // ======================= WebSocket end =======================
 
 /** 加载指定会话的消息列表 */