From a3476596dde422cee56f8369ab871f4318869af9 Mon Sep 17 00:00:00 2001
From: lijiahangmax <ljh1553488six@139.com>
Date: Sun, 10 Aug 2025 19:26:33 +0800
Subject: [PATCH] =?UTF-8?q?:hammer:=20=E4=BF=AE=E6=94=B9=E9=A2=9D=E5=A4=96?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E5=AD=97=E6=AE=B5=E5=90=8D=E7=A7=B0.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 orion-visor-ui/src/api/asset/host-extra.ts    |  9 ++-
 .../host-list/components/host-card-list.vue   |  2 +-
 .../host-list/components/host-form-spec.vue   | 79 ++++++++++---------
 .../asset/host-list/components/host-table.vue |  2 +-
 4 files changed, 48 insertions(+), 44 deletions(-)

diff --git a/orion-visor-ui/src/api/asset/host-extra.ts b/orion-visor-ui/src/api/asset/host-extra.ts
index 62419d8d..ca235c83 100644
--- a/orion-visor-ui/src/api/asset/host-extra.ts
+++ b/orion-visor-ui/src/api/asset/host-extra.ts
@@ -50,20 +50,23 @@ export interface HostLabelExtraSettingModel {
 export interface HostSpecExtraModel {
   sn: string;
   osName: string;
-  cpuCore: number;
+  cpuCount: number;
+  cpuPhysicalCore: number;
+  cpuLogicalCore: number;
   cpuFrequency: number;
   cpuModel: string;
   memorySize: number;
   diskSize: number;
   inBandwidth: number;
   outBandwidth: number;
-  publicIpAddress: Array<string>;
-  privateIpAddress: Array<string>;
+  publicIpAddresses: Array<string>;
+  privateIpAddresses: Array<string>;
   chargePerson: string;
   createdTime: number;
   expiredTime: number;
   items: Array<{
     label: string;
+    key?: string;
     value: string;
   }>;
 }
diff --git a/orion-visor-ui/src/views/asset/host-list/components/host-card-list.vue b/orion-visor-ui/src/views/asset/host-list/components/host-card-list.vue
index d0740b5d..90b7eee1 100644
--- a/orion-visor-ui/src/views/asset/host-list/components/host-card-list.vue
+++ b/orion-visor-ui/src/views/asset/host-list/components/host-card-list.vue
@@ -163,7 +163,7 @@
       <span v-if="record.spec">
         {{
           [
-            addSuffix(record.spec.cpuCore, 'C'),
+            addSuffix(record.spec.cpuPhysicalCore, 'C'),
             addSuffix(record.spec.memorySize, 'G'),
             addSuffix(record.spec.diskSize, 'G')
           ].filter(Boolean).join('/') || '-'
diff --git a/orion-visor-ui/src/views/asset/host-list/components/host-form-spec.vue b/orion-visor-ui/src/views/asset/host-list/components/host-form-spec.vue
index b1e5e085..e4240511 100644
--- a/orion-visor-ui/src/views/asset/host-list/components/host-form-spec.vue
+++ b/orion-visor-ui/src/views/asset/host-list/components/host-form-spec.vue
@@ -32,12 +32,22 @@
       <!-- CPU核心数 -->
       <a-descriptions-item label="CPU核心数">
         <a-input-number v-if="editing"
-                        v-model="formModel.cpuCore"
+                        v-model="formModel.cpuPhysicalCore"
                         class="input"
                         size="mini"
                         hide-button
                         allow-clear />
-        <span v-else class="text">{{ formModel.cpuCore }}</span>
+        <span v-else class="text">{{ formModel.cpuPhysicalCore }}</span>
+      </a-descriptions-item>
+      <!-- CPU线程数 -->
+      <a-descriptions-item label="CPU线程数">
+        <a-input-number v-if="editing"
+                        v-model="formModel.cpuLogicalCore"
+                        class="input"
+                        size="mini"
+                        hide-button
+                        allow-clear />
+        <span v-else class="text">{{ formModel.cpuLogicalCore }}</span>
       </a-descriptions-item>
       <!-- CPU速率 -->
       <a-descriptions-item label="CPU速率">
@@ -111,43 +121,19 @@
       </a-descriptions-item>
       <!-- 公网地址 -->
       <a-descriptions-item label="公网地址" :span="2">
-        <a-select v-if="editing"
-                  v-model="formModel.publicIpAddress"
-                  class="input"
-                  size="mini"
-                  multiple
-                  hide-button
-                  allow-create
-                  allow-clear />
-        <a-space v-else-if="formModel.publicIpAddress?.length"
-                 class="text"
-                 style="margin-bottom: -8px;"
-                 wrap>
-          <a-tag v-for="addr in formModel.publicIpAddress">
-            {{ addr }}
-          </a-tag>
-        </a-space>
-        <span v-else class="text" />
+        <a-input-tag v-model="formModel.publicIpAddresses"
+                     :readonly="!editing"
+                     class="input"
+                     size="mini"
+                     allow-clear />
       </a-descriptions-item>
       <!-- 私网地址 -->
       <a-descriptions-item label="私网地址" :span="2">
-        <a-select v-if="editing"
-                  v-model="formModel.privateIpAddress"
-                  class="input"
-                  size="mini"
-                  multiple
-                  hide-button
-                  allow-create
-                  allow-clear />
-        <a-space v-else-if="formModel.privateIpAddress?.length"
-                 class="text"
-                 style="margin-bottom: -8px;"
-                 wrap>
-          <a-tag v-for="addr in formModel.privateIpAddress">
-            {{ addr }}
-          </a-tag>
-        </a-space>
-        <span v-else class="text" />
+        <a-input-tag v-model="formModel.privateIpAddresses"
+                     :readonly="!editing"
+                     class="input"
+                     size="mini"
+                     allow-clear />
       </a-descriptions-item>
       <!-- 负责人 -->
       <a-descriptions-item label="负责人" :span="2">
@@ -221,16 +207,24 @@
       <a-button v-if="!editing"
                 type="primary"
                 long
-                @click="toggleEditing()">
+                @click="toggleEditing">
         编辑
       </a-button>
       <!-- 保存 -->
-      <a-button v-else
+      <a-button v-if="editing"
                 type="primary"
                 long
                 @click="saveSpec">
         保存
       </a-button>
+      <!-- 取消 -->
+      <a-button v-if="editing"
+                class="extra-button"
+                type="primary"
+                long
+                @click="fetchHostSpec">
+        取消
+      </a-button>
       <!-- 新增规格 -->
       <a-button v-if="editing"
                 class="extra-button"
@@ -266,12 +260,12 @@
   const { loading, setLoading } = useLoading();
   const [editing, toggleEditing] = useToggle();
 
-  const formRef = ref();
   const formModel = ref<HostSpecExtraModel>({} as HostSpecExtraModel);
 
   // 加载配置
   const fetchHostSpec = async () => {
     setLoading(true);
+    editing.value = false;
     try {
       const { data } = await getHostExtraItem<HostSpecExtraModel>({ hostId: props.hostId, item: 'SPEC' });
       formModel.value = data;
@@ -298,6 +292,13 @@
   const saveSpec = async () => {
     setLoading(true);
     try {
+      // 设置额外配置的 key
+      if (formModel.value.items?.length) {
+        formModel.value.items.forEach(s => {
+          s.key = s.label;
+        });
+      }
+      // 更新
       await updateHostSpec({
         hostId: props.hostId,
         extra: JSON.stringify(formModel.value)
diff --git a/orion-visor-ui/src/views/asset/host-list/components/host-table.vue b/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
index 2952a165..8712ac95 100644
--- a/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
+++ b/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
@@ -191,7 +191,7 @@
             <span v-if="record.spec" class="spec-value text-ellipsis">
               {{
                 [
-                  addSuffix(record.spec.cpuCore, 'C'),
+                  addSuffix(record.spec.cpuPhysicalCore, 'C'),
                   addSuffix(record.spec.memorySize, 'G'),
                   addSuffix(record.spec.diskSize, 'G')
                 ].filter(Boolean).join(' / ') || '-'