From 40bc4b76ef263ddfda36f0f59a600be0b4c373f8 Mon Sep 17 00:00:00 2001
From: yangsy <ysy@ittc.sh.cn>
Date: Tue, 26 Aug 2025 11:38:49 +0800
Subject: [PATCH] style

---
 src/components/offline-device-detail-modal.vue | 6 +++++-
 src/components/station-card.vue                | 8 ++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/offline-device-detail-modal.vue b/src/components/offline-device-detail-modal.vue
index 5351624..51cead1 100644
--- a/src/components/offline-device-detail-modal.vue
+++ b/src/components/offline-device-detail-modal.vue
@@ -121,7 +121,11 @@ const onModalClose = () => {
         <div style="flex: 0 0 auto; margin-bottom: 16px">
           <NRow>
             <NCol :span="3" v-for="item in classifiedCounts" :key="item.label">
-              <NStatistic :label="item.label" :value="`${item.offlineCount}/${item.total}`" />
+              <NStatistic :label="item.label">
+                <template #default>
+                  <span style="font-size: smaller">{{ `${item.offlineCount}/${item.total}` }}</span>
+                </template>
+              </NStatistic>
             </NCol>
           </NRow>
         </div>
diff --git a/src/components/station-card.vue b/src/components/station-card.vue
index 036a324..8e2dcd5 100644
--- a/src/components/station-card.vue
+++ b/src/components/station-card.vue
@@ -136,7 +136,7 @@ const theme = useThemeVars();
               <span class="font-xx-small" :class="[online ? 'clickable' : '']" @click="openOfflineDeviceTreeModal">离线设备</span>
             </template>
             <template #default>
-              <span class="font-medium">{{ offlineDeviceCount }}/{{ deviceCount }}</span>
+              <span class="font-small">{{ offlineDeviceCount }}/{{ deviceCount }}</span>
             </template>
             <template #suffix>
               <span class="font-xx-small">台</span>
@@ -149,7 +149,7 @@ const theme = useThemeVars();
               <span class="font-xx-small" :class="[online ? 'clickable' : '']" @click="openDeviceAlarmTreeModal">告警记录</span>
             </template>
             <template #default>
-              <span class="font-medium">{{ devicAlarmCount }}</span>
+              <span class="font-small">{{ devicAlarmCount }}</span>
             </template>
             <template #suffix>
               <span class="font-xx-small">条</span>
@@ -187,6 +187,10 @@ const theme = useThemeVars();
   font-size: medium;
 }
 
+.font-small {
+  font-size: small;
+}
+
 .font-smaller {
   font-size: smaller;
 }