From 5d81f72f5f2248b639628aa78192742021a02161 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Thu, 6 Nov 2025 17:20:26 +0800
Subject: [PATCH] =?UTF-8?q?feat(ai-call):=E4=BC=98=E5=8C=96AI=E5=AF=B9?=
 =?UTF-8?q?=E8=AF=9D=E7=BB=84=E4=BB=B6=E5=88=9D=E5=A7=8B=E5=8C=96=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加组件准备就绪状态标识
- 确保组件挂载完成后再执行自动滚动
-重置对话时正确处理组件状态
- 避免未初始化完成时的滚动操作
---
 src/App.vue                      | 16 ++++++++--------
 src/views/portal/case/AICall.vue | 27 +++++++++++++++++++++++----
 2 files changed, 31 insertions(+), 12 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 4bb222cc..b650c4c5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,12 +1,12 @@
 <template>
-  <div id="app">
+  <div id="app" style="width: 100vw">
     <keep-alive :include="['case']">
       <router-view />
       12312
     </keep-alive>
     <!-- 添加AI Call组件 -->
-    <AICall 
-      :dialogVisible="showAICall" 
+    <AICall
+      :dialogVisible="showAICall"
       @close="onCloseAICall"
       @restore="onRestoreAICall"
     />
@@ -16,7 +16,7 @@
 <script>
   import { mapGetters, mapState } from 'vuex';
   import AICall from '@/views/portal/case/AICall.vue';
-  
+
   export default{
     name:  'App',
     components: {
@@ -31,12 +31,12 @@
         // 通过Vuex关闭AI Call组件
         this.$store.dispatch('app/setShowAICall', false);
       },
-      
+
       onRestoreAICall() {
         // 通过Vuex显示AI Call组件
         this.$store.dispatch('app/setShowAICall', true);
       },
-      
+
       // 检查当前路由是否应该显示AI弹窗
       checkRouteForAICall() {
         const currentRoute = this.$route.name;
@@ -59,7 +59,7 @@
       // if(this.userInfo && this.userInfo.name!=''){
       //   this.$watermark.set(this.userInfo.name+this.userInfo.loginName);
       // }
-      
+
       // 初始化检查路由
       this.checkRouteForAICall();
     },
@@ -87,4 +87,4 @@
     border: 1px solid #e7e7e7 !important;
     box-shadow: 0px 1px 5px 1px rgba(92,98,111,.3);
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/portal/case/AICall.vue b/src/views/portal/case/AICall.vue
index 84fb69a5..9957309b 100644
--- a/src/views/portal/case/AICall.vue
+++ b/src/views/portal/case/AICall.vue
@@ -484,9 +484,17 @@ export default {
         }
       ],
       suggestions:[],
-      isAutoScroll: true // 是否自动滚动
+      isAutoScroll: true, // 是否自动滚动
+      // 添加一个标志位，用于标识组件是否已经初始化完成
+      isComponentReady: false
     }
   },
+  mounted() {
+    // 组件挂载完成后，标记为已准备就绪
+    this.$nextTick(() => {
+      this.isComponentReady = true;
+    });
+  },
   watch: {
     dialogVisible: {
       handler(newVal) {
@@ -533,9 +541,12 @@ export default {
     },
     messageList: {
       handler() {
-        this.$nextTick(() => {
-          this.scrollToBottom();
-        });
+        // 只有在组件准备就绪后才执行滚动操作
+        if (this.isComponentReady) {
+          this.$nextTick(() => {
+            this.scrollToBottom();
+          });
+        }
       },
       deep: true
     }
@@ -605,6 +616,9 @@ closeMinimizedWindow() {
       },500)
     },
     startNewConversation() {
+      // 重置对话时，先标记组件为未准备就绪状态
+      this.isComponentReady = false;
+
       this.messageList = [
         {
           isBot: true,
@@ -616,6 +630,11 @@ closeMinimizedWindow() {
       ];
       this.AIContent = '';
       this.isLoading = false;
+
+      // 在下一个 tick 中重新标记为准备就绪
+      this.$nextTick(() => {
+        this.isComponentReady = true;
+      });
     },
 
     // 处理滚动事件