图表数据存储到pinia中，删除无用的滚动，border3调整

src/store/chat.js

@@ -6,6 +6,7 @@ export const useChatStore = defineStore('chat', {
     isLoading: false, // 新增加载状态
     UserCount: 0,
     chartData: [],
+    kLineData: [],
   }),
   actions: {
     async getUserCount() {

src/views/AiEmotion.vue

@@ -150,6 +150,7 @@
 import { ref, reactive } from 'vue';
 import { getReplyAPI } from '@/api/AiEmotionApi.js'; // 导入工作流接口方法
 import axios from 'axios';
+import { useChatStore } from '@/store/chat.js';
 import item from '@/assets/img/AiEmotion/bk01.png'; // 导入思维矩阵图片
 import emotionDecod from '@/views/components/emotionDecod.vue'; // 导入情绪解码组件
 import emotionalBottomRadar from '@/views/components/emotionalBottomRadar.vue'; // 导入情绪探底雷达图组件
@@ -220,14 +221,6 @@ async function handleSendMessage(input) {
             sender: 'ai',
             text: '数据加载中，请稍候...'
         });
-
-        // 滚动到最新消息
-        nextTick(() => {
-            if (userInputDisplayRef.value) {
-                userInputDisplayRef.value.scrollTop = userInputDisplayRef.value.scrollHeight;
-            }
-        });
-
         // 触发图片旋转
         isRotating.value = true;
 
@@ -292,13 +285,6 @@ async function handleSendMessage(input) {
             sender: 'ai',
             text: '请输入内容后再发送。',
         });
-
-        // 滚动到最新消息
-        nextTick(() => {
-            if (userInputDisplayRef.value) {
-                userInputDisplayRef.value.scrollTop = userInputDisplayRef.value.scrollHeight;
-            }
-        });
     }
 }
 const version1 = ref(2); // 版本号
@@ -326,8 +312,11 @@ async function fetchData(code, market) {
         );
 
         const stockDataResponse = stockDataResult.data; // 获取返回所有的数据
-        console.log('图表数据接口返回数据:', stockDataResponse.data);
+        
+        const chatStore = useChatStore();
+        chatStore.kLineData.push(stockDataResponse.data);
 
+        console.log('图表数据接口返回数据:', stockDataResponse.data);
 
         if (stockDataResponse.code === 200 && stockDataResponse.data) {
             messages.value.push({
@@ -344,15 +333,10 @@ async function fetchData(code, market) {
             // 取最后一条数据
             data1.value = lastTwoNumbers[1] // 个股温度
             data2.value = lastTwoNumbers[2] // 市场温度
-            // 滚动到最新消息
-            nextTick(() => {
-                if (userInputDisplayRef.value) {
-                    userInputDisplayRef.value.scrollTop = userInputDisplayRef.value.scrollHeight;
-                }
-            });
             console.log('1111111111111111111111')
             // 调用渲染图表的方法
-            renderCharts(stockDataResponse.data);
+            const chatStore = useChatStore();
+            renderCharts(chatStore.kLineData[chatStore.kLineData.length - 1]);
             console.log('2222222222222222222222')
             // 设置当天日期
             const today = new Date();
@@ -368,12 +352,6 @@ async function fetchData(code, market) {
                 sender: 'ai',
                 text: '图表数据接口返回数据不完整，请稍后再试。',
             });
-            // 滚动到最新消息
-            nextTick(() => {
-                if (userInputDisplayRef.value) {
-                    userInputDisplayRef.value.scrollTop = userInputDisplayRef.value.scrollHeight;
-                }
-            });
         }
     } catch (error) {
         messages.value.push({
@@ -557,31 +535,35 @@ onMounted(() => {
 .class0502 {
     padding-top: 5rem;
     text-align: center;
-        display: flex;
+    display: flex;
     flex-direction: column;
     /* 竖向排列元素 */
     gap: 1rem;
     margin-left: 2rem;
 }
-.class0601{
-       padding-top: 5rem;
+
+.class0601 {
+    padding-top: 5rem;
     text-align: center;
-        display: flex;
+    display: flex;
     flex-direction: column;
     /* 竖向排列元素 */
     gap: 1rem;
     margin-left: 2rem;
 }
-.img03{
-           width: 10rem;
+
+.img03 {
+    width: 10rem;
     height: 10rem;
     margin-left: 40rem;
 }
-.img04{
-               width: 10rem;
+
+.img04 {
+    width: 10rem;
     height: 10rem;
     margin-left: 40rem;
 }
+
 .class0701 {
     margin: 0 auto;
     width: fit-content;
@@ -610,38 +592,42 @@ onMounted(() => {
 .class0401 {
     padding-top: 5rem;
     text-align: center;
-        display: flex;
+    display: flex;
     flex-direction: column;
     /* 竖向排列元素 */
     gap: 1rem;
     margin-left: 2rem;
 }
-.class0502{
 
-}
-.img02{
-       width: 10rem;
+.class0502 {}
+
+.img02 {
+    width: 10rem;
     height: 10rem;
     margin-left: 40rem;
 }
-.title2{
-        color: white;
+
+.title2 {
+    color: white;
     font-size: 2rem;
     font-weight: bold;
     margin-left: -4rem;
 }
-.title3{
-           color: white;
+
+.title3 {
+    color: white;
     font-size: 2rem;
     font-weight: bold;
     margin-left: -4rem;
 }
-.title4{
-           color: white;
+
+.title4 {
+    color: white;
     font-size: 2rem;
     font-weight: bold;
     margin-left: -4rem;
 }
+
 .class09 {
     text-align: center;
 }

src/views/components/marketTemperature.vue

@@ -277,7 +277,10 @@ defineExpose({ initChart })
 .border3 {
   margin-top: 40px;
   border-radius: 8px;
-  padding: 20px;
+  /* padding: 20px; */
+  margin-left: 12rem;
+  width: 100%;
+  height: 100%;
 }
 .border4 {
   margin-top: 40px;