From 1fe02038906754abd77cf6e72485ac15a3904c10 Mon Sep 17 00:00:00 2001
From: yangsy <ysy@ittc.sh.cn>
Date: Thu, 6 Nov 2025 12:44:56 +0800
Subject: [PATCH] feat(station-card): show station ip address when click
 station name

---
 src/components/dashboard-page/station-card.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/dashboard-page/station-card.vue b/src/components/dashboard-page/station-card.vue
index 67db155..80b813c 100644
--- a/src/components/dashboard-page/station-card.vue
+++ b/src/components/dashboard-page/station-card.vue
@@ -5,7 +5,7 @@ import { type StationAlarmCounts, type StationDevices } from '@/composables/quer
 import { ControlOutlined } from '@vicons/antd';
 import { Video as VideoIcon } from '@vicons/carbon';
 import axios from 'axios';
-import { NCard, NTag, NButton, NIcon, useThemeVars, NSpace, NFlex, NText } from 'naive-ui';
+import { NCard, NTag, NButton, NIcon, useThemeVars, NSpace, NFlex, NText, NTooltip } from 'naive-ui';
 import { toRefs, computed } from 'vue';
 
 const props = defineProps<{
@@ -95,7 +95,13 @@ const theme = useThemeVars();
 <template>
   <NCard bordered hoverable size="small" class="station-card" :header-style="{ padding: `6px` }" :content-style="{ padding: `0px 6px 6px 6px` }">
     <template #header>
-      <span class="font-smaller">{{ station.name }}</span>
+      <NTooltip v-if="station.ip" trigger="click">
+        <template #trigger>
+          <span class="font-smaller">{{ station.name }}</span>
+        </template>
+        <span>{{ station.ip }}</span>
+      </NTooltip>
+      <span v-else class="font-smaller">{{ station.name }}</span>
     </template>
     <template #header-extra>
       <NTag :type="station.online ? 'success' : 'error'" size="small">