feat(ai-call):优化AI对话组件初始化逻辑

- 添加组件准备就绪状态标识
- 确保组件挂载完成后再执行自动滚动
-重置对话时正确处理组件状态
- 避免未初始化完成时的滚动操作

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>
+</style>

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;
+      });
     },
 
     // 处理滚动事件