From f848280fe3ed8841147fcc8f26a788580b82ae0c Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期六, 17 八月 2024 10:37:46 +0800
Subject: [PATCH] 首页页面bug修改

---
 src/views/sessionManager/components/agentSession.vue |   97 ++++++++++++++++++++++++++++++++++--------------
 1 files changed, 68 insertions(+), 29 deletions(-)

diff --git a/src/views/sessionManager/components/agentSession.vue b/src/views/sessionManager/components/agentSession.vue
index 54e2ddc..5092bff 100644
--- a/src/views/sessionManager/components/agentSession.vue
+++ b/src/views/sessionManager/components/agentSession.vue
@@ -1,5 +1,12 @@
 <template>
   <!--      鍐呭-->
+  <div class="header___lEPyH">
+    <div class="chatHeader">
+      <div class="chatHeaderBox">
+        <span class="title">{{agentTitle}}</span>
+      </div>
+    </div>
+  </div>
   <a-scrollbar
     ref="scrollbar"
     id="agentHome"
@@ -99,7 +106,7 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps, ref, watch, defineEmits, onMounted, reactive, computed, nextTick } from "vue";
+import { defineProps, ref, watch, defineEmits, onMounted, reactive, computed, nextTick, onBeforeUnmount } from "vue";
 import { Message } from '@arco-design/web-vue';
 import { useAppStore } from "@/store";
 import { getAuthorization } from "@/utils/auth";
@@ -118,6 +125,7 @@
 const dialogId = ref('');
 const chatDis = ref(false);
 const loading = ref(false);
+const agentTitle = ref("鏈懡鍚嶄細璇�");
 
 
 const currIndex = ref(0);
@@ -142,9 +150,6 @@
 // 鍒濆鍖栭〉闈�
 const initPage = async () => {
   agentSet();
-  agentReset();
-  agentCompletion();
-  queryAgentSessionDetail(agentObj.id);
 };
 
 const createNewAgent = async (session) => {
@@ -167,6 +172,7 @@
   if (res.code == 0) {
     // sessionDetailList.value = res.data.dsl.messages;
     // Message.success('淇敼鎴愬姛');
+    agentReset();
   }
 }
 // 璋冪敤reset鏂规硶
@@ -174,8 +180,9 @@
   const res = await agentResetApi({
     id: agentObj.id,
   });
-  if (res.code === 200) {
+  if (res.code == 0) {
     // Message.success('淇敼鎴愬姛');
+    agentCompletion();
   }
 }
 // 璋冪敤completion鏂规硶
@@ -199,30 +206,30 @@
     .pipeThrough(new EventSourceParserStream())
     .getReader();
   currIndex.value = 0;
-  // while (true) {
-  //   const x = await reader?.read();
-  //   if (x) {
-  //     const { done, value } = x;
-  //     console.log(x, 999);
-  //     try {
-  //       const val = JSON.parse(value?.data || '');
-  //       const d = val?.data;
-  //       if (typeof d !== 'boolean') {
-  //         console.info('data:', d);
-  //         streamStr.value = d.content;
-  //         startDisplayStr();
-  //       }
-  //     } catch (e) {
-  //       console.warn(e);
-  //     }
-  //     if (done) {
-  //       console.info('done');
-  //       displayedText.value = '';
-  //       queryAgentSessionDetail(agentObj.id);
-  //       break;
-  //     }
-  //   }
-  // }
+  while (true) {
+    const x = await reader?.read();
+    if (x) {
+      const { done, value } = x;
+      console.log(x, 999);
+      try {
+        const val = JSON.parse(value?.data || '');
+        const d = val?.data;
+        if (typeof d !== 'boolean') {
+          console.info('data:', d);
+          streamStr.value = d.content;
+          startDisplayStr();
+        }
+      } catch (e) {
+        console.warn(e);
+      }
+      if (done) {
+        console.info('done');
+        displayedText.value = '';
+        queryAgentSessionDetail(agentObj.id);
+        break;
+      }
+    }
+  }
   chatDis.value = false;
   loading.value = false;
   inputMsg.value = '';
@@ -234,6 +241,7 @@
   if (code == 0) {
     console.log(data,'浼氳瘽璇︽儏');
     sessionDetailList.value = data.dsl.messages;
+    agentTitle.value = data.name || '鏈懡鍚嶄細璇�';
     refreshScroll(); //鍒锋柊婊氬姩鏉′綅缃�
   }
 };
@@ -313,6 +321,7 @@
               console.info('done');
               displayedText.value = '';
               queryAgentSessionDetail(agentObj.id);
+              EventBus.emit('queryAppUsageList');
               break;
             }
           }
@@ -367,6 +376,14 @@
   EventBus.on('createAgent', (data) => {
     createNewAgent(data);
   });
+  EventBus.on('queryAgentSessionDetail', (data) => {
+    Object.assign(agentObj, data);
+    queryAgentSessionDetail(data.id);
+  });
+});
+onBeforeUnmount(() => {
+  EventBus.off('createAgent');
+  EventBus.off('queryAgentSessionDetail');
 });
 
 watch(
@@ -514,4 +531,26 @@
     }
   }
 }
+.header___lEPyH {
+  width: 100%;
+  height: 46px;
+  position: relative;
+  backdrop-filter: blur(15px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  -webkit-backdrop-filter: blur(15px);
+  .chatHeaderBox {
+    width: auto;
+    border-radius: 8px;
+    padding: 4px 20px;
+    transition: all var(--animation-duration) var(--animation-transition);
+    display: flex;
+    align-items: flex-end;
+    overflow: hidden;        /* 闅愯棌瓒呭嚭鐨勫唴瀹� */
+    text-overflow: ellipsis; /* 浣跨敤鐪佺暐鍙锋潵浠ｆ浛琚殣钘忕殑鏂囧瓧 */
+    white-space: nowrap;     /* 涓嶆崲琛岋紝浣垮唴瀹瑰湪涓�琛屽唴鏄剧ず */
+    max-width: 200px;
+  }
+}
 </style>

--
Gitblit v1.8.0