From c83c36e43c4f63866182e86c0d63fe52668dee24 Mon Sep 17 00:00:00 2001
From: no99 <17663930442@163.com>
Date: Fri, 15 Aug 2025 16:13:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=83=85=E7=BB=AA=E5=A4=A7=E6=A8=A1=E5=9E=8B?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E4=BF=A1=E6=81=AF=E6=B7=BB=E5=8A=A0=E5=8F=91?=
 =?UTF-8?q?=E9=80=81=E6=97=B6=E9=97=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/AiEmotion.vue | 2275 ++++++++++++++++++++++++++++-------------------
 1 file changed, 1350 insertions(+), 925 deletions(-)

diff --git a/src/views/AiEmotion.vue b/src/views/AiEmotion.vue
index 7fae274..23a8db9 100644
--- a/src/views/AiEmotion.vue
+++ b/src/views/AiEmotion.vue
@@ -8,27 +8,45 @@
     <div class="ai-emotion-container" ref="userInputDisplayRef">
       <!-- 金轮 -->
       <div class="golden-wheel">
-        <img src="@/assets/img/AiEmotion/金轮.png" class="golden-wheel-img" alt="金轮图标"
-          :class="{ 'rotating-image': isRotating }" />
+        <img
+          src="@/assets/img/AiEmotion/金轮.png"
+          class="golden-wheel-img"
+          alt="金轮图标"
+          :class="{ 'rotating-image': isRotating }"
+        />
       </div>
-      
+
       <!-- 对话消息显示区域 -->
-      <div class="conversation-area" v-if="messages.length > 0 && !isHistoryMode">
+      <div
+        class="conversation-area"
+        v-if="messages.length > 0 && !isHistoryMode"
+      >
         <div class="message-list">
-          <div v-for="(message, index) in messages" :key="index" class="message-item"
-            :class="{ 'user-message-item': message.sender === 'user', 'ai-message-item': message.sender === 'ai' }">
-            
+          <div
+            v-for="(message, index) in messages"
+            :key="index"
+            class="message-item"
+            :class="{
+              'user-message-item': message.sender === 'user',
+              'ai-message-item': message.sender === 'ai',
+            }"
+          >
             <!-- 用户消息 -->
             <div v-if="message.sender === 'user'" class="user-message-wrapper">
               <div class="message-bubble user-message">
                 {{ message.text }}
               </div>
             </div>
-            
+
             <!-- AI消息（包括思考过程） -->
             <div v-else class="ai-message-wrapper">
               <div class="ai-message-container">
-                <img v-if="message.gif" :src="message.gif" alt="思考过程" class="thinking-gif" />
+                <img
+                  v-if="message.gif"
+                  :src="message.gif"
+                  alt="思考过程"
+                  class="thinking-gif"
+                />
                 <div class="message-bubble ai-message">
                   <div v-if="message.flag">
                     <span>{{ message.text }}</span>
@@ -60,120 +78,195 @@
 
     <!-- main容器区域 -->
     <!-- 移除股票标签页，改为对话形式展示 -->
-    
+
     <!-- 渲染整个页面 - 遍历过滤后的股票列表显示所有股票 -->
-    <div class="master" v-for="(stock, stockIndex) in filteredStockList" :key="`stock-${stockIndex}-${stock.timestamp}`" v-if="isPageLoaded">
+    <div
+      class="master"
+      v-for="(stock, stockIndex) in filteredStockList"
+      :key="`stock-${stockIndex}-${stock.timestamp}`"
+      v-if="isPageLoaded"
+    >
       <!-- 对应股票的消息显示区域 -->
       <div class="user-input-display">
         <div class="message-container">
           <!-- 显示该股票对应的用户输入内容 -->
           <div class="user-message-container">
-            <img :src="isVoice && getStockAudioState(stock).isPlaying ? voice : voiceNoActive" class="user-message-speaker"
-              :class="{
-                'speaker-active': isVoice && getStockAudioState(stock).isPlaying
-              }" @click="() => toggleVoiceForUser(stock)" alt="喇叭" />
-            <div class="message-bubble user-message">
-              {{ stock.queryText }}
+            <div class="user-content">
+              <img
+                :src="
+                  isVoice && getStockAudioState(stock).isPlaying
+                    ? voice
+                    : voiceNoActive
+                "
+                class="user-message-speaker"
+                :class="{
+                  'speaker-active':
+                    isVoice && getStockAudioState(stock).isPlaying,
+                }"
+                @click="() => toggleVoiceForUser(stock)"
+                alt="喇叭"
+              />
+              <div class="message-bubble user-message">
+                {{ stock.queryText }}
+              </div>
+            </div>
+            <div class="user-sendTime">
+              {{ moment(stock.timestamp).format("YYYY-MM-DD HH:mm:ss") }}
             </div>
           </div>
         </div>
       </div>
-      
+
       <div class="main">
         <div class="main-content-wrapper">
           <!-- 四维矩阵图 -->
           <div class="matrix-header">
             <!-- <img class="item" :src="item" alt="思维矩阵图片" /> -->
             <div class="market-temperature-label">
-              {{ stock.stockInfo.name }}{{ stock.stockInfo.name ? '量子四维矩阵图' : '' }}
+              {{ stock.stockInfo.name
+              }}{{ stock.stockInfo.name ? "量子四维矩阵图" : "" }}
+            </div>
+            <div class="market-temperature-value">
+              {{ getDisplayDate(stock) }}
             </div>
-            <div class="market-temperature-value">{{ getDisplayDate(stock) }}</div>
           </div>
-          <div class="market-temperature-icon" v-if="chartVisibility.marketTemperature">
-            <img src="@/assets/img/AiEmotion/L1.png" alt="情绪监控图标">
+          <div
+            class="market-temperature-icon"
+            v-if="chartVisibility.marketTemperature"
+          >
+            <img src="@/assets/img/AiEmotion/L1.png" alt="情绪监控图标" />
           </div>
           <!-- 温度计图表 -->
-          <div class="market-temperature-section" v-if="chartVisibility.marketTemperature">
+          <div
+            class="market-temperature-section"
+            v-if="chartVisibility.marketTemperature"
+          >
             <div class="temperature-content">
               <div class="content1">
-                <img src="@/assets/img/AiEmotion/温度计.png" alt="温度计图标">
+                <img src="@/assets/img/AiEmotion/温度计.png" alt="温度计图标" />
                 <span class="matrix-main-title">股市温度计</span>
               </div>
               <div class="temperature-display">
-                <div class="temperature-cold">股票温度：{{ getStockData2(stock) ?? "NA" }}</div>
-                <div class="temperature-hot">市场温度：{{ getStockData1(stock) }}</div>
+                <div class="temperature-cold">
+                  股票温度：{{ getStockData2(stock) ?? "NA" }}
+                </div>
+                <div class="temperature-hot">
+                  市场温度：{{ getStockData1(stock) }}
+                </div>
               </div>
             </div>
-            <marketTemperature :ref="el => marketTemperatureRef[stockIndex] = el" :companyName="stock.stockInfo.name"
-              :stockCode="stock.stockInfo.code" />
+            <marketTemperature
+              :ref="(el) => (marketTemperatureRef[stockIndex] = el)"
+              :companyName="stock.stockInfo.name"
+              :stockCode="stock.stockInfo.code"
+            />
           </div>
         </div>
         <div class="emotion-decoder-icon" v-if="chartVisibility.emotionDecod">
-          <img src="@/assets/img/AiEmotion/L2.png" alt="情绪解码图标">
+          <img src="@/assets/img/AiEmotion/L2.png" alt="情绪解码图标" />
         </div>
         <!-- 情绪解码器图表 -->
-        <div class="emotion-decoder-section" v-if="chartVisibility.emotionDecod">
+        <div
+          class="emotion-decoder-section"
+          v-if="chartVisibility.emotionDecod"
+        >
           <div class="emotion-decoder-header">
-            <img src='@/assets/img/AiEmotion/emotionDecod.png' alt="情绪解码器图标">
+            <img
+              src="@/assets/img/AiEmotion/emotionDecod.png"
+              alt="情绪解码器图标"
+            />
             <span class="emotion-decoder-text">情绪解码器</span>
           </div>
           <div class="emotion-decoder-content">
-            <emotionDecod :ref="el => emotionDecodRef[stockIndex] = el"></emotionDecod>
+            <emotionDecod
+              :ref="(el) => (emotionDecodRef[stockIndex] = el)"
+            ></emotionDecod>
           </div>
         </div>
-        <div class="bottom-radar-icon" v-if="chartVisibility.emotionalBottomRadar">
-          <img src="@/assets/img/AiEmotion/L3.png" alt="情绪推演图标">
+        <div
+          class="bottom-radar-icon"
+          v-if="chartVisibility.emotionalBottomRadar"
+        >
+          <img src="@/assets/img/AiEmotion/L3.png" alt="情绪推演图标" />
         </div>
         <!-- 情绪探底雷达图表 -->
-        <div class="bottom-radar-section" v-if="chartVisibility.emotionalBottomRadar">
+        <div
+          class="bottom-radar-section"
+          v-if="chartVisibility.emotionalBottomRadar"
+        >
           <div class="bottom-radar-header">
-            <img src="@/assets/img/AiEmotion/探底雷达.png" alt="探底雷达图表">
+            <img src="@/assets/img/AiEmotion/探底雷达.png" alt="探底雷达图表" />
             <span class="bottom-radar-text">情绪探底雷达</span>
           </div>
           <div class="bottom-radar-content">
-            <emotionalBottomRadar :ref="el => emotionalBottomRadarRef[stockIndex] = el"></emotionalBottomRadar>
+            <emotionalBottomRadar
+              :ref="(el) => (emotionalBottomRadarRef[stockIndex] = el)"
+            ></emotionalBottomRadar>
           </div>
         </div>
-        <div class="energy-converter-icon" v-if="chartVisibility.emoEnergyConverter">
-          <img src="@/assets/img/AiEmotion/L4.png" alt="情绪套利">
+        <div
+          class="energy-converter-icon"
+          v-if="chartVisibility.emoEnergyConverter"
+        >
+          <img src="@/assets/img/AiEmotion/L4.png" alt="情绪套利" />
         </div>
         <!-- 情绪能量转化器图表 -->
-        <div class="energy-converter-section" v-if="chartVisibility.emoEnergyConverter">
+        <div
+          class="energy-converter-section"
+          v-if="chartVisibility.emoEnergyConverter"
+        >
           <div class="energy-converter-header">
-            <img src="@/assets/img/AiEmotion/能量转化器.png" alt="能量转化器图标">
+            <img
+              src="@/assets/img/AiEmotion/能量转化器.png"
+              alt="能量转化器图标"
+            />
             <span class="energy-converter-text">情绪能量转化器</span>
           </div>
           <div class="energy-converter-content">
-            <emoEnergyConverter :ref="el => emoEnergyConverterRef[stockIndex] = el"></emoEnergyConverter>
+            <emoEnergyConverter
+              :ref="(el) => (emoEnergyConverterRef[stockIndex] = el)"
+            ></emoEnergyConverter>
           </div>
         </div>
         <!-- 核心看点 -->
         <div class="core-highlights-header">
-          <img src="@/assets/img/AiEmotion/核心看点.png" alt="核心看点字样">
+          <img src="@/assets/img/AiEmotion/核心看点.png" alt="核心看点字样" />
         </div>
         <div class="bk-image">
           <div class="text-container">
-            <p><span class="title">情绪监控-金融宇宙的【量子检测网络】</span>
-              <span class="content">核心任务:构建全市场情绪引力场雷达，实时监测资金流向和情绪波动</span>
+            <p>
+              <span class="title">情绪监控-金融宇宙的【量子检测网络】</span>
+              <span class="content"
+                >核心任务:构建全市场情绪引力场雷达，实时监测资金流向和情绪波动</span
+              >
             </p>
-            <p><span class="title">情绪解码-主力思维的【神经破译矩阵】</span>
-              <span class="content">核心任务:解构资金行为的量子密码，破译主力操盘意图和策略布局</span>
+            <p>
+              <span class="title">情绪解码-主力思维的【神经破译矩阵】</span>
+              <span class="content"
+                >核心任务:解构资金行为的量子密码，破译主力操盘意图和策略布局</span
+              >
             </p>
-            <p><span class="title">情绪推演-未来战争的【时空推演舱】</span>
-              <span class="content">核心任务:基于情绪数据推演未来走势，预测市场转折点和机会窗口</span>
+            <p>
+              <span class="title">情绪推演-未来战争的【时空推演舱】</span>
+              <span class="content"
+                >核心任务:基于情绪数据推演未来走势，预测市场转折点和机会窗口</span
+              >
             </p>
-            <p><span class="title">情绪套利-财富裂变的【粒子对撞机】</span>
-              <span class="content">核心任务:将情绪差转化为收益粒子流，实现情绪能量的价值转换</span>
+            <p>
+              <span class="title">情绪套利-财富裂变的【粒子对撞机】</span>
+              <span class="content"
+                >核心任务:将情绪差转化为收益粒子流，实现情绪能量的价值转换</span
+              >
             </p>
           </div>
         </div>
         <!-- 核心逻辑 -->
         <div class="core-logic-header">
-          <img src="@/assets/img/AiEmotion/核心逻辑.png" alt="核心逻辑字样">
+          <img src="@/assets/img/AiEmotion/核心逻辑.png" alt="核心逻辑字样" />
         </div>
         <div class="decision-tree-section">
           <div class="lz-img">
-            <img src="@/assets/img/AiEmotion/量子神经决策树.png" alt="树标题">
+            <img src="@/assets/img/AiEmotion/量子神经决策树.png" alt="树标题" />
           </div>
           <div class="scaled-img">
             <!-- <img src="@/assets/img/AiEmotion/tree02.jpg" alt="树图片"> -->
@@ -181,14 +274,18 @@
         </div>
         <!-- 场景应用 -->
         <div class="scenario-application-section" ref="scenarioApplicationRef">
-          <img src="@/assets/img/AiEmotion/场景应用.png" alt="场景应用标题">
+          <img src="@/assets/img/AiEmotion/场景应用.png" alt="场景应用标题" />
           <div class="bk-image">
             <div class="conclusion-container">
               <!-- 使用打字机效果显示结论内容 -->
               <div class="conclusion-item" v-if="moduleVisibility.one">
                 <h4 class="conclusion-title">{{ displayedTitles.one }}</h4>
-                <p class="conclusion-text" v-if="displayedTexts.one1">{{ displayedTexts.one1 }}</p>
-                <p class="conclusion-text" v-if="displayedTexts.one2">{{ displayedTexts.one2 }}</p>
+                <p class="conclusion-text" v-if="displayedTexts.one1">
+                  {{ displayedTexts.one1 }}
+                </p>
+                <p class="conclusion-text" v-if="displayedTexts.one2">
+                  {{ displayedTexts.one2 }}
+                </p>
               </div>
               <div class="conclusion-item" v-if="moduleVisibility.two">
                 <h4 class="conclusion-title">{{ displayedTitles.two }}</h4>
@@ -207,7 +304,15 @@
                 <p class="disclaimer-text">{{ displayedTexts.disclaimer }}</p>
               </div>
             </div>
-            <div class="conclusion-placeholder" v-if="!moduleVisibility.one && !moduleVisibility.two && !moduleVisibility.three && !moduleVisibility.four">
+            <div
+              class="conclusion-placeholder"
+              v-if="
+                !moduleVisibility.one &&
+                !moduleVisibility.two &&
+                !moduleVisibility.three &&
+                !moduleVisibility.four
+              "
+            >
               <p>等待股票分析结论...</p>
             </div>
           </div>
@@ -215,9 +320,20 @@
 
         <!-- 返回顶部按钮 -->
         <div class="back-to-top" @click="scrollToTop" v-show="isPageLoaded">
-          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M12 4L12 20M12 4L6 10M12 4L18 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-              stroke-linejoin="round" />
+          <svg
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 4L12 20M12 4L6 10M12 4L18 10"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
           </svg>
         </div>
       </div>
@@ -226,30 +342,31 @@
 </template>
 
 <script setup>
-import { ref, computed, watch, nextTick, onMounted, onUnmounted } from 'vue';
-import { getReplyAPI, getConclusionAPI } from '@/api/AiEmotionApi.js'; // 导入工作流接口方法
-import axios from 'axios';
-import item from '@/assets/img/AiEmotion/bk01.png'; // 导入思维矩阵图片
-import emotionDecod from '@/views/components/emotionDecod.vue'; // 导入情绪解码组件
-import emotionalBottomRadar from '@/views/components/emotionalBottomRadar.vue'; // 导入情绪探底雷达图组件
-import emoEnergyConverter from '@/views/components/emoEnergyConverter.vue'; // 导入情绪能量转化器组件
-import marketTemperature from '@/views/components/marketTemperature.vue';
-import StockTabs from '@/views/components/StockTabs.vue'; // 导入股票标签页组件
-import blueBorderImg from '@/assets/img/AiEmotion/blueBorder.png' //导入蓝色背景框图片
-import { ElMessage } from 'element-plus'; // 接口失败提示已改为对话形式，保留用于输入验证
-import { useEmotionStore } from '@/store/emotion'; // 导入Pinia store
-import { useEmotionAudioStore } from '@/store/emotionAudio.js'; // 导入音频store
-import { useChatStore } from '@/store/chat.js'; // 导入聊天store
+import { ref, computed, watch, nextTick, onMounted, onUnmounted } from "vue";
+import { getReplyAPI, getConclusionAPI } from "@/api/AiEmotionApi.js"; // 导入工作流接口方法
+import axios from "axios";
+import moment from "moment";
+import item from "@/assets/img/AiEmotion/bk01.png"; // 导入思维矩阵图片
+import emotionDecod from "@/views/components/emotionDecod.vue"; // 导入情绪解码组件
+import emotionalBottomRadar from "@/views/components/emotionalBottomRadar.vue"; // 导入情绪探底雷达图组件
+import emoEnergyConverter from "@/views/components/emoEnergyConverter.vue"; // 导入情绪能量转化器组件
+import marketTemperature from "@/views/components/marketTemperature.vue";
+import StockTabs from "@/views/components/StockTabs.vue"; // 导入股票标签页组件
+import blueBorderImg from "@/assets/img/AiEmotion/blueBorder.png"; //导入蓝色背景框图片
+import { ElMessage } from "element-plus"; // 接口失败提示已改为对话形式，保留用于输入验证
+import { useEmotionStore } from "@/store/emotion"; // 导入Pinia store
+import { useEmotionAudioStore } from "@/store/emotionAudio.js"; // 导入音频store
+import { useChatStore } from "@/store/chat.js"; // 导入聊天store
 // 导入思考过程GIF
