From 848f2a00186642a39cf8fa16e28fbdcc6d86a476 Mon Sep 17 00:00:00 2001
From: yangsy <ysy@ittc.sh.cn>
Date: Wed, 20 May 2026 12:04:04 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E5=AE=89=E9=98=B2?=
 =?UTF-8?q?=E7=AE=B1=E7=8E=AF=E5=A2=83=E6=95=B0=E6=8D=AE=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E7=A9=BA=E6=A0=87=E7=AD=BE=E6=B8=B2=E6=9F=93=E5=B9=B6=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84=E9=A3=8E=E6=89=87=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

为温度、湿度、门禁和防雷标签添加数据存在性判断，避免渲染空标签；移除冗余计算属性，改为循环直接展示每个风扇转速
---
 .../current-diag/security-box-env-card.vue      | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/components/device/device-card/components/current-diag/security-box-env-card.vue b/src/components/device/device-card/components/current-diag/security-box-env-card.vue
index 188b171..780a2b1 100644
--- a/src/components/device/device-card/components/current-diag/security-box-env-card.vue
+++ b/src/components/device/device-card/components/current-diag/security-box-env-card.vue
@@ -35,11 +35,6 @@ const getStatusTagType = (status: string | null) => {
   if (['失效', '开门'].includes(status ?? '')) return 'error';
   return 'default';
 };
-
-const formattedFanSpeeds = computed(() => {
-  if (!fanSpeeds?.value || fanSpeeds.value.length === 0) return null;
-  return fanSpeeds.value.map((speed, index) => `风扇${index + 1}: ${speed} RPM`).join(', ');
-});
 </script>
 
 <template>
@@ -49,7 +44,7 @@ const formattedFanSpeeds = computed(() => {
     </template>
     <template #default>
       <NFlex vertical>
-        <NTag>
+        <NTag v-if="!!temperature">
           <template #icon>
             <NIcon :component="ThermometerIcon" />
           </template>
@@ -57,7 +52,7 @@ const formattedFanSpeeds = computed(() => {
             <span>温度: {{ temperature }}℃</span>
           </template>
         </NTag>
-        <NTag>
+        <NTag v-if="!!humidity">
           <template #icon>
             <NIcon :component="DropletIcon" />
           </template>
@@ -65,15 +60,15 @@ const formattedFanSpeeds = computed(() => {
             <span>湿度: {{ humidity }}%</span>
           </template>
         </NTag>
-        <NTag>
+        <NTag v-for="(speed, index) in fanSpeeds ?? []" :key="index">
           <template #icon>
             <NIcon :component="FanIcon" />
           </template>
           <template #default>
-            <span>风扇: {{ formattedFanSpeeds }}</span>
+            <span>风扇{{ index + 1 }}: {{ speed }} RPM</span>
           </template>
         </NTag>
-        <NTag :type="getStatusTagType(accessControlStatus)">
+        <NTag v-if="!!accessControlStatus" :type="getStatusTagType(accessControlStatus)">
           <template #icon>
             <NIcon :component="ShieldIcon" />
           </template>
@@ -81,7 +76,7 @@ const formattedFanSpeeds = computed(() => {
             <span>门禁: {{ accessControlStatus }}</span>
           </template>
         </NTag>
-        <NTag :type="getStatusTagType(lightningProtectionStatus)">
+        <NTag v-if="!!lightningProtectionStatus" :type="getStatusTagType(lightningProtectionStatus)">
           <template #icon>
             <NIcon :component="ZapIcon" />
           </template>