From b7e806cc808ef2c0447d0f3750b26efbc838fabb Mon Sep 17 00:00:00 2001
From: 2256907009 <2256907009@qq.com>
Date: Thu, 26 Mar 2026 17:06:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=9B=E5=BB=BA=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=8D=B7=E7=9A=84=E7=B3=BB=E7=BB=9F=E5=8D=B7=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E9=95=9C=E5=83=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../virtualization/SecurityGroupDetail.vue    | 12 +++----
 src/views/virtualization/VmDetail.vue         | 36 ++++++++++---------
 src/views/virtualization/VolumeManage.vue     |  2 +-
 3 files changed, 27 insertions(+), 23 deletions(-)

diff --git a/src/views/virtualization/SecurityGroupDetail.vue b/src/views/virtualization/SecurityGroupDetail.vue
index 27e5a5f..216974a 100644
--- a/src/views/virtualization/SecurityGroupDetail.vue
+++ b/src/views/virtualization/SecurityGroupDetail.vue
@@ -61,20 +61,20 @@
           </div>
         </template>
         <el-table :data="detail?.rules || []" stripe size="small" style="width: 100%">
-          <el-table-column prop="id" label="ID" width="60" />
+          <el-table-column prop="id" label="ID" width="70" />
           <el-table-column prop="protocol" label="协议" width="80">
             <template #default="{ row }"><el-tag size="small">{{ (row.protocol || '-').toUpperCase() }}</el-tag></template>
           </el-table-column>
-          <el-table-column prop="action" label="动作" width="80">
+          <el-table-column prop="action" label="动作" width="70">
             <template #default="{ row }">
               <el-tag :type="row.action === 'allow' ? 'success' : 'danger'" size="small">{{ row.action === 'allow' ? '允许' : '拒绝' }}</el-tag>
             </template>
           </el-table-column>
-          <el-table-column prop="port_range" label="端口范围" min-width="120" />
-          <el-table-column prop="ip_range" label="IP 范围" min-width="140" />
+          <el-table-column prop="port_range" label="端口范围" min-width="100" />
+          <el-table-column prop="ip_range" label="IP 范围" min-width="110" />
           <el-table-column prop="priority" label="优先级" width="80" />
-          <el-table-column prop="description" label="备注" width="80" />
-          <el-table-column label="操作" width="130">
+          <el-table-column prop="description" label="备注" min-width="120" />
+          <el-table-column label="操作" width="120">
             <template #default="{ row }">
               <el-button link type="primary" size="small" @click="handleEditRule(row)">编辑</el-button>
               <el-button link type="danger" size="small" @click="handleDeleteRule(row)">删除</el-button>
diff --git a/src/views/virtualization/VmDetail.vue b/src/views/virtualization/VmDetail.vue
index 474ba1c..bfb9f1a 100644
--- a/src/views/virtualization/VmDetail.vue
+++ b/src/views/virtualization/VmDetail.vue
@@ -217,11 +217,11 @@
                   <el-tag :type="row.is_system ? 'danger' : ''" size="small">{{ row.is_system ? '系统盘' : '数据盘' }}</el-tag>
                 </template>
               </el-table-column>
-              <el-table-column label="挂载" width="80">
+              <!-- <el-table-column label="挂载" width="80">
                 <template #default="{ row }">
                   <el-tag :type="row.is_mount ? 'success' : 'info'" size="small">{{ row.is_mount ? '已挂载' : '未挂载' }}</el-tag>
                 </template>
-              </el-table-column>
+              </el-table-column> -->
               <el-table-column label="状态" width="80">
                 <template #default="{ row }">
                   <el-tag :type="row.status === 'ready' ? 'success' : 'info'" size="small">{{ row.status === 'ready' ? '就绪' : (row.status || '-') }}</el-tag>
@@ -234,7 +234,7 @@
                 <template #default="{ row }">
                   <el-button link type="primary" size="small" @click="handleVolDetail(row)">详情</el-button>
                   <el-button link type="primary" size="small" @click="handleVolResize(row)">调整大小</el-button>
-                  <el-button link type="success" size="small" @click="handleVolMount(row)" v-if="!row.is_mount">挂载</el-button>
+                  <!-- <el-button link type="success" size="small" @click="handleVolMount(row)" v-if="!row.is_mount">挂载</el-button> -->
                   <el-button link type="warning" size="small" @click="handleVolUnmount(row)" v-if="row.is_mount">卸载</el-button>
                   <el-button link type="info" size="small" @click="handleVolTransfer(row)">迁移</el-button>
                   <el-button link type="danger" size="small" @click="handleVolDelete(row)">删除</el-button>
@@ -590,11 +590,11 @@
           <el-input-number v-model="editForm.ssh_port" :min="1" :max="65535" controls-position="right" style="width: 200px" />
         </el-form-item>
         <el-form-item label="网络">
-          <div style="display: flex; align-items: center; gap: 8px; width: 100%">
-            <el-tag v-if="editSelectedNetworks.length" closable @close="removeEditNetwork(editSelectedNetworks[0].id)">
-              {{ editSelectedNetworks[0].name }} (ID:{{ editSelectedNetworks[0].id }})
+          <div style="display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: 100%">
+            <el-tag v-for="net in editSelectedNetworks" :key="net.id" closable @close="removeEditNetwork(net.id)">
+              {{ net.name }} (ID:{{ net.id }})
             </el-tag>
-            <el-button size="small" @click="showEditNetworkSelector = true">{{ editSelectedNetworks.length ? '更换网络' : '选择网络' }}</el-button>
+            <el-button size="small" @click="showEditNetworkSelector = true">添加网络</el-button>
           </div>
         </el-form-item>
         <el-form-item label="内网">
