From 25bcbbadc872d395044c650f9178fa062c076ea5 Mon Sep 17 00:00:00 2001
From: hi2hi <code@hi2hi.cc>
Date: Tue, 21 Jan 2025 10:13:19 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=AA=84=20=E4=BC=98=E5=8C=96=E6=9C=8D?=
 =?UTF-8?q?=E5=8A=A1=E5=99=A8=E8=AF=A6=E6=83=85=E4=B8=AD=E7=9A=84=E6=B8=A9?=
 =?UTF-8?q?=E5=BA=A6=E6=98=BE=E7=A4=BA=EF=BC=8C=E5=B0=86=E6=89=80=E6=9C=89?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=E6=98=BE=E7=A4=BA=E5=87=BA=E6=9D=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../server-detail/server-info-box.vue         | 39 +++++++++++++++----
 1 file changed, 32 insertions(+), 7 deletions(-)

diff --git a/src/views/components/server-detail/server-info-box.vue b/src/views/components/server-detail/server-info-box.vue
index 195601b..3a16c8a 100644
--- a/src/views/components/server-detail/server-info-box.vue
+++ b/src/views/components/server-detail/server-info-box.vue
@@ -75,8 +75,15 @@
             :class="`temperature--${ttItem.type}`"
             :title="ttItem?.title || ''"
           >
-            <span class="server-info-item-label">{{ ttItem.label }}</span>
-            <span class="server-info-item-value">{{ ttItem.value }}</span>
+            <span
+              class="server-info-item-label"
+              :title="ttItem.label"
+            >
+              {{ ttItem.label }}
+            </span>
+            <span class="server-info-item-value">
+              {{ ttItem.value }}
+            </span>
           </span>
         </div>
       </div>
@@ -398,11 +405,18 @@ const temperatureData = computed(() => {
       }
     }
     if (other.length) {
-      data.push({
-        type: 'other',
-        label: '其它',
-        value: '...',
-        title: other.map((i) => `${i.label}: ${i.value}`).join('\n'),
+      // data.push({
+      //   type: 'other',
+      //   label: '其它',
+      //   value: '...',
+      //   title: other.map((i) => `${i.label}: ${i.value}`).join('\n'),
+      // });
+      other.forEach((i) => {
+        data.push({
+          label: i.label,
+          value: i.value,
+          type: 'other',
+        });
       });
     }
   }
@@ -578,6 +592,17 @@ const processCount = computed(() => props.info?.State?.ProcessCount);
     }
   }
 
+  .server-info--temperature {
+    .server-info-item {
+      .server-info-item-label {
+        max-width: 4.5em;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+      }
+    }
+  }
+
   .server-info--order-link {
     padding: 10px 0 0;
   }