From b45d5dc76285268cc0b16afe4dd83d67d5e8e9a3 Mon Sep 17 00:00:00 2001
From: ArvinLovegood <arvinlovegood@163.com>
Date: Thu, 3 Apr 2025 17:55:09 +0800
Subject: [PATCH] =?UTF-8?q?refactor(frontend):=E4=BC=98=E5=8C=96=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8=E6=95=88=E6=9E=9C=E5=B9=B6=E6=9B=B4=E6=96=B0=E8=82=A1?=
 =?UTF-8?q?=E7=A5=A8=E5=88=86=E7=BB=84=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修复滚动到指定元素时的 smooth behavior
- 在添加股票分组后更新分组列表- 调整股票卡片的 ID 和数据属性
- 优化网格布局的间距设置
---
 frontend/src/components/stock.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/stock.vue b/frontend/src/components/stock.vue
index c47c397..0aab8f3 100644
--- a/frontend/src/components/stock.vue
+++ b/frontend/src/components/stock.vue
@@ -463,7 +463,7 @@ function blinkBorder(findId){
   const element = document.getElementById(findId);
   if (element) {
     // 滚动到该元素
-    element.scrollIntoView({ behavior: 'smooth' });
+    element.scrollIntoView({ behavior: 'smooth'});
     const pelement = document.getElementById(findId +'_gi');
     if(pelement){
       // 添加闪烁效果
@@ -888,6 +888,9 @@ function saveTabPane(){
   AddGroup(addTabModel.value).then(result => {
     message.info(result)
     addTabPane.value=false
+    GetGroupList().then(result => {
+      groupList.value=result
+    })
   })
 }
 function AddStockGroupInfo(groupId,code,name){
@@ -956,8 +959,8 @@ function delStockGroup(code,name,groupId){
   <n-tabs  type="card" animated addable   @add="addTab"  @update-value="updateTab" placement="top"  @close="(key)=>{delTab(key)}">
     <n-tab-pane name="0"  tab="全部">
       <n-grid :x-gap="8" :cols="3"  :y-gap="8" >
-        <n-gi :id="result['股票代码']+'_gi'"  v-for="result in sortedResults" style="margin-left: 2px;" >
-         <n-card  :data-sort="result.sort" :id="result['股票代码']"  :data-code="result['股票代码']" :bordered="true" :title="result['股票名称']"   :closable="false" @close="removeMonitor(result['股票代码'],result['股票名称'],result.key)">
+        <n-gi   :id="result['股票代码']" v-for="result in sortedResults" style="margin-left: 2px;" >
+         <n-card  :data-sort="result.sort"  :id="result['股票代码']+'_card'"  :data-code="result['股票代码']" :bordered="true" :title="result['股票名称']"   :closable="false" @close="removeMonitor(result['股票代码'],result['股票名称'],result.key)">
            <n-grid :cols="1" :y-gap="6">
              <n-gi>
                <n-text :type="result.type" >
@@ -972,7 +975,7 @@ function delStockGroup(code,name,groupId){
                </n-text>
              </n-gi>
            </n-grid>
-             <n-grid :cols="2" :y-gap="4" :x-gap="4"  >
+             <n-grid :cols="2" :y-gap="4" :x-gap="4" >
                <n-gi>
                  <n-text :type="'info'">{{"最高 "+result["今日最高价"]+" "+result.highRate }}%</n-text>
                </n-gi>