From db6943750fa80531ba97250757b9b3693c51b0f2 Mon Sep 17 00:00:00 2001
From: hongxilin <17663930442@163.com>
Date: Tue, 25 Mar 2025 15:31:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9A=82=E5=AE=9A=E7=BB=88=E7=89=88=EF=BC=8Ck?=
 =?UTF-8?q?=E7=BA=BF=E5=9B=BE=E9=9C=80=E8=A6=81=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                    |   2 +-
 index.html                          |   1 +
 src/App.vue                         |   9 ++-
 src/api/AIxiaocaishen.js            |  65 +++++++++++++---
 src/assets/js/useAppBridge.js       |   8 +-
 src/assets/js/useProjectTracking.js |  26 ++++---
 src/main.js                         |   5 ++
 src/router/index.js                 |   5 ++
 src/store/audio.js                  |   4 +-
 src/store/dataList.js               |  24 +++---
 src/views/AIchat.vue                | 146 +++++++++++++++++++++++++++++-------
 src/views/AIfind.vue                |  12 ++-
 src/views/Announcement.vue          |   8 +-
 src/views/Echarts/KLine.vue         | 124 ++++++++++++++++++++++++++----
 src/views/homePage.vue              |  50 +++++++-----
 15 files changed, 394 insertions(+), 95 deletions(-)

diff --git a/.env.development b/.env.development
index 436b0ec..ab104ed 100644
--- a/.env.development
+++ b/.env.development
@@ -2,7 +2,7 @@
 VITE_ENV = 'development'
 VITE_OUTPUT_DIR = 'dev'
 # public path
-VITE_PUBLIC_PATH = /
+VITE_PUBLIC_PATH = /AIxiaocaishen
 
 #新数据接口
 VITE_APP_API_BASE_URL = "http://39.101.133.168:8828/link"
diff --git a/index.html b/index.html
index e465776..8bae75e 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
   <meta charset="UTF-8" />
   <link rel="icon" type="image/png" href="src/assets/img/homePage/AIicon.png">
   <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" /> -->
+  <script type="text/javascript" src="https://lfjf.rzfwq.com/djt/soft/bogu2021/uni-app/webview.js"></script>
   <meta name="viewport"
     content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
   <title>AI小财神</title>
diff --git a/src/App.vue b/src/App.vue
index 68a251a..632425f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,14 @@
 <script setup>
+import { useProjectTracking } from './assets/js/useProjectTracking.js'
 const projectRoutes = [
-  '/homePage'
+  '/homePage',
+  '/AIchat',
+  '/AIfind',
+  '/Announcement'
 ]
+
+// 项目追踪
+useProjectTracking(projectRoutes)
 </script>
 
 <template>
diff --git a/src/api/AIxiaocaishen.js b/src/api/AIxiaocaishen.js
index 2049393..c072c91 100644
--- a/src/api/AIxiaocaishen.js
+++ b/src/api/AIxiaocaishen.js
@@ -42,39 +42,86 @@ export const computedUsersAPI = function (params) {
         }
     })
 }
+// 首次进入小财神
+export const useAiGodAPI = function (params) {
+    return request({
+        url: `${APIurl}/api/ai_god/useAiGod`,
+        method: 'post',
+        data: new URLSearchParams(params),
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded'
+        }
+    })
+}
+// 停留时间
+export const updateStayTimeAPI = function (params) {
+    return request({
+        url: `${APIurl}/api/ai_god/updateStayTime`,
+        method: 'post',
+        data: new URLSearchParams(params),
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded'
+        }
+    })
+}
 
+// 获取新闻接口
 export const getNewsAPI = function () {
     return request({
-        url: `http://192.168.9.19:8080/api/ai_god/news`,
+        url: `${APIurl}/api/ai_god/news`,
         method: 'POST'
     })
 }
-
+// 获取引导搜索词接口
 export const getQuestionAPI = function () {
     return request({
-        url: `http://192.168.9.19:8080/api/ai_god/shows`,
+        url: `${APIurl}/api/ai_god/shows`,
         method: 'POST',
         data: new URLSearchParams({
             "type": "1",
-            "num": "10"
+            "num": "10",
+            "state": "1"
         })
     })
 }
