diff --git a/src/api/modules/cases.js b/src/api/modules/cases.js
index c0adadcc..572df882 100644
--- a/src/api/modules/cases.js
+++ b/src/api/modules/cases.js
@@ -1,14 +1,14 @@
 /* 案例模块的相关处理*/
-import ajax from '@/utils/xajax.js'
-import ajaxs from '@/api/ajax.js'
+import ajax from "@/utils/xajax.js";
+import ajaxs from "@/api/ajax.js";
 /**首页查询
  * pageSize
  * orderField
  * orderAsc
-*/
+ */
 const indexList = function (query) {
-  return ajax.post('/xboe/m/boe/cases/case-random', query);
-}
+  return ajax.post("/xboe/m/boe/cases/case-random", query);
+};
 /*
  *案例分页搜索查询    是否推荐
  *@param(String) keyWord  关键词
@@ -17,14 +17,14 @@ const indexList = function (query) {
  *@param(Boolean) breCommend 是否推荐 true或者false
  *@param(String) orgDomain 组织机构
  *@param(String) majorType 专业分类
-* @param(String) majorDomain 专业领域
+ * @param(String) majorDomain 专业领域
  */
 const queryList = function (query) {
-  return ajax.post('/xboe/m/boe/cases/queryList', query);
-}
+  return ajax.post("/xboe/m/boe/cases/queryList", query);
+};
 const queryListV2 = function (query) {
-  return ajax.postJson('/xboe/m/boe/cases/queryListV2', query);
-}
+  return ajax.postJson("/xboe/m/boe/cases/queryListV2", query);
+};
 /* 案例分页搜索查询 是否置顶
 *@param(String) keyWord  关键词
 @param(Boolean) isTop  是否置顶 true或false
@@ -33,32 +33,32 @@ const queryListV2 = function (query) {
 * @param(String) majorDomain 专业领域
 */
 const isTopList = function (query) {
-  return ajax.post('/xboe/m/boe/cases/isTopList', query);
-}
+  return ajax.post("/xboe/m/boe/cases/isTopList", query);
+};
 /* 设置置顶  取消置顶
  @param(String) id
  @param(Integer) isTop  是否置顶 0：未置顶，1：已置顶
  */
 const updateTop = function (id, isTop) {
   return ajax.get(`/xboe/m/boe/cases/updateTop?id=${id}&isTop=${isTop}`);
-}
+};
 /* 删除案例
  *param(String) id 案例的id
  */
 const del = function (id) {
-  return ajax.get('/xboe/m/boe/cases/delete?id=' + id);
-}
+  return ajax.get("/xboe/m/boe/cases/delete?id=" + id);
+};
 /*案例详情
  @param(String) id 案例的id
  @param(Boolean) addView 是否增加浏览量
  */
 const detail = function (id, addView) {
-  let pars = 'id=' + id;
+  let pars = "id=" + id;
   if (addView) {
-    pars += '&addView=' + addView
+    pars += "&addView=" + addView;
   }
-  return ajax.get('/xboe/m/boe/cases/detail?' + pars);
-}
+  return ajax.get("/xboe/m/boe/cases/detail?" + pars);
+};
 /*推荐
  *@param (String) id 案例的id
  *@param (String) title  案例的标题
@@ -66,61 +66,65 @@ const detail = function (id, addView) {
  *@param (String) recommentThat  推荐说明
  */
 const savaRecommend = function (data) {
-  return ajax.post('/xboe/m/boe/recommend/save', data);
-}
+  return ajax.post("/xboe/m/boe/recommend/save", data);
+};
 /* 推荐列表
  *没有参数
  */
 const query = function () {
-  return ajax.get('/xboe/m/boe/recommend/query');
-}
+  return ajax.get("/xboe/m/boe/recommend/query");
+};
 /*
 *作者排行榜
  @param pageSize 长度
  */
 const usernameList = function (pageSize) {
   return ajax.get(`/xboe/m/boe/cases/usernamelist?pageSize=${pageSize}`);
-}
+};
 /*
 人气榜
 @param pageSize 长度
  */
 const queryPraises = function (pageSize) {
   return ajax.get(`/xboe/m/boe/cases/query-praises?pageSize=${pageSize}`);
-}
-const queryPraisesNew = function (pageSize,rankType) {
-  return ajax.get(`/xboe/m/boe/cases/queryPopularity?pageSize=${pageSize}&rankType=${rankType}`);
-}
+};
+const queryPraisesNew = function (pageSize, rankType) {
+  return ajax.get(
+    `/xboe/m/boe/cases/queryPopularity?pageSize=${pageSize}&rankType=${rankType}`
+  );
+};
 const queryRecommendRank = function (pageSize) {
   return ajax.get(`/xboe/m/boe/cases/queryRecommendRank?pageSize=${pageSize}`);
-}
+};
 /*
 好评榜
 @param pageSize 长度
 */
 const queryComments = function (pageSize) {
   return ajax.get(`/xboe/m/boe/cases/query-comments?pageSize=${pageSize}`);
-}
-const queryCommentsNew = function (pageSize,rankType) {
-  return ajax.get(`/xboe/m/boe/cases/queryHighOpinion?pageSize=${pageSize}&rankType=${rankType}`);
-}
+};
+const queryCommentsNew = function (pageSize, rankType) {
+  return ajax.get(
+    `/xboe/m/boe/cases/queryHighOpinion?pageSize=${pageSize}&rankType=${rankType}`
+  );
+};
 
 /**
  * 专业分类
  * */
 const majorTypes = function () {
-  return ajax.get('/xboe/m/boe/cases/majorTypes');
-}
+  return ajax.get("/xboe/m/boe/cases/majorTypes");
+};
 
 /**
-* 详情新*/
+ * 详情新*/
 const details = function (id, addView) {
-  let pars = 'id=' + id;
+  let pars = "id=" + id;
   if (addView) {
-    pars += '&addView=' + addView
+    pars += "&addView=" + addView;
   }
-  return ajax.get('/xboe/m/boe/cases/details?' + pars);
-}
+  return ajax.get("/xboe/m/boe/cases/details?" + pars);
+};
 
 /**
  * 二次查询
@@ -129,8 +133,8 @@ const details = function (id, addView) {
  * }
  * */
 const ids = function (data) {
-  return ajax.postJson('/xboe/m/boe/cases/ids', data);
-}
+  return ajax.postJson("/xboe/m/boe/cases/ids", data);
+};
 
 /**
  * 设置和取消优秀案例
@@ -140,9 +144,8 @@ const ids = function (data) {
  * }
  * */
 const excellent = function (data) {
-  return ajax.post('/xboe/m/boe/cases/excellent', data)
-}
-
+  return ajax.post("/xboe/m/boe/cases/excellent", data);
+};
 
 /**
  *我的案例
@@ -152,8 +155,8 @@ const excellent = function (data) {
  * }
  * */
 const mylist = function (query) {
-  return ajax.post('/xboe/m/boe/cases/mylist', query);
-}
+  return ajax.post("/xboe/m/boe/cases/mylist", query);
+};
 
 /**
  * 导出
@@ -163,21 +166,26 @@ const mylist = function (query) {
  * }
  * */
 const exportCases = function (query) {
-  return ajax.post('/xboe/m/boe/cases/export', query);
-}
+  return ajax.post("/xboe/m/boe/cases/export", query);
+};
 
 /**
  * 导出案例后加的
  * */
 const exports = function (query) {
-  return ajax.post('/xboe/m/boe/cases/exportCase', query, { responseType: 'blob' });
-}
+  return ajax.post("/xboe/m/boe/cases/exportCase", query, {
+    responseType: "blob",
+  });
+};
 /**
  * @param
  * 记录查看开始时间
  * caseRecommendId读取的案例的id
  */
-const startReadTimer =  (caseRecommendId) =>  ajax.get(`/xboe/m/boe/cases/recommend/startRead?caseRecommendId=${caseRecommendId}`);
+const startReadTimer = (caseRecommendId) =>
+  ajax.get(
+    `/xboe/m/boe/cases/recommend/startRead?caseRecommendId=${caseRecommendId}`
+  );
 
 /**
  * @param
@@ -187,34 +195,56 @@ const startReadTimer =  (caseRecommendId) =>  ajax.get(`/xboe/m/boe/cases/recomm
  *  browseDuration  [浏览时间秒]
  * }
  */
-const endReadTimer =  (data)=> ajax.postJson('/xboe/m/boe/cases/recommend/recordBrowseDuration',data)
+const endReadTimer = (data) =>
+  ajax.postJson("/xboe/m/boe/cases/recommend/recordBrowseDuration", data);
 
 /**年份查询
  *
-*/
+ */
 const caseYears = function (query = {}) {
-  return ajax.post('/xboe/m/boe/cases/caseYears', query);
-}
+  return ajax.post("/xboe/m/boe/cases/caseYears", query);
+};
 //案例推荐榜单
 const getQueryRecommendRank = function (params) {
-  return ajax.get(`/xboe/m/boe/cases/queryRecommendRank?pageSize=${params.pageSize}`)
-}
+  return ajax.get(
+    `/xboe/m/boe/cases/queryRecommendRank?pageSize=${params.pageSize}`
+  );
+};
 //案例上榜
-const riseIntoRank = (data) => ajax.post(`/xboe/m/boe/cases/riseIntoRank?caseId=${data.caseId}`)
+const riseIntoRank = (data) =>
+  ajax.post(`/xboe/m/boe/cases/riseIntoRank?caseId=${data.caseId}`);
 //取消上榜
-const cancelRiseIntoRank = (data) => ajax.post(`/xboe/m/boe/cases/cancelRiseIntoRank?caseId=${data.caseId}`)
+const cancelRiseIntoRank = (data) =>
+  ajax.post(`/xboe/m/boe/cases/cancelRiseIntoRank?caseId=${data.caseId}`);
 //调整榜单
-const adjustRank = (data) => ajax.post(`/xboe/m/boe/cases/adjustRank?caseIds=${data.caseIds}`)
+const adjustRank = (data) =>
+  ajax.post(`/xboe/m/boe/cases/adjustRank?caseIds=${data.caseIds}`);
 //收藏案例
