feat(stock):优化股票迷你图刷新逻辑

- 在 Stock 组件中添加 lastPrice 属性，传递当前价格给 StockSparkLine 组件
- 在 StockSparkLine 组件中接收 lastPrice 属性，并使用它来更新 K 线图数据
- 优化 StockSparkLine 组件的渲染逻辑，使用 onMounted 和 watchEffect

README.md

@@ -57,6 +57,8 @@
 | 不再强制依赖Chrome浏览器 | ✅  | 默认使用edge浏览器抓取新闻资讯                                                                                        |
 
 ## 👀 更新日志
+### 2025.07.07 卡片添加迷你分时图
+### 2025.07.05 MacOs支持
 ### 2025.07.01 AI分析集成工具函数，AI分析将更加智能
 ### 2025.06.30 添加指标选股功能
 ### 2025.06.27 添加财经日历和重大事件时间轴功能

frontend/src/components/stock.vue

@@ -1815,7 +1815,7 @@ function searchStockReport(stockCode) {
                 </n-text>
               </n-gi>
               <n-gi :span="6">
-                <stock-spark-line :open-price="result['今日开盘价']" :stock-code="result['股票代码']" :stock-name="result['股票名称']" ></stock-spark-line>
+                <stock-spark-line :last-price="Number(result['当前价格'])" :open-price="Number(result['昨日收盘价'])" :stock-code="result['股票代码']" :stock-name="result['股票名称']" ></stock-spark-line>
               </n-gi>
             </n-grid>
             <n-grid :cols="2" :y-gap="4" :x-gap="4">

frontend/src/components/stockSparkLine.vue

@@ -1,8 +1,8 @@
 <script setup>
-import {onMounted,onBeforeMount, ref} from "vue";
+import {onMounted, onBeforeMount, ref, watchEffect} from "vue";
 import * as echarts from 'echarts';
 import {GetStockMinutePriceLineData} from "../../wailsjs/go/main/App"; // 如果您使用多个组件，请将此样式导入放在您的主文件中
-const {stockCode,stockName,openPrice,darkTheme} = defineProps({
+const {stockCode,stockName,lastPrice,openPrice,darkTheme} = defineProps({
   stockCode: {
     type: String,
     default: ""
@@ -11,6 +11,10 @@ const {stockCode,stockName,openPrice,darkTheme} = defineProps({
     type: String,
     default: ""
   },
+  lastPrice: {
+    type: Number,
+    default: 0
+  },
   openPrice: {
     type: Number,
     default: 0
@@ -24,6 +28,7 @@ const {stockCode,stockName,openPrice,darkTheme} = defineProps({
 const chartRef=ref();
 
 function setChartData(chart) {
+  //console.log("setChartData")
   GetStockMinutePriceLineData(stockCode, stockName).then(result => {
     //console.log("GetStockMinutePriceLineData",result)
     const priceData = result.priceData
@@ -31,7 +36,6 @@ function setChartData(chart) {
     let price = []
     let min = 0
     let max = 0
-    let lastPrice = priceData[priceData.length - 1].price
     for (let i = 0; i < priceData.length; i++) {
       category.push(priceData[i].time)
       price.push(priceData[i].price)
@@ -112,17 +116,22 @@ function setChartData(chart) {
     chart.setOption(option);
   })
 }
+const chart =ref( null)
 
 onMounted(() => {
-  const chart = echarts.init(chartRef.value);
-  setChartData(chart);
-
-  // setInterval(() => {
-  //   setChartData(chart);
-  // }, 1000 * 5 );
+  chart.value = echarts.init( document.getElementById('sparkLine'+stockCode));
+  setChartData(chart.value);
 })
+
+
+watchEffect(() => {
+  console.log(stockName,'lastPrice变化为:', lastPrice,lastPrice > openPrice)
+  setChartData(chart.value);
+})
+
+
 </script>
 <template>
-<div style="height: 20px;width: 100%" ref="chartRef">
+<div style="height: 20px;width: 100%"  :id="'sparkLine'+stockCode">
 </div>
 </template>