From efe6365ea5e0bf0d91bdff258ac35520e4a25881 Mon Sep 17 00:00:00 2001
From: ArvinLovegood <arvinlovegood@163.com>
Date: Wed, 2 Jul 2025 17:40:15 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=E5=A2=9E=E5=8A=A0=E8=82=A1?=
 =?UTF-8?q?=E7=A5=A8=E5=90=8D=E7=A7=B0=E7=82=B9=E5=87=BB=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E6=89=93=E5=BC=80=E8=A1=8C=E6=83=85=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 SelectStock 组件中添加了 openCenteredWindow 函数，用于打开居中窗口
- 点击股票名称时，会打开东方财富网的股票行情页面
- 优化了表格列的排序功能，支持数值类型的列进行排序- 调整了表格列的最小宽度，提高可读性
---
 frontend/src/components/SelectStock.vue | 39 +++++++++++++++++++++----
 1 file changed, 34 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/SelectStock.vue b/frontend/src/components/SelectStock.vue
index 80adc7b..75e55e0 100644
--- a/frontend/src/components/SelectStock.vue
+++ b/frontend/src/components/SelectStock.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import {h, onBeforeMount, onMounted, onUnmounted, ref} from 'vue'
 import {SearchStock,GetHotStrategy} from "../../wailsjs/go/main/App";
-import {useMessage, NText, NTag} from 'naive-ui'
+import {useMessage, NText, NTag,NButton} from 'naive-ui'
 import {RefreshCircleSharp} from "@vicons/ionicons5";
 const message = useMessage()
 const search = ref('')
@@ -40,7 +40,14 @@ function Search() {
                 resizable: true,
                 ellipsis: {
                   tooltip: true
-                }
+                },
+                sorter: (row1, row2) => {
+                  if(isNumeric(row1[item.key])&&isNumeric(row2[item.key])){
+                    return row1[item.key] - row2[item.key];
+                  }else{
+                    return 'default'
+                  }
+                },
               }
             })
           }
@@ -49,11 +56,21 @@ function Search() {
             title:item.title+(item.unit?'['+item.unit+']':''),
             key:item.key,
             resizable: true,
-            minWidth:100,
+            minWidth:120,
             ellipsis: {
               tooltip: true
-            }
+            },
+            sorter: (row1, row2) => {
+              if(isNumeric(row1[item.key])&&isNumeric(row2[item.key])){
+                return row1[item.key] - row2[item.key];
+              }else{
+                return 'default'
+              }
+            },
           }
+
+
+
         }
       })
      dataList.value=res.data.result.dataList
@@ -86,6 +103,16 @@ function DoSearch(question){
   Search()
 }
 
+function openCenteredWindow(url, width, height) {
+  const left = (window.screen.width - width) / 2;
+  const top = (window.screen.height - height) / 2;
+
+  return window.open(
+      url,
+      'centeredWindow',
+      `width=${width},height=${height},left=${left},top=${top},location=no,menubar=no,toolbar=no,display=standalone`
+  );
+}
 </script>
 
 <template>
@@ -167,7 +194,9 @@ function DoSearch(question){
             return h(NText, { type: type }, { default: () => `${value}` })
         }else{
             if(column.key=='SECURITY_SHORT_NAME'){
-              return h(NTag, { type: 'info',bordered: false }, { default: () => `${value}` })
+              return h(NButton, { type: 'info',bordered: false ,size:'small',onClick:()=>{
+                openCenteredWindow(`https://quote.eastmoney.com/concept/${rowData.MARKET_SHORT_NAME}${rowData.SECURITY_CODE}.html`,1240,700)
+              }}, { default: () => `${value}` })
             }else{
               return h(NText, { type: 'info' }, { default: () => `${value}` })
             }