From 747df55ba9ffa1ee53dbd00709ec8d09b679b96f Mon Sep 17 00:00:00 2001
From: hi2hi <code@hi2hi.cc>
Date: Wed, 4 Dec 2024 01:54:14 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20=E6=9B=B4=E6=96=B0=E6=9C=8D?=
 =?UTF-8?q?=E5=8A=A1=E5=99=A8=E4=BF=A1=E6=81=AF=E6=A1=86=EF=BC=8C=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4CPU=E5=92=8CGPU=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E5=A5=97=E9=A4=90=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../server-detail/server-info-box.vue         | 86 +++++++++++--------
 1 file changed, 52 insertions(+), 34 deletions(-)

diff --git a/src/views/components/server-detail/server-info-box.vue b/src/views/components/server-detail/server-info-box.vue
index 5bdda20..878877d 100644
--- a/src/views/components/server-detail/server-info-box.vue
+++ b/src/views/components/server-detail/server-info-box.vue
@@ -1,41 +1,8 @@
 <template>
   <div class="server-info-box">
-    <div
-      v-if="billPlanData.length"
-      class="server-info-group server-info--biil-plan"
-    >
-      <div class="server-info-label">
-        套餐
-      </div>
-      <div class="server-info-content">
-        <span class="server-info-item-group">
-          <span
-            v-for="item in billPlanData"
-            :key="item.label"
-            class="server-info-item"
-          >
-            <span
-              v-if="item.label"
-              class="server-info-item-label"
-            >{{ item.label }}</span>
-            <span class="server-info-item-value">{{ item.value }}</span>
-          </span>
-          <div
-            v-if="showBuyBtn"
-            class="buy-btn"
-            @click.stop="toBuy"
-          >
-            <span class="icon">
-              <span class="ri-shopping-bag-3-line" />
-            </span>
-            <span class="text">{{ buyBtnText }}</span>
-          </div>
-        </span>
-      </div>
-    </div>
     <div class="server-info-group server-info--cpu">
       <div class="server-info-label">
-        平台
+        CPU
       </div>
       <div class="server-info-content">
         <span
@@ -46,6 +13,22 @@
         </span>
       </div>
     </div>
+    <div
+      v-if="info?.Host?.GPU?.[0]"
+      class="server-info-group server-info--gpu"
+    >
+      <div class="server-info-label">
+        GPU
+      </div>
+      <div class="server-info-content">
+        <span
+          class="cpu-info"
+          :title="info?.Host?.GPU?.[0]"
+        >
+          <span>{{ info?.Host?.GPU?.[0] }}</span>
+        </span>
+      </div>
+    </div>
     <div class="server-info-group server-info--system-os">
       <div class="server-info-label">
         系统
@@ -154,6 +137,39 @@
         </div>
       </div>
     </div>
+    <div
+      v-if="billPlanData.length"
+      class="server-info-group server-info--biil-plan"
+    >
+      <div class="server-info-label">
+        套餐
+      </div>
+      <div class="server-info-content">
+        <span class="server-info-item-group">
+          <span
+            v-for="item in billPlanData"
+            :key="item.label"
+            class="server-info-item"
+          >
+            <span
+              v-if="item.label"
+              class="server-info-item-label"
+            >{{ item.label }}</span>
+            <span class="server-info-item-value">{{ item.value }}</span>
+          </span>
+          <div
+            v-if="showBuyBtn"
+            class="buy-btn"
+            @click.stop="toBuy"
+          >
+            <span class="icon">
+              <span class="ri-shopping-bag-3-line" />
+            </span>
+            <span class="text">{{ buyBtnText }}</span>
+          </div>
+        </span>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -293,6 +309,8 @@ const processCount = computed(() => props.info?.State?.ProcessCount);
     font-size: 14px;
 
     .server-info-label {
+      width: 2.4em;
+      text-align: center;
       line-height: var(--server-info-item-size);
       color: #ccc;
     }