-
+// 获取公告接口
 export const getAnnouncementAPI = function () {
     return request({
-        url: `http://192.168.9.19:8080/api/ai_god/shows`,
+        url: `${APIurl}/api/ai_god/shows`,
         method: 'POST',
         data: new URLSearchParams({
             "type": "3",
-            "num": "1"
+            "num": "1",
+            "state": "1"
         })
     })
 }
-
+// 获取用户次数接口
 export const getUserCountAPI = function (params) {
     return request({
-        url: `http://192.168.9.19:8080/api/ai_god/userUsageInfo`,
+        url: `${APIurl}/api/ai_god/userUsageInfo`,
+        method: 'POST',
+        data: new URLSearchParams(params),
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded'
+        }
+    })
+}
+// 推荐问题/每日复盘/小财神简介点击事件接口
+export const qsArpAamClickAPI = function (params) {
+    return request({
+        url: `${APIurl}/api/ai_god/shows/click`,
+        method: 'POST',
+        data: new URLSearchParams(params),
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded'
+        }
+    })
+}
+// 财经新闻点击事件接口
+export const newsClickAPI = function (params) {
+    return request({
+        url: `${APIurl}/api/ai_god/news/click`,
         method: 'POST',
         data: new URLSearchParams(params),
         headers: {
diff --git a/src/assets/js/useAppBridge.js b/src/assets/js/useAppBridge.js
index 84a458e..477c434 100644
--- a/src/assets/js/useAppBridge.js
+++ b/src/assets/js/useAppBridge.js
@@ -1,3 +1,5 @@
+// import { platform } from "os"
+
 //跳转app方法
 export function useAppBridge() {
 	const fullClose = (n, m) => {
@@ -8,7 +10,8 @@ export function useAppBridge() {
 		return Math.floor(result)
 	}
 
-	const packageFun = (funName, fun = () => {}, platform, data = {}) => {
+	const packageFun = (funName, fun = () => { }, platform, data = {}) => {
+		console.log('packageFun', funName, platform, data)
 		const JWrandom = fullClose(10000, 99999)
 		data.JWrandom = JWrandom
 
@@ -37,7 +40,10 @@ export function useAppBridge() {
 						}
 					})
 					break
+				default:
+					console.log('未知平台', platform)
 			}
+
 		} catch (e) {
 			console.error('Error in packageFun:', e)
 		}
diff --git a/src/assets/js/useProjectTracking.js b/src/assets/js/useProjectTracking.js
index a826240..63377e6 100644
--- a/src/assets/js/useProjectTracking.js
+++ b/src/assets/js/useProjectTracking.js
@@ -1,6 +1,6 @@
 import { ref, onMounted, onBeforeUnmount, watch } from 'vue'
 import { useRouter } from 'vue-router'
-import { computedUsersAPI } from '@/api/sword'
+import { computedUsersAPI, useAiGodAPI, updateStayTimeAPI } from '@/api/AIxiaocaishen'
 
 export function useProjectTracking(projectRoutes) {
 	const router = useRouter()
@@ -23,16 +23,24 @@ export function useProjectTracking(projectRoutes) {
 		const formattedDate = `${date.getFullYear()}-${(date.getMonth() + 1)
 			.toString()
 			.padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')} ${date
-			.getHours()
-			.toString()
-			.padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}:${date
-			.getSeconds()
-			.toString()
-			.padStart(2, '0')}`
+				.getHours()
+				.toString()
+				.padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}:${date
+					.getSeconds()
+					.toString()
+					.padStart(2, '0')}`
 		sessionStorage.setItem('projectEntryTime', formattedDate)
 		sessionStorage.setItem('hasRecordedEntry', 'true')
 		isInProject.value = true
 		hasRecordedEntry.value = true
+
+		const token = localStorage.getItem('localToken')
+		if (token) {
+			const result = useAiGodAPI({
+				token: token
+			})
+			console.log(result);
+		}
 		console.log('记录首次进入时间:', formattedDate)
 	}
 
@@ -63,13 +71,13 @@ export function useProjectTracking(projectRoutes) {
 
 		const params = {
 			stayTime: duration,
-			loginTime: storedEntryTime,
+			// loginTime: storedEntryTime,
 			token: localToken
 		}
 
 		if (localToken) {
 			try {
-				const res = await computedUsersAPI(params)
+				const res = await updateStayTimeAPI(params)
 				console.log('跟踪数据已发送:', res)
 				sessionStorage.removeItem('projectEntryTime')
 				sessionStorage.removeItem('hasRecordedEntry')
diff --git a/src/main.js b/src/main.js
index 9e17c6c..bb979a6 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,6 +6,9 @@ import 'element-plus/dist/index.css'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 // import 'reset-css'; 
 import { createPinia } from 'pinia'
+import { useAppBridge } from './assets/js/useAppBridge.js'
+const { packageFun, fullClose } = useAppBridge()
+
 
 const app = createApp(App)
 const pinia = createPinia()
@@ -15,4 +18,6 @@ for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
 app.use(router)
 app.use(ElementPlus)
 app.use(pinia)
+app.provide('packageFun', packageFun)
+app.provide('fullClose', fullClose)
 app.mount('#app')
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 93eeb49..e8a1b4b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -20,6 +20,11 @@ const routes = [
         name: 'AIfind',
         component: () => import('@/views/AIfind.vue'),
         meta: { title: '发现' }
+    },
+    {
+        path: '/Announcement',
+        name: 'Announcement',
+        component: () => import('@/views/Announcement.vue'),
     }
 ]
 // 创建路由实例
diff --git a/src/store/audio.js b/src/store/audio.js
index d23ed55..8697713 100644
--- a/src/store/audio.js
+++ b/src/store/audio.js
@@ -4,7 +4,9 @@ export const useAudioStore = defineStore('audio', {
     state: () => ({
         soundInstance: null, // Howl 实例
         isPlaying: false,     // 播放状态
-        isVoiceEnabled: true // 新增声音开关状态
+        isVoiceEnabled: true, // 新增声音开关状态
+        lastVoiceState: null,
+        ttsUrl:''
     }),
     actions: {
         // 设置音频实例
diff --git a/src/store/dataList.js b/src/store/dataList.js
index ab2e02a..7c2d74b 100644
--- a/src/store/dataList.js
+++ b/src/store/dataList.js
@@ -31,7 +31,9 @@ export const useDataStore = defineStore('data', () => {
 
     const getQueryVariable = (variable) => {
         const query = window.location.search.substring(1)
+        // console.log(query,'query')
         const vars = query.split('&')
+        // console.log(vars,'vars')
         for (let i = 0; i < vars.length; i++) {
             const pair = vars[i].split('=')
             if (pair[0] === variable) {
@@ -41,17 +43,17 @@ export const useDataStore = defineStore('data', () => {
         return ''
     }
 
-    const getAnswer = (result) => {
-        const data = result.data;
-        const vars = query.split('&')
-        for (let i = 0; i < vars.length; i++) {
-            const pair = vars[i].split('=')
-            if (pair[0] === variable) {
-                return pair[1]
-            }
-        }
-        return ''
-    }
+    // const getAnswer = (result) => {
+    //     const data = result.data;
+    //     const vars = query.split('&')
+    //     for (let i = 0; i < vars.length; i++) {
+    //         const pair = vars[i].split('=')
+    //         if (pair[0] === variable) {
+    //             return pair[1]
+    //         }
+    //     }
+    //     return ''
+    // }
 
     // 使用示例,获取地址栏参数
     // const token = ref(getQueryVariable('token'))
diff --git a/src/views/AIchat.vue b/src/views/AIchat.vue
index 816273d..4439c30 100644
--- a/src/views/AIchat.vue
+++ b/src/views/AIchat.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { ref, onMounted, watch, nextTick } from "vue";
 import { ElDialog } from "element-plus";
-import { getReplyStreamAPI, getReplyAPI, TTSAPI, getQuestionAPI } from "../api/AIxiaocaishen";
+import { getReplyStreamAPI, getReplyAPI, TTSAPI, getQuestionAPI, qsArpAamClickAPI } from "../api/AIxiaocaishen";
 import { useUserStore } from '../store/userPessionCode'
 import { useChatStore } from '../store/chat'
 import { useAudioStore } from '../store/audio'
@@ -31,7 +31,14 @@ const emit = defineEmits(["updateMessage", "sendMessage"]);
 // 弹窗控制
 const dialogVisible = ref(false);
 const currentQuestions = ref("");
-const showQuestions = (questions) => {
+const showQuestions = async (questions) => {
+
+  const click = await qsArpAamClickAPI({
+    token: localStorage.getItem('localToken'),
+    id: questions.id
+  })
+  console.log(click);
+
   currentQuestions.value = questions;
   // 触发自定义事件
   emit("updateMessage", questions.title);
@@ -40,37 +47,75 @@ const showQuestions = (questions) => {
 
 // 音频播放方法
 const playAudio = (url) => {
-  if (audioStore.soundInstance) {
-    audioStore.soundInstance.stop()
+
+  // 添加空值校验
+  if (!url) {
+    console.warn('音频URL为空，跳过播放');
+    audioStore.isPlaying = false;
+    return;
   }
 
-  const newSound = new Howl({
-    src: [url],
-    html5: true, // 强制HTML5 Audio解决iOS兼容问题
-    format: ['mp3', 'wav'],
-    onplay: () => {
-      audioStore.isPlaying = true // 改为更新store状态
-      newSound.volume(1) // 添加音量设置
-    },
-    onend: () => audioStore.isPlaying = false,
-    onstop: () => audioStore.isPlaying = false,
-    onloaderror: (id, err) => {
-      console.error('音频加载失败:', err);
-      ElMessage.error('音频播放失败，请检查网络连接');
+
+  const handlePlay = () => {
+    if (audioStore.soundInstance) {
+      Howler.unload(); // 添加清理旧实例
+      // audioStore.soundInstance.stop()
     }
-  });
 
-  // 添加立即播放逻辑
-  newSound.play()
-  audioStore.setAudioInstance(newSound);
+    const newSound = new Howl({
+      src: [url],
+      html5: true, // 强制HTML5 Audio解决iOS兼容问题
+      format: ['mp3', 'acc'],
+      onplay: () => {
+        audioStore.isPlaying = true // 改为更新store状态
+        newSound.volume(1) // 添加音量设置
+      },
+      onend: () => audioStore.isPlaying = false,
+      onstop: () => audioStore.isPlaying = false,
+      onloaderror: (id, err) => {
+        console.error('音频加载失败:', err);
+        ElMessage.error('音频播放失败，请检查网络连接');
+      }
+    });
+
+    // 添加立即播放逻辑
+    newSound.play()
 
-  // 处理浏览器自动播放策略
-  if (Howler.autoUnlock) {
-    Howler.autoUnlock();
+    audioStore.setAudioInstance(newSound);
+    Howler._howls.push(newSound); // 强制注册到全局管理
+    // // 处理浏览器自动播放策略
+    // if (Howler.autoUnlock) {
+    //   Howler.autoUnlock();
+    // }
   }
 
-  Howler.volume(1.0) // 添加全局音量设置
+  if (/iPhone|iPad|iPod/.test(navigator.userAgent)) {
+    document.addEventListener('touchstart', handlePlay, { once: true });
+    ElMessage.info('请轻触屏幕以启用音频播放');
+  } else {
+    handlePlay();
+  }
+
+  // Howler.volume(1.0) // 添加全局音量设置
+
+};
+// 新增暂停方法
+const pauseAudio = () => {
+  if (audioStore.soundInstance) {
+    // 添加移动端特殊处理
+    if (/iPhone|iPad|iPod/.test(navigator.userAgent)) {
+      Howler.stop(); // iOS需要强制停止音频上下文
+    } else {
+      audioStore.soundInstance.pause();
+    }
+    audioStore.isPlaying = false;
 
+    // 添加状态同步
+    nextTick(() => {
+      Howler.unload();
+      audioStore.soundInstance = null;
+    });
+  }
 };
 
 // 获取消息
@@ -180,9 +225,15 @@ watch(
 
         const AIcontent = ref("");
         // 处理不同的 answer 字段
-        const status = JSON.parse(ans.value.resp);
+
+        var status;
+        if (ans.value.resp !== "") {
+          status = JSON.parse(ans.value.resp);
+        } else {
+          status = null;
+        }
         console.log(status, "status")
-        if (status.code == 200) {
+        if (status === null || status.code == 200) {
           if (ans.value.answerG !== "") {
             AIcontent.value = ans.value.answerG;
             const code = ans.value.code;
@@ -268,8 +319,10 @@ watch(
 
           const ttsUrl = ref();
           if (tts.value.tts_cn !== null) {
+            audioStore.ttsUrl = tts.value.tts_cn.url;
             ttsUrl.value = tts.value.tts_cn.url;
           } else if (tts.value.tts_en !== null) {
+            audioStore.ttsUrl = tts.value.tts_en.url;
             ttsUrl.value = tts.value.tts_en.url;
           }
 
@@ -322,6 +375,7 @@ watch(
             sender: "ai",
             content: status.msg
           });
+
           chatStore.setLoading(false);
         }
 
@@ -329,6 +383,7 @@ watch(
       }
       catch (e) {
         console.error('请求失败:', e);
+        chatStore.messages.pop();
         chatStore.messages.push({
           sender: "ai",
           content: "AI思考失败，请稍后再试...  ",
@@ -362,7 +417,40 @@ watch(
 
 //   })
 // }
-
+watch(
+  () => audioStore.isVoiceEnabled,
+  (newVal) => {
+    // 添加状态锁定逻辑
+    if (newVal === audioStore.lastVoiceState) return;
+    audioStore.lastVoiceState = newVal;
+
+    if (newVal) {
+      console.log("开启语音播放");
+      // 添加重试机制
+      const tryPlay = () => {
+        if (!audioStore.ttsUrl) return; // 新增空值判断
+        if (audioStore.soundInstance?.playing()) return;
+        playAudio(audioStore.ttsUrl);
+        setTimeout(() => {
+          if (!audioStore.soundInstance?.playing()) {
+            Howler.unload();
+          }
+        }, 1000);
+      };
+      tryPlay();
+    } else {
+      console.log("关闭语音播放");
+      // 强制停止并释放资源
+      Howler.stop();
+      Howler.unload();
+      if (audioStore.soundInstance) {
+        audioStore.soundInstance.off(); // 移除所有事件监听
+        audioStore.soundInstance = null;
+      }
+    }
+  },
+  { immediate: true }
+)
 
 // 初始化随机GIF
 onMounted(() => {
@@ -429,7 +517,7 @@ onMounted(() => {
 .chat-container {
   display: flex;
   flex-direction: column;
-  overflow-x: hidden;
+  overflow: hidden;
 }
 
 .gif-area {
diff --git a/src/views/AIfind.vue b/src/views/AIfind.vue
index 833a517..6ea94ad 100644
--- a/src/views/AIfind.vue
+++ b/src/views/AIfind.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref } from 'vue'
-import { getNewsAPI } from "../api/AIxiaocaishen"
+import { getNewsAPI,newsClickAPI } from "../api/AIxiaocaishen"
 import { marked } from 'marked'; // 引入marked库
 import katex from 'katex'; // 引入 KaTeX 库
 
@@ -14,7 +14,15 @@ const getNewsList = async () => {
 // 弹窗控制
 const dialogVisible = ref(false)
 const currentNews = ref('')
-const showNews = (news) => {
+const showNews = async(news) => {
+
+    // 点击新闻记录
+    const result = await newsClickAPI({
+        token: localStorage.getItem('localToken'),
+        id: news.id
+    })
+    console.log(result)
+
     currentNews.value = news
     // 使用marked库将Markdown转换为HTML
     currentNews.value.description = marked(currentNews.value.description);
diff --git a/src/views/Announcement.vue b/src/views/Announcement.vue
index 519498f..a758e5e 100644
--- a/src/views/Announcement.vue
+++ b/src/views/Announcement.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, onMounted } from "vue";
-import { getAnnouncementAPI } from "../api/AIxiaocaishen";
+import { getAnnouncementAPI,qsArpAamClickAPI } from "../api/AIxiaocaishen";
 
 const announcementVideo = ref({});
 const getAnnouncement = async () => {
@@ -9,6 +9,12 @@ const getAnnouncement = async () => {
   announcementVideo.value.url = result.data[0].url;
   announcementVideo.value.img = result.data[0].img;
 
+  const click=await qsArpAamClickAPI({
+    token: localStorage.getItem('localToken'),
+    id: result.data[0].id
+  })
+  console.log(click);
+
   console.log(announcementVideo.value, "announcementVideo");
 }
 
diff --git a/src/views/Echarts/KLine.vue b/src/views/Echarts/KLine.vue
index 78b9a62..a353335 100644
--- a/src/views/Echarts/KLine.vue
+++ b/src/views/Echarts/KLine.vue
@@ -1,6 +1,6 @@
 <template>
-	<!-- 趋势研判K线图 -->
-	<div ref="KlineCanvs" class="KlineClass"></div>
+	<!-- <div ref="KlineCanvs" class="KlineClass"></div> -->
+	<div ref="chartContainer" class="KlineClass"></div>
 </template>
 
 <script setup>
@@ -11,13 +11,76 @@ import { useDataStore } from '@/store/dataList'
 const KlineCanvs = ref() // Echarts实例
 const dataStore = useDataStore()
 const klineData = computed(() => dataStore.klineData)
+const chartContainer = ref() // 容器引用
+const chartInstances = ref([]) // 存储所有实例的数组
+// 监听数据变化
+// watch(
+// 	klineData,
+// 	(newValue) => {
+// 		console.log('收到K线数据：', newValue)  // 添加调试信息
+// 		const currentData = newValue // 深拷贝防止切换回来数据更改
+// 		if (currentData) {
+// 			nextTick(() => {
+// 				// 创建新容器
+// 				const newChartDiv = document.createElement('div')
+// 				newChartDiv.className = 'dynamic-chart'
+// 				chartContainer.value.appendChild(newChartDiv)
+
+// 				// 添加延迟处理
+// 				requestAnimationFrame(() => {
+// 					// 添加尺寸检查
+// 					if (newChartDiv.offsetHeight === 0) {
+// 						console.warn('强制设置备用高度')
+// 						newChartDiv.style.height = '500px'
+// 					}
+
+// 					const newInstance = echarts.init(newChartDiv)
+// 					chartInstances.value.push(newInstance)
+// 					KlineCanvsEcharts(currentData, newInstance)
+// 				})
+// 				// KlineCanvsEcharts(currentData)
+
+// 				console.log('容器尺寸:', newChartDiv.offsetWidth, 'x', newChartDiv.offsetHeight)
+// 			})
+// 		}
+// 	},
+// 	{ immediate: true, deep: true }
+// )
+
 watch(
 	klineData,
 	(newValue) => {
-		const currentData = newValue // 深拷贝防止切换回来数据更改
+		console.log('收到K线数据：', newValue)
+		const currentData = newValue
 		if (currentData) {
 			nextTick(() => {
-				KlineCanvsEcharts(currentData)
+				// 创建新容器（不清理旧容器）
+				const chartId = `chart-${Date.now()}`
+				const newChartDiv = document.createElement('div')
+				newChartDiv.className = 'dynamic-chart'
+				newChartDiv.id = chartId
+				chartContainer.value.appendChild(newChartDiv)
+
+				requestAnimationFrame(() => {
+					if (newChartDiv.offsetHeight === 0) {
+						newChartDiv.style.height = '500px'
+					}
+
+					// 创建完全独立的实例
+					const newInstance = echarts.init(newChartDiv)
+					const instanceData = JSON.parse(JSON.stringify(currentData))
+
+					// 保留所有历史实例
+					chartInstances.value.push({
+						id: chartId,
+						instance: newInstance,
+						data: instanceData,
+						container: newChartDiv  // 存储容器引用
+					})
+
+					// 使用深拷贝后的数据渲染
+					KlineCanvsEcharts(instanceData, newInstance)
+				})
 			})
 		}
 	},
@@ -37,7 +100,7 @@ watch(
 // 	},
 // 	{ immediate: true, deep: true }
 // )
-function KlineCanvsEcharts(datatok) {
+function KlineCanvsEcharts(datatok, instance) {
 	// const textEcahrts = t.value // 创建多语言实例
 	const data = datatok.Kline
 	// 切割数据方法
@@ -51,6 +114,13 @@ function KlineCanvsEcharts(datatok) {
 		return { categoryData, value }
 	}
 	const dealData = spliteDate(data)
+
+	console.log('处理后的K线数据:', dealData)
+	if (dealData.value.length === 0 || dealData.categoryData.length === 0) {
+		console.error('空数据，无法渲染图表')
+		return
+	}
+
 	// 给配置项
 	const KlineOption = {
 		title: {
@@ -103,10 +173,11 @@ function KlineCanvsEcharts(datatok) {
 		},
 		//控制坐标轴
 		grid: {
-			left: '12%',
-			right: '10%',
+			left: '3%',
+			right: '3%',
 			bottom: '10%',
-			top: '18%'
+			top: '15%',
+			containLabel: true // 添加此项确保标签显示
 		},
 		yAxis: {
 			scale: !0, //true
@@ -195,12 +266,22 @@ function KlineCanvsEcharts(datatok) {
 		]
 	}
 	// 创造echarts图
-	const KlineCanvsChart = echarts.init(KlineCanvs.value)
-	KlineCanvsChart.setOption(KlineOption)
+	// const KlineCanvsChart = echarts.init(KlineCanvs.value)
+	// KlineCanvsChart.setOption(KlineOption)
+
+	// 应用配置到新实例
+	instance.setOption(KlineOption)
+
 	// 窗口大小变化时重置图表大小
+	// window.addEventListener('resize', () => {
+	// 	KlineCanvsChart.resize()
+	// })
+
+	// 绑定窗口resize事件
 	window.addEventListener('resize', () => {
-		KlineCanvsChart.resize()
+		instance.resize()
 	})
+
 }
 
 onMounted(() => {
@@ -213,8 +294,25 @@ onMounted(() => {
 .KlineClass {
 	position: relative;
 	width: 100%;
+	min-height: 600px;
+	/* 改为最小高度 */
+	display: flex;
+	flex-direction: column;
+	gap: 20px;
+	/* 添加间距 */
+}
+
+.chart-container {
+	position: relative;
+	width: 100%;
 	height: 100%;
-	left: 5%;
-	bottom: 8%;
+}
+
+.dynamic-chart {
+	width: 100%;
+	height: 500px !important;
+	/* 强制高度 */
+	flex-shrink: 0;
+	/* 禁止高度压缩 */
 }
 </style>
diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index f75a455..d6c53a9 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -134,7 +134,7 @@ import Announcement from "./Announcement.vue";
 // 新增一个变量来控制是否显示公告页面
 const isAnnouncementVisible = ref(false);
 
-const showAnnouncement = () => {
+const showAnnouncement = async () => {
   console.log("打开公告");
   isScrolling.value = false;  //回复滚动到底部方法
   setActiveTab('', -1); // 清空当前选中状态
@@ -159,11 +159,11 @@ const tabContent = ref(null);
 const isScrolling = ref(false);  //判断用户是否在滚动
 
 const smoothScrollToBottom = async () => {
-  console.log('调用滚动到底部的方法')
+  // console.log('调用滚动到底部的方法')
   // await nextTick();
   const container = tabContent.value;
-  console.log(container, 'container')
-  console.log(isScrolling.value, 'isScrolling.value')
+  // console.log(container, 'container')
+  // console.log(isScrolling.value, 'isScrolling.value')
   if (!container) return;
 
   await nextTick(); // 确保在DOM更新后执行
@@ -173,7 +173,7 @@ const smoothScrollToBottom = async () => {
     // container.scrollTop = container.scrollHeight;
     // container.scrollTop = container.offsetHeight;
     // container.scrollTop = container.scrollHeight + container.offsetHeight;
-    console.log(container.scrollHeight, container.offsetHeight,container.scrollHeight-container.offsetHeight, container.scrollTop, "总长度", "可视长度", "位置")
+    // console.log(container.scrollHeight, container.offsetHeight, container.scrollHeight - container.offsetHeight, container.scrollTop, "总长度", "可视长度", "位置")
   }
 
 }
@@ -183,7 +183,7 @@ const throttledSmoothScrollToBottom = _.throttle(smoothScrollToBottom, 500, { tr
 watch(
   () => chatStore.messages,
   () => {
-    console.log('messages变化了')
+    // console.log('messages变化了')
     throttledSmoothScrollToBottom();
     // setTimeout(throttledSmoothScrollToBottom, 100);
   },
@@ -194,7 +194,7 @@ watch(
 watch(
   activeTab,
   async () => {
-    console.log('activeTab变化了', activeTab.value)
+    // console.log('activeTab变化了', activeTab.value)
     isScrolling.value = false;  //回复滚动到底部方法
     await nextTick(); // 等待DOM更新
     throttledSmoothScrollToBottom();
@@ -203,16 +203,20 @@ watch(
   { deep: true, immediate: true }
 );
 
-
-// 在setTimeout中延迟执行
-setTimeout(() => {
-  fnGetToken()
-}, 800)
-
 // 获取token的核心函数
 const fnGetToken = () => {
+  // console.log('进入fnGetToken')
   window.JWready = (ress) => {
+    // console.log('进入JWready')
+    try {
+      ress = JSON.parse(ress)
+      // console.log(ress, 'ress')
+    } catch (error) {
+      console.log(error, 'fnGetToken error')
+    } //platform为5是app端
+    // platform.value = ress.data.platform
     // 处理平台判断
+    console.log(ress.data.platform, 'ress.data.platform')
     if (!ress.data.platform) {
       // 非App环境通过URL参数获取
       localStorage.setItem('localToken', decodeURIComponent(String(getQueryVariable('token'))))
@@ -233,10 +237,16 @@ const fnGetToken = () => {
       )
     }
   }
+  // console.log('出来了')
   // 触发App桥接
   useAppBridge().packageFun('JWwebReady', () => { }, 5, {})
 }
 
+// 在setTimeout中延迟执行
+setTimeout(() => {
+  fnGetToken()
+}, 800)
+
 // const tabContainer = tabContent.value
 // let befortop = 0
 // tabContainer.addEventListener('scroll', () => {
@@ -263,23 +273,23 @@ const heightListener = () => {
 
     if (activeTab.value === 'AIchat') {
       if (aftertop - befortop > 0) {
-        console.log('向下滚动');
+        // console.log('向下滚动');
         isScrolling.value = true;
       } else {
-        console.log('向上滚动');
+        // console.log('向上滚动');
         isScrolling.value = true;
       }
 
       // 添加底部状态检测
       if (isBottom) {
-        console.log('滚动到底部');
+        // console.log('滚动到底部');
         isScrolling.value = false;
       }
     }
     befortop = aftertop;
   };
 
-  console.log(isScrolling.value, 'isScrolling.value')
+  // console.log(isScrolling.value, 'isScrolling.value')
 
   tabContainer.addEventListener('scroll', scrollHandler);
 };
@@ -287,6 +297,12 @@ const heightListener = () => {
 const throttledHeightListener = _.throttle(heightListener, 500, { trailing: false });
 
 onMounted(async () => {
+  const isPhone =
+    /phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone/i.test(
+      navigator.userAgent
+    )
+  !isPhone &&
+    localStorage.setItem('localToken', decodeURIComponent(String(getQueryVariable('token'))))
   setHeight(document.getElementById("testId")); // 给父组件发送窗口高度
   await chatStore.getUserCount();
   throttledSmoothScrollToBottom();