From 32592f3d6d46b83c6e7143296a5c63c81a80ba70 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Thu, 1 Jun 2023 17:12:10 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8DGLM=E6=B5=81=E5=BC=8F?=
 =?UTF-8?q?=E8=BE=93=E5=87=BA=E5=86=85=E5=AE=B9=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/chatContent.vue | 33 ++++++---------------------------
 src/utils/models.js            | 10 ++++------
 2 files changed, 10 insertions(+), 33 deletions(-)

diff --git a/src/components/chatContent.vue b/src/components/chatContent.vue
index 7e19fa8..c488f19 100644
--- a/src/components/chatContent.vue
+++ b/src/components/chatContent.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="chatContent" @scroll="onScroll">
+  <section class="chatContent">
     <div class="chat-wrapper" v-for="item in list" :key="item.id">
       <div class="chat-friend" v-if="item.uid !== 'me'">
         <div class="chat-text" v-if="item.chatType == 0">
@@ -41,32 +41,14 @@ export default {
   props: {
     list: {default: () => []}
   },
-  data() {
-    return {
-      demo: "要针对一个CSS滚动到元素的最底部，可以使用以下JS代码：\n" +
-          "\n" +
-          "``` javascript\n" +
-          "var element = document.getElementById('yourElementId');\n" +
-          "scrollToBottom(element);\n" +
-          "\n" +
-          "function scrollToBottom(element) {\n" +
-          "  element.scrollTop = element.scrollHeight - element.clientHeight;\n" +
-          "}\n" +
-          "```\n" +
-          "\n" +
-          "这个代码首先获取一个具有给定ID的元素，然后调用名为`scrollToBottom`的函数，该函数将元素滚动到底部。在`scrollToBottom`函数中，`scrollTop`属性设置为`element.scrollHeight - element.clientHeight`的结果，这将把元素滚动到它的最底部。"
+  watch: {
+    list: {
+      deep: true, handler() {
+        this.scrollBottom()
+      }
     }
   },
   methods: {
-    onScroll() {
-      const scrollDom = this.$el;
-      const scrollTop = scrollDom.scrollTop;
-      const offsetHeight = scrollDom.offsetHeight;
-      const scrollHeight = scrollDom.scrollHeight;
-      // 当滚动到底部，设置 isAutoScroll 为 true
-      this.isAutoScroll = scrollTop + offsetHeight === scrollHeight;
-      scrollDom.scrollTop = scrollHeight - scrollDom.clientHeight
-    },
     scrollBottom() {
       this.$el.scrollTop = this.$el.scrollHeight - this.$el.clientHeight
     },
@@ -75,9 +57,6 @@ export default {
         this.$message.success("已复制")
       }
     }
-  },
-  created() {
-
   }
 }
 </script>
diff --git a/src/utils/models.js b/src/utils/models.js
index 84a33f3..eac8220 100644
--- a/src/utils/models.js
+++ b/src/utils/models.js
@@ -164,7 +164,7 @@ export class ChatGLM extends BaseModel {
     const prompt = history.pop()
     const url = ChatGLM.base + "/model/v1/open/engines/sse/chatGLM/chatGLM"
     return await axios.post(url, JSON.stringify({
-      history, prompt, temperature: 1, top_p: 0.6, requestTaskNo: this.taskId
+      history, prompt, temperature: 0.2, requestTaskNo: this.taskId
     }), {
       headers: this.headers,
     }).then(res => res?.body?.getReader());
@@ -193,11 +193,9 @@ export class ChatGLM extends BaseModel {
         return;
       }
       const decode = new TextDecoder().decode(value)
-      const contents = decode.split("event:finish")[0].split("\n")
-      if (contents.length > 0) {
-        console.log(contents)
-        chat.msg = contents.filter(e => e.startsWith("data:") && e.trim() != "data:")?.map(e => e.replace(/data:/, '')).join("\n") || ""
-      }
+      const dialogue = decode.split("event:").at(-1)
+      const msg = dialogue.split("\n").filter(e => e.startsWith("data:"))?.map(e => e.replace("data:", '')).join("\n")
+      if (msg?.length > 0) chat.msg = msg
       return this.streamOutput(reader, chat)
     })
   }