From b588668a893e5b81eb04c791db8e77fe473767b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <bestsongj@163.com>
Date: Thu, 12 Jun 2025 14:27:22 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=BB=E9=99=A4=E6=83=85=E7=BB=AA=E5=A4=A7?=
 =?UTF-8?q?=E6=A8=A1=E5=9E=8B=E8=BE=93=E5=85=A5=E6=A1=86=EF=BC=8C=E7=9B=AE?=
 =?UTF-8?q?=E5=89=8D=E5=85=B1=E7=94=A8=E5=90=8C=E4=B8=80=E4=B8=AA=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/AiEmotion.vue | 22 +++++++++++++---------
 src/views/homePage.vue  | 13 ++++++++++++-
 2 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/src/views/AiEmotion.vue b/src/views/AiEmotion.vue
index 9ed56cd..ebc1920 100644
--- a/src/views/AiEmotion.vue
+++ b/src/views/AiEmotion.vue
@@ -18,10 +18,10 @@
             </div>
         </div>
         <!-- 输入框和发送按钮 -->
-        <footer class="input-container fixed-bottom">
+        <!-- <footer class="input-container fixed-bottom">
             <input type="text" v-model="userInput" placeholder="请输入内容..." class="input-box" />
-            <button @click="sendMessage" class="send-button">发送</button>
-        </footer>
+            <button @click="handleSendMessage(userInput)" class="send-button">发送</button>
+        </footer> -->
         <!-- <div class="input-container fixed-bottom">
             <input type="text" v-model="userInput" placeholder="请输入内容..." class="input-box" />
             <button @click="sendMessage" class="send-button">发送</button>
@@ -116,9 +116,9 @@
             </div>
         </div>
     </div>
-    <div v-else class="loading">
+    <!-- <div v-else class="loading">
         <p>数据加载中，请稍候...</p>
-    </div>
+    </div> -->
 </template>
 
 <script setup>
@@ -142,6 +142,9 @@ const isPageLoaded = ref(false); // 控制页面是否显示
 const isRotating = ref(false);//控制旋转
 const userInputDisplayRef = ref(null);//消息区域的引用
 
+//导出方法供外部使用
+defineExpose({handleSendMessage})
+
 // 从本地存储中加载对话历史的方法
 const loadMessagesFromLocalStorage = () => {
     const storedMessages = localStorage.getItem('chatMessages');
@@ -175,12 +178,12 @@ function updateSpan01() {
 
 
 // 发送消息方法
-async function sendMessage() {
-    console.log('发送内容:', userInput.value);
+async function handleSendMessage(input) {
+    console.log('发送内容:', input);
 
     // 检查用户输入内容是否为空
-    if (userInput.value.trim()) {
-        const userMessage = reactive({ sender: 'user', text: userInput.value });
+    if (input.trim()) {
+        const userMessage = reactive({ sender: 'user', text: input });
         messages.value.push(userMessage);
         userInput.value = ''; // 清空输入框
 
@@ -280,6 +283,7 @@ async function fetchData(code, market) {
             market: 'usa',
             code: 'TSLA',
             language: 'cn',
+            version: 2
         };
 
         const stockDataResult = await axios.post(
diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index 00ff693..72d5c49 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -31,6 +31,8 @@ import AiEmotion from "./AiEmotion.vue";
 
 // const vConsole = new VConsole();
 
+// 获取 AiEmotion 组件的 ref
+const aiEmotionRef = ref(null)
 // import { useUserStore } from "../store/userPessionCode.js";
 const { getQueryVariable, setActiveTabIndex } = useDataStore()
 const dataStore = useDataStore()
@@ -134,6 +136,15 @@ const sendMessage = async () => {
     return;
   }
   isScrolling.value = false;
+  
+  // 判断当前是否为 AiEmotion 组件
+  if (activeTab.value === 'AiEmotion') {
+    // 调用 AiEmotion 组件的 handleSendMessage 方法
+    aiEmotionRef.value?.handleSendMessage(message.value);
+    message.value = ""; // 清空输入框
+    return;
+  }
+
   // 调用 ensureAIchat 确保跳转到 AIchat 页面
   ensureAIchat();
 
@@ -507,7 +518,7 @@ onMounted(async () => {
           </section>
           <div class="tab-content" ref="tabContent">
             <component :is="activeComponent" :messages="messages" @updateMessage="updateMessage"
-              @sendMessage="sendMessage" @ensureAIchat="ensureAIchat" />
+              @sendMessage="sendMessage" @ensureAIchat="ensureAIchat" ref="aiEmotionRef"/>
           </div>
         </div>