@@ -688,11 +688,11 @@
           <el-input v-model="refactorForm.vnc_password" placeholder="不填随机" show-password />
         </el-form-item>
         <el-form-item label="网络">
-          <div style="display: flex; align-items: center; gap: 8px; width: 100%">
-            <el-tag v-if="refactorSelectedNetworks.length" closable @close="removeRefactorNetwork(refactorSelectedNetworks[0].id)">
-              {{ refactorSelectedNetworks[0].name }} (ID:{{ refactorSelectedNetworks[0].id }})
+          <div style="display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: 100%">
+            <el-tag v-for="net in refactorSelectedNetworks" :key="net.id" closable @close="removeRefactorNetwork(net.id)">
+              {{ net.name }} (ID:{{ net.id }})
             </el-tag>
-            <el-button size="small" @click="showRefactorNetworkSelector = true">{{ refactorSelectedNetworks.length ? '更换网络' : '选择网络' }}</el-button>
+            <el-button size="small" @click="showRefactorNetworkSelector = true">添加网络</el-button>
           </div>
         </el-form-item>
         <el-form-item label="内网">
@@ -864,7 +864,7 @@
           <el-input :model-value="vmHostId ? `宿主机 #${vmHostId}` : '-'" disabled style="width: 100%" />
         </el-form-item>
         <el-form-item label="系统卷"><el-switch v-model="volCreateForm.is_system" /></el-form-item>
-        <el-form-item label="镜像">
+        <el-form-item v-if="volCreateForm.is_system" label="镜像">
           <div class="bind-selector-row">
             <el-input :model-value="volCreateForm.image_id ? `镜像 #${volCreateForm.image_id}${volCreateForm._imageName ? ' - ' + volCreateForm._imageName : ''}` : '未选择'" disabled style="flex: 1" />
             <el-button type="primary" @click="volImageSelectorFromCreate = true; volCreateVisible = false; showVolImageSelector = true" style="margin-left: 8px">选择</el-button>
@@ -1495,7 +1495,9 @@ const editSelectedInternalNetworks = ref([])
 const showEditInternalNetworkSelector = ref(false)
 
 const handleEditNetworkConfirm = (network) => {
-  editSelectedNetworks.value = [{ id: network.id, name: network.name }]
+  if (!editSelectedNetworks.value.some(n => n.id === network.id)) {
+    editSelectedNetworks.value = [...editSelectedNetworks.value, { id: network.id, name: network.name }]
+  }
 }
 const removeEditNetwork = (id) => {
   editSelectedNetworks.value = editSelectedNetworks.value.filter(n => n.id !== id)
@@ -1519,7 +1521,7 @@ const handleEditVm = async () => {
   })
   const bridgeNets = vmNetworks.value.filter(n => n.type === 'bridge')
   const natNets = vmNetworks.value.filter(n => n.type === 'nat')
-  editSelectedNetworks.value = bridgeNets.length ? [{ id: bridgeNets[0].id, name: bridgeNets[0].name }] : []
+  editSelectedNetworks.value = bridgeNets.map(n => ({ id: n.id, name: n.name }))
   editSelectedInternalNetworks.value = natNets.length ? [{ id: natNets[0].id, name: natNets[0].name }] : []
   editDialogVisible.value = true
   dialogOptionsLoading.value = true
@@ -1571,7 +1573,9 @@ const onRefactorMemUnitChange = () => {
 watch(refactorMemDisplay, (v) => { refactorForm.memory = Math.round(v * refactorMemUnit.value) })
 
 const handleRefactorNetworkConfirm = (network) => {
-  refactorSelectedNetworks.value = [{ id: network.id, name: network.name }]
+  if (!refactorSelectedNetworks.value.some(n => n.id === network.id)) {
+    refactorSelectedNetworks.value = [...refactorSelectedNetworks.value, { id: network.id, name: network.name }]
+  }
 }
 const removeRefactorNetwork = (id) => {
   refactorSelectedNetworks.value = refactorSelectedNetworks.value.filter(n => n.id !== id)
@@ -1597,7 +1601,7 @@ const handleRefactorVm = async () => {
   })
   const bridgeNets = vmNetworks.value.filter(n => n.type === 'bridge')
   const natNets = vmNetworks.value.filter(n => n.type === 'nat')
-  refactorSelectedNetworks.value = bridgeNets.length ? [{ id: bridgeNets[0].id, name: bridgeNets[0].name }] : []
+  refactorSelectedNetworks.value = bridgeNets.map(n => ({ id: n.id, name: n.name }))
   refactorSelectedInternalNetworks.value = natNets.length ? [{ id: natNets[0].id, name: natNets[0].name }] : []
   const mem = d.memory || 0
   if (mem >= 1048576 && mem % 1048576 === 0) { refactorMemUnit.value = 1048576; refactorMemDisplay.value = mem / 1048576 }
diff --git a/src/views/virtualization/VolumeManage.vue b/src/views/virtualization/VolumeManage.vue
index 7b79f27..0f1ee36 100644
--- a/src/views/virtualization/VolumeManage.vue
+++ b/src/views/virtualization/VolumeManage.vue
@@ -84,7 +84,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="系统卷"><el-switch v-model="createForm.is_system" /></el-form-item>
-        <el-form-item label="镜像">
+        <el-form-item v-if="createForm.is_system" label="镜像">
           <div class="bind-selector-row">
             <el-input :model-value="createForm.image_id ? `镜像 #${createForm.image_id}${createForm._imageName ? ' - ' + createForm._imageName : ''}` : '未选择'" disabled style="flex: 1" />
             <el-button type="primary" @click="showImageSelector = true" style="margin-left: 8px">选择</el-button>