From 959731609f747092470c2f86fd44f7ff3ff3db3b Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Fri, 17 May 2024 23:27:13 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E4=BC=98=E5=8C=96=E3=80=91AI=20?=
 =?UTF-8?q?=E8=81=8A=E5=A4=A9=E5=8D=A1=E9=A1=BF=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/chat/index.vue | 32 ++++++++++++++++++++++----------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/views/ai/chat/index.vue b/src/views/ai/chat/index.vue
index 96fe1dfa..f59f4fea 100644
--- a/src/views/ai/chat/index.vue
+++ b/src/views/ai/chat/index.vue
@@ -259,9 +259,6 @@ const doSend = async (content: string) => {
     conversationId: activeConversationId.value,
     content: content
   } as ChatMessageVO
-  // list.value.push(userMessage)
-  // 滚动到住下面
-  // await scrollToBottom()
   // stream
   await doSendStream(userMessage)
 }
@@ -274,6 +271,21 @@ const doSendStream = async (userMessage: ChatMessageVO) => {
   // 设置为空
   fullText.value = ''
   try {
+    // 先添加两个假数据，等 stream 返回再替换
+    list.value.push({
+      id: -1,
+      conversationId: activeConversationId.value,
+      type: 'user',
+      content: userMessage.content,
+      createTime: new Date()
+    } as ChatMessageVO)
+    list.value.push({
+      id: -2,
+      conversationId: activeConversationId.value,
+      type: 'system',
+      content: '思考中...',
+      createTime: new Date()
+    } as ChatMessageVO)
     // 开始滚动
     textRoll()
     // 发送 event stream
@@ -291,20 +303,20 @@ const doSendStream = async (userMessage: ChatMessageVO) => {
           conversationInProgress.value = false
           // 结束 stream 对话
           conversationInAbortController.value.abort()
+          return
         }
         // 首次返回需要添加一个 message 到页面，后面的都是更新
         if (isFirstMessage) {
           isFirstMessage = false
-          // debugger
+          // 弹出两个 假数据
+          list.value.pop()
+          list.value.pop()
+          // 更新返回的数据
           list.value.push(data.send)
           list.value.push(data.receive)
-        } else {
-          // debugger
-          fullText.value = fullText.value + data.receive.content
-          // const lastMessage = list.value[list.value.length - 1]
-          // lastMessage.content = content
-          // list.value[list.value - 1] = lastMessage
         }
+        // debugger
+        fullText.value = fullText.value + data.receive.content
         // 滚动到最下面
         await scrollToBottom()
       },