From 15120c98dae62924fb01fd2d4c54a0505b019891 Mon Sep 17 00:00:00 2001
From: spark <wzl@huazx.cn>
Date: Thu, 2 Jan 2025 15:39:39 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=20=E4=BC=98=E5=8C=96=E8=82=A1?=
 =?UTF-8?q?=E7=A5=A8=E4=BB=A3=E7=A0=81=E8=BE=93=E5=85=A5=E5=92=8C=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 改进股票列表显示格式，增加连字符分隔
- 添加支持直接输入股票代码进行搜索的功能
- 优化股票选择逻辑，支持不同格式的股票代码
-增加调试日志输出，便于问题排查
---
 backend/data/stock_data_api.go    |  1 +
 frontend/src/components/stock.vue | 21 +++++++++++++++++----
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/backend/data/stock_data_api.go b/backend/data/stock_data_api.go
index fc8ed9d..850febb 100644
--- a/backend/data/stock_data_api.go
+++ b/backend/data/stock_data_api.go
@@ -233,6 +233,7 @@ func (receiver StockDataApi) GetStockCodeRealTimeData(StockCode string) (*StockI
 }
 
 func (receiver StockDataApi) Follow(stockCode string) string {
+	logger.SugaredLogger.Infof("Follow %s", stockCode)
 	stockInfo, err := receiver.GetStockCodeRealTimeData(stockCode)
 	if err != nil {
 		logger.SugaredLogger.Error(err.Error())
diff --git a/frontend/src/components/stock.vue b/frontend/src/components/stock.vue
index 739098c..abe8dbd 100644
--- a/frontend/src/components/stock.vue
+++ b/frontend/src/components/stock.vue
@@ -64,6 +64,7 @@ onMounted(() => {
     ticker.value=setInterval(() => {
       if(isTradingTime()){
         monitor()
+        data.fenshiURL='http://image.sinajs.cn/newchart/min/n/'+data.code+'.gif'+"?t="+Date.now()
       }
     }, 3000)
 
@@ -138,15 +139,19 @@ function removeMonitor(code,name) {
   })
 }
 
-function getStockList(){
+function getStockList(value){
+  console.log("getStockList",value)
   let result;
   result=stockList.value.filter(item => item.name.includes(data.name)||item.ts_code.includes(data.name))
   options.value=result.map(item => {
     return {
-      label: item.name+" "+item.ts_code,
+      label: item.name+" - "+item.ts_code,
       value: item.ts_code
     }
   })
+  if(value.indexOf("-")<=0){
+    data.code=value
+  }
 }
 
 async function monitor() {
@@ -189,7 +194,15 @@ async function monitor() {
   }
 }
 function onSelect(item) {
-  data.code=item.split(".")[1].toLowerCase()+item.split(".")[0]
+  console.log("onSelect",item)
+
+  if(item.indexOf("-")>0){
+    item=item.split("-")[1].toLowerCase()
+  }
+  if(item.indexOf(".")>0){
+    data.code=item.split(".")[1].toLowerCase()+item.split(".")[0]
+  }
+
 }
 
 function search(code,name){
@@ -306,7 +319,7 @@ function fullscreen(){
                               }"
                          :options="options"
                          placeholder="请输入股票名称或者代码"
-                         clearable @input="getStockList" :on-select="onSelect"/>
+                         clearable @update-value="getStockList" :on-select="onSelect"/>
         <n-button type="primary" @click="AddStock">
           <n-icon :component="Add"/> &nbsp;关注该股票
         </n-button>