-import thinkingGif from '@/assets/img/gif/思考.gif';
-import analyzeGif from '@/assets/img/gif/解析.gif';
-import generateGif from '@/assets/img/gif/生成.gif';
+import thinkingGif from "@/assets/img/gif/思考.gif";
+import analyzeGif from "@/assets/img/gif/解析.gif";
+import generateGif from "@/assets/img/gif/生成.gif";
 import getCountAll from "../assets/img/homePage/get-count-all.png";
 import voice from "../assets/img/homePage/tail/voice.png";
 import voiceNoActive from "../assets/img/homePage/tail/voice-no-active.png";
-import { Howl, Howler } from 'howler'; // 导入音频播放库
-import { reactive } from 'vue';
-import { marked } from 'marked'; // 引入marked库
+import { Howl, Howler } from "howler"; // 导入音频播放库
+import { reactive } from "vue";
+import { marked } from "marked"; // 引入marked库
 import { useUserStore } from "../store/userPessionCode";
 const APIurl = import.meta.env.VITE_APP_API_BASE_URL;
 
@@ -266,13 +383,14 @@ const toggleVoiceForUser = (stock) => {
     // 获取该股票的结论数据和当前状态
     const stockConclusion = getStockConclusion(stock);
     const currentState = getStockAudioState(stock);
-    
+
     // 检查是否有任何音频正在播放（包括全局播放状态和当前股票状态）
-    const isAnyAudioPlaying = emotionAudioStore.isPlaying || currentState.isPlaying;
-    
+    const isAnyAudioPlaying =
+      emotionAudioStore.isPlaying || currentState.isPlaying;
+
     // 如果当前点击的股票正在播放，则暂停
     if (currentState.isPlaying) {
-      console.log('暂停当前股票音频:', stock.stockInfo?.name);
+      console.log("暂停当前股票音频:", stock.stockInfo?.name);
       // 暂停音频而不是停止
       if (emotionAudioStore.nowSound && emotionAudioStore.nowSound.playing()) {
         emotionAudioStore.nowSound.pause();
@@ -282,7 +400,7 @@ const toggleVoiceForUser = (stock) => {
       setStockAudioState(stock, { isPlaying: false, isPaused: true });
     } else if (currentState.isPaused) {
       // 如果当前股票处于暂停状态，则继续播放
-      console.log('继续播放当前股票音频:', stock.stockInfo?.name);
+      console.log("继续播放当前股票音频:", stock.stockInfo?.name);
       if (emotionAudioStore.nowSound) {
         emotionAudioStore.nowSound.play();
         emotionAudioStore.isPaused = false;
@@ -292,26 +410,35 @@ const toggleVoiceForUser = (stock) => {
     } else {
       // 如果有其他音频正在播放，先停止
       if (isAnyAudioPlaying) {
-        console.log('停止其他正在播放的音频，准备播放新音频:', stock.stockInfo?.name);
+        console.log(
+          "停止其他正在播放的音频，准备播放新音频:",
+          stock.stockInfo?.name
+        );
         stopAudio();
         emotionAudioStore.resetAudioState();
       }
-      
+
       // 清除所有股票的播放状态
       clearAllStockAudioStates();
-      
+
       // 如果有音频数据，开始播放
-      if (stockConclusion && (stockConclusion.one1_url || stockConclusion.two_url || stockConclusion.three_url || stockConclusion.four_url)) {
-        console.log('开始播放股票音频:', stock.stockInfo?.name);
+      if (
+        stockConclusion &&
+        (stockConclusion.one1_url ||
+          stockConclusion.two_url ||
+          stockConclusion.three_url ||
+          stockConclusion.four_url)
+      ) {
+        console.log("开始播放股票音频:", stock.stockInfo?.name);
         setStockAudioState(stock, { isPlaying: true, isPaused: false });
-        
+
         // 播放音频队列
         playAudioQueue(stockConclusion, false, () => {
           // 音频播放完成后重置状态
           setStockAudioState(stock, { isPlaying: false, isPaused: false });
         });
       } else {
-        console.log('该股票没有可播放的音频数据');
+        console.log("该股票没有可播放的音频数据");
       }
     }
   }
@@ -326,7 +453,7 @@ const chatStore = useChatStore();
 const userStore = useUserStore();
 // 处理refuse数据的函数
 function processRefuseMessage(refuseData) {
-  if (!refuseData) return '未知错误';
+  if (!refuseData) return "未知错误";
 
   // 如果refuse数据包含Markdown格式，进行转换
   try {
@@ -344,21 +471,21 @@ function processRefuseMessage(refuseData) {
     const htmlContent = marked(refuseData);
 
     // 移除HTML标签，只保留纯文本用于ElMessage显示
-    const tempDiv = document.createElement('div');
+    const tempDiv = document.createElement("div");
     tempDiv.innerHTML = htmlContent;
     return tempDiv.textContent || tempDiv.innerText || refuseData;
   } catch (error) {
-    console.error('处理refuse消息时出错:', error);
+    console.error("处理refuse消息时出错:", error);
     return refuseData;
   }
 }
 
 // 组件引用 - 修改为数组形式支持多个股票
 const marketTemperatureRef = ref([]); // 引用市场温度计组件数组
-const emoEnergyConverterRef = ref([])
-const emotionDecodRef = ref([])
-const emotionalBottomRadarRef = ref([])
-const userInputDisplayRef = ref(null);//消息区域的引用
+const emoEnergyConverterRef = ref([]);
+const emotionDecodRef = ref([]);
+const emotionalBottomRadarRef = ref([]);
+const userInputDisplayRef = ref(null); //消息区域的引用
 
 // 响应式数据
 const messages = ref([]);
@@ -366,9 +493,9 @@ const messages = ref([]);
 // 从emotion store中恢复对话记录
 const loadConversationsFromStore = () => {
   const storedConversations = emotionStore.getConversations();
-  messages.value = storedConversations.map(conv => ({
+  messages.value = storedConversations.map((conv) => ({
     sender: conv.sender,
-    text: conv.text
+    text: conv.text,
   }));
 };
 
@@ -378,29 +505,29 @@ const addedStocks = ref(new Set());
 // 从stockList生成对话历史
 const loadConversationsFromStockList = () => {
   // 检查是否有新的股票需要添加到对话中
-  emotionStore.stockList.forEach(stock => {
+  emotionStore.stockList.forEach((stock) => {
     const stockKey = `${stock.stockInfo.code}_${stock.timestamp}`;
 
     // 如果这个股票还没有添加到对话中
     if (!addedStocks.value.has(stockKey)) {
       // 检查messages中是否已经存在相同的用户消息
-      const existingMessage = messages.value.find(msg =>
-        msg.sender === 'user' && msg.text === stock.queryText
+      const existingMessage = messages.value.find(
+        (msg) => msg.sender === "user" && msg.text === stock.queryText
       );
 
       // 只有当messages中不存在相同消息时才添加
       if (!existingMessage) {
         // 只添加用户输入消息，不添加AI回复
         const userMessage = {
-          sender: 'user',
-          text: stock.queryText
+          sender: "user",
+          text: stock.queryText,
         };
         messages.value.push(userMessage);
 
         // 只将用户消息添加到emotion store中（如果store中也不存在）
         const storeConversations = emotionStore.getConversations();
-        const existingInStore = storeConversations.find(conv =>
-          conv.sender === 'user' && conv.text === stock.queryText
+        const existingInStore = storeConversations.find(
+          (conv) => conv.sender === "user" && conv.text === stock.queryText
         );
         if (!existingInStore) {
           emotionStore.addConversation(userMessage);
@@ -423,113 +550,115 @@ const clearConversations = () => {
 
 // 添加股票数据的包装方法
 const addStock = (stockData) => {
-  console.log('AiEmotion组件接收到股票数据:', stockData);
-  
+  console.log("AiEmotion组件接收到股票数据:", stockData);
+
   // 设置为历史记录模式，并重置用户主动搜索标志
   isHistoryMode.value = true;
   isUserInitiated.value = false;
-  
+
   // 1. 先清空页面显示节点和stockList中的数据
   isPageLoaded.value = false; // 隐藏页面显示节点
   emotionStore.clearAllStocks(); // 清空stockList中的数据
   emotionStore.clearConversations(); // 清空对话记录
   messages.value = []; // 清空页面对话显示
-  
+
   // 清理已添加股票的记录
   addedStocks.value.clear();
-  
+
   // 停止音频播放和清理状态
   stopAudio();
-  audioUrl.value = '';
+  audioUrl.value = "";
   emotionAudioStore.resetAudioState();
   clearTypewriterTimers();
   hasTriggeredAudio.value = false;
   hasTriggeredTypewriter.value = false;
   stockTypewriterShown.value.clear();
   stockAudioPlayed.value.clear();
-  
+
   // 清理显示的文本和标题
   displayedTexts.value = {
-    one1: '',
-    one2: '',
-    two: '',
-    three: '',
-    four: '',
-    disclaimer: ''
+    one1: "",
+    one2: "",
+    two: "",
+    three: "",
+    four: "",
+    disclaimer: "",
   };
   displayedTitles.value = {
-    one: '',
-    two: '',
-    three: '',
-    four: ''
+    one: "",
+    two: "",
+    three: "",
+    four: "",
   };
-  
+
   // 隐藏所有模块
   moduleVisibility.value = {
     one: false,
     two: false,
     three: false,
     four: false,
-    disclaimer: false
+    disclaimer: false,
   };
-  
+
   // 隐藏所有图表组件
   chartVisibility.value = {
     marketTemperature: false,
     emotionDecod: false,
     emotionalBottomRadar: false,
-    emoEnergyConverter: false
+    emoEnergyConverter: false,
   };
-  
+
   // 2. 将新的数据存储到stockList中
   emotionStore.addStock(stockData);
   // 3. 设置页面为已加载状态，重新渲染页面
   isPageLoaded.value = true;
-  
+
   // 4. 立即显示历史记录的结论文本
   if (stockData.conclusionData) {
     try {
-      const conclusion = typeof stockData.conclusionData === 'object' 
-        ? stockData.conclusionData 
-        : JSON.parse(stockData.conclusionData);
-      
+      const conclusion =
+        typeof stockData.conclusionData === "object"
+          ? stockData.conclusionData
+          : JSON.parse(stockData.conclusionData);
+
       displayedTexts.value = {
-        one1: conclusion.one1 || '',
-        one2: conclusion.one2 || '',
-        two: conclusion.two || '',
-        three: conclusion.three || '',
-        four: conclusion.four || '',
-        disclaimer: '该内容由AI生成，请注意甄别'
+        one1: conclusion.one1 || "",
+        one2: conclusion.one2 || "",
+        two: conclusion.two || "",
+        three: conclusion.three || "",
+        four: conclusion.four || "",
+        disclaimer: "该内容由AI生成，请注意甄别",
       };
-      
+
       displayedTitles.value = {
-        one: 'L1: 情绪监控',
-        two: 'L2: 情绪解码',
-        three: 'L3: 情绪推演',
-        four: 'L4: 情绪套利'
+        one: "L1: 情绪监控",
+        two: "L2: 情绪解码",
+        three: "L3: 情绪推演",
+        four: "L4: 情绪套利",
       };
-      
+
       moduleVisibility.value = {
         one: !!(conclusion.one1 || conclusion.one2),
         two: !!conclusion.two,
         three: !!conclusion.three,
         four: !!conclusion.four,
-        disclaimer: true
+        disclaimer: true,
       };
-      
+
       // 标记该股票已显示过，避免重复触发
-      const stockCode = stockData.stockInfo?.code || stockData.stockInfo?.symbol;
+      const stockCode =
+        stockData.stockInfo?.code || stockData.stockInfo?.symbol;
       if (stockCode) {
         stockTypewriterShown.value.set(stockCode, true);
         stockAudioPlayed.value.set(stockCode, true);
       }
-      
-      console.log('历史记录结论文本已立即显示:', conclusion);
+
+      console.log("历史记录结论文本已立即显示:", conclusion);
     } catch (error) {
-      console.error('解析历史记录结论数据失败:', error);
+      console.error("解析历史记录结论数据失败:", error);
     }
   }
-  
+
   // 5. 使用nextTick确保DOM更新后启动高度监听器并滚动到底部
   nextTick(() => {
     // 启动页面高度监听器，实时监听内容变化并自动滚动
@@ -543,14 +672,14 @@ const addStock = (stockData) => {
 defineExpose({
   handleSendMessage,
   clearConversations,
-  addStock
+  addStock,
 });
 const isPageLoaded = ref(false); // 控制页面是否显示
 const isHistoryMode = ref(false); // 控制是否为历史记录模式
 // const isLoading = ref(false); // 控制加载状态
-const isRotating = ref(false);//控制旋转
+const isRotating = ref(false); //控制旋转
 const version1 = ref(1); // 版本号
-const conclusionData = ref(''); // 存储第二个工作流接口返回的结论数据
+const conclusionData = ref(""); // 存储第二个工作流接口返回的结论数据
 
 // 自动滚动相关数据
 const isAutoScrolling = ref(false);
@@ -564,20 +693,20 @@ const isUserInitiated = ref(false); // 标记是否为用户主动搜索
 
 // 显示的文本内容（用于打字机效果）
 const displayedTexts = ref({
-  one1: '',
-  one2: '',
-  two: '',
-  three: '',
-  four: '',
-  disclaimer: ''
+  one1: "",
+  one2: "",
+  two: "",
+  three: "",
+  four: "",
+  disclaimer: "",
 });
 
 // 显示的标题内容（用于打字机效果）
 const displayedTitles = ref({
-  one: '',
-  two: '',
-  three: '',
-  four: ''
+  one: "",
+  two: "",
+  three: "",
+  four: "",
 });
 
 // 模块显示状态
@@ -586,7 +715,7 @@ const moduleVisibility = ref({
   two: false,
   three: false,
   four: false,
-  disclaimer: false
+  disclaimer: false,
 });
 
 // 图表组件显示状态
@@ -594,7 +723,7 @@ const chartVisibility = ref({
   marketTemperature: true,
   emotionDecod: true,
   emotionalBottomRadar: true,
-  emoEnergyConverter: true
+  emoEnergyConverter: true,
 });
 const typewriterTimers = ref([]);
 // 记录每个股票是否已经显示过打字机效果
@@ -607,22 +736,27 @@ const stockAudioStates = ref(new Map());
 const currentOnCompleteCallback = ref(null);
 
 // 音频播放相关数据
-const audioUrl = ref('');
+const audioUrl = ref("");
 const isAudioPlaying = ref(false);
 
 // 获取股票的音频播放状态
 const getStockAudioState = (stock) => {
   const stockCode = stock.stockInfo?.code || stock.stockInfo?.symbol;
   if (!stockCode) return { isPlaying: false, isPaused: false };
-  
-  return stockAudioStates.value.get(stockCode) || { isPlaying: false, isPaused: false };
+
+  return (
+    stockAudioStates.value.get(stockCode) || {
+      isPlaying: false,
+      isPaused: false,
+    }
+  );
 };
 
 // 设置股票的音频播放状态
 const setStockAudioState = (stock, state) => {
   const stockCode = stock.stockInfo?.code || stock.stockInfo?.symbol;
   if (!stockCode) return;
-  
+
   stockAudioStates.value.set(stockCode, { ...state });
 };
 
@@ -639,7 +773,12 @@ const showBackToTop = ref(false);
 // 计算属性 - 从store获取当前股票数据
 const currentStock = computed(() => emotionStore.activeStock);
 const stockName = computed(() => currentStock.value?.stockInfo.name || "");
-const stockCode = computed(() => currentStock.value?.stockInfo.code || currentStock.value?.stockInfo.symbol || "");
+const stockCode = computed(
+  () =>
+    currentStock.value?.stockInfo.code ||
+    currentStock.value?.stockInfo.symbol ||
+    ""
+);
 const displayDate = computed(() => {
   if (!currentStock.value?.apiData) return "";
   const lastData = currentStock.value.apiData.GSWDJ?.at(-1);
@@ -651,7 +790,10 @@ const displayDate = computed(() => {
   if (dateMatch) {
     const [, year, month, day] = dateMatch;
     // 转换为 DD/MM/YYYY 格式
-    return `更新时间：${day.padStart(2, '0')}/${month.padStart(2, '0')}/${year}`;
+    return `更新时间：${day.padStart(2, "0")}/${month.padStart(
+      2,
+      "0"
+    )}/${year}`;
   }
 
   // 如果不匹配预期格式，返回原始值
@@ -668,13 +810,13 @@ const data2 = computed(() => {
   return lastData ? Math.round(lastData[2]) : null;
 });
 const currentConclusion = computed(() => {
-  return currentStock.value?.conclusionData || '';
+  return currentStock.value?.conclusionData || "";
 });
 const parsedConclusion = computed(() => {
   if (!currentConclusion.value) return null;
 
   // 如果conclusionData已经是对象，直接返回
-  if (typeof currentConclusion.value === 'object') {
+  if (typeof currentConclusion.value === "object") {
     return currentConclusion.value;
   }
 
@@ -682,7 +824,7 @@ const parsedConclusion = computed(() => {
   try {
     return JSON.parse(currentConclusion.value);
   } catch (error) {
-    console.error('解析结论数据失败:', error);
+    console.error("解析结论数据失败:", error);
     return null;
   }
 });
@@ -691,7 +833,7 @@ const parsedConclusion = computed(() => {
 // 过滤和排序后的股票列表
 const filteredStockList = computed(() => {
   return emotionStore.stockList
-    .filter(stock => {
+    .filter((stock) => {
       // 过滤掉数据不完整的股票
       return stock.stockInfo?.name && stock.apiData && stock.queryText;
     })
@@ -713,7 +855,10 @@ const getDisplayDate = (stock) => {
   if (dateMatch) {
     const [, year, month, day] = dateMatch;
     // 转换为 DD/MM/YYYY 格式
-    return `更新时间：${day.padStart(2, '0')}/${month.padStart(2, '0')}/${year}`;
+    return `更新时间：${day.padStart(2, "0")}/${month.padStart(
+      2,
+      "0"
+    )}/${year}`;
   }
 
   // 如果不匹配预期格式，返回原始值
@@ -739,7 +884,7 @@ const getStockConclusion = (stock) => {
   if (!stock?.conclusionData) return null;
 
   // 如果conclusionData已经是对象，直接返回
-  if (typeof stock.conclusionData === 'object') {
+  if (typeof stock.conclusionData === "object") {
     return stock.conclusionData;
   }
 
@@ -747,431 +892,537 @@ const getStockConclusion = (stock) => {
   try {
     return JSON.parse(stock.conclusionData);
   } catch (error) {
-    console.error('解析股票结论数据失败:', error);
+    console.error("解析股票结论数据失败:", error);
     return null;
   }
 };
 
-
-
 // 监听股票列表变化，当列表为空时隐藏页面数据
-watch(() => emotionStore.stockList, (newStockList) => {
-  if (newStockList.length === 0) {
-    // 当股票列表为空时，隐藏页面数据
-    isPageLoaded.value = false;
-    // 停止音频播放
-    stopAudio();
-    // 清理音频URL
-    audioUrl.value = '';
-    emotionAudioStore.resetAudioState();
-    // 清理打字机效果
-    clearTypewriterTimers();
-    // 重置所有状态
-    hasTriggeredAudio.value = false;
-    hasTriggeredTypewriter.value = false;
-    stockTypewriterShown.value.clear();
-    stockAudioPlayed.value.clear();
-    // 清理已添加股票的记录
-    addedStocks.value.clear();
-    // 清理显示的文本和标题
-    displayedTexts.value = {
-      one1: '',
-      one2: '',
-      two: '',
-      three: '',
-      four: '',
-      disclaimer: ''
-    };
-    displayedTitles.value = {
-      one: '',
-      two: '',
-      three: '',
-      four: ''
-    };
-    // 隐藏所有模块
-    moduleVisibility.value = {
-      one: false,
-      two: false,
-      three: false,
-      four: false,
-      disclaimer: false
-    };
-    // 隐藏所有图表组件
-    chartVisibility.value = {
-      marketTemperature: false,
-      emotionDecod: false,
-      emotionalBottomRadar: false,
-      emoEnergyConverter: false
-    };
-    console.log('股票列表已清空，页面数据已隐藏');
-  } else {
-    // 当stockList有数据时，更新对话记录
-    loadConversationsFromStockList();
-  }
-}, { deep: true });
-
-// 监听当前股票变化，重新渲染图表
-watch(currentStock, (newStock) => {
-  if (newStock && newStock.apiData) {
-    // 页面加载状态现在由 handleSendMessage 统一控制
-    // 停止当前播放的音频
-    stopAudio();
-    // 清理音频URL，确保不会播放之前股票的音频
-    audioUrl.value = '';
-    // 清理store中的音频URL，确保不会播放之前股票的音频
-    emotionAudioStore.resetAudioState();
-    // 清理正在进行的打字机效果定时器
-    clearTypewriterTimers();
-    // 重置触发状态，让每个股票都能独立触发效果
-    hasTriggeredAudio.value = false;
-    hasTriggeredTypewriter.value = false;
-
-    // 获取股票代码作为唯一标识
-    const stockCode = newStock.stockInfo?.code || newStock.stockInfo?.symbol;
-
-    // 检查该股票是否已经显示过打字机效果
-    if (stockCode && stockTypewriterShown.value.has(stockCode)) {
-      // 如果已经显示过，直接显示完整文本和标题
-      if (newStock.conclusionData) {
-        try {
-          // 如果conclusionData已经是对象，直接使用；否则解析JSON
-          const conclusion = typeof newStock.conclusionData === 'object'
-            ? newStock.conclusionData
-            : JSON.parse(newStock.conclusionData);
-          displayedTexts.value = {
-            one1: conclusion.one1 || '',
-            one2: conclusion.one2 || '',
-            two: conclusion.two || '',
-            three: conclusion.three || '',
-            four: conclusion.four || '',
-            disclaimer: '该内容由AI生成，请注意甄别'
-          };
-          displayedTitles.value = {
-            one: 'L1: 情绪监控',
-            two: 'L2: 情绪解码',
-            three: 'L3: 情绪推演',
-            four: 'L4: 情绪套利'
-          };
-          // 显示所有有内容的模块
-          moduleVisibility.value = {
-            one: !!(conclusion.one1 || conclusion.one2),
-            two: !!conclusion.two,
-            three: !!conclusion.three,
-            four: !!conclusion.four,
-            disclaimer: true
-          };
-
-          // 提取音频URL但不自动播放，等待用户手动点击
-          let voiceUrl = null;
-          // 优先使用one1_url，如果没有则尝试其他音频URL
-          if (conclusion.one1_url) {
-            voiceUrl = conclusion.one1_url.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.one2_url) {
-            voiceUrl = conclusion.one2_url.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.two_url) {
-            voiceUrl = conclusion.two_url.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.three_url) {
-            voiceUrl = conclusion.three_url.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.four_url) {
-            voiceUrl = conclusion.four_url.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.url) {
-            voiceUrl = conclusion.url.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.audioUrl) {
-            voiceUrl = conclusion.audioUrl.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.voice_url) {
-            voiceUrl = conclusion.voice_url.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.audio) {
-            voiceUrl = conclusion.audio.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.tts_url) {
-            voiceUrl = conclusion.tts_url.toString().trim().replace(/[`\s]/g, '');
-          }
-
-          if (voiceUrl && voiceUrl.startsWith('http')) {
-            console.log('切换到已显示股票，准备音频URL但不自动播放:', voiceUrl);
-            audioUrl.value = voiceUrl;
-            // 同时更新store中的音频URL
-            emotionAudioStore.setCurrentAudioUrl(voiceUrl);
-            // 不自动播放，等待用户手动点击
-          }
-        } catch (error) {
-          console.error('解析股票结论数据失败:', error);
-        }
-      }
-    } else {
-      // 如果没有显示过，清空显示文本，等待打字机效果
+watch(
+  () => emotionStore.stockList,
+  (newStockList) => {
+    if (newStockList.length === 0) {
+      // 当股票列表为空时，隐藏页面数据
+      isPageLoaded.value = false;
+      // 停止音频播放
+      stopAudio();
+      // 清理音频URL
+      audioUrl.value = "";
+      emotionAudioStore.resetAudioState();
+      // 清理打字机效果
+      clearTypewriterTimers();
+      // 重置所有状态
+      hasTriggeredAudio.value = false;
+      hasTriggeredTypewriter.value = false;
+      stockTypewriterShown.value.clear();
+      stockAudioPlayed.value.clear();
+      // 清理已添加股票的记录
+      addedStocks.value.clear();
+      // 清理显示的文本和标题
       displayedTexts.value = {
-        one1: '',
-        one2: '',
-        two: '',
-        three: '',
-        four: '',
-        disclaimer: ''
+        one1: "",
+        one2: "",
+        two: "",
+        three: "",
+        four: "",
+        disclaimer: "",
       };
       displayedTitles.value = {
-        one: '',
-        two: '',
-        three: '',
-        four: ''
+        one: "",
+        two: "",
+        three: "",
+        four: "",
       };
+      // 隐藏所有模块
       moduleVisibility.value = {
         one: false,
         two: false,
         three: false,
         four: false,
-        disclaimer: false
+        disclaimer: false,
       };
+      // 隐藏所有图表组件
+      chartVisibility.value = {
+        marketTemperature: false,
+        emotionDecod: false,
+        emotionalBottomRadar: false,
+        emoEnergyConverter: false,
+      };
+      console.log("股票列表已清空，页面数据已隐藏");
+    } else {
+      // 当stockList有数据时，更新对话记录
+      loadConversationsFromStockList();
+    }
+  },
+  { deep: true }
+);
 
-      // 即使没有显示过，也需要设置音频URL以便用户手动播放
-      if (newStock.conclusionData) {
-        try {
-          // 如果conclusionData已经是对象，直接使用；否则解析JSON
-          const conclusion = typeof newStock.conclusionData === 'object'
-            ? newStock.conclusionData
-            : JSON.parse(newStock.conclusionData);
-          let voiceUrl = null;
-          // 优先使用one1_url，如果没有则尝试其他音频URL
-          if (conclusion.one1_url) {
-            voiceUrl = conclusion.one1_url.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.one2_url) {
-            voiceUrl = conclusion.one2_url.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.two_url) {
-            voiceUrl = conclusion.two_url.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.three_url) {
-            voiceUrl = conclusion.three_url.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.four_url) {
-            voiceUrl = conclusion.four_url.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.url) {
-            voiceUrl = conclusion.url.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.audioUrl) {
-            voiceUrl = conclusion.audioUrl.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.voice_url) {
-            voiceUrl = conclusion.voice_url.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.audio) {
-            voiceUrl = conclusion.audio.toString().trim().replace(/[`\s]/g, '');
-          } else if (conclusion.tts_url) {
-            voiceUrl = conclusion.tts_url.toString().trim().replace(/[`\s]/g, '');
-          }
+// 监听当前股票变化，重新渲染图表
+watch(
+  currentStock,
+  (newStock) => {
+    if (newStock && newStock.apiData) {
+      // 页面加载状态现在由 handleSendMessage 统一控制
+      // 停止当前播放的音频
+      stopAudio();
+      // 清理音频URL，确保不会播放之前股票的音频
+      audioUrl.value = "";
+      // 清理store中的音频URL，确保不会播放之前股票的音频
+      emotionAudioStore.resetAudioState();
+      // 清理正在进行的打字机效果定时器
+      clearTypewriterTimers();
+      // 重置触发状态，让每个股票都能独立触发效果
+      hasTriggeredAudio.value = false;
+      hasTriggeredTypewriter.value = false;
+
+      // 获取股票代码作为唯一标识
+      const stockCode = newStock.stockInfo?.code || newStock.stockInfo?.symbol;
+
+      // 检查该股票是否已经显示过打字机效果
+      if (stockCode && stockTypewriterShown.value.has(stockCode)) {
+        // 如果已经显示过，直接显示完整文本和标题
+        if (newStock.conclusionData) {
+          try {
+            // 如果conclusionData已经是对象，直接使用；否则解析JSON
+            const conclusion =
+              typeof newStock.conclusionData === "object"
+                ? newStock.conclusionData
+                : JSON.parse(newStock.conclusionData);
+            displayedTexts.value = {
+              one1: conclusion.one1 || "",
+              one2: conclusion.one2 || "",
+              two: conclusion.two || "",
+              three: conclusion.three || "",
+              four: conclusion.four || "",
+              disclaimer: "该内容由AI生成，请注意甄别",
+            };
+            displayedTitles.value = {
+              one: "L1: 情绪监控",
+              two: "L2: 情绪解码",
+              three: "L3: 情绪推演",
+              four: "L4: 情绪套利",
+            };
+            // 显示所有有内容的模块
+            moduleVisibility.value = {
+              one: !!(conclusion.one1 || conclusion.one2),
+              two: !!conclusion.two,
+              three: !!conclusion.three,
+              four: !!conclusion.four,
+              disclaimer: true,
+            };
+
+            // 提取音频URL但不自动播放，等待用户手动点击
+            let voiceUrl = null;
+            // 优先使用one1_url，如果没有则尝试其他音频URL
+            if (conclusion.one1_url) {
+              voiceUrl = conclusion.one1_url
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.one2_url) {
+              voiceUrl = conclusion.one2_url
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.two_url) {
+              voiceUrl = conclusion.two_url
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.three_url) {
+              voiceUrl = conclusion.three_url
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.four_url) {
+              voiceUrl = conclusion.four_url
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.url) {
+              voiceUrl = conclusion.url.toString().trim().replace(/[`\s]/g, "");
+            } else if (conclusion.audioUrl) {
+              voiceUrl = conclusion.audioUrl
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.voice_url) {
+              voiceUrl = conclusion.voice_url
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.audio) {
+              voiceUrl = conclusion.audio
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.tts_url) {
+              voiceUrl = conclusion.tts_url
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            }
 
-          if (voiceUrl && voiceUrl.startsWith('http')) {
-            console.log('切换到未显示股票，准备音频URL:', voiceUrl);
-            audioUrl.value = voiceUrl;
-            // 同时更新store中的音频URL
-            emotionAudioStore.setCurrentAudioUrl(voiceUrl);
+            if (voiceUrl && voiceUrl.startsWith("http")) {
+              console.log(
+                "切换到已显示股票，准备音频URL但不自动播放:",
+                voiceUrl
+              );
+              audioUrl.value = voiceUrl;
+              // 同时更新store中的音频URL
+              emotionAudioStore.setCurrentAudioUrl(voiceUrl);
+              // 不自动播放，等待用户手动点击
+            }
+          } catch (error) {
+            console.error("解析股票结论数据失败:", error);
           }
-        } catch (error) {
-          console.error('解析股票结论数据失败:', error);
         }
-      }
-    }
+      } else {
+        // 如果没有显示过，清空显示文本，等待打字机效果
+        displayedTexts.value = {
+          one1: "",
+          one2: "",
+          two: "",
+          three: "",
+          four: "",
+          disclaimer: "",
+        };
+        displayedTitles.value = {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+        };
+        moduleVisibility.value = {
+          one: false,
+          two: false,
+          three: false,
+          four: false,
+          disclaimer: false,
+        };
 
-    // 只有在页面已加载的情况下才渲染图表
-    if (isPageLoaded.value) {
-      nextTick(() => {
-        renderCharts(newStock.apiData);
-        console.log('图表数据已准备完成，开始渲染:', newStock.apiData)
-        // 检查场景应用部分是否已经在视口中，如果是则立即触发效果
-        setTimeout(() => {
-          // 检查 scenarioApplicationRef.value 是否存在且是有效的 DOM 元素
-          if (!scenarioApplicationRef.value || !(scenarioApplicationRef.value instanceof Element)) {
-            console.warn('scenarioApplicationRef.value 不是有效的 DOM 元素，跳过处理');
-            return;
+        // 即使没有显示过，也需要设置音频URL以便用户手动播放
+        if (newStock.conclusionData) {
+          try {
+            // 如果conclusionData已经是对象，直接使用；否则解析JSON
+            const conclusion =
+              typeof newStock.conclusionData === "object"
+                ? newStock.conclusionData
+                : JSON.parse(newStock.conclusionData);
+            let voiceUrl = null;
+            // 优先使用one1_url，如果没有则尝试其他音频URL
+            if (conclusion.one1_url) {
+              voiceUrl = conclusion.one1_url
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.one2_url) {
+              voiceUrl = conclusion.one2_url
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.two_url) {
+              voiceUrl = conclusion.two_url
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.three_url) {
+              voiceUrl = conclusion.three_url
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.four_url) {
+              voiceUrl = conclusion.four_url
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.url) {
+              voiceUrl = conclusion.url.toString().trim().replace(/[`\s]/g, "");
+            } else if (conclusion.audioUrl) {
+              voiceUrl = conclusion.audioUrl
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.voice_url) {
+              voiceUrl = conclusion.voice_url
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.audio) {
+              voiceUrl = conclusion.audio
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            } else if (conclusion.tts_url) {
+              voiceUrl = conclusion.tts_url
+                .toString()
+                .trim()
+                .replace(/[`\s]/g, "");
+            }
+
+            if (voiceUrl && voiceUrl.startsWith("http")) {
+              console.log("切换到未显示股票，准备音频URL:", voiceUrl);
+              audioUrl.value = voiceUrl;
+              // 同时更新store中的音频URL
+              emotionAudioStore.setCurrentAudioUrl(voiceUrl);
+            }
+          } catch (error) {
+            console.error("解析股票结论数据失败:", error);
           }
-          
-          if (parsedConclusion.value) {
-            const stockCode = newStock.stockInfo?.code || newStock.stockInfo?.symbol;
+        }
+      }
 
-            // 如果该股票已经显示过，不需要再处理
-            if (stockCode && stockTypewriterShown.value.has(stockCode)) {
+      // 只有在页面已加载的情况下才渲染图表
+      if (isPageLoaded.value) {
+        nextTick(() => {
+          renderCharts(newStock.apiData);
+          console.log("图表数据已准备完成，开始渲染:", newStock.apiData);
+          // 检查场景应用部分是否已经在视口中，如果是则立即触发效果
+          setTimeout(() => {
+            // 检查 scenarioApplicationRef.value 是否存在且是有效的 DOM 元素
+            if (
+              !scenarioApplicationRef.value ||
+              !(scenarioApplicationRef.value instanceof Element)
+            ) {
+              console.warn(
+                "scenarioApplicationRef.value 不是有效的 DOM 元素，跳过处理"
+              );
               return;
             }
 
-            const rect = scenarioApplicationRef.value.getBoundingClientRect();
-            const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;
+            if (parsedConclusion.value) {
+              const stockCode =
+                newStock.stockInfo?.code || newStock.stockInfo?.symbol;
 
-            if (isInViewport) {
-              console.log('股票切换后检测到场景应用部分在视口中');
-
-              if (stockCode) {
-                // 检查该股票是否是第一次触发
-                if (!stockTypewriterShown.value.has(stockCode)) {
-                  // 如果是用户主动搜索，启动打字机效果和音频播放
-                  if (isUserInitiated.value && audioUrl.value) {
-                    console.log('用户主动搜索，该股票第一次进入场景应用，开始打字机效果和音频播放');
-                    hasTriggeredTypewriter.value = true;
-                    hasTriggeredAudio.value = true;
+              // 如果该股票已经显示过，不需要再处理
+              if (stockCode && stockTypewriterShown.value.has(stockCode)) {
+                return;
+              }
 
-                    if (!stockAudioPlayed.value.has(stockCode)) {
-                      console.log('开始音频播放和打字机效果');
-                      stockAudioPlayed.value.set(stockCode, true);
-                      playAudioQueue(parsedConclusion.value, true);
+              const rect = scenarioApplicationRef.value.getBoundingClientRect();
+              const isInViewport =
+                rect.top < window.innerHeight && rect.bottom > 0;
+
+              if (isInViewport) {
+                console.log("股票切换后检测到场景应用部分在视口中");
+
+                if (stockCode) {
+                  // 检查该股票是否是第一次触发
+                  if (!stockTypewriterShown.value.has(stockCode)) {
+                    // 如果是用户主动搜索，启动打字机效果和音频播放
+                    if (isUserInitiated.value && audioUrl.value) {
+                      console.log(
+                        "用户主动搜索，该股票第一次进入场景应用，开始打字机效果和音频播放"
+                      );
+                      hasTriggeredTypewriter.value = true;
+                      hasTriggeredAudio.value = true;
+
+                      if (!stockAudioPlayed.value.has(stockCode)) {
+                        console.log("开始音频播放和打字机效果");
+                        stockAudioPlayed.value.set(stockCode, true);
+                        playAudioQueue(parsedConclusion.value, true);
+                      } else {
+                        // 如果音频已播放过，只启动打字机效果
+                        startTypewriterEffect(parsedConclusion.value);
+                      }
+
+                      stockTypewriterShown.value.set(stockCode, true);
+                    } else if (isUserInitiated.value && !audioUrl.value) {
+                      console.log(
+                        "音频尚未准备好，等待音频加载完成后再触发效果（股票切换后）"
+                      );
+                      return;
                     } else {
-                      // 如果音频已播放过，只启动打字机效果
-                      startTypewriterEffect(parsedConclusion.value);
+                      // 非用户主动搜索（如历史记录恢复），直接显示完整内容
+                      console.log(
+                        "非用户主动搜索，该股票第一次进入场景应用，直接显示完整内容"
+                      );
+
+                      const conclusion = parsedConclusion.value;
+                      displayedTexts.value = {
+                        one1: conclusion.one1 || "",
+                        one2: conclusion.one2 || "",
+                        two: conclusion.two || "",
+                        three: conclusion.three || "",
+                        four: conclusion.four || "",
+                        disclaimer: "该内容由AI生成，请注意甄别",
+                      };
+                      displayedTitles.value = {
+                        one: "L1: 情绪监控",
+                        two: "L2: 情绪解码",
+                        three: "L3: 情绪推演",
+                        four: "L4: 情绪套利",
+                      };
+                      moduleVisibility.value = {
+                        one: !!(conclusion.one1 || conclusion.one2),
+                        two: !!conclusion.two,
+                        three: !!conclusion.three,
+                        four: !!conclusion.four,
+                        disclaimer: true,
+                      };
+
+                      stockTypewriterShown.value.set(stockCode, true);
+                      stockAudioPlayed.value.set(stockCode, true);
                     }
-
-                    stockTypewriterShown.value.set(stockCode, true);
-                  } else if (isUserInitiated.value && !audioUrl.value) {
-                    console.log('音频尚未准备好，等待音频加载完成后再触发效果（股票切换后）');
-                    return;
                   } else {
-                    // 非用户主动搜索（如历史记录恢复），直接显示完整内容
-                    console.log('非用户主动搜索，该股票第一次进入场景应用，直接显示完整内容');
-                    
+                    // 非第一次或已经触发过：直接显示完整内容，不播放音频和打字机效果
+                    console.log("非第一次股票切换或已触发过，直接显示完整内容");
+
+                    // 直接显示完整内容
                     const conclusion = parsedConclusion.value;
                     displayedTexts.value = {
-                      one1: conclusion.one1 || '',
-                      one2: conclusion.one2 || '',
-                      two: conclusion.two || '',
-                      three: conclusion.three || '',
-                      four: conclusion.four || '',
-                      disclaimer: '该内容由AI生成，请注意甄别'
+                      one1: conclusion.one1 || "",
+                      one2: conclusion.one2 || "",
+                      two: conclusion.two || "",
+                      three: conclusion.three || "",
+                      four: conclusion.four || "",
+                      disclaimer: "该内容由AI生成，请注意甄别",
                     };
                     displayedTitles.value = {
-                      one: 'L1: 情绪监控',
-                      two: 'L2: 情绪解码',
-                      three: 'L3: 情绪推演',
-                      four: 'L4: 情绪套利'
+                      one: "L1: 情绪监控",
+                      two: "L2: 情绪解码",
+                      three: "L3: 情绪推演",
+                      four: "L4: 情绪套利",
                     };
                     moduleVisibility.value = {
                       one: !!(conclusion.one1 || conclusion.one2),
                       two: !!conclusion.two,
                       three: !!conclusion.three,
                       four: !!conclusion.four,
-                      disclaimer: true
+                      disclaimer: true,
                     };
-                    
-                    stockTypewriterShown.value.set(stockCode, true);
-                    stockAudioPlayed.value.set(stockCode, true);
                   }
-                } else {
-                  // 非第一次或已经触发过：直接显示完整内容，不播放音频和打字机效果
-                  console.log('非第一次股票切换或已触发过，直接显示完整内容');
-
-                  // 直接显示完整内容
-                  const conclusion = parsedConclusion.value;
-                  displayedTexts.value = {
-                    one1: conclusion.one1 || '',
-                    one2: conclusion.one2 || '',
-                    two: conclusion.two || '',
-                    three: conclusion.three || '',
-                    four: conclusion.four || '',
-                    disclaimer: '该内容由AI生成，请注意甄别'
-                  };
-                  displayedTitles.value = {
-                    one: 'L1: 情绪监控',
-                    two: 'L2: 情绪解码',
-                    three: 'L3: 情绪推演',
-                    four: 'L4: 情绪套利'
-                  };
-                  moduleVisibility.value = {
-                    one: !!(conclusion.one1 || conclusion.one2),
-                    two: !!conclusion.two,
-                    three: !!conclusion.three,
-                    four: !!conclusion.four,
-                    disclaimer: true
-                  };
                 }
               }
             }
-          }
-        }, 500); // 延迟500ms确保数据完全加载
-      });
+          }, 500); // 延迟500ms确保数据完全加载
+        });
+      } else {
+        console.log("页面尚未加载完成，等待数据加载完成后再渲染图表");
+      }
     } else {
-      console.log('页面尚未加载完成，等待数据加载完成后再渲染图表');
+      console.log("股票数据不存在或API数据未加载");
+      // 隐藏所有图表组件
+      chartVisibility.value = {
+        marketTemperature: false,
+        emotionDecod: false,
+        emotionalBottomRadar: false,
+        emoEnergyConverter: false,
+      };
     }
-  } else {
-    console.log('股票数据不存在或API数据未加载');
-    // 隐藏所有图表组件
-    chartVisibility.value = {
-      marketTemperature: false,
-      emotionDecod: false,
-      emotionalBottomRadar: false,
-      emoEnergyConverter: false
-    };
-  }
-}, { immediate: true });
+  },
+  { immediate: true }
+);
 
 // 监听parsedConclusion变化，准备数据但不立即触发打字机效果
-watch(parsedConclusion, (newConclusion) => {
-  if (newConclusion) {
-    console.log('场景应用结论数据:', newConclusion);
-    // 不再立即开始打字机效果，等待滚动到场景应用部分时触发
-
-    // 尝试多种可能的语音URL字段名，优先使用新的数据结构
-    let voiceUrl = null;
-    if (newConclusion.one1_url) {
-      voiceUrl = newConclusion.one1_url.toString().trim().replace(/[`\s]/g, '');
-    } else if (newConclusion.one2_url) {
-      voiceUrl = newConclusion.one2_url.toString().trim().replace(/[`\s]/g, '');
-    } else if (newConclusion.two_url) {
-      voiceUrl = newConclusion.two_url.toString().trim().replace(/[`\s]/g, '');
-    } else if (newConclusion.three_url) {
-      voiceUrl = newConclusion.three_url.toString().trim().replace(/[`\s]/g, '');
-    } else if (newConclusion.four_url) {
-      voiceUrl = newConclusion.four_url.toString().trim().replace(/[`\s]/g, '');
-    } else if (newConclusion.url) {
-      // 清理URL字符串，去除空格、反引号等特殊字符
-      voiceUrl = newConclusion.url.toString().trim().replace(/[`\s]/g, '');
-    } else if (newConclusion.audioUrl) {
-      voiceUrl = newConclusion.audioUrl.toString().trim().replace(/[`\s]/g, '');
-    } else if (newConclusion.voice_url) {
-      voiceUrl = newConclusion.voice_url.toString().trim().replace(/[`\s]/g, '');
-    } else if (newConclusion.audio) {
-      voiceUrl = newConclusion.audio.toString().trim().replace(/[`\s]/g, '');
-    } else if (newConclusion.tts_url) {
-      voiceUrl = newConclusion.tts_url.toString().trim().replace(/[`\s]/g, '');
-    }
+watch(
+  parsedConclusion,
+  (newConclusion) => {
+    if (newConclusion) {
+      console.log("场景应用结论数据:", newConclusion);
+      // 不再立即开始打字机效果，等待滚动到场景应用部分时触发
+
+      // 尝试多种可能的语音URL字段名，优先使用新的数据结构
+      let voiceUrl = null;
+      if (newConclusion.one1_url) {
+        voiceUrl = newConclusion.one1_url
+          .toString()
+          .trim()
+          .replace(/[`\s]/g, "");
+      } else if (newConclusion.one2_url) {
+        voiceUrl = newConclusion.one2_url
+          .toString()
+          .trim()
+          .replace(/[`\s]/g, "");
+      } else if (newConclusion.two_url) {
+        voiceUrl = newConclusion.two_url
+          .toString()
+          .trim()
+          .replace(/[`\s]/g, "");
+      } else if (newConclusion.three_url) {
+        voiceUrl = newConclusion.three_url
+          .toString()
+          .trim()
+          .replace(/[`\s]/g, "");
+      } else if (newConclusion.four_url) {
+        voiceUrl = newConclusion.four_url
+          .toString()
+          .trim()
+          .replace(/[`\s]/g, "");
+      } else if (newConclusion.url) {
+        // 清理URL字符串，去除空格、反引号等特殊字符
+        voiceUrl = newConclusion.url.toString().trim().replace(/[`\s]/g, "");
+      } else if (newConclusion.audioUrl) {
+        voiceUrl = newConclusion.audioUrl
+          .toString()
+          .trim()
+          .replace(/[`\s]/g, "");
+      } else if (newConclusion.voice_url) {
+        voiceUrl = newConclusion.voice_url
+          .toString()
+          .trim()
+          .replace(/[`\s]/g, "");
+      } else if (newConclusion.audio) {
+        voiceUrl = newConclusion.audio.toString().trim().replace(/[`\s]/g, "");
+      } else if (newConclusion.tts_url) {
+        voiceUrl = newConclusion.tts_url
+          .toString()
+          .trim()
+          .replace(/[`\s]/g, "");
+      }
 
-    if (voiceUrl && voiceUrl.startsWith('http')) {
-      console.log('找到并清理后的语音URL:', voiceUrl);
-      audioUrl.value = voiceUrl;
-      // 同时更新store中的音频URL
-      emotionAudioStore.setCurrentAudioUrl(voiceUrl);
-      console.log('音频URL已准备，检查是否需要立即触发效果');
+      if (voiceUrl && voiceUrl.startsWith("http")) {
+        console.log("找到并清理后的语音URL:", voiceUrl);
+        audioUrl.value = voiceUrl;
+        // 同时更新store中的音频URL
+        emotionAudioStore.setCurrentAudioUrl(voiceUrl);
+        console.log("音频URL已准备，检查是否需要立即触发效果");
 
-      // 音频准备好后，只有在用户主动搜索时才自动触发效果
-      // 数据恢复时不自动播放音频和打字机效果
-      console.log('音频URL已准备完成，等待用户手动触发播放');
-    } else {
-      console.log('未找到有效的语音URL，原始URL:', newConclusion.url);
-      console.log('结论数据中的所有字段:', Object.keys(newConclusion));
+        // 音频准备好后，只有在用户主动搜索时才自动触发效果
+        // 数据恢复时不自动播放音频和打字机效果
+        console.log("音频URL已准备完成，等待用户手动触发播放");
+      } else {
+        console.log("未找到有效的语音URL，原始URL:", newConclusion.url);
+        console.log("结论数据中的所有字段:", Object.keys(newConclusion));
+      }
     }
-  }
-}, { immediate: true });
+  },
+  { immediate: true }
+);
 
 // 打字机效果函数
 function startTypewriterEffect(conclusion, onComplete) {
-  console.log('开始打字机效果，结论数据:', conclusion);
+  console.log("开始打字机效果，结论数据:", conclusion);
 
   // 保存当前的完成回调函数
   currentOnCompleteCallback.value = onComplete;
 
   // 详细调试各个字段
-  console.log('L1字段 - one1:', conclusion.one1);
-  console.log('L1字段 - one2:', conclusion.one2);
-  console.log('L2字段 - two:', conclusion.two);
-  console.log('L3字段 - three:', conclusion.three);
-  console.log('L4字段 - four:', conclusion.four);
+  console.log("L1字段 - one1:", conclusion.one1);
+  console.log("L1字段 - one2:", conclusion.one2);
+  console.log("L2字段 - two:", conclusion.two);
+  console.log("L3字段 - three:", conclusion.three);
+  console.log("L4字段 - four:", conclusion.four);
 
   // 清除之前的定时器
-  typewriterTimers.value.forEach(timer => clearTimeout(timer));
+  typewriterTimers.value.forEach((timer) => clearTimeout(timer));
   typewriterTimers.value = [];
 
   // 重置显示文本和状态
   displayedTexts.value = {
-    one1: '',
-    one2: '',
-    two: '',
-    three: '',
-    four: '',
-    disclaimer: ''
+    one1: "",
+    one2: "",
+    two: "",
+    three: "",
+    four: "",
+    disclaimer: "",
   };
 
   displayedTitles.value = {
-    one: '',
-    two: '',
-    three: '',
-    four: ''
+    one: "",
+    two: "",
+    three: "",
+    four: "",
   };
 
   moduleVisibility.value = {
@@ -1179,7 +1430,7 @@ function startTypewriterEffect(conclusion, onComplete) {
     two: false,
     three: false,
     four: false,
-    disclaimer: false
+    disclaimer: false,
   };
 
   // 定义打字速度（毫秒）
@@ -1189,41 +1440,42 @@ function startTypewriterEffect(conclusion, onComplete) {
   // 定义模块配置
   const modules = [
     {
-      key: 'one',
-      title: 'L1: 情绪监控',
+      key: "one",
+      title: "L1: 情绪监控",
       contents: [
-        { key: 'one1', text: conclusion.one1 },
-        { key: 'one2', text: conclusion.one2 }
-      ]
+        { key: "one1", text: conclusion.one1 },
+        { key: "one2", text: conclusion.one2 },
+      ],
     },
     {
-      key: 'two',
-      title: 'L2: 情绪解码',
-      contents: [
-        { key: 'two', text: conclusion.two }
-      ]
+      key: "two",
+      title: "L2: 情绪解码",
+      contents: [{ key: "two", text: conclusion.two }],
     },
     {
-      key: 'three',
-      title: 'L3: 情绪推演',
-      contents: [
-        { key: 'three', text: conclusion.three }
-      ]
+      key: "three",
+      title: "L3: 情绪推演",
+      contents: [{ key: "three", text: conclusion.three }],
     },
     {
-      key: 'four',
-      title: 'L4: 情绪套利',
-      contents: [
-        { key: 'four', text: conclusion.four }
-      ]
-    }
+      key: "four",
+      title: "L4: 情绪套利",
+      contents: [{ key: "four", text: conclusion.four }],
+    },
   ];
 
   // 按模块顺序处理
   modules.forEach((module) => {
     // 检查模块是否有内容
-    const hasContent = module.contents.some(content => content.text && content.text.trim());
-    console.log(`模块 ${module.key} 是否有内容:`, hasContent, '内容:', module.contents.map(c => c.text));
+    const hasContent = module.contents.some(
+      (content) => content.text && content.text.trim()
+    );
+    console.log(
+      `模块 ${module.key} 是否有内容:`,
+      hasContent,
+      "内容:",
+      module.contents.map((c) => c.text)
+    );
     if (!hasContent) return;
 
     console.log(`开始显示模块 ${module.key}`);
@@ -1263,7 +1515,7 @@ function startTypewriterEffect(conclusion, onComplete) {
   });
 
   // 添加免责声明的打字机效果（在所有模块显示完成后）
-  const disclaimerText = '该内容由AI生成，请注意甄别';
+  const disclaimerText = "该内容由AI生成，请注意甄别";
 
   // 显示免责声明模块
   const showDisclaimerTimer = setTimeout(() => {
@@ -1278,8 +1530,8 @@ function startTypewriterEffect(conclusion, onComplete) {
       displayedTexts.value.disclaimer = disclaimerText.substring(0, i);
       // 在免责声明打字机效果完成后调用回调函数
       if (i === disclaimerText.length) {
-        console.log('打字机效果完成，调用onComplete回调');
-        if (onComplete && typeof onComplete === 'function') {
+        console.log("打字机效果完成，调用onComplete回调");
+        if (onComplete && typeof onComplete === "function") {
           onComplete();
           // 清除保存的回调函数
           currentOnCompleteCallback.value = null;
@@ -1292,7 +1544,7 @@ function startTypewriterEffect(conclusion, onComplete) {
 
 // 清理定时器的函数
 function clearTypewriterTimers() {
-  typewriterTimers.value.forEach(timer => clearTimeout(timer));
+  typewriterTimers.value.forEach((timer) => clearTimeout(timer));
   typewriterTimers.value = [];
 }
 
@@ -1304,16 +1556,16 @@ let isCallingPlayNext = false;
 
 // 音频队列顺序管理
 const audioQueueOrder = {
-  "one1_url": 1,
-  "one2_url": 2,
-  "two_url": 3,
-  "three_url": 4,
-  "four_url": 5,
-  "url": 6,
-  "audioUrl": 7,
-  "voice_url": 8,
-  "audio": 9,
-  "tts_url": 10
+  one1_url: 1,
+  one2_url: 2,
+  two_url: 3,
+  three_url: 4,
+  four_url: 5,
+  url: 6,
+  audioUrl: 7,
+  voice_url: 8,
+  audio: 9,
+  tts_url: 10,
 };
 
 // 播放音频队列中的下一个音频
@@ -1333,12 +1585,22 @@ const playNextAudio = () => {
     isPlayingQueueAudio.value ||
     isCallingPlayNext
   ) {
-    console.log("❌ 播放条件不满足 - 队列长度:", audioQueue.value.length, "正在播放:", isPlayingQueueAudio.value, "正在调用:", isCallingPlayNext);
+    console.log(
+      "❌ 播放条件不满足 - 队列长度:",
+      audioQueue.value.length,
+      "正在播放:",
+      isPlayingQueueAudio.value,
+      "正在调用:",
+      isCallingPlayNext
+    );
     return;
   }
 
   // 检查是否已播放完所有音频
-  if (currentPlayIndex >= audioQueue.value.length && audioQueue.value.length > 0) {
+  if (
+    currentPlayIndex >= audioQueue.value.length &&
+    audioQueue.value.length > 0
+  ) {
     console.log("🔄 所有音频播放完成，重置索引从第一个开始");
     currentPlayIndex = 0;
     isCallingPlayNext = false; // 重置调用标志
@@ -1348,7 +1610,10 @@ const playNextAudio = () => {
   isPlayingQueueAudio.value = true;
   const audioInfo = audioQueue.value[currentPlayIndex];
 
-  console.log(`✅ 开始播放${audioInfo.name}音频 (索引:${currentPlayIndex})，队列总长度:`, audioQueue.value.length);
+  console.log(
+    `✅ 开始播放${audioInfo.name}音频 (索引:${currentPlayIndex})，队列总长度:`,
+    audioQueue.value.length
+  );
 
   // 停止之前的音频
   if (emotionAudioStore.nowSound && emotionAudioStore.nowSound.playing()) {
@@ -1359,7 +1624,7 @@ const playNextAudio = () => {
   const audio = new Howl({
     src: [audioInfo.url],
     html5: true,
-    format: ['mp3', 'wav'],
+    format: ["mp3", "wav"],
     onplay: () => {
       isAudioPlaying.value = true;
       isPlayingQueueAudio.value = true;
@@ -1367,8 +1632,12 @@ const playNextAudio = () => {
       console.log(`开始播放${audioInfo.name}音频`);
 
       // 如果是第一个音频且需要启动打字机效果，则启动
-      if (currentPlayIndex === 0 && audioInfo.shouldStartTypewriter && parsedConclusion.value) {
-        console.log('🎬 第一个音频开始播放，同时启动打字机效果');
+      if (
+        currentPlayIndex === 0 &&
+        audioInfo.shouldStartTypewriter &&
+        parsedConclusion.value
+      ) {
+        console.log("🎬 第一个音频开始播放，同时启动打字机效果");
         startTypewriterEffect(parsedConclusion.value, audioInfo.onComplete);
       }
     },
@@ -1393,7 +1662,9 @@ const playNextAudio = () => {
 
       // 确保只有在音频真正播放完成时才播放下一个
       if (currentPlayIndex < audioQueue.value.length) {
-        console.log(`队列中还有音频，500ms后播放下一个 (索引:${currentPlayIndex})`);
+        console.log(
+          `队列中还有音频，500ms后播放下一个 (索引:${currentPlayIndex})`
+        );
         setTimeout(() => {
           isCallingPlayNext = false;
           playNextAudio();
@@ -1402,10 +1673,13 @@ const playNextAudio = () => {
         console.log("🎉 所有音频播放完成");
         emotionAudioStore.nowSound = null;
         isCallingPlayNext = false;
-        
+
         // 调用完成回调（如果有的话）
-        if (audioInfo.onComplete && typeof audioInfo.onComplete === 'function') {
-          console.log('调用音频播放完成回调');
+        if (
+          audioInfo.onComplete &&
+          typeof audioInfo.onComplete === "function"
+        ) {
+          console.log("调用音频播放完成回调");
           audioInfo.onComplete();
         }
       }
@@ -1430,8 +1704,11 @@ const playNextAudio = () => {
     },
     onload: () => {
       emotionAudioStore.duration = audio.duration();
-      console.log(`${audioInfo.name}音频加载完成，时长:`, emotionAudioStore.duration);
-    }
+      console.log(
+        `${audioInfo.name}音频加载完成，时长:`,
+        emotionAudioStore.duration
+      );
+    },
   });
 
   // 设置当前音频URL到store
@@ -1444,7 +1721,12 @@ const playNextAudio = () => {
 };
 
 // 添加音频到播放队列
-const addToAudioQueue = (url, name, shouldStartTypewriter = false, onComplete = null) => {
+const addToAudioQueue = (
+  url,
+  name,
+  shouldStartTypewriter = false,
+  onComplete = null
+) => {
   console.log(`=== 添加音频到队列 ===`);
   console.log("URL:", url);
   console.log("Name:", name);
@@ -1465,10 +1747,17 @@ const addToAudioQueue = (url, name, shouldStartTypewriter = false, onComplete =
     audioQueue.value.sort((a, b) => a.order - b.order);
 
     console.log(`音频${name}已添加到播放队列，顺序:${audioItem.order}`);
-    console.log("当前队列顺序:", audioQueue.value.map((item) => `${item.name}(${item.order})`));
+    console.log(
+      "当前队列顺序:",
+      audioQueue.value.map((item) => `${item.name}(${item.order})`)
+    );
 
     // 只有在确实没有音频在播放且这是第一个音频时才开始播放
-    if (!isPlayingQueueAudio.value && !emotionAudioStore.isPlaying && audioQueue.value.length === 1) {
+    if (
+      !isPlayingQueueAudio.value &&
+      !emotionAudioStore.isPlaying &&
+      audioQueue.value.length === 1
+    ) {
       console.log("✅ 条件满足：没有音频在播放且这是第一个音频，立即开始播放");
       playNextAudio();
     } else {
@@ -1476,7 +1765,8 @@ const addToAudioQueue = (url, name, shouldStartTypewriter = false, onComplete =
         isPlayingQueueAudio: isPlayingQueueAudio.value,
         audioStoreIsPlaying: emotionAudioStore.isPlaying,
         queueLength: audioQueue.value.length,
-        reason: audioQueue.value.length > 1 ? "队列中已有其他音频" : "有音频正在播放",
+        reason:
+          audioQueue.value.length > 1 ? "队列中已有其他音频" : "有音频正在播放",
       });
     }
   } else {
@@ -1488,24 +1778,34 @@ const addToAudioQueue = (url, name, shouldStartTypewriter = false, onComplete =
 };
 
 // 修改后的音频播放函数 - 支持多音频播放和同步打字机效果
-function playAudioQueue(conclusionData, shouldStartTypewriter = false, onComplete = null) {
+function playAudioQueue(
+  conclusionData,
+  shouldStartTypewriter = false,
+  onComplete = null
+) {
   if (!conclusionData) {
-    console.log('没有结论数据，跳过播放');
+    console.log("没有结论数据，跳过播放");
     return;
   }
 
   // 检查是否启用了语音功能
-  console.log('语音功能状态:', emotionAudioStore.isVoiceEnabled);
+  console.log("语音功能状态:", emotionAudioStore.isVoiceEnabled);
   if (!emotionAudioStore.isVoiceEnabled) {
-    console.log('语音功能已关闭，跳过播放');
+    console.log("语音功能已关闭，跳过播放");
     return;
   }
 
-  console.log('开始处理多音频播放...', shouldStartTypewriter ? '同时启动打字机效果' : '');
+  console.log(
+    "开始处理多音频播放...",
+    shouldStartTypewriter ? "同时启动打字机效果" : ""
+  );
 
   try {
     // 解析结论数据
-    const conclusion = typeof conclusionData === 'object' ? conclusionData : JSON.parse(conclusionData);
+    const conclusion =
+      typeof conclusionData === "object"
+        ? conclusionData
+        : JSON.parse(conclusionData);
 
     // 清空之前的音频队列
     audioQueue.value = [];
@@ -1515,62 +1815,69 @@ function playAudioQueue(conclusionData, shouldStartTypewriter = false, onComplet
 
     // 按优先级顺序检查并添加所有可用的音频URL
     const audioSources = [
-      { key: 'one1_url', name: 'one1_url' },
-      { key: 'one2_url', name: 'one2_url' },
-      { key: 'two_url', name: 'two_url' },
-      { key: 'three_url', name: 'three_url' },
-      { key: 'four_url', name: 'four_url' },
-      { key: 'url', name: 'url' },
-      { key: 'audioUrl', name: 'audioUrl' },
-      { key: 'voice_url', name: 'voice_url' },
-      { key: 'audio', name: 'audio' },
-      { key: 'tts_url', name: 'tts_url' }
+      { key: "one1_url", name: "one1_url" },
+      { key: "one2_url", name: "one2_url" },
+      { key: "two_url", name: "two_url" },
+      { key: "three_url", name: "three_url" },
+      { key: "four_url", name: "four_url" },
+      { key: "url", name: "url" },
+      { key: "audioUrl", name: "audioUrl" },
+      { key: "voice_url", name: "voice_url" },
+      { key: "audio", name: "audio" },
+      { key: "tts_url", name: "tts_url" },
     ];
 
-    audioSources.forEach(source => {
+    audioSources.forEach((source) => {
       if (conclusion[source.key]) {
-        const voiceUrl = conclusion[source.key].toString().trim().replace(/[`\s]/g, '');
-        if (voiceUrl && voiceUrl.startsWith('http')) {
+        const voiceUrl = conclusion[source.key]
+          .toString()
+          .trim()
+          .replace(/[`\s]/g, "");
+        if (voiceUrl && voiceUrl.startsWith("http")) {
           console.log(`找到音频URL: ${source.name} = ${voiceUrl}`);
-          addToAudioQueue(voiceUrl, source.name, shouldStartTypewriter && audioQueue.value.length === 0, onComplete);
+          addToAudioQueue(
+            voiceUrl,
+            source.name,
+            shouldStartTypewriter && audioQueue.value.length === 0,
+            onComplete
+          );
         }
       }
     });
 
     if (audioQueue.value.length === 0) {
-      console.log('未找到有效的音频URL');
+      console.log("未找到有效的音频URL");
       // 如果没有音频但需要启动打字机效果，直接启动
       if (shouldStartTypewriter) {
-        console.log('没有音频但需要启动打字机效果');
+        console.log("没有音频但需要启动打字机效果");
         startTypewriterEffect(conclusion, onComplete);
       }
     } else {
       console.log(`总共找到 ${audioQueue.value.length} 个音频，准备播放`);
     }
-
   } catch (error) {
-    console.error('处理音频播放失败:', error);
+    console.error("处理音频播放失败:", error);
   }
 }
 
 // 原有的单音频播放函数（保持兼容性）
 function playAudio(url) {
-  console.log('尝试播放音频:', url);
+  console.log("尝试播放音频:", url);
 
   if (!url) {
-    console.warn('音频URL为空，跳过播放');
+    console.warn("音频URL为空，跳过播放");
     isAudioPlaying.value = false;
     return;
   }
 
   // 检查是否启用了语音功能
-  console.log('语音功能状态:', emotionAudioStore.isVoiceEnabled);
+  console.log("语音功能状态:", emotionAudioStore.isVoiceEnabled);
   if (!emotionAudioStore.isVoiceEnabled) {
-    console.log('语音功能已关闭，跳过播放');
+    console.log("语音功能已关闭，跳过播放");
     return;
   }
 
-  console.log('开始创建音频实例...');
+  console.log("开始创建音频实例...");
 
   try {
     // 设置当前音频URL
@@ -1585,11 +1892,11 @@ function playAudio(url) {
     const newSound = new Howl({
       src: [url],
       html5: true,
-      format: ['mp3', 'wav'],
+      format: ["mp3", "wav"],
       onplay: () => {
         isAudioPlaying.value = true;
         emotionAudioStore.isPlaying = true;
-        console.log('开始播放场景应用语音');
+        console.log("开始播放场景应用语音");
         // 音频开始播放时的自动滚动已移除
       },
       onend: () => {
@@ -1597,28 +1904,28 @@ function playAudio(url) {
         emotionAudioStore.isPlaying = false;
         emotionAudioStore.isPaused = false;
         emotionAudioStore.playbackPosition = 0;
-        console.log('场景应用语音播放结束');
+        console.log("场景应用语音播放结束");
       },
       onstop: () => {
         isAudioPlaying.value = false;
         emotionAudioStore.isPlaying = false;
-        console.log('场景应用语音播放停止');
+        console.log("场景应用语音播放停止");
       },
       onpause: () => {
         isAudioPlaying.value = false;
         emotionAudioStore.isPlaying = false;
-        console.log('场景应用语音播放暂停');
+        console.log("场景应用语音播放暂停");
       },
       onerror: (error) => {
         isAudioPlaying.value = false;
         emotionAudioStore.isPlaying = false;
-        console.error('音频播放错误:', error);
+        console.error("音频播放错误:", error);
       },
       onload: () => {
         // 音频加载完成，获取时长
         emotionAudioStore.duration = newSound.duration();
-        console.log('音频加载完成，时长:', emotionAudioStore.duration);
-      }
+        console.log("音频加载完成，时长:", emotionAudioStore.duration);
+      },
     });
 
     // 保存音频实例到store
@@ -1627,9 +1934,8 @@ function playAudio(url) {
 
     // 播放音频
     newSound.play();
-
   } catch (error) {
-    console.error('创建音频实例失败:', error);
+    console.error("创建音频实例失败:", error);
     isAudioPlaying.value = false;
   }
 }
@@ -1650,26 +1956,25 @@ function startImageRotation() {
   }, 5000); // 5 秒后停止旋转
 }
 
-
 // 显示思考过程
 async function showThinkingProcess(stockName = null) {
   // 第一步：正在思考
   const thinkingMessage1 = reactive({
-    sender: 'ai',
-    text: 'AI情绪大模型正在思考',
+    sender: "ai",
+    text: "AI情绪大模型正在思考",
     gif: thinkingGif,
-    flag: true // 添加flag属性以显示动态加载点
+    flag: true, // 添加flag属性以显示动态加载点
   });
   messages.value.push(thinkingMessage1);
-  await new Promise(resolve => setTimeout(resolve, 1500));
+  await new Promise((resolve) => setTimeout(resolve, 1500));
   messages.value.pop();
 
   // 第二步：正在解析关键数据（持续显示直到获取到股票名称）
   const thinkingMessage2 = reactive({
-    sender: 'ai',
-    text: '正在解析关键数据',
+    sender: "ai",
+    text: "正在解析关键数据",
     gif: analyzeGif,
-    flag: true // 添加flag属性以显示动态加载点
+    flag: true, // 添加flag属性以显示动态加载点
   });
   messages.value.push(thinkingMessage2);
 
@@ -1679,24 +1984,24 @@ async function showThinkingProcess(stockName = null) {
   }
 
   // 有股票名称后，继续后续步骤
-  await new Promise(resolve => setTimeout(resolve, 1500));
+  await new Promise((resolve) => setTimeout(resolve, 1500));
   messages.value.pop();
 
   // 第三步：生成具体股票的量子四维矩阵图
   const thinkingMessage3 = reactive({
-    sender: 'ai',
+    sender: "ai",
     text: `正在生成${stockName}量子四维矩阵图`,
     gif: generateGif,
-    flag: true // 添加flag属性以显示动态加载点
+    flag: true, // 添加flag属性以显示动态加载点
   });
   messages.value.push(thinkingMessage3);
-  await new Promise(resolve => setTimeout(resolve, 1500));
+  await new Promise((resolve) => setTimeout(resolve, 1500));
   messages.value.pop();
 
   // 第四步：报告已生成
-  const thinkingMessage4 = reactive({ sender: 'ai', text: '报告已生成！' });
+  const thinkingMessage4 = reactive({ sender: "ai", text: "报告已生成！" });
   messages.value.push(thinkingMessage4);
-  await new Promise(resolve => setTimeout(resolve, 1500));
+  await new Promise((resolve) => setTimeout(resolve, 1500));
   messages.value.pop();
 
   return null;
@@ -1707,7 +2012,7 @@ async function continueThinkingProcess(thinkingMessageRef, stockName) {
   if (!thinkingMessageRef || !stockName) return;
 
   // 等待一段时间后继续
-  await new Promise(resolve => setTimeout(resolve, 1500));
+  await new Promise((resolve) => setTimeout(resolve, 1500));
 
   // 移除第二步消息
   const index = messages.value.indexOf(thinkingMessageRef);
@@ -1717,10 +2022,10 @@ async function continueThinkingProcess(thinkingMessageRef, stockName) {
 
   // 第三步：生成具体股票的量子四维矩阵图
   const thinkingMessage3 = reactive({
-    sender: 'ai',
+    sender: "ai",
     text: `正在生成${stockName}量子四维矩阵图`,
     gif: generateGif,
-    flag: true // 添加flag属性以显示动态加载点
+    flag: true, // 添加flag属性以显示动态加载点
   });
   messages.value.push(thinkingMessage3);
 
@@ -1733,7 +2038,7 @@ async function finishThinkingProcess(thinkingMessage3Ref) {
   if (!thinkingMessage3Ref) return;
 
   // 等待一段时间
-  await new Promise(resolve => setTimeout(resolve, 1500));
+  await new Promise((resolve) => setTimeout(resolve, 1500));
 
   // 移除第三步消息
   const index = messages.value.indexOf(thinkingMessage3Ref);
@@ -1742,9 +2047,9 @@ async function finishThinkingProcess(thinkingMessage3Ref) {
   }
 
   // 第四步：报告已生成
-  const thinkingMessage4 = reactive({ sender: 'ai', text: '报告已生成！' });
+  const thinkingMessage4 = reactive({ sender: "ai", text: "报告已生成！" });
   messages.value.push(thinkingMessage4);
-  await new Promise(resolve => setTimeout(resolve, 1500));
+  await new Promise((resolve) => setTimeout(resolve, 1500));
   messages.value.pop();
 }
 
@@ -1760,7 +2065,7 @@ async function handleSendMessage(input, onComplete) {
   if (!input || !input.trim()) {
     ElMessage.warning("输入内容不能为空");
     // 调用完成回调，重新启用输入框
-    if (onComplete && typeof onComplete === 'function') {
+    if (onComplete && typeof onComplete === "function") {
       onComplete();
       // 清除保存的回调函数
       currentOnCompleteCallback.value = null;
@@ -1775,33 +2080,36 @@ async function handleSendMessage(input, onComplete) {
   messages.value = []; // 清空历史数据
 
   // 添加用户消息（只添加一次）
-  const userMessage = reactive({ sender: 'user', text: input });
+  const userMessage = reactive({ sender: "user", text: input });
   messages.value.push(userMessage);
 
   // 将用户消息添加到emotion store中
   emotionStore.addConversation({
-    sender: 'user',
+    sender: "user",
     text: input,
-    timestamp: new Date().toISOString()
+    timestamp: new Date().toISOString(),
   });
 
   // 检查用户剩余次数
   await chatStore.getUserCount(); // 获取最新的用户次数
   if (chatStore.UserCount <= 0) {
-    const aiMessage = reactive({ sender: 'ai', text: '您的剩余次数为0，无法使用情绪大模型，请联系客服或购买服务包。' });
+    const aiMessage = reactive({
+      sender: "ai",
+      text: "您的剩余次数为0，无法使用情绪大模型，请联系客服或购买服务包。",
+    });
     messages.value.push(aiMessage);
 
     // 将AI消息添加到emotion store中
     emotionStore.addConversation({
-      sender: 'ai',
-      text: '您的剩余次数为0，无法使用情绪大模型，请联系客服或购买服务包。',
-      timestamp: new Date().toISOString()
+      sender: "ai",
+      text: "您的剩余次数为0，无法使用情绪大模型，请联系客服或购买服务包。",
+      timestamp: new Date().toISOString(),
     });
     // 停止图片旋转，恢复历史数据
     isRotating.value = false;
     messages.value = [...previousMessages, ...messages.value];
     // 调用完成回调，重新启用输入框
-    if (onComplete && typeof onComplete === 'function') {
+    if (onComplete && typeof onComplete === "function") {
       onComplete();
       // 清除保存的回调函数
       currentOnCompleteCallback.value = null;
@@ -1832,14 +2140,14 @@ async function handleSendMessage(input, onComplete) {
     // };
 
     const result = await getReplyAPI({
-      "token": localStorage.getItem("localToken"),
-      "language": "cn",
-      "marketList": "hk,cn,usa,my,sg,vi,in,gb",
-      "content": userMessage.text
+      token: localStorage.getItem("localToken"),
+      language: "cn",
+      marketList: "hk,cn,usa,my,sg,vi,in,gb",
+      content: userMessage.text,
     });
     const response = result;
     const parsedData = response.data;
-    console.log('第一个接口返回的完整数据:', parsedData);
+    console.log("第一个接口返回的完整数据:", parsedData);
     // 检查用户输入是否合法
     if (!parsedData || !parsedData.market || !parsedData.code) {
       // 输入不合法，先清理思考过程消息
@@ -1853,19 +2161,22 @@ async function handleSendMessage(input, onComplete) {
       // 关闭加载状态和等待提示，返回refuse信息，停止图片旋转，恢复历史数据
       // isLoading.value = false;
       isPageLoaded.value = false;
-      const aiMessage = reactive({ sender: 'ai', text: processRefuseMessage(parsedData.refuse) });
+      const aiMessage = reactive({
+        sender: "ai",
+        text: processRefuseMessage(parsedData.refuse),
+      });
       messages.value.push(aiMessage);
 
       // 将AI消息添加到emotion store中
       emotionStore.addConversation({
-        sender: 'ai',
+        sender: "ai",
         text: processRefuseMessage(parsedData.refuse),
-        timestamp: new Date().toISOString()
+        timestamp: new Date().toISOString(),
       });
       isRotating.value = false;
       messages.value = [...previousMessages, ...messages.value];
       // 调用完成回调，重新启用输入框
-      if (onComplete && typeof onComplete === 'function') {
+      if (onComplete && typeof onComplete === "function") {
         onComplete();
         // 清除保存的回调函数
         currentOnCompleteCallback.value = null;
@@ -1876,7 +2187,10 @@ async function handleSendMessage(input, onComplete) {
     // 输入合法，继续执行后续处理
     // 获取到股票名称后，继续思考过程
     if (thinkingMessageRef && parsedData.name) {
-      thinkingMessage3Ref = await continueThinkingProcess(thinkingMessageRef, parsedData.name);
+      thinkingMessage3Ref = await continueThinkingProcess(
+        thinkingMessageRef,
+        parsedData.name
+      );
     }
     // 设置加载状态，隐藏图表页面
     // isLoading.value = true;
@@ -1888,15 +2202,21 @@ async function handleSendMessage(input, onComplete) {
       recordId: parsedData.recordId,
       parentId: parsedData.parentId,
       stockId: parsedData.stockId,
-      token: localStorage.getItem('localToken'),
+      token: localStorage.getItem("localToken"),
       language: "cn",
     };
 
-    console.log('第二个接口参数:', conclusionParams);
+    console.log("第二个接口参数:", conclusionParams);
     // 同时调用第二个数据流接口和fetchData方法
     const [conclusionResult, fetchDataResult] = await Promise.all([
       getConclusionAPI(conclusionParams),
-      fetchData(parsedData.code, parsedData.market, parsedData.name || "未知股票", input.trim(), parsedData.stockId)
+      fetchData(
+        parsedData.code,
+        parsedData.market,
+        parsedData.name || "未知股票",
+        input.trim(),
+        parsedData.stockId
+      ),
     ]);
 
     // 处理结论接口返回的数据
@@ -1910,14 +2230,14 @@ async function handleSendMessage(input, onComplete) {
 
       // 将结论数据存储到响应式变量和store中
       conclusionData.value = conclusionResponse.data;
-      console.log('第二个接口返回的完整数据结构:', conclusionResponse.data);
+      console.log("第二个接口返回的完整数据结构:", conclusionResponse.data);
       // 将结论数据存储到store中的当前激活股票
       emotionStore.updateActiveStockConclusion(conclusionResponse.data);
 
       // 所有数据加载完成，关闭加载状态，显示页面
       // isLoading.value = false;
       isPageLoaded.value = true;
-      
+
       // 使用nextTick确保DOM更新后清空对话显示并启动高度监听器
       nextTick(() => {
         messages.value = [];
@@ -1930,28 +2250,33 @@ async function handleSendMessage(input, onComplete) {
       // 数据获取成功后，重新获取用户次数以实现实时更新
       try {
         await chatStore.getUserCount();
-        console.log('数据获取成功后，用户次数已更新');
+        console.log("数据获取成功后，用户次数已更新");
       } catch (error) {
-        console.error('更新用户次数失败:', error);
+        console.error("更新用户次数失败:", error);
       }
 
       // 重新调用获取历史记录的接口
       try {
         chatStore.searchRecord = true;
-        console.log('getConclusionAPI成功后，已触发历史记录更新');
+        console.log("getConclusionAPI成功后，已触发历史记录更新");
       } catch (error) {
-        console.error('触发历史记录更新失败:', error);
+        console.error("触发历史记录更新失败:", error);
       }
 
-
       // 确保页面状态更新后触发图表渲染和音频文本
       nextTick(() => {
         if (currentStock.value && currentStock.value.apiData) {
           renderCharts(currentStock.value.apiData);
 
           // 只有在用户主动搜索时才自动触发音频和文本
-          if (isUserInitiated.value && parsedConclusion.value && audioUrl.value) {
-            const stockCode = currentStock.value.stockInfo?.code || currentStock.value.stockInfo?.symbol;
+          if (
+            isUserInitiated.value &&
+            parsedConclusion.value &&
+            audioUrl.value
+          ) {
+            const stockCode =
+              currentStock.value.stockInfo?.code ||
+              currentStock.value.stockInfo?.symbol;
             if (stockCode && !stockTypewriterShown.value.has(stockCode)) {
               if (!stockAudioPlayed.value.has(stockCode)) {
                 stockAudioPlayed.value.set(stockCode, true);
@@ -1963,7 +2288,7 @@ async function handleSendMessage(input, onComplete) {
               stockTypewriterShown.value.set(stockCode, true);
             } else {
               // 如果不需要打字机效果，直接调用完成回调
-              if (onComplete && typeof onComplete === 'function') {
+              if (onComplete && typeof onComplete === "function") {
                 onComplete();
                 // 清除保存的回调函数
                 currentOnCompleteCallback.value = null;
@@ -1989,22 +2314,32 @@ async function handleSendMessage(input, onComplete) {
       // 如果 fetchDataResult 为 false，说明数据不完整的错误信息已经在 fetchData 中添加到 messages
       // 只有在 conclusionResponse 有问题时才添加通用错误信息
       if (!conclusionResponse || !conclusionResponse.data) {
-        const aiMessage = reactive({ sender: 'ai', text: '网络加载失败，请重试' });
+        const aiMessage = reactive({
+          sender: "ai",
+          text: "网络加载失败，请重试",
+        });
         messages.value.push(aiMessage);
       }
       isRotating.value = false;
       messages.value = [...previousMessages, ...messages.value];
 
       // 如果有之前的股票数据且页面已加载，重新渲染图表
-      if (isPageLoaded.value && emotionStore.activeStock && emotionStore.activeStock.apiData) {
+      if (
+        isPageLoaded.value &&
+        emotionStore.activeStock &&
+        emotionStore.activeStock.apiData
+      ) {
         nextTick(() => {
           renderCharts(emotionStore.activeStock.apiData);
-          console.log('搜索失败，恢复显示之前股票的图表:', emotionStore.activeStock.stockInfo.name);
+          console.log(
+            "搜索失败，恢复显示之前股票的图表:",
+            emotionStore.activeStock.stockInfo.name
+          );
         });
       }
 
       // 调用完成回调，重新启用输入框
-      if (onComplete && typeof onComplete === 'function') {
+      if (onComplete && typeof onComplete === "function") {
         onComplete();
         // 清除保存的回调函数
         currentOnCompleteCallback.value = null;
@@ -2034,39 +2369,52 @@ async function handleSendMessage(input, onComplete) {
         // 立即滚动到底部
         scrollToBottom();
       });
-      console.log('请求工作流接口失败，但恢复显示之前的股票数据');
+      console.log("请求工作流接口失败，但恢复显示之前的股票数据");
       // 立即渲染之前股票的图表，提升用户体验
       nextTick(() => {
         renderCharts(emotionStore.activeStock.apiData);
-        console.log('立即恢复显示之前股票的图表:', emotionStore.activeStock.stockInfo.name);
+        console.log(
+          "立即恢复显示之前股票的图表:",
+          emotionStore.activeStock.stockInfo.name
+        );
       });
     } else {
       isPageLoaded.value = false;
     }
 
-    const aiMessage = reactive({ sender: 'ai', text: '请求工作流接口失败，请检查网络连接' });
+    const aiMessage = reactive({
+      sender: "ai",
+      text: "请求工作流接口失败，请检查网络连接",
+    });
     messages.value.push(aiMessage);
 
     // 将AI消息添加到emotion store中
     emotionStore.addConversation({
-      sender: 'ai',
-      text: '请求工作流接口失败，请检查网络连接',
-      timestamp: new Date().toISOString()
+      sender: "ai",
+      text: "请求工作流接口失败，请检查网络连接",
+      timestamp: new Date().toISOString(),
     });
     // 请求失败时停止图片旋转，恢复历史数据
     isRotating.value = false;
     messages.value = [...previousMessages, ...messages.value];
 
     // 如果有之前的股票数据且页面已加载，重新渲染图表
-    if (isPageLoaded.value && emotionStore.activeStock && emotionStore.activeStock.apiData) {
+    if (
+      isPageLoaded.value &&
+      emotionStore.activeStock &&
+      emotionStore.activeStock.apiData
+    ) {
       nextTick(() => {
         renderCharts(emotionStore.activeStock.apiData);
-        console.log('请求失败，恢复显示之前股票的图表:', emotionStore.activeStock.stockInfo.name);
+        console.log(
+          "请求失败，恢复显示之前股票的图表:",
+          emotionStore.activeStock.stockInfo.name
+        );
       });
     }
 
     // 调用完成回调，重新启用输入框
-    if (onComplete && typeof onComplete === 'function') {
+    if (onComplete && typeof onComplete === "function") {
       onComplete();
       // 清除保存的回调函数
       currentOnCompleteCallback.value = null;
@@ -2080,12 +2428,11 @@ async function handleSendMessage(input, onComplete) {
   }
 }
 
-
 // 请求数据接口
 async function fetchData(code, market, stockName, queryText, stockId) {
   try {
     const stockDataParams = {
-      "stockId": stockId
+      stockId: stockId,
     };
     const stockDataResult = await axios.post(
       // "http://39.101.133.168:8828/link/api/aiEmotion/client/getAiEmotionData",
@@ -2106,7 +2453,7 @@ async function fetchData(code, market, stockName, queryText, stockId) {
 
       // 如果有关键数据缺失，返回失败，不添加到StockTabs
       if (!validation.isValid) {
-        console.log('API返回数据不完整，缺失字段:', validation.missingFields);
+        console.log("API返回数据不完整，缺失字段:", validation.missingFields);
         // 关闭加载状态
         // isLoading.value = false;
 
@@ -2121,27 +2468,30 @@ async function fetchData(code, market, stockName, queryText, stockId) {
             // 立即滚动到底部
             scrollToBottom();
           });
-          console.log('数据验证失败，但恢复显示之前的股票数据');
+          console.log("数据验证失败，但恢复显示之前的股票数据");
           // 立即渲染之前股票的图表，提升用户体验
           nextTick(() => {
             renderCharts(emotionStore.activeStock.apiData);
-            console.log('立即恢复显示之前股票的图表:', emotionStore.activeStock.stockInfo.name);
+            console.log(
+              "立即恢复显示之前股票的图表:",
+              emotionStore.activeStock.stockInfo.name
+            );
           });
         } else {
           isPageLoaded.value = false;
         }
 
         const aiMessage = reactive({
-          sender: 'ai',
-          text: `数据丢失了，请稍后重试。`
+          sender: "ai",
+          text: `数据丢失了，请稍后重试。`,
         });
         messages.value.push(aiMessage);
 
         // 将AI消息添加到emotion store中
         emotionStore.addConversation({
-          sender: 'ai',
-          text: '数据丢失了，请稍后重试。',
-          timestamp: new Date().toISOString()
+          sender: "ai",
+          text: "数据丢失了，请稍后重试。",
+          timestamp: new Date().toISOString(),
         });
         return false; // 返回失败标识，不添加股票到标签
       }
@@ -2152,11 +2502,11 @@ async function fetchData(code, market, stockName, queryText, stockId) {
         stockInfo: {
           name: stockName,
           code: code,
-          market: market
+          market: market,
         },
         apiData: stockDataResponse.data,
         conclusionData: conclusionData.value, // 包含结论数据
-        timestamp: new Date().toISOString()
+        timestamp: new Date().toISOString(),
       };
       // 将股票数据添加到store中，显示在StockTabs中
       emotionStore.addStock(stockData);
@@ -2176,24 +2526,30 @@ async function fetchData(code, market, stockName, queryText, stockId) {
           // 立即滚动到底部
           scrollToBottom();
         });
-        console.log('API请求失败，但恢复显示之前的股票数据');
+        console.log("API请求失败，但恢复显示之前的股票数据");
         // 立即渲染之前股票的图表，提升用户体验
         nextTick(() => {
           renderCharts(emotionStore.activeStock.apiData);
-          console.log('立即恢复显示之前股票的图表:', emotionStore.activeStock.stockInfo.name);
+          console.log(
+            "立即恢复显示之前股票的图表:",
+            emotionStore.activeStock.stockInfo.name
+          );
         });
       } else {
         isPageLoaded.value = false;
       }
 
-      const aiMessage = reactive({ sender: 'ai', text: '图表数据请求失败，请检查网络连接' });
+      const aiMessage = reactive({
+        sender: "ai",
+        text: "图表数据请求失败，请检查网络连接",
+      });
       messages.value.push(aiMessage);
 
       // 将AI消息添加到emotion store中
       emotionStore.addConversation({
-        sender: 'ai',
-        text: '图表数据请求失败，请检查网络连接',
-        timestamp: new Date().toISOString()
+        sender: "ai",
+        text: "图表数据请求失败，请检查网络连接",
+        timestamp: new Date().toISOString(),
       });
       return false; // 返回失败标识
     }
@@ -2212,24 +2568,30 @@ async function fetchData(code, market, stockName, queryText, stockId) {
         // 立即滚动到底部
         scrollToBottom();
       });
-      console.log('网络异常，但恢复显示之前的股票数据');
+      console.log("网络异常，但恢复显示之前的股票数据");
       // 立即渲染之前股票的图表，提升用户体验
       nextTick(() => {
         renderCharts(emotionStore.activeStock.apiData);
-        console.log('立即恢复显示之前股票的图表:', emotionStore.activeStock.stockInfo.name);
+        console.log(
+          "立即恢复显示之前股票的图表:",
+          emotionStore.activeStock.stockInfo.name
+        );
       });
     } else {
       isPageLoaded.value = false;
     }
 
-    const aiMessage = reactive({ sender: 'ai', text: '图表数据请求失败，请检查网络连接' });
+    const aiMessage = reactive({
+      sender: "ai",
+      text: "图表数据请求失败，请检查网络连接",
+    });
     messages.value.push(aiMessage);
 
     // 将AI消息添加到emotion store中
     emotionStore.addConversation({
-      sender: 'ai',
-      text: '图表数据请求失败，请检查网络连接',
-      timestamp: new Date().toISOString()
+      sender: "ai",
+      text: "图表数据请求失败，请检查网络连接",
+      timestamp: new Date().toISOString(),
     });
     return false; // 返回失败标识
   }
@@ -2237,31 +2599,33 @@ async function fetchData(code, market, stockName, queryText, stockId) {
 
 // 检查关键数据字段是否完整的函数
 function validateRequiredFields(data) {
-  const requiredFields = ['GSWDJ', 'KLine20', 'QXJMQ', 'QXTDLD', 'WDRL'];
+  const requiredFields = ["GSWDJ", "KLine20", "QXJMQ", "QXTDLD", "WDRL"];
   const missingFields = [];
 
   for (const field of requiredFields) {
-    if (!data[field] ||
+    if (
+      !data[field] ||
       (Array.isArray(data[field]) && data[field].length === 0) ||
-      (typeof data[field] === 'object' && !hasValidData(data[field]))) {
+      (typeof data[field] === "object" && !hasValidData(data[field]))
+    ) {
       missingFields.push(field);
     }
   }
 
   return {
     isValid: missingFields.length === 0,
-    missingFields: missingFields
+    missingFields: missingFields,
   };
 }
 
 // 检查对象是否包含有效数据的辅助函数
 function hasValidData(obj) {
-  if (!obj || typeof obj !== 'object') {
+  if (!obj || typeof obj !== "object") {
     return false;
   }
 
   // 定义可以为空的数组字段
-  const allowedEmptyArrays = ['lowxh', 'qixh', 'topxh'];
+  const allowedEmptyArrays = ["lowxh", "qixh", "topxh"];
 
   // 检查对象的所有属性值
   for (const key in obj) {
@@ -2269,9 +2633,9 @@ function hasValidData(obj) {
       const value = obj[key];
 
       // 如果是字符串字段
-      if (typeof value === 'string') {
+      if (typeof value === "string") {
         // 字符串字段必须有内容，为空则表示异常
-        if (value.trim() !== '') {
+        if (value.trim() !== "") {
           return true;
         }
       }
@@ -2283,15 +2647,15 @@ function hasValidData(obj) {
         }
       }
       // 如果是数字且不为0
-      else if (typeof value === 'number' && value !== 0) {
+      else if (typeof value === "number" && value !== 0) {
         return true;
       }
       // 如果是布尔值且为true
-      else if (typeof value === 'boolean' && value === true) {
+      else if (typeof value === "boolean" && value === true) {
         return true;
       }
       // 如果是对象且包含有效数据（递归检查）
-      else if (typeof value === 'object' && value !== null) {
+      else if (typeof value === "object" && value !== null) {
         if (hasValidData(value)) {
           return true;
         }
@@ -2309,33 +2673,33 @@ async function renderChartsSequentially(clonedData, stockIndex = 0) {
   // 定义图表渲染顺序和配置
   const chartConfigs = [
     {
-      name: '股市温度计',
+      name: "股市温度计",
       ref: marketTemperatureRef.value[stockIndex],
       visibility: chartVisibility.value.marketTemperature,
-      method: 'initChart',
-      params: [clonedData.GSWDJ, clonedData.KLine20, clonedData.WDRL]
+      method: "initChart",
+      params: [clonedData.GSWDJ, clonedData.KLine20, clonedData.WDRL],
     },
     {
-      name: '情绪解码器',
+      name: "情绪解码器",
       ref: emotionDecodRef.value[stockIndex],
       visibility: chartVisibility.value.emotionDecod,
-      method: 'initQXNLZHEcharts',
-      params: [clonedData.KLine20, clonedData.QXJMQ]
+      method: "initQXNLZHEcharts",
+      params: [clonedData.KLine20, clonedData.QXJMQ],
     },
     {
-      name: '情绪探底雷达',
+      name: "情绪探底雷达",
       ref: emotionalBottomRadarRef.value[stockIndex],
       visibility: chartVisibility.value.emotionalBottomRadar,
-      method: 'initEmotionalBottomRadar',
-      params: [clonedData.KLine20, clonedData.QXTDLD]
+      method: "initEmotionalBottomRadar",
+      params: [clonedData.KLine20, clonedData.QXTDLD],
     },
     {
-      name: '情绪能量转化器',
+      name: "情绪能量转化器",
       ref: emoEnergyConverterRef.value[stockIndex],
       visibility: chartVisibility.value.emoEnergyConverter,
-      method: 'initQXNLZHEcharts',
-      params: [clonedData.KLine20, clonedData.QXNLZHQ]
-    }
+      method: "initQXNLZHEcharts",
+      params: [clonedData.KLine20, clonedData.QXNLZHQ],
+    },
   ];
 
   // 依次渲染每个图表
@@ -2344,24 +2708,34 @@ async function renderChartsSequentially(clonedData, stockIndex = 0) {
       console.log(`开始渲染第${stockIndex}个股票的${config.name}图表`);
       console.log(`${config.name}Ref方法:`, typeof config.ref[config.method]);
 
-      if (typeof config.ref[config.method] === 'function') {
+      if (typeof config.ref[config.method] === "function") {
         try {
           // 等待DOM元素完全渲染
-          await new Promise(resolve => setTimeout(resolve, 100));
-          
+          await new Promise((resolve) => setTimeout(resolve, 100));
+
           config.ref[config.method](...config.params);
           console.log(`第${stockIndex}个股票的${config.name}图表渲染成功`);
 
           // 每个图表渲染完成后等待一段时间再渲染下一个
-          await new Promise(resolve => setTimeout(resolve, 800));
+          await new Promise((resolve) => setTimeout(resolve, 800));
         } catch (error) {
-          console.error(`第${stockIndex}个股票的${config.name}图表渲染失败:`, error);
+          console.error(
+            `第${stockIndex}个股票的${config.name}图表渲染失败:`,
+            error
+          );
         }
       } else {
-        console.error(`第${stockIndex}个股票的${config.name}Ref.${config.method} 方法不存在`);
+        console.error(
+          `第${stockIndex}个股票的${config.name}Ref.${config.method} 方法不存在`
+        );
       }
     } else {
-      console.log(`第${stockIndex}个股票的${config.name}图表未渲染，ref存在:`, !!config.ref, '数据存在:', config.visibility);
+      console.log(
+        `第${stockIndex}个股票的${config.name}图表未渲染，ref存在:`,
+        !!config.ref,
+        "数据存在:",
+        config.visibility
+      );
     }
   }
 
@@ -2370,7 +2744,7 @@ async function renderChartsSequentially(clonedData, stockIndex = 0) {
 
 // 渲染组件图表的方法
 function renderCharts(data) {
-  console.log('开始渲染图表，数据:', data);
+  console.log("开始渲染图表，数据:", data);
 
   // 深拷贝数据避免污染原始数据
   const clonedData = JSON.parse(JSON.stringify(data));
@@ -2380,18 +2754,22 @@ function renderCharts(data) {
 
   // 如果有任何关键数据缺失，不渲染页面并返回提示
   if (!validation.isValid) {
-    console.log('关键数据缺失:', validation.missingFields);
+    console.log("关键数据缺失:", validation.missingFields);
     const aiMessage = reactive({
-      sender: 'ai',
-      text: `数据不完整，缺少以下关键数据：${validation.missingFields.join('、')}。请稍后重试或联系客服。`
+      sender: "ai",
+      text: `数据不完整，缺少以下关键数据：${validation.missingFields.join(
+        "、"
+      )}。请稍后重试或联系客服。`,
     });
     messages.value.push(aiMessage);
 
     // 将AI消息添加到emotion store中
     emotionStore.addConversation({
-      sender: 'ai',
-      text: `数据不完整，缺少以下关键数据：${validation.missingFields.join('、')}。请稍后重试或联系客服。`,
-      timestamp: new Date().toISOString()
+      sender: "ai",
+      text: `数据不完整，缺少以下关键数据：${validation.missingFields.join(
+        "、"
+      )}。请稍后重试或联系客服。`,
+      timestamp: new Date().toISOString(),
     });
 
     // 隐藏页面内容
@@ -2406,46 +2784,68 @@ function renderCharts(data) {
     marketTemperature: !!(clonedData.GSWDJ && clonedData.GSWDJ.length > 0),
     emotionDecod: !!(clonedData.QXJMQ && clonedData.QXJMQ.length > 0),
     emotionalBottomRadar: !!(clonedData.QXTDLD && clonedData.QXTDLD.length > 0),
-    emoEnergyConverter: !!(clonedData.QXNLZHQ && (Array.isArray(clonedData.QXNLZHQ) ? clonedData.QXNLZHQ.length > 0 : hasValidData(clonedData.QXNLZHQ)))
+    emoEnergyConverter: !!(
+      clonedData.QXNLZHQ &&
+      (Array.isArray(clonedData.QXNLZHQ)
+        ? clonedData.QXNLZHQ.length > 0
+        : hasValidData(clonedData.QXNLZHQ))
+    ),
   };
 
-  console.log('图表显示状态:', chartVisibility.value);
-  console.log('数据检查:', {
+  console.log("图表显示状态:", chartVisibility.value);
+  console.log("数据检查:", {
     GSWDJ: !!(clonedData.GSWDJ && clonedData.GSWDJ.length > 0),
     QXJMQ: !!(clonedData.QXJMQ && clonedData.QXJMQ.length > 0),
     QXTDLD: !!(clonedData.QXTDLD && clonedData.QXTDLD.length > 0),
-    QXNLZHQ: !!(clonedData.QXNLZHQ && (Array.isArray(clonedData.QXNLZHQ) ? clonedData.QXNLZHQ.length > 0 : hasValidData(clonedData.QXNLZHQ)))
+    QXNLZHQ: !!(
+      clonedData.QXNLZHQ &&
+      (Array.isArray(clonedData.QXNLZHQ)
+        ? clonedData.QXNLZHQ.length > 0
+        : hasValidData(clonedData.QXNLZHQ))
+    ),
   });
-  console.log('QXNLZHQ数据详情:', clonedData.QXNLZHQ);
+  console.log("QXNLZHQ数据详情:", clonedData.QXNLZHQ);
 
   nextTick(() => {
     // 增加延迟确保DOM完全更新和组件完全挂载
     setTimeout(() => {
       try {
-        console.log('图表组件ref状态:', {
+        console.log("图表组件ref状态:", {
           marketTemperatureRef: !!marketTemperatureRef.value,
           emotionDecodRef: !!emotionDecodRef.value,
           emotionalBottomRadarRef: !!emotionalBottomRadarRef.value,
-          emoEnergyConverterRef: !!emoEnergyConverterRef.value
+          emoEnergyConverterRef: !!emoEnergyConverterRef.value,
         });
 
         // 检查DOM元素是否存在
-        console.log('DOM元素检查:', {
-          marketTemperatureDOM: !!document.querySelector('.market-temperature-section'),
-          emotionDecodDOM: !!document.querySelector('.emotion-decoder-section'),
-          emotionalBottomRadarDOM: !!document.querySelector('.bottom-radar-section'),
-          emoEnergyConverterDOM: !!document.querySelector('.energy-converter-section')
+        console.log("DOM元素检查:", {
+          marketTemperatureDOM: !!document.querySelector(
+            ".market-temperature-section"
+          ),
+          emotionDecodDOM: !!document.querySelector(".emotion-decoder-section"),
+          emotionalBottomRadarDOM: !!document.querySelector(
+            ".bottom-radar-section"
+          ),
+          emoEnergyConverterDOM: !!document.querySelector(
+            ".energy-converter-section"
+          ),
         });
 
         // 检查具体的组件元素
-        const emoEnergyElement = document.querySelector('emo-energy-converter');
-        console.log('emoEnergyConverter元素:', emoEnergyElement);
+        const emoEnergyElement = document.querySelector("emo-energy-converter");
+        console.log("emoEnergyConverter元素:", emoEnergyElement);
 
         // 等待更长时间再次检查ref
         setTimeout(() => {
-          console.log('延迟检查emoEnergyConverterRef:', !!emoEnergyConverterRef.value);
+          console.log(
+            "延迟检查emoEnergyConverterRef:",
+            !!emoEnergyConverterRef.value
+          );
           if (emoEnergyConverterRef.value) {
-            console.log('emoEnergyConverter方法:', typeof emoEnergyConverterRef.value.initQXNLZHEcharts);
+            console.log(
+              "emoEnergyConverter方法:",
+              typeof emoEnergyConverterRef.value.initQXNLZHEcharts
+            );
           }
         }, 1000);
 
@@ -2456,17 +2856,20 @@ function renderCharts(data) {
           }
         });
 
-        console.log('图表渲染完成');
+        console.log("图表渲染完成");
       } catch (error) {
-        console.error('图表渲染错误:', error);
-        const aiMessage = reactive({ sender: 'ai', text: '图表渲染失败，请重试' });
+        console.error("图表渲染错误:", error);
+        const aiMessage = reactive({
+          sender: "ai",
+          text: "图表渲染失败，请重试",
+        });
         messages.value.push(aiMessage);
 
         // 将AI消息添加到emotion store中
         emotionStore.addConversation({
-          sender: 'ai',
-          text: '图表渲染失败，请重试',
-          timestamp: new Date().toISOString()
+          sender: "ai",
+          text: "图表渲染失败，请重试",
+          timestamp: new Date().toISOString(),
         });
       }
     }, 500); // 增加延迟到500ms确保DOM和组件完全稳定
@@ -2490,25 +2893,24 @@ const handleTouchMove = (event) => {
   handleUserScroll();
 };
 
-
 // 检查数据是否已加载完成
 function isDataLoaded() {
   // 检查页面是否已加载
   if (!isPageLoaded.value) {
-    console.log('页面数据尚未加载完成');
+    console.log("页面数据尚未加载完成");
     return false;
   }
 
   // 检查当前股票数据是否存在
   if (!currentStock.value || !currentStock.value.apiData) {
-    console.log('股票数据尚未加载完成');
+    console.log("股票数据尚未加载完成");
     return false;
   }
 
   // 检查图表组件是否已渲染 - 检查所有股票的组件
   const stockCount = emotionStore.stockList.length;
   if (stockCount === 0) {
-    console.log('没有股票数据');
+    console.log("没有股票数据");
     return false;
   }
 
@@ -2518,17 +2920,17 @@ function isDataLoaded() {
       marketTemperatureRef.value[i],
       emotionDecodRef.value[i],
       emotionalBottomRadarRef.value[i],
-      emoEnergyConverterRef.value[i]
+      emoEnergyConverterRef.value[i],
     ];
 
-    const allRefsLoaded = requiredRefs.every(ref => ref !== null);
+    const allRefsLoaded = requiredRefs.every((ref) => ref !== null);
     if (!allRefsLoaded) {
       console.log(`第${i}个股票的图表组件尚未完全加载`);
       return false;
     }
   }
 
-  console.log('所有数据和组件已加载完成');
+  console.log("所有数据和组件已加载完成");
   return true;
 }
 
@@ -2537,8 +2939,13 @@ function isDataLoaded() {
 // 设置Intersection Observer监听场景应用部分
 function setupIntersectionObserver() {
   // 检查 scenarioApplicationRef.value 是否存在且是有效的 DOM 元素
-  if (!scenarioApplicationRef.value || !(scenarioApplicationRef.value instanceof Element)) {
-    console.warn('scenarioApplicationRef.value 不是有效的 DOM 元素，跳过 IntersectionObserver 设置');
+  if (
+    !scenarioApplicationRef.value ||
+    !(scenarioApplicationRef.value instanceof Element)
+  ) {
+    console.warn(
+      "scenarioApplicationRef.value 不是有效的 DOM 元素，跳过 IntersectionObserver 设置"
+    );
     return;
   }
 
@@ -2546,46 +2953,52 @@ function setupIntersectionObserver() {
     (entries) => {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
-          console.log('场景应用部分进入视口');
+          console.log("场景应用部分进入视口");
 
           // 获取当前股票代码
-          const stockCode = currentStock.value?.stockInfo?.code || currentStock.value?.stockInfo?.symbol;
+          const stockCode =
+            currentStock.value?.stockInfo?.code ||
+            currentStock.value?.stockInfo?.symbol;
 
           if (parsedConclusion.value && stockCode) {
             // 检查该股票是否是第一次触发
             if (!stockTypewriterShown.value.has(stockCode)) {
               // 如果是用户主动搜索，启动打字机效果和音频播放
               if (isUserInitiated.value && audioUrl.value) {
-                console.log('用户主动搜索，该股票第一次进入场景应用，开始打字机效果和音频播放');
-                
+                console.log(
+                  "用户主动搜索，该股票第一次进入场景应用，开始打字机效果和音频播放"
+                );
+
                 if (!stockAudioPlayed.value.has(stockCode)) {
-                  console.log('开始音频播放和打字机效果');
+                  console.log("开始音频播放和打字机效果");
                   stockAudioPlayed.value.set(stockCode, true);
                   playAudioQueue(parsedConclusion.value, true);
                 } else {
                   // 如果音频已播放过，只启动打字机效果
                   startTypewriterEffect(parsedConclusion.value);
                 }
-                
+
                 stockTypewriterShown.value.set(stockCode, true);
               } else {
                 // 非用户主动搜索（如历史记录恢复），直接显示完整内容
-                console.log('非用户主动搜索，该股票第一次进入场景应用，直接显示完整内容');
-                
+                console.log(
+                  "非用户主动搜索，该股票第一次进入场景应用，直接显示完整内容"
+                );
+
                 const conclusion = parsedConclusion.value;
                 displayedTexts.value = {
-                  one1: conclusion.one1 || '',
-                  one2: conclusion.one2 || '',
-                  two: conclusion.two || '',
-                  three: conclusion.three || '',
-                  four: conclusion.four || '',
-                  disclaimer: '该内容由AI生成，请注意甄别'
+                  one1: conclusion.one1 || "",
+                  one2: conclusion.one2 || "",
+                  two: conclusion.two || "",
+                  three: conclusion.three || "",
+                  four: conclusion.four || "",
+                  disclaimer: "该内容由AI生成，请注意甄别",
                 };
                 displayedTitles.value = {
-                  one: 'L1: 情绪监控',
-                  two: 'L2: 情绪解码',
-                  three: 'L3: 情绪推演',
-                  four: 'L4: 情绪套利'
+                  one: "L1: 情绪监控",
+                  two: "L2: 情绪解码",
+                  three: "L3: 情绪推演",
+                  four: "L4: 情绪套利",
                 };
                 // 显示所有有内容的模块
                 moduleVisibility.value = {
@@ -2593,32 +3006,32 @@ function setupIntersectionObserver() {
                   two: !!conclusion.two,
                   three: !!conclusion.three,
                   four: !!conclusion.four,
-                  disclaimer: true
+                  disclaimer: true,
                 };
-                
+
                 // 记录该股票已显示过
                 stockTypewriterShown.value.set(stockCode, true);
                 stockAudioPlayed.value.set(stockCode, true);
               }
             } else {
               // 非第一次或已经触发过：直接显示完整内容，不播放音频和打字机效果
-              console.log('非第一次进入场景应用或已触发过，直接显示完整内容');
+              console.log("非第一次进入场景应用或已触发过，直接显示完整内容");
 
               // 直接显示完整内容
               const conclusion = parsedConclusion.value;
               displayedTexts.value = {
-                one1: conclusion.one1 || '',
-                one2: conclusion.one2 || '',
-                two: conclusion.two || '',
-                three: conclusion.three || '',
-                four: conclusion.four || '',
-                disclaimer: '该内容由AI生成，请注意甄别'
+                one1: conclusion.one1 || "",
+                one2: conclusion.one2 || "",
+                two: conclusion.two || "",
+                three: conclusion.three || "",
+                four: conclusion.four || "",
+                disclaimer: "该内容由AI生成，请注意甄别",
               };
               displayedTitles.value = {
-                one: 'L1: 情绪监控',
-                two: 'L2: 情绪解码',
-                three: 'L3: 情绪推演',
-                four: 'L4: 情绪套利'
+                one: "L1: 情绪监控",
+                two: "L2: 情绪解码",
+                three: "L3: 情绪推演",
+                four: "L4: 情绪套利",
               };
               // 显示所有有内容的模块
               moduleVisibility.value = {
@@ -2626,7 +3039,7 @@ function setupIntersectionObserver() {
                 two: !!conclusion.two,
                 three: !!conclusion.three,
                 four: !!conclusion.four,
-                disclaimer: true
+                disclaimer: true,
               };
             }
           }
@@ -2635,7 +3048,7 @@ function setupIntersectionObserver() {
     },
     {
       threshold: 0.3, // 当30%的元素进入视口时触发
-      rootMargin: '0px 0px -100px 0px' // 提前100px触发
+      rootMargin: "0px 0px -100px 0px", // 提前100px触发
     }
   );
 
@@ -2647,20 +3060,21 @@ function setupIntersectionObserver() {
 
 // 返回顶部功能
 const scrollToTop = () => {
-  const topAnchor = document.getElementById('top-anchor');
+  const topAnchor = document.getElementById("top-anchor");
   if (topAnchor) {
     topAnchor.scrollIntoView({
-      behavior: 'smooth',
-      block: 'start',
-      inline: 'nearest'
+      behavior: "smooth",
+      block: "start",
+      inline: "nearest",
     });
   } else {
-    window.scrollTo({ top: 0, behavior: 'smooth' });
+    window.scrollTo({ top: 0, behavior: "smooth" });
   }
 
   // 备用方案：直接滚动到页面顶部
   setTimeout(() => {
-    const currentScrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    const currentScrollTop =
+      window.pageYOffset || document.documentElement.scrollTop;
     if (currentScrollTop > 50) {
       document.documentElement.scrollTop = 0;
       document.body.scrollTop = 0;
@@ -2684,13 +3098,13 @@ const scrollToBottom = () => {
       document.documentElement.scrollHeight,
       document.documentElement.offsetHeight
     );
-    
+
     // 平滑滚动到页面底部
     window.scrollTo({
       top: documentHeight,
-      behavior: 'smooth'
+      behavior: "smooth",
     });
-    
+
     // 备用方案：直接设置滚动位置
     setTimeout(() => {
       document.documentElement.scrollTop = documentHeight;
@@ -2718,84 +3132,90 @@ const debouncedScrollToBottom = (() => {
 const startHeightObserver = () => {
   // 先停止之前的监听器
   stopHeightObserver();
-  
+
   isAutoScrollEnabled.value = true;
-  
+
   // 创建ResizeObserver监听页面内容变化
   heightObserver.value = new ResizeObserver((entries) => {
     if (isAutoScrollEnabled.value && isPageLoaded.value) {
       debouncedScrollToBottom();
     }
   });
-  
+
   // 监听document.body的尺寸变化
   if (document.body) {
     heightObserver.value.observe(document.body);
   }
-  
+
   // 创建MutationObserver监听DOM结构变化
   const mutationObserver = new MutationObserver((mutations) => {
     let shouldScroll = false;
     mutations.forEach((mutation) => {
-      if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
+      if (mutation.type === "childList" && mutation.addedNodes.length > 0) {
         // 检查新增的节点是否包含实际内容
-        const hasContent = Array.from(mutation.addedNodes).some(node => {
+        const hasContent = Array.from(mutation.addedNodes).some((node) => {
           if (node.nodeType === Node.ELEMENT_NODE) {
             return node.offsetHeight > 0 || node.scrollHeight > 0;
           }
-          return node.nodeType === Node.TEXT_NODE && node.textContent.trim().length > 0;
+          return (
+            node.nodeType === Node.TEXT_NODE &&
+            node.textContent.trim().length > 0
+          );
         });
         if (hasContent) {
           shouldScroll = true;
         }
       }
     });
-    
+
     if (shouldScroll && isAutoScrollEnabled.value && isPageLoaded.value) {
       debouncedScrollToBottom();
     }
   });
-  
+
   // 监听主要内容区域的DOM变化
-  const mainContainer = document.querySelector('.main') || document.body;
+  const mainContainer = document.querySelector(".main") || document.body;
   if (mainContainer) {
     mutationObserver.observe(mainContainer, {
       childList: true,
       subtree: true,
       attributes: false,
-      characterData: true
+      characterData: true,
     });
   }
-  
+
   // 保存mutationObserver引用以便清理
   heightObserver.value.mutationObserver = mutationObserver;
-  
-  console.log('页面高度监听器已启动');
+
+  console.log("页面高度监听器已启动");
 };
 
 // 停止页面高度监听器
 const stopHeightObserver = () => {
   isAutoScrollEnabled.value = false;
-  
+
   if (heightObserver.value) {
     // 清理ResizeObserver
     heightObserver.value.disconnect();
-    
+
     // 清理MutationObserver
     if (heightObserver.value.mutationObserver) {
       heightObserver.value.mutationObserver.disconnect();
       heightObserver.value.mutationObserver = null;
     }
-    
+
     heightObserver.value = null;
   }
-  
-  console.log('页面高度监听器已停止');
+
+  console.log("页面高度监听器已停止");
 };
 
 // 监听页面滚动，控制返回顶部按钮显示
 const handlePageScroll = () => {
-  const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
+  const scrollTop =
+    window.pageYOffset ||
+    document.documentElement.scrollTop ||
+    document.body.scrollTop;
   showBackToTop.value = scrollTop > 200;
 };
 
@@ -2827,15 +3247,15 @@ onMounted(async () => {
 
   // 添加全局resize监听器，确保所有图表和容器响应页面宽度变化
   const globalResizeHandler = debounce(() => {
-    console.log('AiEmotion页面：窗口大小变化，触发容器和图表resize');
+    console.log("AiEmotion页面：窗口大小变化，触发容器和图表resize");
 
     // 强制重新计算容器布局
-    const mainContainer = document.querySelector('.main');
+    const mainContainer = document.querySelector(".main");
     if (mainContainer) {
       // 触发重排，确保容器尺寸正确更新
-      mainContainer.style.display = 'none';
+      mainContainer.style.display = "none";
       mainContainer.offsetHeight; // 强制重排
-      mainContainer.style.display = '';
+      mainContainer.style.display = "";
     }
 
     // 触发所有图表组件的resize
@@ -2843,27 +3263,27 @@ onMounted(async () => {
       window.emoEnergyConverterResizeHandler,
       window.marketTempResizeHandler,
       window.emotionalBottomRadarResizeHandler,
-      window.emotionDecodResizeHandler
+      window.emotionDecodResizeHandler,
     ];
 
-    resizeHandlers.forEach(handler => {
-      if (typeof handler === 'function') {
+    resizeHandlers.forEach((handler) => {
+      if (typeof handler === "function") {
         try {
           handler();
         } catch (error) {
-          console.error('AiEmotion页面：图表resize失败', error);
+          console.error("AiEmotion页面：图表resize失败", error);
         }
       }
     });
 
     // 延迟再次触发图表resize，确保容器尺寸稳定后图表能正确适配
     setTimeout(() => {
-      resizeHandlers.forEach(handler => {
-        if (typeof handler === 'function') {
+      resizeHandlers.forEach((handler) => {
+        if (typeof handler === "function") {
           try {
             handler();
           } catch (error) {
-            console.error('AiEmotion页面：延迟图表resize失败', error);
+            console.error("AiEmotion页面：延迟图表resize失败", error);
           }
         }
       });
@@ -2872,28 +3292,30 @@ onMounted(async () => {
 
   // 移除之前的监听器（如果存在）
   if (window.aiEmotionGlobalResizeHandler) {
-    window.removeEventListener('resize', window.aiEmotionGlobalResizeHandler);
+    window.removeEventListener("resize", window.aiEmotionGlobalResizeHandler);
   }
 
   // 添加新的监听器
-  window.addEventListener('resize', globalResizeHandler);
+  window.addEventListener("resize", globalResizeHandler);
   window.aiEmotionGlobalResizeHandler = globalResizeHandler;
 
   // 添加滚动事件监听器
   const container = userInputDisplayRef.value;
   if (container) {
-    container.addEventListener('wheel', handleWheel, { passive: true });
-    container.addEventListener('touchmove', handleTouchMove, { passive: true });
-    container.addEventListener('scroll', handleUserScroll, { passive: true });
+    container.addEventListener("wheel", handleWheel, { passive: true });
+    container.addEventListener("touchmove", handleTouchMove, { passive: true });
+    container.addEventListener("scroll", handleUserScroll, { passive: true });
     // 添加容器滚动监听器用于返回顶部按钮
-    container.addEventListener('scroll', handleContainerScroll, { passive: true });
+    container.addEventListener("scroll", handleContainerScroll, {
+      passive: true,
+    });
   }
 
   // 添加页面滚动监听器，控制返回顶部按钮显示
-  window.addEventListener('scroll', handlePageScroll, { passive: true });
+  window.addEventListener("scroll", handlePageScroll, { passive: true });
 
   // 添加document滚动监听器（备用方案）
-  document.addEventListener('scroll', handlePageScroll, { passive: true });
+  document.addEventListener("scroll", handlePageScroll, { passive: true });
 
   // 防抖函数定义
   function debounce(func, wait) {
@@ -2910,11 +3332,9 @@ onMounted(async () => {
 
   startImageRotation();
 
-
-
   // 检查是否有已保存的股票数据需要恢复
   if (emotionStore.stockList.length > 0 && emotionStore.activeStock) {
-    console.log('检测到已保存的股票数据，开始恢复页面状态（不自动播放音频）');
+    console.log("检测到已保存的股票数据，开始恢复页面状态（不自动播放音频）");
 
     // 恢复页面加载状态
     isPageLoaded.value = true;
@@ -2931,7 +3351,7 @@ onMounted(async () => {
     nextTick(() => {
       const currentStockData = emotionStore.activeStock;
       if (currentStockData && currentStockData.apiData) {
-        console.log('恢复图表数据:', currentStockData.stockInfo.name);
+        console.log("恢复图表数据:", currentStockData.stockInfo.name);
         renderCharts(currentStockData.apiData);
 
         // 恢复结论数据并显示内容
@@ -2941,19 +3361,19 @@ onMounted(async () => {
           // 直接显示所有内容，不使用打字机效果
           const conclusion = currentStockData.conclusionData;
           displayedTexts.value = {
-            one1: conclusion.one1 || '',
-            one2: conclusion.one2 || '',
-            two: conclusion.two || '',
-            three: conclusion.three || '',
-            four: conclusion.four || '',
-            disclaimer: '该内容由AI生成，请注意甄别'
+            one1: conclusion.one1 || "",
+            one2: conclusion.one2 || "",
+            two: conclusion.two || "",
+            three: conclusion.three || "",
+            four: conclusion.four || "",
+            disclaimer: "该内容由AI生成，请注意甄别",
           };
 
           displayedTitles.value = {
-            one: conclusion.one1 || conclusion.one2 ? 'L1: 情绪监控' : '',
-            two: conclusion.two ? 'L2: 情绪解码' : '',
-            three: conclusion.three ? 'L3: 情绪推演' : '',
-            four: conclusion.four ? 'L4: 情绪套利' : ''
+            one: conclusion.one1 || conclusion.one2 ? "L1: 情绪监控" : "",
+            two: conclusion.two ? "L2: 情绪解码" : "",
+            three: conclusion.three ? "L3: 情绪推演" : "",
+            four: conclusion.four ? "L4: 情绪套利" : "",
           };
 
           moduleVisibility.value = {
@@ -2961,11 +3381,13 @@ onMounted(async () => {
             two: !!conclusion.two,
             three: !!conclusion.three,
             four: !!conclusion.four,
-            disclaimer: true
+            disclaimer: true,
           };
 
           // 标记该股票的打字机效果和音频已经显示过，避免后续自动触发
-          const stockCode = currentStockData.stockInfo?.code || currentStockData.stockInfo?.symbol;
+          const stockCode =
+            currentStockData.stockInfo?.code ||
+            currentStockData.stockInfo?.symbol;
           if (stockCode) {
             stockTypewriterShown.value.set(stockCode, true);
             stockAudioPlayed.value.set(stockCode, true);
@@ -2988,7 +3410,10 @@ onUnmounted(() => {
   clearTypewriterTimers();
 
   // 如果有未完成的回调函数，调用它来重新启用输入框
-  if (currentOnCompleteCallback.value && typeof currentOnCompleteCallback.value === 'function') {
+  if (
+    currentOnCompleteCallback.value &&
+    typeof currentOnCompleteCallback.value === "function"
+  ) {
     currentOnCompleteCallback.value();
     currentOnCompleteCallback.value = null;
   }
@@ -3010,28 +3435,28 @@ onUnmounted(() => {
 
   // 清理全局resize监听器
   if (window.aiEmotionGlobalResizeHandler) {
-    window.removeEventListener('resize', window.aiEmotionGlobalResizeHandler);
+    window.removeEventListener("resize", window.aiEmotionGlobalResizeHandler);
     window.aiEmotionGlobalResizeHandler = null;
   }
 
   // 清理滚动事件监听器
   const container = userInputDisplayRef.value;
   if (container) {
-    container.removeEventListener('wheel', handleWheel);
-    container.removeEventListener('touchmove', handleTouchMove);
-    container.removeEventListener('scroll', handleUserScroll);
-    container.removeEventListener('scroll', handleContainerScroll);
+    container.removeEventListener("wheel", handleWheel);
+    container.removeEventListener("touchmove", handleTouchMove);
+    container.removeEventListener("scroll", handleUserScroll);
+    container.removeEventListener("scroll", handleContainerScroll);
   }
 
   // 清理页面滚动监听器
-  window.removeEventListener('scroll', handlePageScroll);
-  document.removeEventListener('scroll', handlePageScroll);
+  window.removeEventListener("scroll", handlePageScroll);
+  document.removeEventListener("scroll", handlePageScroll);
 
   // 滚动相关清理已简化
 });
 
 // 声明组件可以触发的事件
-const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
+const emit = defineEmits(["updateMessage", "sendMessage", "ensureAIchat"]);
 
 // 导出方法供外部使用（已在上方定义）
 </script>
@@ -3208,7 +3633,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
 }
 
 .temperature-content .temperature-hot {
-  background-image: url('@/assets/img/AiEmotion/redBorder.png');
+  background-image: url("@/assets/img/AiEmotion/redBorder.png");
   background-repeat: no-repeat;
   background-size: 100% 100%;
   /* width: 50%; */
@@ -3225,7 +3650,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
 }
 
 .temperature-content .temperature-cold {
-  background-image: url('@/assets/img/AiEmotion/blueBorder.png');
+  background-image: url("@/assets/img/AiEmotion/blueBorder.png");
   background-repeat: no-repeat;
   background-size: 100% 100%;
   /* width: 35%; */
@@ -3253,8 +3678,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
   height: auto;
 }
 
-
-
 /* 定义旋转动画 */
 @keyframes rotate {
   from {
@@ -3301,7 +3724,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
 }
 
 .bk-image .conclusion-container .conclusion-item .conclusion-title {
-  color: #FFD700;
+  color: #ffd700;
   font-size: 22px;
   font-weight: bold;
   margin: 0 0 15px 0;
@@ -3358,7 +3781,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
 
 .text-container .title {
   display: block;
-  color: #FFD700;
+  color: #ffd700;
   font-weight: bold;
   margin-top: 0px;
   margin-bottom: 20px;
@@ -3373,8 +3796,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
   font-size: 22px;
 }
 
-
-
 .core-logic-section {
   background-image: url("@/assets/img/AiEmotion/bk00000.png");
   background-size: cover;
@@ -3407,7 +3828,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
   margin: 0 auto;
 }
 
-
 .energy-converter-content {
   min-width: 100%;
   margin-top: 3%;
@@ -3551,7 +3971,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
 
 /* 为需要放大的图片添加样式 */
 .scaled-img {
-  background-image: url('@/assets/img/AiEmotion/tree00000.jpg');
+  background-image: url("@/assets/img/AiEmotion/tree00000.jpg");
   background-size: 100% 100%;
   background-position: center;
   background-repeat: no-repeat;
@@ -3578,7 +3998,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
 }
 
 .energy-converter-section {
-  background-image: url('@/assets/img/AiEmotion/bk00000.png');
+  background-image: url("@/assets/img/AiEmotion/bk00000.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
   width: 50vw;
@@ -3602,7 +4022,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
 }
 
 .emotion-decoder-section {
-  background-image: url('@/assets/img/AiEmotion/bk00000.png');
+  background-image: url("@/assets/img/AiEmotion/bk00000.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
   width: 50vw;
@@ -3615,7 +4035,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
 }
 
 .market-temperature-section {
-  background-image: url('@/assets/img/AiEmotion/bk00000.png');
+  background-image: url("@/assets/img/AiEmotion/bk00000.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
   width: 50vw;
@@ -3652,7 +4072,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
   font-size: 20px;
   font-weight: bold;
   margin-left: 0%;
-
 }
 
 .market-temperature-value {
@@ -3663,7 +4082,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
 }
 
 .market-temperature-label {
-  background-image: url('@/assets/img/AiEmotion/bk01.png');
+  background-image: url("@/assets/img/AiEmotion/bk01.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
   padding: 10px;
@@ -3714,27 +4133,41 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
 
 .message-container {
   display: flex;
-  margin-bottom: 10px;
+  margin-bottom: 30px;
   width: 100%;
 }
 
 /* 用户消息容器样式 */
 .user-message-container {
-  display: flex;
   align-items: center;
   margin-left: auto;
   gap: 10px;
+  margin-right: 5px;
+}
+
+.user-content {
+  display: flex;
+  height: 100%;
+  align-items: center;
+  margin-right: 5px;
 }
 
 .user-message-speaker {
   width: 32px;
   height: 32px;
   object-fit: contain;
-  margin-top: 5px;
+  margin-right: 5px;
   cursor: pointer;
   transition: all 0.3s ease;
 }
 
+.user-sendTime {
+  width: 100%;
+  text-align: center;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 0.8rem;
+}
+
 .user-message-speaker:hover {
   transform: scale(1.1);
 }
@@ -3796,7 +4229,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
 }
 
 @keyframes float {
-
   0%,
   100% {
     transform: translateY(0px);
@@ -3975,7 +4407,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
 
 /* 手机端适配样式 */
 @media only screen and (max-width: 768px) {
-
   .text-container .content {
     display: block;
     color: white;
@@ -4016,7 +4447,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
   }
 
   .scaled-img {
-    background-image: url('@/assets/img/AiEmotion/tree00000.jpg');
+    background-image: url("@/assets/img/AiEmotion/tree00000.jpg");
     background-size: 100% 100%;
     background-position: center;
     background-repeat: no-repeat;
@@ -4108,7 +4539,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
   }
 
   .market-temperature-section {
-    background-image: url('@/assets/img/AiEmotion/bk00000.png');
+    background-image: url("@/assets/img/AiEmotion/bk00000.png");
     background-size: 100% 100%;
     background-repeat: no-repeat;
     width: 100%;
@@ -4116,7 +4547,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
     height: auto;
   }
 
-
   .main {
     min-height: 100px;
     height: auto;
@@ -4191,13 +4621,12 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
       margin: 8px;
 
       .conclusion-item {
-
         &:last-child {
           margin-bottom: 0;
         }
 
         .conclusion-title {
-          color: #FFD700;
+          color: #ffd700;
           font-size: 16px;
           font-weight: bold;
           margin: 0 0 8px 0;
@@ -4254,7 +4683,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
       }
 
       .conclusion-item .conclusion-title {
-        color: #FFD700;
+        color: #ffd700;
         font-size: 22px;
         font-weight: bold;
         text-align: center;
@@ -4272,8 +4701,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
         position: relative;
       }
 
-
-
       .conclusion-item .conclusion-text:last-child {
         margin-bottom: 0;
       }
@@ -4335,7 +4762,6 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
     height: auto;
   }
 
-
   .temperature-content .temperature-cold,
   .temperature-content .temperature-hot {
     min-width: 200px;
@@ -4350,9 +4776,8 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
     gap: 0rem;
   }
 
-
   .market-temperature-label {
-    background-image: url('@/assets/img/AiEmotion/bk01.png');
+    background-image: url("@/assets/img/AiEmotion/bk01.png");
     background-size: 100% 100%;
     background-repeat: no-repeat;
     display: inline-block;