-const queryFavoriteCaseOfIndex = (params) => ajax.get(`/xboe/m/boe/cases/queryFavoriteCaseOfIndex?pageIndex=${params.pageIndex}&pageSize=${params.pageSize}&orderField=${params.orderField}&orderAsc=${params.orderAsc}`)
+const queryFavoriteCaseOfIndex = (params) =>
+  ajax.get(
+    `/xboe/m/boe/cases/queryFavoriteCaseOfIndex?pageIndex=${params.pageIndex}&pageSize=${params.pageSize}&orderField=${params.orderField}&orderAsc=${params.orderAsc}`
+  );
 //浏览记录
-const queryViewRecord = (data) => ajaxs.post(`/statApi/xboe/m/stat/userdynamic/list?pageIndex=${data.pageIndex}&pageSize=${data.pageSize}&contentType=${data.contentType}&aid=${data.aid}&hidden=${data.hidden}&eventKey=${data.eventKey}`)
+const queryViewRecord = (data) =>
+  ajaxs.post(
+    `/statApi/xboe/m/stat/userdynamic/list?pageIndex=${data.pageIndex}&pageSize=${data.pageSize}&contentType=${data.contentType}&aid=${data.aid}&hidden=${data.hidden}&eventKey=${data.eventKey}`
+  );
 //浏览量TOP榜单
-const queryPopularityOfMajor = (params) => ajax.get(`/xboe/m/boe/cases/queryPopularityOfMajor?pageSize=${params.pageSize}&rankMonth=${params.rankMonth}&majorId=${params.majorId}`)
+const queryPopularityOfMajor = (params) =>
+  ajax.get(
+    `/xboe/m/boe/cases/queryPopularityOfMajor?pageSize=${params.pageSize}&rankMonth=${params.rankMonth}&majorId=${params.majorId}`
+  );
 //浏览记录新
-const browsingHistory = (params) => ajax.get(`/xboe/m/boe/cases/browsingHistory?pageIndex=${params.pageIndex}&pageSize=5`)
+const browsingHistory = (params) =>
+  ajax.get(
+    `/xboe/m/boe/cases/browsingHistory?pageIndex=${params.pageIndex}&pageSize=5`
+  );
 //获取所有的专业月份
-const queryAllTimePopularityOfMajor = () => ajax.get('/xboe/m/boe/cases/queryAllTimePopularityOfMajor')
+const queryAllTimePopularityOfMajor = () =>
+  ajax.get("/xboe/m/boe/cases/queryAllTimePopularityOfMajor");
+// 获取会话ID
+const initChat = () => ajax.get("/xboe/m/boe/case/ai/initChat");
+
 export default {
   queryAllTimePopularityOfMajor,
   getQueryRecommendRank,
@@ -249,5 +279,6 @@ export default {
   exports,
   startReadTimer,
   endReadTimer,
-  caseYears
-}
+  caseYears,
+  initChat,
+};
diff --git a/src/assets/images/case/stop.png b/src/assets/images/case/stop.png
new file mode 100644
index 00000000..2ac8648d
Binary files /dev/null and b/src/assets/images/case/stop.png differ
diff --git a/src/views/portal/case/AICall.vue b/src/views/portal/case/AICall.vue
index f6219fa1..9a54216e 100644
--- a/src/views/portal/case/AICall.vue
+++ b/src/views/portal/case/AICall.vue
@@ -19,40 +19,66 @@
         <span>案例专家</span>
         <div class="window-control-btn">
           <el-button
-          style="color:#96999f;margin-right: 6px;"
-          type="text"
-          @click="minimizeWindow"
-        >
-          <i class="el-icon-minus"></i>
-        </el-button>
-        <el-button
+            style="color: #96999f; margin-right: 6px"
             type="text"
-            style="color:#96999f;"
+            @click="minimizeWindow"
           >
-            <img v-if="!dialogFullscreen" @click="onbigWindowClick" :src="openImg" alt="" style="width: 17px">
-            <i v-else @click="onRestoreWindowClick" class="el-icon-copy-document"></i>
+            <i class="el-icon-minus"></i>
+          </el-button>
+          <el-button type="text" style="color: #96999f">
+            <img
+              v-if="!dialogFullscreen"
+              @click="onbigWindowClick"
+              :src="openImg"
+              alt=""
+              style="width: 17px"
+            />
+            <i
+              v-else
+              @click="onRestoreWindowClick"
+              class="el-icon-copy-document"
+            ></i>
           </el-button>
-
         </div>
-
       </div>
 
-      <div class="content-wrapper"  v-show="isLan">
-        <lan-service-checker  :value.sync="isLan"/>
+      <!-- <div class="content-wrapper" v-show="isLan">
+        <lan-service-checker :value.sync="isLan" />
       </div>
+       v-show="!isLan" -->
       <!-- 内容区域 -->
-      <div class="content-wrapper" v-show="!isLan" >
+      <div class="content-wrapper">
         <div
           class="welcome-message"
           ref="messageContainer"
           @scroll="handleScroll"
           @wheel="handleWheel"
         >
-          <div class="message-text" v-for="(item, index) in messageList" :key="index">
-            <messages :messageData="item" @update:messageData="val=> $set(messageList, index, val)" :suggestions="suggestions" @getMinWindow="minimizeWindow" :isFirstMessage="item.isFirstMessage"></messages>
+          <div
+            class="message-text"
+            v-for="(item, index) in messageList"
+            :key="index"
+          >
+            <messages
+              :messageData="item"
+              @update:messageData="(val) => $set(messageList, index, val)"
+              :suggestions="suggestions"
+              @getMinWindow="minimizeWindow"
+              :isFirstMessage="item.isFirstMessage"
+            ></messages>
           </div>
-          <div class="message-suggestions" v-if="messageList.length > 0 && messageList[messageList.length-1].textCompleted">
-            <div class="suggestion-item" v-for="(item, index) in suggestions" :key="index">
+          <div
+            class="message-suggestions"
+            v-if="
+              messageList.length > 0 &&
+              messageList[messageList.length - 1].textCompleted
+            "
+          >
+            <div
+              class="suggestion-item"
+              v-for="(item, index) in suggestions"
+              :key="index"
+            >
               <a @click="sendSuggestions(item)"> {{ item }} →</a>
             </div>
           </div>
@@ -75,6 +101,8 @@
           @update-suggestions="updateSuggestions"
           @new-conversation="startNewConversation"
           :disabled="isLoading"
+          :stopShow="stopShow"
+          :sendShow="sendShow"
           class="input-area-wrapper"
           ref="sendMessage"
         />
@@ -89,17 +117,17 @@
     >
       <div class="minimized-content">
         <span class="window-title">案例专家</span>
-        <div style="display: flex;align-items: center">
+        <div style="display: flex; align-items: center">
           <el-button
             type="text"
             class="window-control-btn"
             @click.stop="onMinimizedWindowClick"
           >
-            <img :src="openImg" alt="" style="width: 17px">
+            <img :src="openImg" alt="" style="width: 17px" />
           </el-button>
 
           <el-button
-            style="margin-left: 1px;color:#96999f"
+            style="margin-left: 1px; color: #96999f"
             type="text"
             class="window-control-btn"
             @click.stop="closeMinimizedWindow"
