From d15c3c2edffb3122e9d7ae237946b2324eee2b41 Mon Sep 17 00:00:00 2001
From: yangsy <ysy@ittc.sh.cn>
Date: Mon, 25 Aug 2025 10:31:51 +0800
Subject: [PATCH] perf: optimize station card interaction

---
 src/components/station-card.vue | 36 +++++++++++++++++++++++----------
 1 file changed, 25 insertions(+), 11 deletions(-)

diff --git a/src/components/station-card.vue b/src/components/station-card.vue
index 49b9d84..e711316 100644
--- a/src/components/station-card.vue
+++ b/src/components/station-card.vue
@@ -9,7 +9,7 @@ import type { StationDevices } from '@/composables/query/use-line-devices-query'
 import { ControlOutlined } from '@vicons/antd';
 import { Video as VideoIcon } from '@vicons/carbon';
 import axios from 'axios';
-import { NCard, NStatistic, NTag, NGrid, NGi, NButton, NIcon, useThemeVars, NSpace } from 'naive-ui';
+import { NCard, NStatistic, NTag, NGrid, NGi, NButton, NIcon, useThemeVars, NSpace, NTooltip } from 'naive-ui';
 import { toRefs, computed, ref } from 'vue';
 
 interface Props {
@@ -105,16 +105,30 @@ const theme = useThemeVars();
     </template>
     <template #default>
       <NSpace>
-        <NButton text @click="openVideoPlatform">
-          <NIcon>
-            <VideoIcon />
-          </NIcon>
-        </NButton>
-        <NButton text @click="openDeviceConfigModal">
-          <NIcon>
-            <ControlOutlined />
-          </NIcon>
-        </NButton>
+        <NTooltip trigger="hover">
+          <template #trigger>
+            <NButton text @click="openVideoPlatform">
+              <NIcon>
+                <VideoIcon />
+              </NIcon>
+            </NButton>
+          </template>
+          <template #default>
+            <span style="font-size: xx-small">打开视频平台</span>
+          </template>
+        </NTooltip>
+        <NTooltip trigger="hover">
+          <template #trigger>
+            <NButton text @click="openDeviceConfigModal">
+              <NIcon>
+                <ControlOutlined />
+              </NIcon>
+            </NButton>
+          </template>
+          <template #default>
+            <span style="font-size: xx-small">打开设备配置</span>
+          </template>
+        </NTooltip>
       </NSpace>
       <NGrid :cols="2" :style="{ opacity: online ? '1' : '0.3' }">
         <NGi>