🪄 优化服务器详情中的温度显示，将所有模块显示出来

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
-            <span class="server-info-item-value">{{ ttItem.value }}</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({
+      // data.push({
-        type: 'other',
+      //   type: 'other',
-        label: '其它',
+      //   label: '其它',
-        value: '...',
+      //   value: '...',
-        title: other.map((i) => `${i.label}: ${i.value}`).join('\n'),
+      //   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;
   }