@@ -121,47 +149,48 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
-import messages from './components/messages.vue'
-import sendMessage from './components/sendMessage.vue'
-import openImg from './components/open.png'
+import { mapState } from "vuex";
+import messages from "./components/messages.vue";
+import sendMessage from "./components/sendMessage.vue";
+import openImg from "./components/open.png";
 import LanServiceChecker from "@/components/LanServiceChecker.vue";
 export default {
-  name: 'CaseExpertDialog',
+  name: "CaseExpertDialog",
   props: {
     dialogVisible: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   components: {
     LanServiceChecker,
     messages,
-    sendMessage
+    sendMessage,
   },
   directives: {
     draggable: {
       bind(el, binding, vnode) {
         vnode.context.$nextTick(() => {
-          const dialogEl = el.querySelector('.el-dialog');
+          const dialogEl = el.querySelector(".el-dialog");
           if (!dialogEl) return;
 
-          const headerEl = dialogEl.querySelector('.dialog-title');
+          const headerEl = dialogEl.querySelector(".dialog-title");
           if (!headerEl) return;
 
           // 检查是否有保存的位置状态
-          const savedPosition = sessionStorage.getItem('aiCallDialogPosition');
+          const savedPosition = sessionStorage.getItem("aiCallDialogPosition");
           if (savedPosition) {
             const { left, top } = JSON.parse(savedPosition);
-            dialogEl.style.left = left + 'px';
-            dialogEl.style.top = top + 'px';
+            dialogEl.style.left = left + "px";
+            dialogEl.style.top = top + "px";
           } else {
             // 设置初始样式
-            dialogEl.style.position = 'fixed';
-            dialogEl.style.top = '100px';
-            dialogEl.style.left = (window.innerWidth - dialogEl.offsetWidth) / 2 + 'px';
+            dialogEl.style.position = "fixed";
+            dialogEl.style.top = "100px";
+            dialogEl.style.left =
+              (window.innerWidth - dialogEl.offsetWidth) / 2 + "px";
           }
-          dialogEl.style.margin = '0';
+          dialogEl.style.margin = "0";
 
           let isDragging = false;
           let startX = 0;
@@ -170,10 +199,10 @@ export default {
           let startTop = 0;
           const startDrag = (event) => {
             // 只有在标题栏上按下鼠标才开始拖动
-            if (event.target.closest('.resize-handle')) {
+            if (event.target.closest(".resize-handle")) {
               return; // 如果点击的是resize-handle，则不触发拖动
             }
-            if (event.target.closest('.window-control-btn')) {
+            if (event.target.closest(".window-control-btn")) {
               return; // 如果点击的是控制按钮，则不触发拖动
             }
             // 全屏状态下拖动为正常弹窗大小
@@ -191,8 +220,8 @@ export default {
             event.stopPropagation();
 
             // 添加全局事件监听
-            document.addEventListener('mousemove', handleMouseMove);
-            document.addEventListener('mouseup', stopDrag);
+            document.addEventListener("mousemove", handleMouseMove);
+            document.addEventListener("mouseup", stopDrag);
           };
 
           const handleMouseMove = (event) => {
@@ -201,8 +230,8 @@ export default {
             const deltaX = event.clientX - startX;
             const deltaY = event.clientY - startY;
 
-            dialogEl.style.left = (startLeft + deltaX) + 'px';
-            dialogEl.style.top = (startTop + deltaY) + 'px';
+            dialogEl.style.left = startLeft + deltaX + "px";
+            dialogEl.style.top = startTop + deltaY + "px";
           };
 
           const stopDrag = () => {
@@ -210,114 +239,113 @@ export default {
             // 保存当前位置到 sessionStorage
             const currentPosition = {
               left: parseInt(dialogEl.style.left),
-              top: parseInt(dialogEl.style.top)
+              top: parseInt(dialogEl.style.top),
             };
             // sessionStorage.setItem('aiCallDialogPosition', JSON.stringify(currentPosition));
             // 移除全局事件监听
-            document.removeEventListener('mousemove', handleMouseMove);
-            document.removeEventListener('mouseup', stopDrag);
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", stopDrag);
           };
 
           // 为标题栏绑定拖动事件
-          headerEl.addEventListener('mousedown', startDrag);
+          headerEl.addEventListener("mousedown", startDrag);
         });
-      }
+      },
     },
 
     resizeable: {
       bind(el, binding, vnode) {
         // 确保元素已插入DOM
         vnode.context.$nextTick(() => {
-          const dialogEl = el.querySelector('.el-dialog');
+          const dialogEl = el.querySelector(".el-dialog");
           if (!dialogEl) return;
 
           // 检查是否有保存的尺寸状态
-          const savedSize = sessionStorage.getItem('aiCallDialogSize');
+          const savedSize = sessionStorage.getItem("aiCallDialogSize");
           if (savedSize) {
             const { width, height, left, top } = JSON.parse(savedSize);
-            dialogEl.style.width = width + 'px';
-            dialogEl.style.height = height + 'px';
-            dialogEl.style.left = left + 'px';
-            dialogEl.style.top = top + 'px';
+            dialogEl.style.width = width + "px";
+            dialogEl.style.height = height + "px";
+            dialogEl.style.left = left + "px";
+            dialogEl.style.top = top + "px";
           } else {
             // 设置初始样式
-            dialogEl.style.position = 'fixed';
-            dialogEl.style.top = '100px';
-            dialogEl.style.left = (window.innerWidth - dialogEl.offsetWidth) / 2 + 'px';
+            dialogEl.style.position = "fixed";
+            dialogEl.style.top = "100px";
+            dialogEl.style.left =
+              (window.innerWidth - dialogEl.offsetWidth) / 2 + "px";
           }
 
           // 创建拖拽手柄
           const createHandle = (direction) => {
-            const handle = document.createElement('div');
+            const handle = document.createElement("div");
             handle.className = `resize-handle ${direction}`;
-            handle.style.position = 'absolute';
-            handle.style.zIndex = '10';
+            handle.style.position = "absolute";
+            handle.style.zIndex = "10";
 
             switch (direction) {
-              case 'left':
-              case 'right':
-                handle.style.width = '6px';
-                handle.style.height = '100%';
-                handle.style.top = '0';
-                handle.style.cursor = 'ew-resize';
+              case "left":
+              case "right":
+                handle.style.width = "6px";
+                handle.style.height = "100%";
+                handle.style.top = "0";
+                handle.style.cursor = "ew-resize";
                 break;
-              case 'top':
-              case 'bottom':
-                handle.style.width = '100%';
-                handle.style.height = '6px';
-                handle.style.left = '0';
-                handle.style.cursor = 'ns-resize';
+              case "top":
+              case "bottom":
+                handle.style.width = "100%";
+                handle.style.height = "6px";
+                handle.style.left = "0";
+                handle.style.cursor = "ns-resize";
                 break;
-              case 'top-left':
-              case 'top-right':
-              case 'bottom-left':
-              case 'bottom-right':
-                handle.style.width = '10px';
-                handle.style.height = '10px';
-                handle.style.zIndex = '20';
+              case "top-left":
+              case "top-right":
+              case "bottom-left":
+              case "bottom-right":
+                handle.style.width = "10px";
+                handle.style.height = "10px";
+                handle.style.zIndex = "20";
                 break;
             }
 
             switch (direction) {
-              case 'left':
-                handle.style.left = '0';
+              case "left":
+                handle.style.left = "0";
                 break;
-              case 'right':
-                handle.style.right = '0';
+              case "right":
+                handle.style.right = "0";
                 break;
-              case 'top':
-                handle.style.top = '0';
+              case "top":
+                handle.style.top = "0";
                 break;
-              case 'bottom':
-                handle.style.bottom = '0';
+              case "bottom":
+                handle.style.bottom = "0";
                 break;
-              case 'top-left':
-                handle.style.top = '0';
-                handle.style.left = '0';
-                handle.style.cursor = 'nw-resize';
+              case "top-left":
+                handle.style.top = "0";
+                handle.style.left = "0";
+                handle.style.cursor = "nw-resize";
                 break;
-              case 'top-right':
-                handle.style.top = '0';
-                handle.style.right = '0';
-                handle.style.cursor = 'ne-resize';
+              case "top-right":
+                handle.style.top = "0";
+                handle.style.right = "0";
+                handle.style.cursor = "ne-resize";
                 break;
-              case 'bottom-left':
-                handle.style.bottom = '0';
-                handle.style.left = '0';
-                handle.style.cursor = 'sw-resize';
+              case "bottom-left":
+                handle.style.bottom = "0";
+                handle.style.left = "0";
+                handle.style.cursor = "sw-resize";
                 break;
-              case 'bottom-right':
-                handle.style.bottom = '0';
-                handle.style.right = '0';
-                handle.style.cursor = 'se-resize';
+              case "bottom-right":
+                handle.style.bottom = "0";
+                handle.style.right = "0";
+                handle.style.cursor = "se-resize";
                 break;
             }
 
-
             // 防止拖拽手柄的事件冒泡到标题栏
-            handle.addEventListener('mousedown', (e) => {
+            handle.addEventListener("mousedown", (e) => {
               e.stopPropagation();
-
             });
 
             dialogEl.appendChild(handle);
@@ -326,19 +354,19 @@ export default {
 
           // 创建8个拖拽手柄
           const handles = {
-            left: createHandle('left'),
-            right: createHandle('right'),
-            top: createHandle('top'),
-            bottom: createHandle('bottom'),
-            topLeft: createHandle('top-left'),
-            topRight: createHandle('top-right'),
-            bottomLeft: createHandle('bottom-left'),
-            bottomRight: createHandle('bottom-right')
+            left: createHandle("left"),
+            right: createHandle("right"),
+            top: createHandle("top"),
+            bottom: createHandle("bottom"),
+            topLeft: createHandle("top-left"),
+            topRight: createHandle("top-right"),
+            bottomLeft: createHandle("bottom-left"),
+            bottomRight: createHandle("bottom-right"),
           };
 
           // 添加拖拽事件处理
           let isResizing = false;
-          let resizeDirection = '';
+          let resizeDirection = "";
           let startX = 0;
           let startY = 0;
           let startWidth = 0;
@@ -363,8 +391,8 @@ export default {
             startTop = parseInt(dialogEl.style.top) || 0;
 
             // 添加全局事件监听
-            document.addEventListener('mousemove', handleMouseMove);
-            document.addEventListener('mouseup', stopResize);
+            document.addEventListener("mousemove", handleMouseMove);
+            document.addEventListener("mouseup", stopResize);
           };
 
           const handleMouseMove = (event) => {
@@ -376,71 +404,71 @@ export default {
             let newWidth, newHeight, newLeft, newTop;
 
             switch (resizeDirection) {
-              case 'right':
+              case "right":
                 newWidth = Math.max(400, startWidth + deltaX);
-                dialogEl.style.width = newWidth + 'px';
+                dialogEl.style.width = newWidth + "px";
                 break;
-              case 'left':
+              case "left":
                 newWidth = Math.max(400, startWidth - deltaX);
                 newLeft = startLeft + startWidth - newWidth;
-                dialogEl.style.width = newWidth + 'px';
-                dialogEl.style.left = newLeft + 'px';
+                dialogEl.style.width = newWidth + "px";
+                dialogEl.style.left = newLeft + "px";
                 break;
-              case 'bottom':
+              case "bottom":
                 newHeight = Math.max(600, startHeight + deltaY);
-                dialogEl.style.height = newHeight + 'px';
+                dialogEl.style.height = newHeight + "px";
                 break;
-              case 'top':
+              case "top":
                 // 当窗口高度达到最小值时，不再调整高度和位置
                 if (startHeight - deltaY >= 600) {
                   newHeight = startHeight - deltaY;
                   newTop = startTop + deltaY;
-                  dialogEl.style.height = newHeight + 'px';
-                  dialogEl.style.top = newTop + 'px';
+                  dialogEl.style.height = newHeight + "px";
+                  dialogEl.style.top = newTop + "px";
                 }
                 break;
-              case 'bottom-right':
+              case "bottom-right":
                 newWidth = Math.max(400, startWidth + deltaX);
                 newHeight = Math.max(600, startHeight + deltaY);
-                dialogEl.style.width = newWidth + 'px';
-                dialogEl.style.height = newHeight + 'px';
+                dialogEl.style.width = newWidth + "px";
+                dialogEl.style.height = newHeight + "px";
                 break;
-              case 'bottom-left':
+              case "bottom-left":
                 newWidth = Math.max(400, startWidth - deltaX);
                 newHeight = Math.max(600, startHeight + deltaY);
                 newLeft = startLeft + startWidth - newWidth;
-                dialogEl.style.width = newWidth + 'px';
-                dialogEl.style.left = newLeft + 'px';
-                dialogEl.style.height = newHeight + 'px';
+                dialogEl.style.width = newWidth + "px";
+                dialogEl.style.left = newLeft + "px";
+                dialogEl.style.height = newHeight + "px";
                 break;
-              case 'top-right':
+              case "top-right":
                 // 当窗口高度达到最小值时，不再调整高度和位置
                 if (startHeight - deltaY >= 600) {
                   newHeight = startHeight - deltaY;
                   newTop = startTop + deltaY;
                   newWidth = Math.max(400, startWidth + deltaX);
-                  dialogEl.style.height = newHeight + 'px';
-                  dialogEl.style.top = newTop + 'px';
-                  dialogEl.style.width = newWidth + 'px';
+                  dialogEl.style.height = newHeight + "px";
+                  dialogEl.style.top = newTop + "px";
+                  dialogEl.style.width = newWidth + "px";
                 }
                 break;
-              case 'top-left':
+              case "top-left":
                 // 当窗口高度达到最小值时，不再调整高度和位置
                 if (startHeight - deltaY >= 600) {
                   newHeight = startHeight - deltaY;
                   newTop = startTop + deltaY;
                   newWidth = Math.max(400, startWidth - deltaX);
                   newLeft = startLeft + startWidth - newWidth;
-                  dialogEl.style.height = newHeight + 'px';
-                  dialogEl.style.top = newTop + 'px';
-                  dialogEl.style.width = newWidth + 'px';
-                  dialogEl.style.left = newLeft + 'px';
+                  dialogEl.style.height = newHeight + "px";
+                  dialogEl.style.top = newTop + "px";
+                  dialogEl.style.width = newWidth + "px";
+                  dialogEl.style.left = newLeft + "px";
                 }
                 break;
             }
 
-            let doc = document.querySelector('.welcome-message')
-            let sendBox = document.querySelector('.input-area-wrapper');
+            let doc = document.querySelector(".welcome-message");
+            let sendBox = document.querySelector(".input-area-wrapper");
             // sendBox 的高度
             if (doc && sendBox) {
               doc.style.height = `calc(${dialogEl.style.height} - ${sendBox.offsetHeight}px - 120px)`;
@@ -449,66 +477,87 @@ export default {
 
           const stopResize = () => {
             isResizing = false;
-            resizeDirection = '';
+            resizeDirection = "";
 
             // 保存当前尺寸和位置到 sessionStorage
             const currentSize = {
               width: parseInt(dialogEl.style.width),
               height: parseInt(dialogEl.style.height),
               left: parseInt(dialogEl.style.left),
-              top: parseInt(dialogEl.style.top)
+              top: parseInt(dialogEl.style.top),
             };
-            sessionStorage.setItem('aiCallDialogSize', JSON.stringify(currentSize));
+            sessionStorage.setItem(
+              "aiCallDialogSize",
+              JSON.stringify(currentSize)
+            );
 
             // 移除全局事件监听
-            document.removeEventListener('mousemove', handleMouseMove);
-            document.removeEventListener('mouseup', stopResize);
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", stopResize);
           };
 
           // 为每个手柄绑定事件
-          handles.left.addEventListener('mousedown', (e) => startResize('left', e));
-          handles.right.addEventListener('mousedown', (e) => startResize('right', e));
-          handles.top.addEventListener('mousedown', (e) => startResize('top', e));
-          handles.bottom.addEventListener('mousedown', (e) => startResize('bottom', e));
-          handles.topLeft.addEventListener('mousedown', (e) => startResize('top-left', e));
-          handles.topRight.addEventListener('mousedown', (e) => startResize('top-right', e));
-          handles.bottomLeft.addEventListener('mousedown', (e) => startResize('bottom-left', e));
-          handles.bottomRight.addEventListener('mousedown', (e) => startResize('bottom-right', e));
+          handles.left.addEventListener("mousedown", (e) =>
+            startResize("left", e)
+          );
+          handles.right.addEventListener("mousedown", (e) =>
+            startResize("right", e)
+          );
+          handles.top.addEventListener("mousedown", (e) =>
+            startResize("top", e)
+          );
+          handles.bottom.addEventListener("mousedown", (e) =>
+            startResize("bottom", e)
+          );
+          handles.topLeft.addEventListener("mousedown", (e) =>
+            startResize("top-left", e)
+          );
+          handles.topRight.addEventListener("mousedown", (e) =>
+            startResize("top-right", e)
+          );
+          handles.bottomLeft.addEventListener("mousedown", (e) =>
+            startResize("bottom-left", e)
+          );
+          handles.bottomRight.addEventListener("mousedown", (e) =>
+            startResize("bottom-right", e)
+          );
         });
-      }
-    }
+      },
+    },
   },
   computed: {
-    ...mapState('app', ['showAICallMinimized']),
+    ...mapState("app", ["showAICallMinimized"]),
     showMinimizedWindow() {
       // 只有在Vuex状态为true时才显示最小化窗口
       return this.showAICallMinimized;
-    }
+    },
   },
   data() {
     return {
-      dialogFullscreen:false,
+      dialogFullscreen: false,
       isLan: true,
       openImg,
-      AIContent: '',
+      AIContent: "",
       isLoading: false,
-      windowState: 'maximized', // 'maximized' 或 'minimized'
+      stopShow: false,
+      sendShow: true,
+      windowState: "maximized", // 'maximized' 或 'minimized'
       messageList: [
         {
-          typing:true,
-          isFirstMessage: true,  // 添加 isFirstMessage 属性不展示赞 踩
+          typing: true,
+          isFirstMessage: true, // 添加 isFirstMessage 属性不展示赞 踩
           isBot: true, // 是否为机器人
           text: `<p><b>您好！我是京东方案例智能问答助手，随时为您服务。</b></p>
           <p>我可以帮您快速查找和解读平台内的各类案例内容。只需输入您想了解的问题或关键词，我会从案例库中精准匹配相关信息，并提供清晰的解答。每条回答都会附上来源链接，方便您随时查阅原始案例全文。</p>
           <p>我还会根据您的提问，智能推荐相关延伸问题，助您更高效地探索知识、解决问题。</p>
-          <p>现在，欢迎随时向我提问，开启高效的知识查询体验吧！</p>`
-        }
+          <p>现在，欢迎随时向我提问，开启高效的知识查询体验吧！</p>`,
+        },
       ],
-      suggestions:[],
+      suggestions: [],
       isAutoScroll: true, // 是否自动滚动
       // 添加一个标志位，用于标识组件是否已经初始化完成
-      isComponentReady: false
-    }
+      isComponentReady: false,
+    };
   },
   mounted() {
     // 组件挂载完成后，标记为已准备就绪
@@ -519,22 +568,24 @@ export default {
   watch: {
     dialogVisible: {
       handler(newVal) {
-        console.log('dialogVisible发生变化');
+        console.log("dialogVisible发生变化");
         console.log(newVal);
         console.log(this.windowState);
         if (newVal) {
           this.$nextTick(() => {
             // 获取对话框元素
-            const dialogEl = document.querySelector('.case-expert-dialog .el-dialog');
+            const dialogEl = document.querySelector(
+              ".case-expert-dialog .el-dialog"
+            );
             if (dialogEl) {
               // 检查是否有保存的尺寸状态
-              const savedSize = sessionStorage.getItem('aiCallDialogSize');
+              const savedSize = sessionStorage.getItem("aiCallDialogSize");
               if (savedSize) {
                 const { width, height, left, top } = JSON.parse(savedSize);
-                dialogEl.style.width = width + 'px';
-                dialogEl.style.height = height + 'px';
-                dialogEl.style.left = left + 'px';
-                dialogEl.style.top = top + 'px';
+                dialogEl.style.width = width + "px";
+                dialogEl.style.height = height + "px";
+                dialogEl.style.left = left + "px";
+                dialogEl.style.top = top + "px";
               }
 
               // 检查是否有保存的位置状态
@@ -546,11 +597,11 @@ export default {
               // }
             }
 
-            let doc = document.querySelector('.welcome-message')
-            let sendBox = document.querySelector('.input-area-wrapper');
+            let doc = document.querySelector(".welcome-message");
+            let sendBox = document.querySelector(".input-area-wrapper");
             // 只有在没有保存的尺寸状态时才使用默认值
             if (doc && sendBox) {
-              const savedSize = sessionStorage.getItem('aiCallDialogSize');
+              const savedSize = sessionStorage.getItem("aiCallDialogSize");
               if (!savedSize) {
                 doc.style.height = `calc(600px - ${sendBox.offsetHeight}px - 120px)`;
               } else {
@@ -561,7 +612,7 @@ export default {
           });
         }
       },
-      immediate: true
+      immediate: true,
     },
     messageList: {
       handler() {
@@ -572,123 +623,134 @@ export default {
           });
         }
       },
-      deep: true
-    }
+      deep: true,
+    },
   },
   methods: {
-     onbigWindowClick() {
-  console.log('放大');
-  // 保存当前非全屏状态的尺寸和位置（仅当当前不是全屏状态时）
-  if (!this.dialogFullscreen) {
-    const dialogEl = document.querySelector('.case-expert-dialog .el-dialog');
-    if (dialogEl) {
-      const normalSize = {
-        width: parseInt(dialogEl.style.width) || dialogEl.offsetWidth,
-        height: parseInt(dialogEl.style.height) || dialogEl.offsetHeight,
-        left: parseInt(dialogEl.style.left) || dialogEl.offsetLeft,
-        top: parseInt(dialogEl.style.top) || dialogEl.offsetTop
-      };
-      sessionStorage.setItem('aiCallDialogNormalSize', JSON.stringify(normalSize));
-    }
-  }
-
-  // 设置全屏状态
-  this.dialogFullscreen = true;
-
-  // 设置全屏尺寸和位置
-  this.$nextTick(() => {
-    const dialogEl = document.querySelector('.case-expert-dialog .el-dialog');
-    if (dialogEl) {
-      dialogEl.style.width = '100vw';
-      dialogEl.style.height = '100vh';
-      dialogEl.style.left = '0px';
-      dialogEl.style.top = '0px';
-
-      // 更新消息容器高度
-      const messageContainer = document.querySelector('.welcome-message');
-      const inputArea = document.querySelector('.input-area-wrapper');
-      if (messageContainer && inputArea) {
-        messageContainer.style.height = `calc(100vh - ${inputArea.offsetHeight}px - 120px)`;
-      }
-    }
-  });
-},
-onRestoreWindowClick(){
-  console.log('缩小');
-  this.dialogFullscreen = false;
-
-  this.$nextTick(() => {
-    const dialogEl = document.querySelector('.case-expert-dialog .el-dialog');
-    if (dialogEl) {
-      // 从 sessionStorage 中获取保存的正常窗口尺寸和位置
-      const savedNormalSize = sessionStorage.getItem('aiCallDialogNormalSize');
-      const savedSize = sessionStorage.getItem('aiCallDialogSize');
-      const savedPosition = sessionStorage.getItem('aiCallDialogPosition');
-
-      if (savedNormalSize) {
-        // 使用之前保存的正常尺寸
-        const { width, height, left, top } = JSON.parse(savedNormalSize);
-        dialogEl.style.width = width + 'px';
-        dialogEl.style.height = height + 'px';
-        dialogEl.style.left = left + 'px';
-        dialogEl.style.top = top + 'px';
-      } else if (savedSize) {
-        // 回退到通用保存的尺寸
-        const { width, height, left, top } = JSON.parse(savedSize);
-        dialogEl.style.width = width + 'px';
-        dialogEl.style.height = height + 'px';
-        dialogEl.style.left = left + 'px';
-        dialogEl.style.top = top + 'px';
-      } else {
-        // 如果没有保存的尺寸，则使用默认值
-        dialogEl.style.width = '800px';
-        dialogEl.style.height = '600px';
-        dialogEl.style.left = (window.innerWidth - 800) / 2 + 'px';
-        dialogEl.style.top = '100px';
+    onbigWindowClick() {
+      console.log("放大");
+      // 保存当前非全屏状态的尺寸和位置（仅当当前不是全屏状态时）
+      if (!this.dialogFullscreen) {
+        const dialogEl = document.querySelector(
+          ".case-expert-dialog .el-dialog"
+        );
+        if (dialogEl) {
+          const normalSize = {
+            width: parseInt(dialogEl.style.width) || dialogEl.offsetWidth,
+            height: parseInt(dialogEl.style.height) || dialogEl.offsetHeight,
+            left: parseInt(dialogEl.style.left) || dialogEl.offsetLeft,
+            top: parseInt(dialogEl.style.top) || dialogEl.offsetTop,
+          };
+          sessionStorage.setItem(
+            "aiCallDialogNormalSize",
+            JSON.stringify(normalSize)
+          );
+        }
       }
 
-      // 应用相应的消息容器高度
+      // 设置全屏状态
+      this.dialogFullscreen = true;
+
+      // 设置全屏尺寸和位置
       this.$nextTick(() => {
-        const messageContainer = document.querySelector('.welcome-message');
-        const inputArea = document.querySelector('.input-area-wrapper');
-        if (messageContainer && inputArea) {
-          const dialogHeight = dialogEl.style.height || '600px';
-          messageContainer.style.height = `calc(${dialogHeight} - ${inputArea.offsetHeight}px - 120px)`;
+        const dialogEl = document.querySelector(
+          ".case-expert-dialog .el-dialog"
+        );
+        if (dialogEl) {
+          dialogEl.style.width = "100vw";
+          dialogEl.style.height = "100vh";
+          dialogEl.style.left = "0px";
+          dialogEl.style.top = "0px";
+
+          // 更新消息容器高度
+          const messageContainer = document.querySelector(".welcome-message");
+          const inputArea = document.querySelector(".input-area-wrapper");
+          if (messageContainer && inputArea) {
+            messageContainer.style.height = `calc(100vh - ${inputArea.offsetHeight}px - 120px)`;
+          }
         }
       });
-    }
-  });
-},
+    },
+    onRestoreWindowClick() {
+      console.log("缩小");
+      this.dialogFullscreen = false;
 
-// / 关闭最小化窗口
-closeMinimizedWindow() {
-  this.$store.commit('app/SET_SHOW_AI_CALL_MINIMIZED', false);
-  this.$store.commit('app/SET_SHOW_AI_CALL', false);
-  this.windowState = 'maximized';
-},
-    getMinWidow(vis){
+      this.$nextTick(() => {
+        const dialogEl = document.querySelector(
+          ".case-expert-dialog .el-dialog"
+        );
+        if (dialogEl) {
+          // 从 sessionStorage 中获取保存的正常窗口尺寸和位置
+          const savedNormalSize = sessionStorage.getItem(
+            "aiCallDialogNormalSize"
+          );
+          const savedSize = sessionStorage.getItem("aiCallDialogSize");
+          const savedPosition = sessionStorage.getItem("aiCallDialogPosition");
+
+          if (savedNormalSize) {
+            // 使用之前保存的正常尺寸
+            const { width, height, left, top } = JSON.parse(savedNormalSize);
+            dialogEl.style.width = width + "px";
+            dialogEl.style.height = height + "px";
+            dialogEl.style.left = left + "px";
+            dialogEl.style.top = top + "px";
+          } else if (savedSize) {
+            // 回退到通用保存的尺寸
+            const { width, height, left, top } = JSON.parse(savedSize);
+            dialogEl.style.width = width + "px";
+            dialogEl.style.height = height + "px";
+            dialogEl.style.left = left + "px";
+            dialogEl.style.top = top + "px";
+          } else {
+            // 如果没有保存的尺寸，则使用默认值
+            dialogEl.style.width = "800px";
+            dialogEl.style.height = "600px";
+            dialogEl.style.left = (window.innerWidth - 800) / 2 + "px";
+            dialogEl.style.top = "100px";
+          }
+
+          // 应用相应的消息容器高度
+          this.$nextTick(() => {
+            const messageContainer = document.querySelector(".welcome-message");
+            const inputArea = document.querySelector(".input-area-wrapper");
+            if (messageContainer && inputArea) {
+              const dialogHeight = dialogEl.style.height || "600px";
+              messageContainer.style.height = `calc(${dialogHeight} - ${inputArea.offsetHeight}px - 120px)`;
+            }
+          });
+        }
+      });
+    },
+
+    // / 关闭最小化窗口
+    closeMinimizedWindow() {
+      this.$store.commit("app/SET_SHOW_AI_CALL_MINIMIZED", false);
+      this.$store.commit("app/SET_SHOW_AI_CALL", false);
+      this.windowState = "maximized";
+    },
+    getMinWidow(vis) {
       // this.showAICallMinimized = vis
-      this.windowState = 'minimized';
+      this.windowState = "minimized";
     },
     onClose() {
-      console.log('关闭弹窗')
+      console.log("关闭弹窗");
       // 清除保存的状态
-      sessionStorage.removeItem('aiCallDialogSize');
+      sessionStorage.removeItem("aiCallDialogSize");
       // sessionStorage.removeItem('aiCallDialogPosition');
-      this.$emit('close')
-      this.dialogFullscreen=false
+      this.$emit("close");
+      this.dialogFullscreen = false;
       // 可以在这里执行其他逻辑
     },
 
     minimizeWindow() {
       console.log(131);
 
-      this.windowState = 'minimized';
-      this.$store.commit('app/SET_SHOW_AI_CALL_MINIMIZED', true);
+      this.windowState = "minimized";
+      this.$store.commit("app/SET_SHOW_AI_CALL_MINIMIZED", true);
     },
 
     maximizeWindow() {
-      this.windowState = 'maximized';
+      this.windowState = "maximized";
     },
 
     getLastUserMessage() {
@@ -696,18 +758,20 @@ closeMinimizedWindow() {
       for (let i = this.messageList.length - 1; i >= 0; i--) {
         if (!this.messageList[i].isBot) {
           // 移除HTML标签只返回纯文本
-          const tempDiv = document.createElement('div');
+          const tempDiv = document.createElement("div");
           tempDiv.innerHTML = this.messageList[i].text;
-          return tempDiv.textContent || tempDiv.innerText || '';
+          return tempDiv.textContent || tempDiv.innerText || "";
         }
       }
-      return '';
+      return "";
     },
 
     // 处理加载状态
     handleLoading(status) {
-      console.log('handleLoading---'+status);
+      console.log("handleLoading---" + status);
       this.isLoading = status;
+      this.sendShow = !status;
+      this.stopShow = status;
     },
 
     // 更新消息
@@ -715,17 +779,17 @@ closeMinimizedWindow() {
       // 由于Vue的响应式系统，message对象的更改会自动更新视图
       // 这里不需要额外的操作
     },
-    updateSuggestions(arr){
-      this.suggestions = arr
+    updateSuggestions(arr) {
+      this.suggestions = arr;
     },
     // 处理建议
-    sendSuggestions(item){
+    sendSuggestions(item) {
       // this.suggestions = []
-      this.AIContent = item
-      setTimeout(()=>{
-        this.$refs.sendMessage.handleSend()
-        this.AIContent = ''
-      },500)
+      this.AIContent = item;
+      setTimeout(() => {
+        this.$refs.sendMessage.handleSend();
+        this.AIContent = "";
+      }, 500);
     },
     startNewConversation() {
       // 重置对话时，先标记组件为未准备就绪状态
@@ -738,10 +802,10 @@ closeMinimizedWindow() {
           text: `<p><b>您好！我是京东方案例智能问答助手，随时为您服务。</b></p>
           <p>我可以帮您快速查找和解读平台内的各类案例内容。只需输入您想了解的问题或关键词，我会从案例库中精准匹配相关信息，并提供清晰的解答。每条回答都会附上来源链接，方便您随时查阅原始案例全文。</p>
           <p>我还会根据您的提问，智能推荐相关延伸问题，助您更高效地探索知识、解决问题。</p>
-          <p>现在，欢迎随时向我提问，开启高效的知识查询体验吧！</p>`
-        }
+          <p>现在，欢迎随时向我提问，开启高效的知识查询体验吧！</p>`,
+        },
       ];
-      this.AIContent = '';
+      this.AIContent = "";
       this.isLoading = false;
 
       // 在下一个 tick 中重新标记为准备就绪
@@ -754,7 +818,8 @@ closeMinimizedWindow() {
     handleScroll(event) {
       const element = event.target;
       // 判断是否滚动到底部
-      const isAtBottom = element.scrollHeight - element.scrollTop <= element.clientHeight + 1;
+      const isAtBottom =
+        element.scrollHeight - element.scrollTop <= element.clientHeight + 1;
 
       // 如果滚动到底部，则开启自动滚动
       // 如果离开底部，则关闭自动滚动
@@ -764,7 +829,8 @@ closeMinimizedWindow() {
     // 滚动到底部
     scrollToBottom() {
       if (this.isAutoScroll && this.$refs.messageContainer) {
-        this.$refs.messageContainer.scrollTop = this.$refs.messageContainer.scrollHeight;
+        this.$refs.messageContainer.scrollTop =
+          this.$refs.messageContainer.scrollHeight;
       }
     },
 
@@ -783,7 +849,10 @@ closeMinimizedWindow() {
       if (delta < 0 && element.scrollTop === 0) {
         // 向上滚动且已在顶部，阻止默认行为
         event.preventDefault();
-      } else if (delta > 0 && element.scrollHeight - element.scrollTop <= element.clientHeight) {
+      } else if (
+        delta > 0 &&
+        element.scrollHeight - element.scrollTop <= element.clientHeight
+      ) {
         // 向下滚动且已在底部，阻止默认行为
         event.preventDefault();
       } else {
@@ -797,22 +866,22 @@ closeMinimizedWindow() {
     onMinimizedWindowClick() {
       // 当点击最小化窗口时，如果dialogVisible为false，则通过事件通知父组件显示对话框
       if (!this.dialogVisible) {
-        this.$emit('restore');
+        this.$emit("restore");
       }
       // 然后将窗口状态设置为最大化
-      this.windowState = 'maximized';
-    }
-  }
-}
+      this.windowState = "maximized";
+    },
+  },
+};
 </script>
 
 <style scoped lang="scss">
-::v-deep .el-dialog__wrapper{
-  position: unset!important;
+::v-deep .el-dialog__wrapper {
+  position: unset !important;
 }
 .case-expert-dialog {
-  ::v-deep .el-dialog{
-    background: url("./components/u762.svg") no-repeat ;
+  ::v-deep .el-dialog {
+    background: url("./components/u762.svg") no-repeat;
     background-size: cover;
     border-radius: 8px;
     overflow: hidden;
@@ -823,12 +892,12 @@ closeMinimizedWindow() {
 
     //background-color: rgba(255, 255, 255, 0.8);
   }
-  ::v-deep .el-dialog__body{
+  ::v-deep .el-dialog__body {
     padding: 10px;
-    flex:1;
+    flex: 1;
     //font-size: 12px;
-    *{
-      font-size:unset ;
+    * {
+      font-size: unset;
     }
   }
 
@@ -857,11 +926,10 @@ closeMinimizedWindow() {
     }
   }
 
-
-  .message-suggestions{
+  .message-suggestions {
     display: flex;
     flex-direction: column;
-    .suggestion-item{
+    .suggestion-item {
       cursor: pointer;
       float: right;
       padding: 5px 15px;
@@ -876,7 +944,7 @@ closeMinimizedWindow() {
     background-color: transparent;
     border-radius: 8px;
     min-height: 500px;
-    height:100%;
+    height: 100%;
     position: relative;
     //margin-bottom: 20px;
     display: flex;
@@ -966,7 +1034,9 @@ closeMinimizedWindow() {
     }
 
     @keyframes loading {
-      0%, 80%, 100% {
+      0%,
+      80%,
+      100% {
         transform: scale(0);
       }
       40% {
@@ -1024,5 +1094,5 @@ closeMinimizedWindow() {
       height: calc(100vh - 120px); // 减去标题栏高度
     }
   }
-  }
+}
 </style>
diff --git a/src/views/portal/case/components/sendMessage.vue b/src/views/portal/case/components/sendMessage.vue
index 941dbcfa..b2de3ea8 100644
--- a/src/views/portal/case/components/sendMessage.vue
+++ b/src/views/portal/case/components/sendMessage.vue
@@ -1,363 +1,621 @@
 <template>
   <div class="input-area">
-    <el-input v-model="inputContent" type="textarea" class="input-placeholder" placeholder="有问题，尽管问"
-      @keyup.enter.native.prevent="handleSend" :disabled="disabled" :autosize="{ minRows: 2, maxRows: 4 }"
-      resize="none"></el-input>
+    <el-input
+      v-model="inputContent"
+      type="textarea"
+      class="input-placeholder"
+      placeholder="有问题，尽管问"
+      @keyup.enter.native.prevent="handleSend"
+      :disabled="disabled"
+      :autosize="{ minRows: 2, maxRows: 4 }"
+      resize="none"
+    ></el-input>
     <div class="action-buttons">
-      <el-button type="primary" size="small" class="start-btn" @click="handleNewConversation">
+      <el-button
+        type="primary"
+        size="small"
+        class="start-btn"
+        @click="handleNewConversation"
+      >
         + 开启新对话
       </el-button>
-      <el-button type="text" class="send-btn" @click="handleSend" :disabled="disabled">
+      <el-button
+        type="text"
+        class="send-btn"
+        @click="handleSend"
+        v-if="sendShow"
+      >
         <i class="el-icon-s-promotion"></i>
       </el-button>
+      <el-button
+        type="text"
+        class="send-btn"
+        @click="handleStop"
+        v-if="stopShow"
+      >
+        <img class="stop" src="@/assets/images/case/stop.png" alt="" />
+      </el-button>
     </div>
   </div>
 </template>
 
 <script>
-import { aiChat } from '@/api/boe/aiChat.js'
+import { aiChat } from "@/api/boe/aiChat.js";
+import apiCase from "@/api/modules/cases.js";
 
 export default {
-  name: 'SendMessage',
+  name: "SendMessage",
   props: {
     value: {
       type: String,
-      default: ''
+      default: "",
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: false,
+    },
+    sendShow: {
+      type: Boolean,
+      default: true,
+    },
+    stopShow: {
+      type: Boolean,
+      default: false,
     },
     messageList: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
     suggestions: {
       type: Array,
-      default: () => []
-    }
+      default: () => [],
+    },
+    conversationId: {
+      type: String,
+      default: "",
+    },
   },
   data() {
     return {
       inputContent: this.value,
-      conversationId: '' // 会话ID
-    }
+      currentAbortController: null, // 添加abort controller引用
+      isStopped: false, // 添加停止状态
+      typingTimer: null, // 添加这一行
+      thinkTypingTimer: null, // 添加这一行
+    };
   },
   watch: {
     value(newVal) {
-      this.inputContent = newVal
-    }
+      this.inputContent = newVal;
+    },
   },
+  mounted() {
+    this.getConversationId();
+  },
+
   methods: {
+    getConversationId() {
+      apiCase.initChat().then((res) => {
+        if (res.status == 200) {
+          const { result } = res;
+          // console.log(result);
+          this.conversationId = result;
+          sessionStorage.setItem("conversationId", this.conversationId);
+        }
+      });
+    },
     handleSend(event) {
       // 阻止事件的默认行为和冒泡
       if (event) {
         event.preventDefault();
         event.stopPropagation();
-        console.log('preventDefault');
+        console.log("preventDefault");
       }
-      console.log('handleSend');
-      if (!this.inputContent.trim() || this.disabled) return
+      console.log("handleSend");
+      if (!this.inputContent.trim() || this.disabled) return;
+      // 重置停止状态，确保可以正常发送新消息
+      this.isStopped = false;
+
       // 添加用户消息到列表
       const userMessage = {
         isBot: false,
-        text: this.inputContent
+        text: this.inputContent,
       };
       this.messageList.push(userMessage);
 
       // 显示加载状态
-      this.$emit('loading', true);
+      this.$emit("loading", true);
 
       // 调用AI聊天接口 (暂时注释掉SSE，使用模拟数据)
       this.callAIChat(this.inputContent);
 
       // 清空输入框
-      this.inputContent = ''
+      this.inputContent = "";
     },
+    handleStop() {
+      console.log(this.accumulatedContent, "accumulatedContent");
+      // 设置停止状态
+      this.isStopped = true;
+      // 清除打字机定时器
+      if (this.typingTimer) {
+        clearInterval(this.typingTimer);
+        this.typingTimer = null;
+      }
 
+      if (this.thinkTypingTimer) {
+        clearInterval(this.thinkTypingTimer);
+        this.thinkTypingTimer = null;
+      }
+      if (this.conversationId) {
+        // const stopAbortController = new AbortController();
+        fetch(
+          `/systemapi/xboe/m/boe/case/ai/stop?conversationId=${this.conversationId}`,
+          {
+            method: "GET",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            // signal: stopAbortController.signal,
+          }
+        )
+          .then((response) => {
+            if (response.ok) {
+              console.log("成功发送停止请求"); // 通知父组件需要重新获取会话ID
+              this.$emit("need-new-conversation-id");
+            } else {
+              console.error("停止请求失败:", response.status);
+            }
+          })
+          .catch((error) => {
+            console.error("停止请求出错:", error);
+          });
+      }
+      // 终止当前正在进行的聊天请求
+      if (this.currentAbortController) {
+        this.currentAbortController.abort();
+      }
+
+      // 立即发送加载完成事件，停止按钮状态切换
+      this.$emit("loading", false);
+      // 发送按钮状态更新事件
+      this.$emit("update-button-state", {
+        sendShow: true,
+        stopShow: false,
+      });
+    },
 
     // 真实的SSE实现（暂时注释掉）
     callAIChat(question) {
+      // 重置停止状态
+      this.isStopped = false;
+      // 开始请求时显示加载状态
+      this.$emit("loading", true);
+      // 创建AbortController实例
+      this.currentAbortController = new AbortController();
+
       // 创建新的AI消息对象
       const aiMessage = {
-        docId: '',
+        docId: "",
         isBot: true,
-        text: '',
+        text: "",
         status: null,
-        thinkText: '',
+        thinkText: "",
         caseRefers: [], // 添加caseRefers字段
-        textCompleted: false // 添加文字处理完成状态，默认为false
+        textCompleted: false, // 添加文字处理完成状态，默认为false
       };
       this.messageList.push(aiMessage);
+      let hasFinished = false; // 新增
 
       // 构造请求参数
       const requestData = {
         conversationId: this.conversationId,
-        query: question
+        query: question,
       };
       // 创建POST请求
-      fetch('/systemapi/xboe/m/boe/case/ai/chat', {
-        method: 'POST',
+      fetch("/systemapi/xboe/m/boe/case/ai/chat", {
+        method: "POST",
         headers: {
-          'Content-Type': 'application/json',
-          "accept": "text/event-stream",
+          "Content-Type": "application/json",
+          accept: "text/event-stream",
         },
-        body: JSON.stringify(requestData)
-      }).then(r => {
-        return r
-      }).then(response => {
-        // 处理流式响应
-        const reader = response.body.getReader();
-        const decoder = new TextDecoder('utf-8');
-        let buffer = '';
-        let accumulatedContent = ''; // 累积的内容用于打字机效果
-        let accumulatedThinkContent = ''; // 累积的思考内容
-        let inThinkSection = false; // 是否在思考部分
-        let typingTimer = null; // 打字机定时器
-        let thinkTypingTimer = null; // 思考内容打字机定时器
-
-        // 逐字显示文本的函数
-        const typeText = (message, fullContent) => {
-          // 如果已有定时器在运行，先清除它
-          if (typingTimer) {
-            clearInterval(typingTimer);
-          }
-
-          // 获取当前已显示的文本长度
-          const currentLength = message.text.length;
-          // 获取完整文本
-          const targetLength = fullContent.length;
-
-          // 如果已经显示完整文本，不需要继续
-          if (currentLength >= targetLength) {
-            return;
-          }
-
-          const typingSpeed = 30; // 每个字符的间隔时间（毫秒）
-
-          typingTimer = setInterval(() => {
-            // 计算下一个要显示的字符索引
-            const nextIndex = message.text.length + 1;
-            if (nextIndex <= targetLength) {
-              message.text = fullContent.substring(0, nextIndex);
-              this.$emit('update-message', message);
-            } else {
-              clearInterval(typingTimer);
-              typingTimer = null;
-              // 当打字机效果完成时，检查是否应该设置textCompleted为true
-              // 这应该在status 4（交互完成）时才设置
-              if (message.status === 4) {
-                if (nextIndex >= targetLength) {
-                  message.textCompleted = true;
-                }
-              }
-            }
-          }, typingSpeed);
-        };
-
-        // 逐字显示思考内容的函数
-        const typeThinkText = (message, fullThinkContent) => {
-          // 如果已有定时器在运行，先清除它
-          if (thinkTypingTimer) {
-            clearInterval(thinkTypingTimer);
-          }
-
-          // 获取当前已显示的文本长度
-          const currentLength = message.thinkText.length;
-          // 获取完整文本
-          const targetLength = fullThinkContent.length;
-
-          // 如果已经显示完整文本，不需要继续
-          if (currentLength >= targetLength) {
-            return;
-          }
-
-          // 从当前显示位置开始继续显示（避免清空重显）
-          const startIndex = currentLength;
-
-          const typingSpeed = 20; // 每个字符的间隔时间（毫秒）
-
-          thinkTypingTimer = setInterval(() => {
-            // 计算下一个要显示的字符索引
-            const nextIndex = message.thinkText.length + 1;
-            if (nextIndex <= targetLength) {
-              message.thinkText = fullThinkContent.substring(0, nextIndex);
-              this.$emit('update-message', message);
-            } else {
-              clearInterval(thinkTypingTimer);
-              thinkTypingTimer = null;
-            }
-          }, typingSpeed);
-        };
-
-        // 添加一个检查是否所有文本都已完成显示的函数
-        const isTextDisplayCompleted = (message, fullContent) => {
-          return message.text.length >= fullContent.length;
-        };
-
-        // 读取流数据
-        const read = () => {
-          reader.read().then(({ done, value }) => {
-            if (done) {
-              // 当流结束时，等待打字机效果完成
-              const waitForTyping = () => {
-                if (!typingTimer) {
-                  this.$emit('loading', false);
-                } else {
-                  setTimeout(waitForTyping, 100);
-                }
-              };
-              waitForTyping();
+        body: JSON.stringify(requestData),
+        signal: this.currentAbortController.signal, // 添加signal
+      })
+        .then((r) => {
+          return r;
+        })
+        .then((response) => {
+          // 处理流式响应
+          const reader = response.body.getReader();
+          const decoder = new TextDecoder("utf-8");
+          let buffer = "";
+          let accumulatedContent = ""; // 累积的内容用于打字机效果
+          let accumulatedThinkContent = ""; // 累积的思考内容
+          let inThinkSection = false; // 是否在思考部分
+          let typingTimer = null; // 打字机定时器
+          let thinkTypingTimer = null; // 思考内容打字机定时器
+          // 逐字显示文本的函数
+          const typeText = (message, fullContent) => {
+            // 如果已经停止，则直接显示全部内容
+            if (this.isStopped) {
+              message.text = fullContent;
+              this.$emit("update-message", message);
               return;
             }
 
-            // 解码数据
-            buffer += decoder.decode(value, { stream: true });
-
-            // 按行分割数据
-            const lines = buffer.split('\n');
-            buffer = lines.pop(); // 保留不完整的行
-
-            for (const line of lines) {
-              if (line.startsWith('data:')) {
-                try {
-                  const jsonData = JSON.parse(line.substring(5));
-                  // 根据status处理不同类型的数据
-                  switch (jsonData.status) {
-                    case 0: // 引用文件
-                      // 处理引用文件信息
-                      if (jsonData.fileRefer && jsonData.fileRefer.caseRefers) {
-                        aiMessage.caseRefers = jsonData.fileRefer.caseRefers;
-                        // 更新父组件的messageList
-                        this.$emit('update-message', aiMessage);
-                      }
-                      // 从响应中获取并保存conversationId
-                      if (jsonData.conversationId) {
-                        this.conversationId = jsonData.conversationId;
-                        sessionStorage.setItem('conversationId', jsonData.conversationId);
-                      }
-                      break;
-
-                    case 1: // 流式对话内容
-                      // 处理
-                      const content = jsonData.content;
-                      aiMessage.hasThink = false;
-                      if (content.startsWith('<think>')) {
-                        aiMessage.hasThink = true
-                        inThinkSection = true;
-                        accumulatedThinkContent = content.replace('<think>', '');
-                        // 使用打字机效果显示think内容
-                        typeThinkText(aiMessage, accumulatedThinkContent);
-                      } else if (content.startsWith('</think>')) {
-                        inThinkSection = false;
-                        accumulatedThinkContent += content.replace('</think>', '');
-                        // 使用打字机效果显示think内容
-                        typeThinkText(aiMessage, accumulatedThinkContent);
-                      } else if (inThinkSection) {
-                        accumulatedThinkContent += content;
-                        // 使用打字机效果显示think内容
-                        typeThinkText(aiMessage, accumulatedThinkContent);
-                      } else {
-                        // 累积内容并使用打字机效果更新显示
-                        accumulatedContent += content;
-                        // 如果thinkText已经显示完整，则继续使用打字机效果显示内容
-                        if (aiMessage.hasThink) {
-                          if (aiMessage.thinkText.length >= accumulatedThinkContent.length) {
-                            typeText(aiMessage, accumulatedContent);
-                          }
-                        } else {
-                          typeText(aiMessage, accumulatedContent);
-                        }
-
-                      }
-                      // 不在这里直接更新，让打字机效果处理更新
-                      break;
-
-                    case 2: // 回答完成
-                      // 不再在这里设置textCompleted状态
-                      // 更新父组件的messageList
-                      this.$emit('update-message', aiMessage);
-                      // 从响应中获取并保存conversationId
-
-                      break;
-
-                    case 3: // 返回建议
-                      // 这里可以处理建议问题
-                      this.$emit('update-suggestions', jsonData.suggestions);
-                      break;
-
-                    case 4: // 交互完成
-                      aiMessage.status = 4
-
-                      // 从响应中获取并保存conversationId
-                      this.$emit('loading', false);
-                      // 检查文本是否已经完全显示，如果是则设置textCompleted为true
-                      if (isTextDisplayCompleted(aiMessage, accumulatedContent)) {
-                        // aiMessage.textCompleted = true;
-                        this.$emit('update-message', aiMessage);
-                      }
-                      break;
-
-                    case 9:
-                      if (jsonData.docId) {
-                        aiMessage.docId = jsonData.docId
-                        this.$emit('update-message', aiMessage);
-                      }
-                      console.log(jsonData)
-                      break
-                    default:
-                      if (jsonData.docId) {
-                        aiMessage.docId = jsonData.docId
-                        this.$emit('update-message', aiMessage);
-                      }
-                      break
-
-
-
-                  }
-                } catch (error) {
-                  console.error('解析SSE数据错误:', error);
-                }
-              }
-            }
-
-            // 继续读取
-            read();
-          }).catch(error => {
-            console.error('SSE连接错误:', error);
-            // 出错时也设置文字处理完成状态
+            // 如果已有定时器在运行，先清除它
             if (typingTimer) {
               clearInterval(typingTimer);
-              typingTimer = null;
             }
-            aiMessage.textCompleted = true;
-            this.$emit('loading', false);
-            aiMessage.text = '当前无法获取回答，请稍后重试';
-            // 更新父组件的messageList
-            this.$emit('update-message', aiMessage);
-          });
-        };
 
-        // 开始读取数据
-        read();
-      }).catch(error => {
-        console.error('请求失败:', error);
-        // 出错时也设置文字处理完成状态
-        aiMessage.textCompleted = true;
-        this.$emit('loading', false);
-        aiMessage.text = '当前无法获取回答，请稍后重试';
-        // 更新父组件的messageList
-        this.$emit('update-message', aiMessage);
-      });
+            // 获取当前已显示的文本长度
+            const currentLength = message.text.length;
+            // 获取完整文本
+            const targetLength = fullContent.length;
+
+            // 如果已经显示完整文本，不需要继续
+            if (currentLength >= targetLength) {
+              return;
+            }
+
+            const typingSpeed = 30; // 每个字符的间隔时间（毫秒）
+
+            typingTimer = setInterval(() => {
+              // 如果已停止，立即停止渲染并保持当前内容
+              if (this.isStopped) {
+                clearInterval(typingTimer);
+                typingTimer = null;
+                // 保持当前已渲染的内容，不显示剩余内容
+                this.$emit("update-message", message);
+                return;
+              }
+              // 计算下一个要显示的字符索引
+              const nextIndex = message.text.length + 1;
+              if (nextIndex <= targetLength) {
+                message.text = fullContent.substring(0, nextIndex);
+                this.$emit("update-message", message);
+              } else {
+                clearInterval(typingTimer);
+                typingTimer = null;
+                // 当打字机效果完成时，检查是否应该设置textCompleted为true
+                // 这应该在status 4（交互完成）时才设置
+                if (message.status === 4) {
+                  if (nextIndex >= targetLength) {
+                    message.textCompleted = true;
+                  }
+                }
+              }
+            }, typingSpeed);
+          };
+
+          // 逐字显示思考内容的函数
+          const typeThinkText = (message, fullThinkContent) => {
+            // 如果已经停止，则直接显示当前已渲染的内容并清理定时器
+            if (this.isStopped) {
+              // 清理可能存在的定时器
+              if (thinkTypingTimer) {
+                clearInterval(thinkTypingTimer);
+                thinkTypingTimer = null;
+              }
+              // 保持当前已渲染的内容，不显示完整内容
+              this.$emit("update-message", message);
+              return;
+            }
+            // 如果已有定时器在运行，先清除它
+            if (thinkTypingTimer) {
+              clearInterval(thinkTypingTimer);
+            }
+
+            // 获取当前已显示的文本长度
+            const currentLength = message.thinkText.length;
+            // 获取完整文本
+            const targetLength = fullThinkContent.length;
+
+            // 如果已经显示完整文本，不需要继续
+            if (currentLength >= targetLength) {
+              return;
+            }
+
+            // 从当前显示位置开始继续显示（避免清空重显）
+            const startIndex = currentLength;
+
+            const typingSpeed = 20; // 每个字符的间隔时间（毫秒）
+
+            thinkTypingTimer = setInterval(() => {
+              // 如果已停止，立即停止渲染并保持当前内容
+              if (this.isStopped) {
+                clearInterval(thinkTypingTimer);
+                thinkTypingTimer = null;
+                // 保持当前已渲染的内容，不显示剩余内容
+                this.$emit("update-message", message);
+                return;
+              }
+              // 计算下一个要显示的字符索引
+              const nextIndex = message.thinkText.length + 1;
+              if (nextIndex <= targetLength) {
+                message.thinkText = fullThinkContent.substring(0, nextIndex);
+                this.$emit("update-message", message);
+              } else {
+                clearInterval(thinkTypingTimer);
+                thinkTypingTimer = null;
+              }
+            }, typingSpeed);
+          };
+
+          // 添加一个检查是否所有文本都已完成显示的函数
+          const isTextDisplayCompleted = (message, fullContent) => {
+            return message.text.length >= fullContent.length;
+          };
+
+          // 读取流数据
+          const read = () => {
+            // 如果已停止，直接返回
+            if (this.isStopped || hasFinished) {
+              this.$emit("loading", false);
+              return;
+            }
+
+            reader
+              .read()
+              .then(({ done, value }) => {
+                // 如果已停止，直接返回
+                if (this.isStopped || hasFinished) {
+                  this.$emit("loading", false);
+                  return;
+                }
+
+                if (done) {
+                  // 当流结束时，等待打字机效果完成
+                  const waitForTyping = () => {
+                    if (!typingTimer) {
+                      this.$emit("loading", false);
+                    } else {
+                      setTimeout(waitForTyping, 100);
+                    }
+                  };
+                  waitForTyping();
+                  return;
+                }
+
+                // 解码数据
+                buffer += decoder.decode(value, { stream: true });
+
+                // 按行分割数据
+                const lines = buffer.split("\n");
+                buffer = lines.pop(); // 保留不完整的行
+
+                for (const line of lines) {
+                  // 如果已停止，跳出循环
+                  if (this.isStopped) {
+                    this.$emit("loading", false);
+                    return;
+                  }
+                  if (line.startsWith("data:")) {
+                    try {
+                      const jsonData = JSON.parse(line.substring(5));
+                      // 根据status处理不同类型的数据
+                      switch (jsonData.status) {
+                        case 0: // 引用文件
+                          // 处理引用文件信息
+                          if (
+                            jsonData.fileRefer &&
+                            jsonData.fileRefer.caseRefers
+                          ) {
+                            aiMessage.caseRefers =
+                              jsonData.fileRefer.caseRefers;
+                            // 更新父组件的messageList
+                            this.$emit("update-message", aiMessage);
+                          }
+                          // 从响应中获取并保存conversationId
+                          // if (jsonData.conversationId) {
+                          //   this.conversationId = jsonData.conversationId;
+                          //   sessionStorage.setItem(
+                          //     "conversationId",
+                          //     jsonData.conversationId
+                          //   );
+                          // }
+                          break;
+
+                        case 1: // 流式对话内容
+                          if (!this.isStopped) {
+                            // 处理
+                            const content = jsonData.content;
+                            aiMessage.hasThink = false;
+                            if (content.startsWith("<think>")) {
+                              aiMessage.hasThink = true;
+                              inThinkSection = true;
+                              accumulatedThinkContent = content.replace(
+                                "<think>",
+                                ""
+                              );
+                              // 使用打字机效果显示think内容
+                              typeThinkText(aiMessage, accumulatedThinkContent);
+                            } else if (content.startsWith("</think>")) {
+                              inThinkSection = false;
+                              accumulatedThinkContent += content.replace(
+                                "</think>",
+                                ""
+                              );
+                              // 使用打字机效果显示think内容
+                              typeThinkText(aiMessage, accumulatedThinkContent);
+                            } else if (inThinkSection) {
+                              accumulatedThinkContent += content;
+                              // 使用打字机效果显示think内容
+                              typeThinkText(aiMessage, accumulatedThinkContent);
+                            } else {
+                              // 累积内容并使用打字机效果更新显示
+                              accumulatedContent += content;
+                              // 如果thinkText已经显示完整，则继续使用打字机效果显示内容
+                              if (aiMessage.hasThink) {
+                                if (
+                                  aiMessage.thinkText.length >=
+                                  accumulatedThinkContent.length
+                                ) {
+                                  typeText(aiMessage, accumulatedContent);
+                                }
+                              } else {
+                                typeText(aiMessage, accumulatedContent);
+                              }
+                            }
+                            // 发送事件更新按钮状态：显示停止按钮
+                            this.$emit("update-button-state", {
+                              sendShow: false,
+                              stopShow: true,
+                            });
+                          }
+                          // 不在这里直接更新，让打字机效果处理更新
+                          break;
+
+                        case 2: // 回答完成
+                          // 不再在这里设置textCompleted状态
+                          // 更新父组件的messageList
+                          // 只有在未停止状态下才更新
+                          if (!this.isStopped) {
+                            // 更新父组件的messageList
+                            this.$emit("update-message", aiMessage);
+                            // 发送事件更新按钮状态：显示停止按钮
+                            this.$emit("update-button-state", {
+                              sendShow: false,
+                              stopShow: true,
+                            });
+                          }
+                          // 从响应中获取并保存conversationId
+
+                          break;
+
+                        case 3: // 返回建议
+                          // 只有在未停止状态下才处理建议
+                          if (!this.isStopped) {
+                            // 这里可以处理建议问题
+                            this.$emit(
+                              "update-suggestions",
+                              jsonData.suggestions
+                            );
+                            // 发送事件更新按钮状态：显示停止按钮
+                            this.$emit("update-button-state", {
+                              sendShow: false,
+                              stopShow: true,
+                            });
+                          }
+                          break;
+
+                        case 4: // 交互完成
+                          // 只有在未停止状态下才处理完成状态
+                          if (!this.isStopped) {
+                            aiMessage.status = 4;
+
+                            // 从响应中获取并保存conversationId
+                            // this.$emit("loading", false);
+                            // 检查文本是否已经完全显示，如果是则设置textCompleted为true
+                            if (
+                              isTextDisplayCompleted(
+                                aiMessage,
+                                accumulatedContent
+                              )
+                            ) {
+                              // aiMessage.textCompleted = true;
+                              this.$emit("update-message", aiMessage);
+                              // 发送事件更新按钮状态：显示发送按钮
+                              hasFinished = true; // 标记完成
+                              this.$emit("update-button-state", {
+                                sendShow: true,
+                                stopShow: false,
+                              });
+                            }
+                          }
+                          break;
+
+                        case 9:
+                          // 只有在未停止状态下才处理docId
+                          if (!this.isStopped && jsonData.docId) {
+                            aiMessage.docId = jsonData.docId;
+                            this.$emit("update-message", aiMessage);
+                          }
+                          // 显示发送按钮，隐藏停止按钮
+                          // this.$emit("loading", false);
+                          console.log(jsonData);
+                          // 发送事件更新按钮状态：显示发送按钮
+                          hasFinished = true; // 标记完成
+                          this.$emit("update-button-state", {
+                            sendShow: true,
+                            stopShow: false,
+                          });
+                          break;
+                        default:
+                          if (!this.isStopped && jsonData.docId) {
+                            aiMessage.docId = jsonData.docId;
+                            this.$emit("update-message", aiMessage);
+                          }
+                          break;
+                      }
+                    } catch (error) {
+                      console.error("解析SSE数据错误:", error);
+                    }
+                  }
+                }
+                // 继续读取（除非已停止）
+                if (!this.isStopped) {
+                  read();
+                }
+                // 继续读取
+                // read();
+              })
+              .catch((error) => {
+                // 处理AbortError
+                if (error.name === "AbortError") {
+                  console.log("请求已被用户取消");
+                  // aiMessage.text = "请求已被取消";
+                  aiMessage.textCompleted = true;
+                  this.$emit("update-message", aiMessage);
+                } else {
+                  console.error("SSE连接错误:", error);
+                  // 出错时也设置文字处理完成状态
+                  if (typingTimer) {
+                    clearInterval(typingTimer);
+                    typingTimer = null;
+                  }
+                  aiMessage.textCompleted = true;
+                  aiMessage.text = "当前无法获取回答，请稍后重试";
+                  // 更新父组件的messageList
+                  this.$emit("update-message", aiMessage);
+                }
+                this.$emit("loading", false);
+              });
+          };
+          // 继续读取（除非已停止）
+          if (!this.isStopped) {
+            read();
+          }
+        })
+        .catch((error) => {
+          // 处理AbortError
+          if (error.name === "AbortError") {
+            console.log("请求已被用户取消");
+            aiMessage.text = "请求已被取消";
+            aiMessage.textCompleted = true;
+            this.$emit("update-message", aiMessage);
+          } else {
+            console.error("请求失败:", error);
+            // 出错时也设置文字处理完成状态
+            aiMessage.textCompleted = true;
+            aiMessage.text = "当前无法获取回答，请稍后重试";
+            // 更新父组件的messageList
+            this.$emit("update-message", aiMessage);
+          }
+          // 只有在非停止状态下才发送 loading 事件
+          if (!this.isStopped) {
+            this.$emit("loading", false);
+          }
+        });
     },
     handleNewConversation() {
-      this.conversationId = ''
-      this.$emit('new-conversation')
-    }
-  }
-}
+      // this.conversationId = "";
+      this.$emit("new-conversation");
+      this.getConversationId();
+    },
+  },
+};
 </script>
-
 <style scoped lang="scss">
 .input-area {
   background-color: white;
@@ -405,5 +663,10 @@ export default {
       }
     }
   }
+  .stop {
+    width: 18px;
+    height: 18px;
+    display: block;
+  }
 }
 </style>