From 45cf9330cffbc9f0c60854362875d2c484771f9e Mon Sep 17 00:00:00 2001
From: yangsy <ysy@ittc.sh.cn>
Date: Thu, 6 Nov 2025 15:57:25 +0800
Subject: [PATCH] refactor(device-common-card): optimize UI with NDescriptions

---
 .../current-diag-card/device-common-card.vue          | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/device-page/device-card/current-diag-card/device-common-card.vue b/src/components/device-page/device-card/current-diag-card/device-common-card.vue
index f289f69..1a0ad07 100644
--- a/src/components/device-page/device-card/current-diag-card/device-common-card.vue
+++ b/src/components/device-page/device-card/current-diag-card/device-common-card.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { NCard } from 'naive-ui';
+import { NCard, NDescriptions, NDescriptionsItem } from 'naive-ui';
 import { computed, toRefs } from 'vue';
 
 const props = defineProps<{
@@ -16,10 +16,11 @@ const commonInfoEntries = computed(() => Object.entries(commonInfo.value ?? {}))
     <template #header>
       <div>设备信息</div>
     </template>
-    <div v-for="item in commonInfoEntries" :key="item[0]">
-      <span>{{ item[0] }}：</span>
-      <span>{{ item[1] }}</span>
-    </div>
+    <NDescriptions bordered label-placement="left">
+      <template v-for="item in commonInfoEntries" :key="item[0]">
+        <NDescriptionsItem :label="item[0]">{{ item[1] }}</NDescriptionsItem>
+      </template>
+    </NDescriptions>
   </NCard>
 </template>