解决历史记录删除时二次确认框遮挡问题。

2.发送的消息不展示时间。
3.手机端在打开历史记录时打开滚动锁定。
4.当历史记录分类没有数据时，不展示分类名。
5.手机选择历史记录后关闭历史记录。

.env.development

@@ -2,7 +2,7 @@
 VITE_ENV = 'development'
 VITE_OUTPUT_DIR = 'dev'
 # public path
-VITE_PUBLIC_PATH = /
+VITE_PUBLIC_PATH = /aixiaocaishen
 
 #新数据接口
 VITE_APP_API_BASE_URL = "http://39.101.133.168:8828/link"

build/vite/build.js

@@ -36,8 +36,8 @@ export function createBuild(viteEnv) {
         // 压缩配置
         terserOptions: {
             compress: {
-                drop_console: true, // 生产环境移除console
-                drop_debugger: true // 生产环境移除debugger
+                drop_console: false, // 生产环境移除console
+                drop_debugger: false // 生产环境移除debugger
             }
         }
     };

src/store/chat.js

@@ -11,6 +11,8 @@ export const useChatStore = defineStore("chat", {
     searchRecord: false,
     currentUserIndex: null,
     announcementMsg: null,
+    aiChatCall:false,
+    aiEmotionCall:false
   }),
   actions: {
     async getUserCount() {

src/store/emotion.ts

@@ -6,9 +6,7 @@ export const useEmotionStore = defineStore('emotion', {
     history: [] as HistoryItem[], // 历史记录数组
     stockList: [] as StockData[], // 当前显示的股票列表
     activeStockIndex: 0, // 当前激活的股票索引
-    maxStocks: 10, // 最大股票数量限制
     conversations: [] as ConversationMessage[], // 对话消息数组
-    maxConversations: 100, // 最大对话数量限制
   }),
   persist: {
     key: 'emotion-store',
@@ -22,12 +20,8 @@ export const useEmotionStore = defineStore('emotion', {
     },
     // 获取股票数量
     stockCount: (state) => state.stockList.length,
-    // 是否达到最大股票数量
-    isMaxStocks: (state) => state.stockList.length >= state.maxStocks,
     // 获取对话数量
     conversationCount: (state) => state.conversations.length,
-    // 是否达到最大对话数量
-    isMaxConversations: (state) => state.conversations.length >= state.maxConversations,
     // 获取最近的对话消息
     recentConversations: (state) => {
       return state.conversations.slice(-20); // 返回最近20条对话
@@ -44,28 +38,9 @@ export const useEmotionStore = defineStore('emotion', {
     },
     // 添加新股票
     addStock(stockData: StockData) {
-      // 检查是否已存在相同的股票
-      const existingIndex = this.stockList.findIndex(
-        stock => stock.stockInfo.code === stockData.stockInfo.code && 
-                stock.stockInfo.market === stockData.stockInfo.market
-      );
-      
-      if (existingIndex !== -1) {
-        // 如果股票已存在，更新数据并切换到该股票
-        this.stockList[existingIndex] = stockData;
-        this.activeStockIndex = existingIndex;
-      } else {
-        // 如果达到最大数量，移除最旧的股票
-        if (this.stockList.length >= this.maxStocks) {
-          this.stockList.shift();
-          if (this.activeStockIndex > 0) {
-            this.activeStockIndex--;
-          }
-        }
-        // 添加新股票并设为当前激活
-        this.stockList.push(stockData);
-        this.activeStockIndex = this.stockList.length - 1;
-      }
+      // 添加新股票并设为当前激活
+      this.stockList.push(stockData);
+      this.activeStockIndex = this.stockList.length - 1;
       
       // 同时添加到历史记录
       // this.addHistory({
@@ -130,10 +105,6 @@ export const useEmotionStore = defineStore('emotion', {
     },
     // 添加对话消息
     addConversation(message: ConversationMessage) {
-      // 如果达到最大数量，移除最旧的消息
-      if (this.conversations.length >= this.maxConversations) {
-        this.conversations.shift();
-      }
       // 添加新消息到数组末尾
       this.conversations.push({
         ...message,

src/views/AIchat.vue

@@ -18,6 +18,10 @@ import { useChatStore } from "../store/chat";
 import { useAudioStore } from "../store/audio";
 import { useDataStore } from "@/store/dataList.js";
 import { marked } from "marked"; // 引入marked库
+// 导入思考过程GIF
+import thinkingGif from "@/assets/img/gif/思考.gif";
+import analyzeGif from "@/assets/img/gif/解析.gif";
+import generateGif from "@/assets/img/gif/生成.gif";
 import katex from "katex"; // 引入 KaTeX 库
 import { htmlToText } from "html-to-text";
 import { Howl, Howler } from "howler";
@@ -145,7 +149,7 @@ const playNextAudio = () => {
         setTimeout(() => {
           isCallingPlayNext = false;
           playNextAudio();
-        }, 500);
+        }, 200);
       } else {
         console.log("🎉 所有音频播放完成，清除音频实例");
         chatStore.messages[chatStore.currentUserIndex].audioStatus = false;
@@ -748,7 +752,6 @@ const createTypingEffect = (message, content, speed) => {
           if (message.end) {
             chatStore.getUserCount();
             chatStore.isLoading = false;
-            chatStore.searchRecord = true;
             console.log("打印完毕，接触输入框禁用状态");
             emit("enableInput");
           }
@@ -952,8 +955,9 @@ async function showThinkingProcess(stockName = null) {
     class: "ing",
     type: "ing",
     flag: true,
-    content: "正在思考......",
-    gif: "/src/assets/img/gif/思考.gif",
+    content: "夺宝奇兵大模型正在思考",
+    gif: thinkingGif,
+    nowrap: true,
   });
   chatStore.messages.push(thinkingMessage1);
   await new Promise((resolve) => setTimeout(resolve, 1500));
@@ -965,8 +969,9 @@ async function showThinkingProcess(stockName = null) {
     class: "ing",
     type: "ing",
     flag: true,
-    content: "正在解析关键数据......",
-    gif: "/src/assets/img/gif/解析.gif",
+    content: "正在解析关键数据",
+    gif: analyzeGif,
+    nowrap: true,
   });
   chatStore.messages.push(thinkingMessage2);
 
@@ -985,8 +990,9 @@ async function showThinkingProcess(stockName = null) {
     class: "ing",
     type: "ing",
     flag: true,
-    content: `正在生成${stockName}全景作战报告......`,
-    gif: "/src/assets/img/gif/生成.gif",
+    content: `正在生成${stockName}全景作战报告`,
+    gif: generateGif,
+    nowrap: true,
   });
   chatStore.messages.push(thinkingMessage3);
   await new Promise((resolve) => setTimeout(resolve, 1500));
@@ -997,9 +1003,8 @@ async function showThinkingProcess(stockName = null) {
     sender: "ai",
     class: "ing",
     type: "ing",
-    flag: true,
     content: "报告已生成！",
-    gif: "/src/assets/img/gif/生成.gif",
+    nowrap: true,
   });
   chatStore.messages.push(thinkingMessage4);
   await new Promise((resolve) => setTimeout(resolve, 1500));
@@ -1027,8 +1032,8 @@ async function continueThinkingProcess(thinkingMessageRef, stockName) {
     class: "ing",
     type: "ing",
     flag: true,
-    content: `正在生成${stockName}全景作战报告......`,
-    gif: "/src/assets/img/gif/生成.gif",
+    content: `正在生成${stockName}全景作战报告`,
+    gif: generateGif,
   });
   chatStore.messages.push(thinkingMessage3);
   await new Promise((resolve) => setTimeout(resolve, 1500));
@@ -1039,7 +1044,6 @@ async function continueThinkingProcess(thinkingMessageRef, stockName) {
     sender: "ai",
     class: "ing",
     type: "ing",
-    flag: true,
     content: "报告已生成！",
   });
   chatStore.messages.push(thinkingMessage4);
@@ -1063,6 +1067,33 @@ watch(
 
     previousMessagesLength.value = newVal.length;
     if (newVal.length > 0) {
+      // 清理语音下标
+      console.log("chatStore.currentUserIndex", chatStore.currentUserIndex);
+      if (chatStore.currentUserIndex != null) {
+        chatStore.messages[chatStore.currentUserIndex].audioStatus = false;
+      }
+      chatStore.currentUserIndex = null;
+      audioStore.stop(); // 暂停语音
+
+      // 🔧 新增：重置音频队列状态，确保新音频能够自动播放
+      audioQueue.value = [];
+      isPlayingAudio.value = false;
+      currentPlayIndex = 0;
+      isCallingPlayNext = false;
+
+      // 重置音频预加载状态
+      audioPreloadStatus.one = { loaded: false, url: null };
+      audioPreloadStatus.two = { loaded: false, url: null };
+      audioPreloadStatus.three = { loaded: false, url: null };
+      audioPreloadStatus.four = { loaded: false, url: null };
+
+      // 清除音频实例
+      audioStore.soundInstance = null;
+      audioStore.nowSound = null;
+      audioStore.isPlaying = false;
+      audioStore.isPaused = false;
+      audioStore.playbackPosition = 0;
+
       console.log("消息列表已更新，最新消息:", newVal[newVal.length - 1]);
       chatStore.messages.push(newVal[newVal.length - 1]);
       chatStore.currentUserIndex = chatStore.messages.length - 1;
@@ -1101,6 +1132,8 @@ watch(
         console.log(codeData.value, "codeData");
         // 根据意图识别结果判断
         if (result.code == 200) {
+          // 意图识别成功后，更新历史记录状态
+          chatStore.searchRecord = true;
           // 获取到股票名称后，继续思考过程
           if (thinkingMessageRef && codeData.value.name) {
             await continueThinkingProcess(
@@ -1108,12 +1141,17 @@ watch(
               codeData.value.name
             );
           }
-
+          for (let i = chatStore.messages.length - 1; i >= 0; --i) {
+            if (chatStore.messages[i].sender == "user") {
+              chatStore.messages[i].audioStatus = true;
+              break;
+            }
+          }
           chatStore.messages.push({
-            class: "ing",
-            type: "ing",
-            flag: flag,
-            content: result.data.kaishi,
+            // class: "ing",
+            // type: "ing",
+            // flag: flag,
+            // content: result.data.kaishi,
           });
         } else {
           // 意图识别失败，先清理思考过程消息
@@ -1148,7 +1186,7 @@ watch(
             class: "ing",
             type: "ing",
             flag: flag,
-            content: aiContent,
+            content: AIcontent,
           });
 
           chatStore.isLoading = false;
@@ -2417,6 +2455,16 @@ watch(
       return;
     }
     try {
+      // 清理语音下标
+      chatStore.currentUserIndex = null;
+      audioStore.stop(); // 暂停语音
+
+      // 解开输入框
+      emit("enableInput");
+      // 清除打字机队列和状态
+      typingQueue.value = [];
+      isTypingInProgress.value = false;
+
       // 清空聊天框内容
       chatStore.messages = [];
 
@@ -2770,7 +2818,7 @@ function KlineCanvsEcharts(containerId) {
           name: "\u4eea\u8868\u76d8",
           type: "gauge",
           center: ["50%", "50%"],
-          radius: "90%",
+          radius: window.innerWidth > 768 ? "90%" : "70%",
           startAngle: 140,
           endAngle: -140,
           min: 0,
@@ -3286,10 +3334,10 @@ function KlineCanvsEcharts(containerId) {
         {
           textStyle: {
             color: "black",
-            fontSize: window.innerWidth > 768 ? 15 : vwToPx(1.8),
+            fontSize: window.innerWidth > 768 ? 12 : 9,
           },
           width: "100%",
-          top: window.innerWidth > 768 ? "0%" : "-1%",
+          top: window.innerWidth > 768 ? "5%" : "4%",
           left: "center",
           itemGap: window.innerWidth > 768 ? 20 : 10,
           itemWidth: 10,
@@ -3324,10 +3372,10 @@ function KlineCanvsEcharts(containerId) {
         {
           textStyle: {
             color: "black",
-            fontSize: window.innerWidth > 768 ? 15 : vwToPx(1.8),
+            fontSize: window.innerWidth > 768 ? 12 : 9,
           },
           orient: "horizontal",
-          top: window.innerWidth > 768 ? "3%" : "2%",
+          top: window.innerWidth > 768 ? "8%" : "7%",
           width: "100%",
           left: "center",
           itemGap: 15,
@@ -3339,11 +3387,11 @@ function KlineCanvsEcharts(containerId) {
                 rich: {
                   green: {
                     color: "green",
-                    fontSize: window.innerWidth > 768 ? 20 : 10,
+                    fontSize: window.innerWidth > 768 ? 12 : 9,
                   },
                   red: {
                     color: "red",
-                    fontSize: window.innerWidth > 768 ? 20 : 10,
+                    fontSize: window.innerWidth > 768 ? 12 : 9,
                   },
                 },
               },
@@ -3359,10 +3407,10 @@ function KlineCanvsEcharts(containerId) {
         {
           textStyle: {
             color: "black",
-            fontSize: window.innerWidth > 768 ? 15 : vwToPx(1.8),
+            fontSize: window.innerWidth > 768 ? 12 : 9,
           },
           orient: "horizontal",
-          top: window.innerWidth > 768 ? "68%" : "64%",
+          top: window.innerWidth > 768 ? "62%" : "60%",
           width: "100%",
           left: "center",
           itemGap: 15,
@@ -3374,11 +3422,11 @@ function KlineCanvsEcharts(containerId) {
                 rich: {
                   green: {
                     color: "green",
-                    fontSize: window.innerWidth > 768 ? 20 : 10,
+                    fontSize: window.innerWidth > 768 ? 12 : 9,
                   },
                   red: {
                     color: "red",
-                    fontSize: window.innerWidth > 768 ? 20 : 10,
+                    fontSize: window.innerWidth > 768 ? 12 : 9,
                   },
                 },
               },
@@ -3465,53 +3513,62 @@ function KlineCanvsEcharts(containerId) {
       },
       grid: [
         {
+          top: window.innerWidth > 768 ? "12%" : "10%",
           left:
             window.innerWidth > 1024
-              ? "70vw"
+              ? "14%"
               : window.innerWidth > 768
-              ? "65vw"
-              : "55vw",
+              ? "18%"
+              : window.innerWidth > 375
+              ? "20%"
+              : "22%",
           right:
             window.innerWidth > 1024
-              ? "40vw"
+              ? "9%"
               : window.innerWidth > 768
-              ? "30vw"
-              : "40vw",
-          top: window.innerWidth > 768 ? "8%" : "5%",
-          height: window.innerWidth > 768 ? "34%" : "34%",
+              ? "12%"
+              : "14%",
+
+          height: window.innerWidth > 768 ? "27%" : "29%",
           containLabel: false,
         },
         {
+          top: window.innerWidth > 768 ? "42%" : "42%",
           left:
             window.innerWidth > 1024
-              ? "70vw"
+              ? "14%"
               : window.innerWidth > 768
-              ? "65vw"
-              : "55vw",
+              ? "18%"
+              : window.innerWidth > 375
+              ? "20%"
+              : "22%",
           right:
             window.innerWidth > 1024
-              ? "40vw"
+              ? "9%"
               : window.innerWidth > 768
-              ? "30vw"
-              : "40vw",
-          top: window.innerWidth > 768 ? "45%" : "42%",
-          height: window.innerWidth > 768 ? "22%" : "22%",
+              ? "12%"
+              : "14%",
+
+          height: window.innerWidth > 768 ? "20%" : "18%",
           containLabel: false,
         },
         {
+          top: window.innerWidth > 768 ? "66%" : "64%",
           left:
             window.innerWidth > 1024
-              ? "70vw"
+              ? "14%"
               : window.innerWidth > 768
-              ? "65vw"
-              : "55vw",
+              ? "18%"
+              : window.innerWidth > 375
+              ? "20%"
+              : "22%",
           right:
             window.innerWidth > 1024
-              ? "40vw"
+              ? "9%"
               : window.innerWidth > 768
-              ? "30vw"
-              : "40vw",
-          top: window.innerWidth > 768 ? "73%" : "70%",
+              ? "12%"
+              : "14%",
+
           height: window.innerWidth > 768 ? "20%" : "22%",
           containLabel: false,
         },
@@ -3556,6 +3613,7 @@ function KlineCanvsEcharts(containerId) {
           axisLabel: {
             show: true,
             interval: "auto",
+            fontSize: window.innerWidth > 768 ? 12 : 9,
           },
         },
       ],
@@ -3652,11 +3710,15 @@ function KlineCanvsEcharts(containerId) {
           show: true,
           xAxisIndex: [0, 1, 2],
           type: "slider",
-          top: window.innerWidth > 768 ? "95%" : "96%",
+          top: window.innerWidth > 768 ? "90%" : "91%",
           // left: window.innerWidth > 768 ? "10%" : "8%",
           // right: window.innerWidth > 768 ? "4%" : "8%",
+          height: 20,
           start: 98,
           end: 100,
+          textStyle: {
+            fontSize: window.innerWidth > 768 ? 12 : 9,
+          },
         },
       ],
       visualMap: [
@@ -4092,6 +4154,11 @@ function KlineCanvsEcharts(containerId) {
               type: "solid",
             },
             data: [{ yAxis: 20 }],
+            label: {
+              normal: {
+                fontSize: window.innerWidth > 768 ? 12 : 9,
+              },
+            },
           },
         },
         {
@@ -4109,6 +4176,11 @@ function KlineCanvsEcharts(containerId) {
               type: "solid",
             },
             data: [{ yAxis: 50 }],
+            label: {
+              normal: {
+                fontSize: window.innerWidth > 768 ? 12 : 9,
+              },
+            },
           },
         },
         {
@@ -4126,6 +4198,11 @@ function KlineCanvsEcharts(containerId) {
               type: "solid",
             },
             data: [{ yAxis: 80 }],
+            label: {
+              normal: {
+                fontSize: window.innerWidth > 768 ? 12 : 9,
+              },
+            },
           },
         },
         {
@@ -4144,6 +4221,11 @@ function KlineCanvsEcharts(containerId) {
               type: "solid",
             },
             data: [{ yAxis: 100 }],
+            label: {
+              normal: {
+                fontSize: window.innerWidth > 768 ? 12 : 9,
+              },
+            },
           },
         },
       ],
@@ -4280,6 +4362,8 @@ onMounted(() => {
   });
   renderAllKlineCharts();
   console.log("组件挂载完成");
+  // 重置音频下标
+  chatStore.currentUserIndex = null;
 
   chatStore.messages.forEach((item) => {
     if (item.sender == "user") {
@@ -4376,23 +4460,30 @@ onUnmounted(() => {
     <div v-for="(msg, index) in chatMsg" :key="index">
       <!-- 用户消息容器，包含喇叭按钮 -->
       <div v-if="msg.sender === 'user'" class="user-message-container">
-        <img
-          :src="msg.audioStatus ? voice : voiceNoActive"
-          class="user-message-speaker"
-          :class="{
-            'speaker-active': msg.audioStatus,
-          }"
-          @click="toggleVoiceForUser(index)"
-          alt="喇叭"
-        />
-        <div
-          :class="{
-            'message-bubble': true,
-            [msg.sender]: msg.sender,
-            [msg.class]: msg.class,
-          }"
-        >
-          <div v-html="msg.content"></div>
+        <div class="user-msg">
+          <div class="user-content">
+            <img
+              :src="msg.audioStatus ? voice : voiceNoActive"
+              class="user-message-speaker"
+              :class="{
+                'speaker-active': msg.audioStatus,
+              }"
+              @click="toggleVoiceForUser(index)"
+              alt="喇叭"
+            />
+            <div
+              :class="{
+                'message-bubble': true,
+                [msg.sender]: msg.sender,
+                [msg.class]: msg.class,
+              }"
+            >
+              <div v-html="msg.content"></div>
+            </div>
+          </div>
+          <div v-if="msg.timestamp" class="user-sendTime">
+            {{ moment(msg.timestamp).format("YYYY-MM-DD HH:mm:ss") }}
+          </div>
         </div>
       </div>
 
@@ -4419,7 +4510,7 @@ onUnmounted(() => {
             alt="思考过程"
             class="thinking-gif"
           />
-          <div class="ai-message-content">
+          <div class="ai-message-content" :class="{ fourStep: msg.nowrap }">
             <div v-if="msg.flag">
               <span>{{ msg.content }}</span>
               <span class="loading-dots">
@@ -4465,7 +4556,7 @@ onUnmounted(() => {
         </div>
         <div v-else-if="msg.type == 'content2'" class="content2">
           <div class="kline-container content2chart">
-            <div :id="'kline-container-' + index" class="chart-mount-point">
+            <div :id="'kline-container-' + index" class="chart-mount-pointJN">
               <div v-if="!msg.hasValidData" class="no-data-message">
                 <p>暂无数据</p>
               </div>
@@ -4677,18 +4768,37 @@ p {
 /* 用户消息容器样式 */
 .user-message-container {
   display: flex;
-  align-items: flex-start;
+  /* align-items: flex-start; */
   margin: 10px 0px;
   justify-content: flex-end;
   gap: 10px;
+  /* align-items: center; */
+  flex-direction: column;
+}
+
+.user-msg {
+  margin-left: auto;
+}
+
+.user-content {
+  display: flex;
+  height: 100%;
   align-items: center;
+  margin-right: 5px;
+}
+
+.user-sendTime {
+  width: 100%;
+  text-align: center;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 0.8rem;
 }
 
 .user-message-speaker {
   width: 32px;
   height: 32px;
   object-fit: contain;
-  margin-top: 5px;
+  margin-right: 5px;
   cursor: pointer;
   transition: all 0.3s ease;
 }
@@ -4951,13 +5061,21 @@ p {
   width: 90%;
 }
 
+.kline-container .chart-mount-pointJN {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+}
+
 /* AI消息容器样式 */
 .ai-message-container {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   gap: 10px;
   margin-right: auto;
-  max-width: 80%;
+  /* max-width: 80%; */
 }
 
 /* 思考过程动图样式 */
@@ -4984,8 +5102,12 @@ p {
 .ai-message-content {
   display: flex;
   align-items: center;
-  white-space: nowrap;
+  /* white-space: nowrap; */
   width: fit-content;
   overflow: visible;
 }
+
+.fourStep {
+  white-space: nowrap;
+}
 </style>

src/views/DBQBmodel.vue

@@ -121,7 +121,7 @@ const goToHomePage = () => {
   align-items: center;
   justify-content: center;
   /* 添加水平居中 */
-  gap: 23px;
+  /* gap: 23px; */
   margin-bottom: 10px;
   flex-wrap: wrap;
   /* 添加换行支持，防止小屏幕溢出 */
@@ -181,7 +181,7 @@ const goToHomePage = () => {
 
   .btn-item img {
     width: 50%;
-    margin-top: 20px;
+    /* margin-top: 20px; */
   }
 }
 </style>

src/views/Emotionsmodel.vue

@@ -63,7 +63,7 @@ onUnmounted(() => {
 const goToAiEmotion = () => {
   // 设置 sessionStorage 控制 homepage.vue 激活 AiEmotion tab
   sessionStorage.setItem("activeTabAI", "AiEmotion");
-  sessionStorage.setItem("activeIndexAI", "2");
+  sessionStorage.setItem("activeIndexAI", "1");
   router.push("/homePage");
 };
 </script>

src/views/components/HistoryRecord.vue

@@ -25,23 +25,23 @@
     <div v-if="isCollapsed" class="collapsed-bottom-container">
       <div
         class="collapsed-bottom-btn"
-        @click="handleFeedbackClick"
-        title="用户反馈"
+        @click="handleAnnouncementClick"
+        title="公告"
       >
         <img
-          class="collapsed-bottom-feedback"
-          src="https://d31zlh4on95l9h.cloudfront.net/images/41d6e25c19466718d462bcee2f050140.png"
+          class="collapsed-bottom-announcement"
+          src="https://d31zlh4on95l9h.cloudfront.net/images/c51c7fbb68671729801fb10d65bd7789.png"
           alt="icon"
         />
       </div>
       <div
         class="collapsed-bottom-btn"
-        @click="handleAnnouncementClick"
-        title="公告"
+        @click="handleFeedbackClick"
+        title="用户反馈"
       >
         <img
-          class="collapsed-bottom-announcement"
-          src="https://d31zlh4on95l9h.cloudfront.net/images/c51c7fbb68671729801fb10d65bd7789.png"
+          class="collapsed-bottom-feedback"
+          src="https://d31zlh4on95l9h.cloudfront.net/images/41d6e25c19466718d462bcee2f050140.png"
           alt="icon"
         />
       </div>
@@ -78,7 +78,7 @@
         </div>
 
         <div v-else v-for="history in categoryHistory" :key="history.name">
-          <div class="categoryName">
+          <div class="categoryName" v-if="history.list.length!=0">
             {{ history.name }}
           </div>
           <div
@@ -95,9 +95,28 @@
                 />
               </div>
               <div class="record-msg">
-                <div class="record-text">{{ record.stockCode }}</div>
+                <div class="record-text">
+                  <span class="stock-name">{{ record.stockName }}</span>
+                  <span class="stock-code">({{ record.stockCode }})</span>
+                  <div v-if="history.name === '置顶'">
+                    <svg
+                      t="1755227529729"
+                      class="top-icon"
+                      viewBox="320 280 380 460"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="7392"
+                    >
+                      <path
+                        d="M351.085714 292.571429h321.828572v29.257142H351.085714v-29.257142z m175.542857 125.805714l146.285715 146.285714-20.48 20.48-125.805715-125.805714V731.428571h-29.257142v-272.091428L371.565714 585.142857l-20.48-20.48 146.285715-146.285714h29.257142z"
+                        fill="#FFFFFF"
+                        p-id="7393"
+                      ></path>
+                    </svg>
+                  </div>
+                </div>
                 <div class="record-time">
-                  {{ moment(record.updatedTime).format("YYYY-MM-DD HH:mm:ss") }}
+                  {{ moment(record.createdTime).format("YYYY-MM-DD HH:mm:ss") }}
                 </div>
               </div>
             </div>
@@ -167,17 +186,17 @@
       </div>
 
       <div class="bottom-container">
-        <div class="bottom-btn" @click="handleFeedbackClick" title="用户反馈">
+        <div class="bottom-btn" @click="handleAnnouncementClick" title="公告">
           <img
-            class="bottom-feedback"
-            src="https://d31zlh4on95l9h.cloudfront.net/images/41d6e25c19466718d462bcee2f050140.png"
+            class="bottom-announcement"
+            src="https://d31zlh4on95l9h.cloudfront.net/images/c51c7fbb68671729801fb10d65bd7789.png"
             alt="icon"
           />
         </div>
-        <div class="bottom-btn" @click="handleAnnouncementClick" title="公告">
+        <div class="bottom-btn" @click="handleFeedbackClick" title="用户反馈">
           <img
-            class="bottom-announcement"
-            src="https://d31zlh4on95l9h.cloudfront.net/images/c51c7fbb68671729801fb10d65bd7789.png"
+            class="bottom-feedback"
+            src="https://d31zlh4on95l9h.cloudfront.net/images/41d6e25c19466718d462bcee2f050140.png"
             alt="icon"
           />
         </div>
@@ -222,7 +241,7 @@
         </div>
 
         <div v-else v-for="history in categoryHistory" :key="history.name">
-          <div class="categoryName">
+          <div class="categoryName" v-if="history.list.length!=0">
             {{ history.name }}
           </div>
           <div
@@ -239,9 +258,28 @@
                 />
               </div>
               <div class="record-msg">
-                <div class="record-text">{{ record.stockCode }}</div>
+                <div class="record-text">
+                  <span class="stock-name">{{ record.stockName }}</span>
+                  <span class="stock-code">({{ record.stockCode }})</span>
+                  <div v-if="history.name === '置顶'">
+                    <svg
+                      t="1755227529729"
+                      class="top-icon"
+                      viewBox="320 280 380 460"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="7392"
+                    >
+                      <path
+                        d="M351.085714 292.571429h321.828572v29.257142H351.085714v-29.257142z m175.542857 125.805714l146.285715 146.285714-20.48 20.48-125.805715-125.805714V731.428571h-29.257142v-272.091428L371.565714 585.142857l-20.48-20.48 146.285715-146.285714h29.257142z"
+                        fill="#FFFFFF"
+                        p-id="7393"
+                      ></path>
+                    </svg>
+                  </div>
+                </div>
                 <div class="record-time">
-                  {{ moment(record.updatedTime).format("YYYY-MM-DD HH:mm:ss") }}
+                  {{ moment(record.createdTime).format("YYYY-MM-DD HH:mm:ss") }}
                 </div>
               </div>
             </div>
@@ -313,33 +351,33 @@
       <div class="mobile-bottom-container">
         <div
           class="mobile-bottom-btn"
-          @click="handleFeedbackClick"
-          title="用户反馈"
+          @click="handleAnnouncementClick"
+          title="公告"
         >
           <img
-            class="mobile-bottom-feedback"
-            src="https://d31zlh4on95l9h.cloudfront.net/images/41d6e25c19466718d462bcee2f050140.png"
+            class="mobile-bottom-announcement"
+            src="https://d31zlh4on95l9h.cloudfront.net/images/c51c7fbb68671729801fb10d65bd7789.png"
             alt="icon"
           />
-          <div class="mobile-bottom-text">用户反馈</div>
+          <div class="mobile-bottom-text">公告</div>
         </div>
         <div
           class="mobile-bottom-btn"
-          @click="handleAnnouncementClick"
-          title="公告"
+          @click="handleFeedbackClick"
+          title="用户反馈"
         >
           <img
-            class="mobile-bottom-announcement"
-            src="https://d31zlh4on95l9h.cloudfront.net/images/c51c7fbb68671729801fb10d65bd7789.png"
+            class="mobile-bottom-feedback"
+            src="https://d31zlh4on95l9h.cloudfront.net/images/41d6e25c19466718d462bcee2f050140.png"
             alt="icon"
           />
-          <div class="mobile-bottom-text">公告</div>
+          <div class="mobile-bottom-text">用户反馈</div>
         </div>
       </div>
     </div>
   </div>
 
-  <el-dialog v-model="deleteDialogVisible" title="永久删除记录" width="500">
+  <el-dialog v-model="deleteDialogVisible" title="永久删除记录" :width="computedDialogWidth">
     <span>删除后，该记录将不可恢复。确认删除吗？</span>
     <template #footer>
       <div class="dialog-footer">
@@ -404,6 +442,15 @@ const selectedRecordId = ref(null);
 
 const delObj = ref({});
 const deleteDialogVisible = ref(false);
+const dialogWidth = ref('500px'); // 对话框动态宽度
+
+// 计算属性：根据移动端状态动态设置对话框宽度
+const computedDialogWidth = computed(() => {
+  if (props.isMobile) {
+    return '70%'; // 移动端使用百分比宽度
+  }
+  return dialogWidth.value; // 桌面端使用固定宽度
+});
 
 const openDeleteDialog = () => {
   deleteDialogVisible.value = true;
@@ -415,11 +462,52 @@ const closeDeleteDialog = () => {
 
 const historyRecords = ref([]);
 const categoryHistory = ref([]);
+let chatFirstFlag = true;
+let emotionTirstFlag = true;
 const getHistoryList = async (params) => {
   try {
     const result = await getHistoryListAPI(params);
-    historyRecords.value = result.data.list;
-    let remainingRecords = result.data.list; // 复制原数组
+    historyRecords.value = result.data;
+    let remainingRecords = result.data; // 复制原数组
+    console.log(
+      "params",
+      params,
+      "result",
+      result.data,
+      "chatFirstFlag",
+      chatFirstFlag,
+      "emotionTirstFlag",
+      emotionTirstFlag
+    );
+
+    if (chatFirstFlag && params.model == 1 && result.data.length != 0) {
+      const userAgent = navigator.userAgent;
+      if (
+        !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+          userAgent
+        )
+      ) {
+        chatStore.aiChatCall = true;
+      }
+      chatFirstFlag = false;
+    }
+    if (emotionTirstFlag && params.model == 2 && result.data.length != 0) {
+      const userAgent = navigator.userAgent;
+      if (
+        !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+          userAgent
+        )
+      ) {
+        chatStore.aiEmotionCall = true;
+      }
+      emotionTirstFlag = false;
+    }
+
+    if (props.currentType == "AIchat") {
+      isCollapsed.value = !chatStore.aiChatCall;
+    } else {
+      isCollapsed.value = !chatStore.aiEmotionCall;
+    }
 
     // 1. 筛选置顶记录
     let topList = remainingRecords.filter((record) => record.isTop === 1);
@@ -428,12 +516,12 @@ const getHistoryList = async (params) => {
     // 2. 筛选今日记录
     let todayList = remainingRecords.filter((record) => {
       const today = moment().format("YYYY-MM-DD");
-      const recordDate = moment(record.updatedTime).format("YYYY-MM-DD");
+      const recordDate = moment(record.createdTime).format("YYYY-MM-DD");
       return recordDate === today;
     });
     remainingRecords = remainingRecords.filter((record) => {
       const today = moment().format("YYYY-MM-DD");
-      const recordDate = moment(record.updatedTime).format("YYYY-MM-DD");
+      const recordDate = moment(record.createdTime).format("YYYY-MM-DD");
       return recordDate !== today;
     });
 
@@ -441,13 +529,13 @@ const getHistoryList = async (params) => {
     let recent3DaysList = remainingRecords.filter((record) => {
       const threeDaysAgo = moment().subtract(3, "days").startOf("day");
       const yesterday = moment().subtract(1, "days").endOf("day");
-      const recordDate = moment(record.updatedTime);
+      const recordDate = moment(record.createdTime);
       return recordDate.isAfter(threeDaysAgo) && recordDate.isBefore(yesterday);
     });
     remainingRecords = remainingRecords.filter((record) => {
       const threeDaysAgo = moment().subtract(3, "days").startOf("day");
       const yesterday = moment().subtract(1, "days").endOf("day");
-      const recordDate = moment(record.updatedTime);
+      const recordDate = moment(record.createdTime);
       return !(
         recordDate.isAfter(threeDaysAgo) && recordDate.isBefore(yesterday)
       );
@@ -456,28 +544,28 @@ const getHistoryList = async (params) => {
     // 4. 筛选近7日记录（不包括今日和近3日）
     let recent7DaysList = remainingRecords.filter((record) => {
       const sevenDaysAgo = moment().subtract(7, "days").startOf("day");
-      const recordDate = moment(record.updatedTime);
+      const recordDate = moment(record.createdTime);
       return recordDate.isAfter(sevenDaysAgo);
     });
     remainingRecords = remainingRecords.filter((record) => {
       const sevenDaysAgo = moment().subtract(7, "days").startOf("day");
-      const recordDate = moment(record.updatedTime);
+      const recordDate = moment(record.createdTime);
       return !recordDate.isAfter(sevenDaysAgo);
     });
 
     // 5. 筛选近30日记录（不包括前面已筛选的）
     let recent30DaysList = remainingRecords.filter((record) => {
       const thirtyDaysAgo = moment().subtract(30, "days").startOf("day");
-      const recordDate = moment(record.updatedTime);
+      const recordDate = moment(record.createdTime);
       return recordDate.isAfter(thirtyDaysAgo);
     });
     remainingRecords = remainingRecords.filter((record) => {
       const thirtyDaysAgo = moment().subtract(30, "days").startOf("day");
-      const recordDate = moment(record.updatedTime);
+      const recordDate = moment(record.createdTime);
       return !recordDate.isAfter(thirtyDaysAgo);
     });
 
-    historyRecords.value = result.data.list;
+    historyRecords.value = result.data;
 
     categoryHistory.value = [
       {
@@ -505,6 +593,9 @@ const getHistoryList = async (params) => {
     console.log("categoryHistory", categoryHistory.value);
   } catch (e) {
     console.error("获取历史记录出错", e);
+    // 确保在出错时historyRecords和categoryHistory仍然是数组
+    historyRecords.value = [];
+    categoryHistory.value = [];
   }
 };
 
@@ -518,11 +609,18 @@ const changeTop = async (param) => {
 
 const changeTopStatus = async (isTop, id) => {
   try {
+    // 立即关闭popover，避免闪现
+    const popoverElement = document.querySelector('.el-popover');
+    if (popoverElement) {
+      popoverElement.style.display = 'none';
+    }
+    
     if (isTop == 0 && categoryHistory.value[0].list.length >= 3) {
       console.log("超过置顶上线");
       ElMessage.warning("最多置顶三条内容，已达上限！");
       return;
     }
+    
     await changeTop({
       model: props.currentType == "AIchat" ? 1 : 2,
       recordId: id,
@@ -554,10 +652,20 @@ const openHistory = () => {
   //   token: localStorage.getItem("localToken"),
   // });
   isCollapsed.value = false;
+  if (props.currentType == "AIchat") {
+    chatStore.aiChatCall = true;
+  } else if (props.currentType == "AiEmotion") {
+    chatStore.aiEmotionCall = true;
+  }
 };
 
 const closeHistory = () => {
   isCollapsed.value = true;
+  if (props.currentType == "AIchat") {
+    chatStore.aiChatCall = false;
+  } else if (props.currentType == "AiEmotion") {
+    chatStore.aiEmotionCall = false;
+  }
 };
 
 const openDetail = (record) => {
@@ -573,28 +681,37 @@ const selectRecord = async (record) => {
       parentId: record.parentId,
       recordId: record.id,
     });
-    
+
     if (result && result.data) {
+      if (props.isMobile) {
+        // 如果手机，收起历史记录
+        isCollapsed.value = true;
+        if (props.currentType == "AIchat") {
+          chatStore.aiChatCall = false;
+        } else if (props.currentType == "AiEmotion") {
+          chatStore.aiEmotionCall = false;
+        }
+      }
       historyData.value = result.data;
       chatStore.dbqbClickRecord = historyData.value;
       // 构造股票数据对象，保持与现有结构一致
       const stockData = {
-        queryText: record.stockCode || record.stockName || '', // 使用记录中的股票代码或名称作为查询文本
+        queryText: result.data.keyword, // 使用记录中的keyword字段作为查询文本
         stockInfo: {
-          name: result.data.stockData?.stockName || record.stockName || '',
-          code: record.stockCode || '',
-          market: record.stockMarket || 'cn'
+          name: result.data.stockData?.stockName || record.stockName || "",
+          code: record.stockCode || "",
+          market: record.stockMarket || "cn",
         },
         apiData: result.data.stockData || {}, // 图表数据
         conclusionData: result.data.wokeFlowData?.One || {}, // 场景应用的结论和音频
-        timestamp: new Date().toISOString()
+        timestamp: record.createdTime || new Date().toISOString(), // 使用历史记录的createdTime字段
       };
-      
+
       // 通过emit将数据传递给父组件
-      emit('selectRecord', stockData);
-      console.log('历史记录数据已发送给父组件:', stockData);
+      emit("selectRecord", stockData);
+      console.log("历史记录数据已发送给父组件:", stockData);
     } else {
-      console.error('历史记录数据格式不正确:', result);
+      console.error("历史记录数据格式不正确:", result);
     }
   } catch (e) {
     console.error("获取历史记录数据失败", e);
@@ -603,6 +720,16 @@ const selectRecord = async (record) => {
 
 const deleteRecord = (id) => {
   delObj.value.id = id;
+  // 立即关闭popover，避免闪现
+  nextTick(() => {
+    // 尝试多种方式关闭popover
+    const popoverElement = document.querySelector('.el-popover');
+    if (popoverElement) {
+      popoverElement.style.display = 'none';
+    }
+    // 触发body点击事件来关闭popover
+    document.body.click();
+  });
   openDeleteDialog();
 };
 
@@ -651,6 +778,7 @@ defineExpose({
   isCollapsed,
   toggleCollapse,
   getHistoryList,
+  selectedRecordId,
 });
 
 // 生命周期
@@ -702,6 +830,7 @@ onMounted(() => {
 }
 
 .mobileCollapsed {
+  /* max-width: 400px */
   width: 80vw;
 }
 
@@ -814,6 +943,7 @@ onMounted(() => {
   width: 100%;
   /* padding: 20px; */
   overflow: hidden;
+  min-height: 0;
 }
 
 .head-container {
@@ -909,6 +1039,10 @@ onMounted(() => {
   background: rgba(255, 255, 255, 0.1);
 }
 
+.history-item.active {
+  background: rgba(255, 255, 255, 0.5);
+}
+
 .record-content {
   display: flex;
   width: 100%;
@@ -932,9 +1066,27 @@ onMounted(() => {
   margin-bottom: 6px;
   overflow: hidden;
   text-overflow: ellipsis;
-  display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
+  display: flex;
+}
+
+.top-icon {
+  margin-left: 5px;
+  color: white;
+  height: auto;
+  width: 15px;
+}
+
+.stock-name {
+  font-weight: 500;
+  margin-right: 4px;
+}
+
+.stock-code {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 12px;
+  font-weight: 400;
 }
 
 .record-time {

src/views/components/emoEnergyConverter.vue

@@ -152,7 +152,7 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
       max: qxnlzhqData.js,
       name: "【情绪临界区】",
       color: "#FFC0AA",
-      fontColor: 'white',
+      fontColor: '#2D2D89',
       NumberColor: 'white',
     },
   ];
@@ -455,7 +455,7 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
       {
         type: 'slider',
         xAxisIndex: 0,
-        start: 0,
+        start: 50,
         end: 100,
         show: true,
         bottom: 10,
@@ -473,7 +473,7 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
       {
         type: 'inside',
         xAxisIndex: 0,
-        start: 0,
+        start: 50,
         end: 100,
         zoomOnMouseWheel: true,
         moveOnMouseMove: true,
@@ -850,12 +850,12 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
       // }
     ],
     grid: {
-      left: "13%",
+      left: window.innerWidth >= 768 ? "13%" : "18%",
       right: "10",
       top: '10',
       bottom: "60",
       containLabel: false,
-      width: '80%',
+      width: window.innerWidth >= 768 ? '80%': '70%',
       height: 'auto',
       overflow: 'hidden'
     },

src/views/components/emotionDecod.vue

@@ -91,12 +91,22 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
     grid: [
       {
         top: "5%",
-        height: window.innerWidth <= 768 ? "30%" : "40%"
+        height: window.innerWidth <= 768 ? "35%" : "40%",
+        width: window.innerWidth <= 768 ? "70%" : "80%",
+        left: window.outerWidth <= 768 ? "20%" : "10%",
+      },
+      { 
+        top:  window.innerWidth <= 768 ? "40%" :"45%", 
+        height: "35%",
+        width: window.innerWidth <= 768 ? "70%" : "80%",
+        left: window.outerWidth <= 768 ? "20%" : "10%",
+      },
+      { 
+        top:  window.innerWidth <= 768 ? "75%" : "80%", 
+        height: "2%",
+        width: window.innerWidth <= 768 ? "70%" : "80%",
+        left: window.outerWidth <= 768 ? "20%" : "10%",
       },
-      { top:  window.innerWidth <= 768 ? "35%" :"45%", 
-        height: "35%" },
-      { top:  window.innerWidth <= 768 ? "70%" : "80%", 
-        height: "2%" },
     ],
 
     visualMap: [
@@ -280,14 +290,23 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
           shadowOffsetX: 2,
           shadowOffsetY: 2,
         },
-        bottom: "8%", // 下移数据缩放滑块
-      },
-      {
-        show: !1,
-        type: "slider",
+        start: 50, // 默认展示后半部分数据
+        end: 100,
+        bottom: window.innerWidth <= 768 ? "5%" : "7%", // 下移数据缩放滑块
       },
+      // {
+      //   show: true,
+      //   type: "slider",
+      //   xAxisIndex: [0, 1, 2],
+      //   bottom: "0%",
+      //   textStyle: {
+      //     color: "white",
+      //   },
+      // },
       {
         type: "inside",
+        xAxisIndex: [0, 1, 2],
+        filterMode: "filter",
       },
     ],
     series: [
@@ -499,7 +518,7 @@ onBeforeUnmount(() => {
 @media only screen and (max-width: 768px) {
   .qxjmqEcharts {
     width: 100%;
-    height: 400px;
+    height: 270px;
     margin: 0;
     /* top: 5rem; */
   }

src/views/components/emotionalBottomRadar.vue

@@ -503,7 +503,7 @@ function initEmotionalBottomRadar(KlineData, barAndLineData) {
       {
         type: 'slider',
         xAxisIndex: [0, 1, 2],
-        start: 0,
+        start: 50,
         end: 100,
         show: true,
         bottom: window.innerWidth > 768 ? 30 : 50,
@@ -528,7 +528,7 @@ function initEmotionalBottomRadar(KlineData, barAndLineData) {
       {
         type: 'inside',
         xAxisIndex: [0, 1, 2],
-        start: 0,
+        start: 50,
         end: 100,
         zoomOnMouseWheel: true,
         moveOnMouseMove: true,

src/views/components/marketTemperature.vue

@@ -493,7 +493,7 @@ function initChart(raw, klineDataRawValue, WDRLValue) {
       textStyle: { color: "white", fontSize: window.innerWidth <= 768 ? 14 : 18 },
     },
     grid: {
-      left: window.innerWidth <= 768 ? '50px' : '100px', // 移动端使用较小边距，桌面端为四位数预留足够空间
+      left: window.innerWidth <= 768 ? '15%' : '100px', // 移动端使用较小边距，桌面端为四位数预留足够空间
       right: window.innerWidth <= 768 ? '40px' : '100px', // 为右侧y轴预留空间
       top: window.innerWidth <= 768 ? '40px' : '60px',
       bottom: window.innerWidth <= 768 ? '60px' : '80px', // 为dataZoom预留空间
@@ -667,6 +667,8 @@ function initChart(raw, klineDataRawValue, WDRLValue) {
         textStyle: {
           color: "white",
         },
+        start: 50, // 默认展示后半部分数据
+        end: 100,
         bottom: "0%", // 下移数据缩放滑块
       },
       {

src/views/homePage.vue

@@ -34,9 +34,9 @@ import feedbackBtn from "../assets/img/Feedback/feedbackBtn.png";
 import AiEmotion from "./AiEmotion.vue";
 import HistoryRecord from "./components/HistoryRecord.vue";
 
-// import VConsole from "vconsole";
+import VConsole from "vconsole";
 
-// const vConsole = new VConsole();
+const vConsole = new VConsole();
 
 const isMobile = ref(null);
 
@@ -181,7 +181,7 @@ watch(
   () => chatStore.announcementMsg,
   (newVal) => {
     console.log("监听到公告改变", chatStore.announcementMsg);
-    if (chatStore.announcementMsg) {
+    if (chatStore.announcementMsg && !isInputDisabled.value) {
       message.value = chatStore.announcementMsg;
       chatStore.announcementMsg = null;
     }
@@ -192,6 +192,8 @@ watch(
   () => dataStore.isFeedback,
   async (newVal) => {
     if (!dataStore.isFeedback) {
+      // 重置公告页面显示状态
+      isAnnouncementVisible.value = false;
       await nextTick();
       // 监听页面高度
       throttledHeightListener();
@@ -217,6 +219,10 @@ const sendMessage = async () => {
 
   // 注意：历史记录会在消息发送后自动更新，无需手动添加
 
+  // 取消历史记录选中状态
+  if (historyRecordRef) {
+    historyRecordRef.value.selectedRecordId = null;
+  }
   // 判断当前是否为 AiEmotion 组件
   if (activeTab.value === "AiEmotion") {
     // 禁用输入框
@@ -250,9 +256,8 @@ const sendMessage = async () => {
       {
         sender: "user",
         content: messageContent,
-        timestamp: new Date().toISOString(),
         audioArray: [],
-        audioStatus: true,
+        audioStatus: false,
       },
     ];
     console.log(messages.value, "messages.value");
@@ -267,19 +272,19 @@ const enableInput = () => {
 
 // 处理历史记录选择
 const handleHistorySelect = (stockData) => {
-  console.log('接收到历史记录数据:', stockData);
-  
+  console.log("接收到历史记录数据:", stockData);
+
   // 如果当前不在AiEmotion页面，切换到AiEmotion页面
   // if (activeTab.value !== 'AiEmotion') {
   //   setActiveTab('AiEmotion', 1);
   // }
-  
+
   // 等待组件渲染完成后调用addStock方法
   nextTick(() => {
     if (aiEmotionRef.value && aiEmotionRef.value.addStock) {
       aiEmotionRef.value.addStock(stockData);
     } else {
-      console.error('AiEmotion组件或addStock方法不可用');
+      console.error("AiEmotion组件或addStock方法不可用");
     }
   });
 };
@@ -353,7 +358,7 @@ const throttledSmoothScrollToBottom = _.throttle(smoothScrollToBottom, 300, {
 });
 
 watch(
-  () => chatStore.messages,
+  () => chatStore.messages.length,
   () => {
     // console.log('messages变化了')
     // 只有在AIchat页面时才执行自动滚动
@@ -362,7 +367,7 @@ watch(
     }
     // setTimeout(throttledSmoothScrollToBottom, 100);
   },
-  { deep: true, immediate: true }
+  { deep: false, immediate: true }
 );
 
 watch(
@@ -382,7 +387,7 @@ watch(
     console.log("activeTab变化了", activeTab.value);
     if (activeTab.value == "AIchat" || activeTab.value == "AiEmotion") {
       if (historyRecordRef.value && historyRecordRef.value.getHistoryList) {
-        historyRecordRef.value.getHistoryList({
+        const result = historyRecordRef.value.getHistoryList({
           model: activeTab.value == "AIchat" ? 1 : 2,
           token: localStorage.getItem("localToken"),
         });
@@ -392,7 +397,7 @@ watch(
     if (activeTab.value === "AIchat") {
       isScrolling.value = false; //回复滚动到底部方法
       setTimeout(() => {
-        throttledSmoothScrollToBottom();
+        // throttledSmoothScrollToBottom();
       }, 100);
     }
     // AiEmotion页面不执行自动滚动，避免刷新后滚动到底部
@@ -548,6 +553,9 @@ const adjustFooterPosition = (height) => {
   }, 200);
 };
 
+// 是否正在输入法组合
+const inputing = ref(false);
+
 const onFocus = function () {
   const visualViewport = window.visualViewport;
   // 获取可视区域高度
@@ -564,6 +572,7 @@ const onFocus = function () {
 };
 
 const onBlur = function () {
+  inputing.value = false;
   const visualViewport = window.visualViewport;
   setTimeout(() => {
     console.log("输入框失焦");
@@ -590,6 +599,11 @@ const onBlur = function () {
 let touchmoveHandlerRef = null;
 const touchmoveHandler = (e) => {
   if (!dataStore.isFeedback) {
+    if (historyRecordRef) {
+      if (!historyRecordRef.value.isCollapsed) {
+        return;
+      }
+    }
     // 判断触摸目标是否在可滚动区域内
     const isScrollableArea = e.target.closest(".tab-content");
 
@@ -628,6 +642,45 @@ const expandHistory = () => {
   ) {
     console.log("存在");
     historyRecordRef.value.isCollapsed = !historyRecordRef.value.isCollapsed;
+    if (activeTab.value == "AIchat") {
+      chatStore.aiChatCall = true;
+    } else if (activeTab.value == "AiEmotion") {
+      chatStore.aiEmotionCall = true;
+    }
+  }
+};
+
+const backToHome = () => {
+  if (isMobile.value) {
+    console.log("用户是移动端");
+    // 调用原生方法跳转到首页
+    uni.postMessage({
+      data: {
+        val: {
+          name: "JWopenView",
+          extra: {
+            data: {
+              type: 3,
+            },
+          },
+        },
+      },
+    });
+  } else {
+    console.log("用户是pc端");
+    const env = import.meta.env.VITE_ENV;
+    console.log("当前的环境为：", env);
+    if (env == "development" || env == "test") {
+      window.parent.location.href =
+        "http://121.89.234.155:8807/hljw/homepage?menu=999999991";
+    } else if (env == "product") {
+      window.parent.location.href =
+        "https://web.homilychart.com/product/hljw/homepage?menu=999999991";
+    } else if (env == "production") {
+      window.parent.location.href =
+        "https://web.homilychart.com/hljw/homepage?menu=999999991";
+    }
+    // window.parent.location.href = window.parent.document.referrer
   }
 };
 
@@ -716,6 +769,14 @@ onUnmounted(() => {
             <div class="count-number">{{ UserCount }}次</div>
             <div class="clickGetCount">点击获取次数</div>
           </div>
+          <div class="backToHomeBtn" @click="backToHome()">
+            <img
+              src="https://d31zlh4on95l9h.cloudfront.net/images/d8b388e461423f79087ddbe016002217.png"
+              alt="返回首页"
+              class="backImg"
+            />
+            <div class="backContent">返回首页</div>
+          </div>
           <!-- <img
             :src="announcementBtn"
             class="announcement-btn action-btn"
@@ -750,12 +811,21 @@ onUnmounted(() => {
               >
                 <span>{{ tab.label }}</span>
               </div>
-              <div v-if="!isMobile" class="pc-count-badge" @click="showCount">
-                <div class="pc-action-btn">
-                  <div class="pc-count-number">{{ UserCount }}次</div>
+              <div v-if="!isMobile" class="pc-count-badge">
+                <div class="pc-countBtn" @click="showCount">
+                  <div class="pc-action-btn">
+                    <div class="pc-count-number">{{ UserCount }}次</div>
+                  </div>
+                  <div class="pc-clickGetCount">点击获取次数</div>
+                </div>
+                <div class="pc-backToHomeBtn" @click="backToHome()">
+                  <img
+                    src="https://d31zlh4on95l9h.cloudfront.net/images/d8b388e461423f79087ddbe016002217.png"
+                    alt="返回首页"
+                    class="pc-backImg"
+                  />
+                  <div class="pc-backContent">返回首页</div>
                 </div>
-
-                <div class="pc-clickGetCount">点击获取次数</div>
               </div>
             </div>
           </section>
@@ -830,13 +900,15 @@ onUnmounted(() => {
               @focus="onFocus"
               @blur="onBlur"
               :autosize="{ minRows: 1, maxRows: 4 }"
-              placeholder="请输入股票名称或股票代码..."
               class="msg-input"
               @keydown.enter.exact.prevent="
                 isLoading || isInputDisabled ? null : sendMessage()
               "
               :disabled="isInputDisabled"
               resize="none"
+              :class="{ input: !message && !inputing }"
+              @compositionstart="inputing = true"
+              @compositionend="inputing = false"
             >
             </el-input>
             <img
@@ -866,10 +938,10 @@ onUnmounted(() => {
     >
       <el-header class="homepage-head">
         <!-- logo -->
-        <div class="homepage-logo">
+        <!-- <div class="homepage-logo">
           <img :src="logo" alt="图片加载失败" class="logo1" />
-          <!-- <img :src="madeInHL" alt="图片加载失败" class="logo2" /> -->
-        </div>
+          <img :src="madeInHL" alt="图片加载失败" class="logo2" />
+        </div> -->
 
         <div class="homepage-right-group">
           <div class="count-badge" @click="showCount">
@@ -880,6 +952,14 @@ onUnmounted(() => {
             <div class="count-number">{{ UserCount }}次</div>
             <div class="clickGetCount">点击获取次数</div>
           </div>
+          <div class="backToHomeBtn" @click="backToHome()">
+            <img
+              src="https://d31zlh4on95l9h.cloudfront.net/images/d8b388e461423f79087ddbe016002217.png"
+              alt="返回首页"
+              class="backImg"
+            />
+            <div class="backContent">返回首页</div>
+          </div>
           <!-- <img
             :src="announcementBtn"
             class="announcement-btn action-btn"
@@ -1178,16 +1258,41 @@ body {
   font-size: 12px;
 }
 
+.backToHomeBtn {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.backImg {
+  width: 100%;
+  height: auto;
+}
+
+.backContent {
+  width: 100%;
+  text-align: center;
+  color: white;
+  font-size: 12px;
+  white-space: nowrap;
+}
+
 .pc-count-badge {
-  width: 120px;
+  width: 200px;
   height: 100%;
-  margin-left: auto;
-  margin-right: 20px;
   position: absolute;
   right: 20px;
+  display: flex;
 }
 
-.pc-count-badge:hover {
+.pc-countBtn {
+  width: 65%;
+  height: 100%;
+  position: relative;
+}
+
+.pc-countBtn:hover {
   transform: scale(1.05);
 }
 
@@ -1217,6 +1322,28 @@ body {
   font-size: 12px;
 }
 
+.pc-backToHomeBtn {
+  width: 35%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.pc-backImg {
+  width: auto;
+  height: 70%;
+}
+.pc-backContent {
+  width: 100%;
+  text-align: center;
+  color: white;
+  font-size: 12px;
+}
+
+.pc-backToHomeBtn:hover {
+  transform: scale(1.05);
+}
+
 .homepage-right-group .announcement-btn {
   cursor: pointer;
   transition: transform 0.3s;
@@ -1399,12 +1526,6 @@ body {
   padding-right: 45px !important;
 }
 
-.msg-input:deep(.el-textarea__inner::placeholder) {
-  white-space: nowrap !important;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-}
-
 .msg-input {
   min-height: 34px;
   width: 100%;
@@ -1424,6 +1545,20 @@ body {
   outline: none;
 }
 
+.input::before {
+  content: "请输入股票名称或股票代码...";
+  position: absolute;
+  left: 11px;
+  top: 5px;
+  color: var(--el-text-color-secondary);
+  pointer-events: none;
+  white-space: nowrap ;
+  overflow-x: hidden ;
+  text-overflow: ellipsis ;
+  width: 80%;
+  z-index: 6;
+}
+
 @media (max-width: 768px) {
   .action-btn {
     height: 21px;