From bb2c5645efb25f8e00a21ccbfe2c65e43f8c6c07 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?it=E6=B0=91=E5=B7=A5?= <1433711899@qq.com>
Date: Wed, 26 Nov 2025 11:49:36 +0800
Subject: [PATCH] =?UTF-8?q?fix(structure):=20=E7=BB=93=E6=9E=84=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/db.sqlite3                            |  Bin 2273280 -> 2297856 bytes
 .../views/pve/vm/components/VMConfigTab.vue   |   50 +
 .../views/pve/vm/components/VMConsoleTab.vue  |  278 ++++
 .../views/pve/vm/components/VMHardwareTab.vue | 1018 ++++++++++++
 .../views/pve/vm/components/VMOverviewTab.vue |   73 +
 .../components/VirtualMachineDetailModal.vue  | 1419 +----------------
 6 files changed, 1464 insertions(+), 1374 deletions(-)
 create mode 100644 front-end/src/views/pve/vm/components/VMConfigTab.vue
 create mode 100644 front-end/src/views/pve/vm/components/VMConsoleTab.vue
 create mode 100644 front-end/src/views/pve/vm/components/VMHardwareTab.vue
 create mode 100644 front-end/src/views/pve/vm/components/VMOverviewTab.vue

diff --git a/backend/db.sqlite3 b/backend/db.sqlite3
index 7376fbf6bd2f85467deace01258117ded061b7b3..8c73cc4fd4b43e29568a76479e3de2b2ebd94643 100644
GIT binary patch
delta 15629
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
ZUn1m7>d`B!$azW(lEojo2-uQ3{s;YLIHLdn

delta 7698
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
P!Gl)}(Zp`(;$Hs^kD>GX

diff --git a/front-end/src/views/pve/vm/components/VMConfigTab.vue b/front-end/src/views/pve/vm/components/VMConfigTab.vue
new file mode 100644
index 0000000..f3cc36f
--- /dev/null
+++ b/front-end/src/views/pve/vm/components/VMConfigTab.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="vm-config-tab">
+    <a-card :bordered="false">
+      <a-empty v-if="!configEntries.length" description="暂无配置数据" />
+      <a-descriptions v-else :column="1" bordered>
+        <a-descriptions-item
+          v-for="item in configEntries"
+          :key="item.label"
+          :label="item.label"
+        >
+          <pre class="config-pre">{{ item.value }}</pre>
+        </a-descriptions-item>
+      </a-descriptions>
+    </a-card>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+  vm: {
+    type: Object,
+    required: true
+  }
+})
+
+const configEntries = computed(() => {
+  const config = props.vm?.pve_config || {}
+  return Object.keys(config).map(key => ({
+    label: key,
+    value: typeof config[key] === 'object' ? JSON.stringify(config[key], null, 2) : String(config[key])
+  }))
+})
+</script>
+
+<style scoped>
+.vm-config-tab {
+  width: 100%;
+}
+
+.config-pre {
+  margin: 0;
+  white-space: pre-wrap;
+  font-family: var(--font-family-code);
+  font-size: 12px;
+  line-height: 1.4;
+}
+</style>
+
diff --git a/front-end/src/views/pve/vm/components/VMConsoleTab.vue b/front-end/src/views/pve/vm/components/VMConsoleTab.vue
new file mode 100644
index 0000000..e8cdd8c
--- /dev/null
+++ b/front-end/src/views/pve/vm/components/VMConsoleTab.vue
@@ -0,0 +1,278 @@
+<template>
+  <div class="vm-console-tab">
+    <a-card :bordered="false">
+      <a-alert type="info" show-icon style="margin-bottom: 12px;">
+        <template #title>提示</template>
+        控制台通过本系统代理访问 PVE，无需手动登录 PVE，但首次加载可能需要几秒钟。
+      </a-alert>
+      <div class="pve-console-wrapper">
+        <div v-if="consoleLoading" class="novnc-placeholder">
+          <a-spin />
+          <p style="margin-top: 12px;">正在建立控制台会话...</p>
+        </div>
+        <div v-else-if="consoleError" class="novnc-placeholder">
+          <p>{{ consoleError }}</p>
+          <a-button type="text" @click="initConsole">重试</a-button>
+        </div>
+        <!-- noVNC 容器始终存在，通过样式控制显示 -->
+        <div
+          ref="novncContainer"
+          :id="`noVNC_container_${vmId}`"
+          class="novnc-container"
+          :style="{ display: consoleLoading || consoleError ? 'none' : 'flex' }"
+        ></div>
+      </div>
+    </a-card>
+  </div>
+</template>
+
+<script setup>
+import { ref, watch, nextTick, onBeforeUnmount } from 'vue'
+import { createVMConsoleSession } from '@/api/pve'
+import RFB from '@novnc/novnc/core/rfb'
+
+const props = defineProps({
+  vm: {
+    type: Object,
+    required: true
+  },
+  vmId: {
+    type: [Number, String],
+    required: true
+  },
+  active: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const novncContainer = ref(null)
+const consoleLoading = ref(false)
+const consoleError = ref('')
+const rfb = ref(null)
+
+const API_BASE = (import.meta.env.VITE_HOST || '').replace(/\/$/, '')
+
+const buildBackendUrl = (path) => {
+  if (!path) return ''
+  if (path.startsWith('http://') || path.startsWith('https://')) {
+    return path
+  }
+  const base = API_BASE || window.location.origin
+  if (path.startsWith('/')) {
+    return `${base}${path}`
+  }
+  return `${base}/${path}`
+}
+
+const initConsole = async () => {
+  if (!props.vm) return
+
+  // 清理之前的连接
+  if (rfb.value) {
+    try {
+      rfb.value.disconnect()
+      rfb.value = null
+    } catch (e) {
+      console.warn('清理旧连接时出错:', e)
+    }
+  }
+
+  consoleLoading.value = true
+  consoleError.value = ''
+
+  try {
+    // 创建控制台会话
+    const session = await createVMConsoleSession(props.vmId, { type: 'novnc' })
+    if (!session?.session_token) {
+      throw new Error('未获取到控制台会话信息')
+    }
+
+    // 优先使用 proxy_url（完整的 WebSocket URL），如果没有则使用 proxy_path 构建
+    let wsUrl = ''
+    if (session.proxy_url) {
+      wsUrl = session.proxy_url
+    } else if (session.proxy_path) {
+      const baseUrl = buildBackendUrl('')
+      const wsProtocol = baseUrl.startsWith('https') ? 'wss' : 'ws'
+      const wsHost = baseUrl.replace(/^https?:\/\//, '').replace(/\/$/, '')
+      wsUrl = `${wsProtocol}://${wsHost}${session.proxy_path.startsWith('/') ? session.proxy_path : '/' + session.proxy_path}`
+    } else {
+      throw new Error('未获取到 WebSocket 代理路径')
+    }
+
+    const password = session.password || ''
+
+    // 等待 DOM 更新
+    await nextTick()
+
+    const container = novncContainer.value || document.getElementById(`noVNC_container_${props.vmId}`)
+    if (!container) {
+      throw new Error('找不到 noVNC 容器元素，请刷新页面重试')
+    }
+
+    // 创建 noVNC 连接
+    rfb.value = new RFB(container, wsUrl, {
+      credentials: {
+        password: password
+      },
+      shared: true,
+      repeaterID: ''
+    })
+
+    // 配置 RFB
+    rfb.value.scaleViewport = true
+    rfb.value.resizeSession = false
+    rfb.value.background = '#000000'
+    rfb.value.qualityLevel = 6
+    rfb.value.compressionLevel = 2
+
+    // 事件监听
+    rfb.value.addEventListener('connect', () => {
+      consoleLoading.value = false
+      consoleError.value = ''
+      console.log('noVNC 连接成功')
+      setTimeout(() => {
+        if (rfb.value && container) {
+          const resizeEvent = new Event('resize', { bubbles: true })
+          container.dispatchEvent(resizeEvent)
+        }
+      }, 200)
+    })
+
+    rfb.value.addEventListener('disconnect', (e) => {
+      consoleLoading.value = false
+      const reason = e?.detail?.clean === false && e?.detail?.reason
+        ? e.detail.reason
+        : '连接已断开'
+      consoleError.value = reason
+      console.log('noVNC 断开连接:', reason, e?.detail)
+    })
+
+    rfb.value.addEventListener('credentialsrequired', () => {
+      consoleError.value = '需要密码验证，但密码可能不正确'
+      consoleLoading.value = false
+      console.warn('noVNC 需要密码验证')
+    })
+
+    rfb.value.addEventListener('securityfailure', (e) => {
+      const reason = e.detail?.reason || '未知错误'
+      consoleError.value = '安全验证失败: ' + reason
+      consoleLoading.value = false
+      console.error('noVNC 安全验证失败:', e.detail)
+    })
+
+    rfb.value.addEventListener('serverinit', () => {
+      console.log('noVNC 服务器初始化完成')
+    })
+
+    rfb.value.addEventListener('capabilities', (e) => {
+      console.log('noVNC 服务器能力:', e.detail)
+    })
+
+  } catch (error) {
+    consoleError.value = error.message || '初始化控制台失败'
+    consoleLoading.value = false
+    console.error('初始化控制台失败:', error)
+  }
+}
+
+const cleanupConsole = () => {
+  if (rfb.value) {
+    try {
+      rfb.value.disconnect()
+      rfb.value = null
+    } catch (e) {
+      console.warn('清理控制台连接时出错:', e)
+    }
+  }
+}
+
+// 监听 active 变化，当切换到控制台 tab 时初始化
+watch(() => props.active, (active) => {
+  if (active) {
+    nextTick(() => {
+      setTimeout(() => {
+        initConsole()
+      }, 50)
+    })
+  } else {
+    cleanupConsole()
+  }
+}, { immediate: true })
+
+onBeforeUnmount(() => {
+  cleanupConsole()
+})
+</script>
+
+<style scoped>
+.vm-console-tab {
+  width: 100%;
+}
+
+.pve-console-wrapper {
+  width: 100%;
+  min-height: 480px;
+  border: 1px solid var(--color-border-2);
+  border-radius: 8px;
+  background: #000;
+  overflow: hidden;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.novnc-container {
+  width: 80%;
+  max-width: 1200px;
+  height: 600px;
+  background: #000;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto;
+  padding: 0;
+  text-align: center;
+}
+
+/* noVNC 创建的 _screen div - 确保居中显示 */
+.novnc-container > div {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: 80% !important;
+  height: 100% !important;
+  margin: 0 auto !important;
+  padding: 0 !important;
+  position: relative !important;
+  overflow: auto !important;
+}
+
+/* noVNC 创建的 canvas - 当 scaleViewport=true 时，canvas 会按比例缩放，需要居中显示 */
+.novnc-container canvas {
+  display: block !important;
+  margin: 0 auto !important;
+  /* 不强制宽高，让 noVNC 的 scaleViewport 自动处理缩放，保持宽高比 */
+  max-width: 80% !important;
+  max-height: 100% !important;
+  /* 确保 canvas 在容器中水平和垂直居中 */
+  position: relative !important;
+}
+
+.novnc-placeholder {
+  width: 80%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-text-3);
+  text-align: center;
+  flex-direction: column;
+}
+</style>
+
diff --git a/front-end/src/views/pve/vm/components/VMHardwareTab.vue b/front-end/src/views/pve/vm/components/VMHardwareTab.vue
new file mode 100644
index 0000000..4cb6c6f
--- /dev/null
+++ b/front-end/src/views/pve/vm/components/VMHardwareTab.vue
@@ -0,0 +1,1018 @@
+<template>
+  <div class="vm-hardware-tab">
+    <a-card :bordered="false">
+      <div class="hardware-toolbar">
+        <a-dropdown trigger="click">
+          <a-button type="primary" size="small">
+            添加硬件
+            <icon-down />
+          </a-button>
+          <template #content>
+            <a-doption
+              v-for="option in hardwareAddOptions"
+              :key="option.type"
+              @click="openAddHardwareDialog(option.type)"
+            >
+              {{ option.label }}
+            </a-doption>
+          </template>
+        </a-dropdown>
+      </div>
+      <a-table
+        :columns="hardwareColumns"
+        :data="hardwareRows"
+        :pagination="false"
+        size="small"
+      >
+        <template #value="{ record }">
+          <div class="hardware-value">{{ record.value }}</div>
+        </template>
+        <template #actions="{ record }">
+          <a-button
+            v-if="record.editable"
+            type="text"
+            size="small"
+            @click="openEditDialog(record.editType || record.key, record.key)"
+          >
+            编辑
+          </a-button>
+        </template>
+      </a-table>
+    </a-card>
+
+    <!-- 编辑硬件对话框 -->
+    <a-modal
+      v-model:visible="editState.visible"
+      :title="editState.title"
+      :footer="false"
+      :width="520"
+      unmount-on-close
+    >
+      <a-form
+        ref="editFormRef"
+        :model="editForm"
+        :rules="editFormRules"
+        label-align="left"
+        label-col="{ span: 7 }"
+        wrapper-col="{ span: 17 }"
+        layout="horizontal"
+      >
+        <template v-if="editState.type === 'cpu'">
+          <a-form-item field="sockets" label="CPU Sockets">
+            <a-input-number v-model="editForm.sockets" :min="1" :max="8" />
+          </a-form-item>
+          <a-form-item field="cores" label="每Socket核心">
+            <a-input-number v-model="editForm.cores" :min="1" :max="64" />
+          </a-form-item>
+          <a-form-item field="cpu" label="CPU类型">
+            <a-select v-model="editForm.cpu" allow-search>
+              <a-option v-for="option in cpuOptions" :key="option" :value="option">
+                {{ option }}
+              </a-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item field="numa" label="NUMA">
+            <a-switch v-model="editForm.numa" />
+          </a-form-item>
+        </template>
+        <template v-else-if="editState.type === 'memory'">
+          <a-form-item field="memory" label="内存(MB)">
+            <a-input-number v-model="editForm.memory" :min="256" :step="256" />
+          </a-form-item>
+        </template>
+        <template v-else-if="editState.type === 'disk'">
+          <a-form-item
+            field="diskValue"
+            :label="`磁盘(${editState.targetKey || 'scsi0'})`"
+          >
+            <a-input v-model="editForm.diskValue" placeholder="示例：local-lvm:32" />
+            <template #extra>
+              直接使用PVE格式，支持 local-lvm:32、ceph-pool:32 等
+            </template>
+          </a-form-item>
+        </template>
+        <template v-else-if="editState.type === 'network'">
+          <a-form-item field="networkValue" :label="`网络(${editState.targetKey || 'net0'})`">
+            <a-input
+              v-model="editForm.networkValue"
+              placeholder="示例：virtio,bridge=vmbr0,firewall=1"
+            />
+          </a-form-item>
+        </template>
+      </a-form>
+
+      <div class="edit-footer">
+        <a-button @click="handleEditCancel" style="margin-right: 12px;">取消</a-button>
+        <a-button type="primary" :loading="editState.submitting" @click="handleEditSubmit">
+          保存
+        </a-button>
+      </div>
+    </a-modal>
+
+    <!-- 添加硬件对话框 -->
+    <a-modal
+      v-model:visible="addState.visible"
+      :title="addState.title"
+      :footer="false"
+      :width="560"
+      unmount-on-close
+    >
+      <a-form
+        ref="addFormRef"
+        :model="addForm"
+        :rules="addFormRules"
+        layout="vertical"
+      >
+        <template v-if="addState.type === 'disk'">
+          <a-form-item field="storage" label="存储">
+            <a-select
+              v-model="addForm.storage"
+              :loading="storagesLoading"
+              placeholder="请选择存储"
+            >
+              <a-option
+                v-for="storage in storages"
+                :key="storage.storage"
+                :value="storage.storage"
+              >
+                {{ storage.storage }} ({{ storage.type }})
+              </a-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item field="size" label="容量(GB)">
+            <a-input-number v-model="addForm.size" :min="1" />
+          </a-form-item>
+          <a-form-item field="iothread" label="启用IO Thread">
+            <a-switch v-model="addForm.iothread" />
+          </a-form-item>
+        </template>
+        <template v-else-if="addState.type === 'cdrom'">
+          <a-form-item field="isoStorage" label="ISO存储">
+            <a-select
+              v-model="addForm.isoStorage"
+              :loading="storagesLoading"
+              @change="handleISOStorageChange"
+            >
+              <a-option
+                v-for="storage in isoStorages"
+                :key="storage.storage"
+                :value="storage.storage"
+              >
+                {{ storage.storage }}
+              </a-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item field="iso" label="ISO镜像">
+            <a-select
+              v-model="addForm.iso"
+              :loading="isoLoading"
+            >
+              <a-option
+                v-for="iso in isoList"
+                :key="iso.volid"
+                :value="iso.volid"
+              >
+                {{ iso.volid }}
+              </a-option>
+            </a-select>
+          </a-form-item>
+        </template>
+        <template v-else-if="addState.type === 'network'">
+          <a-form-item field="model" label="网卡模型">
+            <a-select v-model="addForm.model">
+              <a-option value="virtio">virtio</a-option>
+              <a-option value="e1000">e1000</a-option>
+              <a-option value="vmxnet3">vmxnet3</a-option>
+              <a-option value="rtl8139">rtl8139</a-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item field="bridge" label="桥接">
+            <a-select
+              v-model="addForm.bridge"
+              :loading="networksLoading"
+              allow-search
+            >
+              <a-option
+                v-for="bridge in bridgeOptions"
+                :key="bridge"
+                :value="bridge"
+              >
+                {{ bridge }}
+              </a-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item field="macaddr" label="MAC地址 (可选)">
+            <a-input v-model="addForm.macaddr" placeholder="示例：DE:AD:BE:EF:12:34" />
+          </a-form-item>
+          <a-form-item field="firewall" label="启用防火墙">
+            <a-switch v-model="addForm.firewall" />
+          </a-form-item>
+        </template>
+        <template v-else-if="addState.type === 'efi'">
+          <a-form-item field="storage" label="EFI存储">
+            <a-select v-model="addForm.storage" :loading="storagesLoading">
+              <a-option
+                v-for="storage in storages"
+                :key="storage.storage"
+                :value="storage.storage"
+              >
+                {{ storage.storage }}
+              </a-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item field="efitype" label="EFI类型">
+            <a-select v-model="addForm.efitype">
+              <a-option value="4m">4M (默认)</a-option>
+              <a-option value="2m">2M</a-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item field="pre_enrolled" label="预置微软密钥">
+            <a-switch v-model="addForm.pre_enrolled" />
+          </a-form-item>
+        </template>
+        <template v-else-if="addState.type === 'tpm'">
+          <a-form-item field="storage" label="TPM存储">
+            <a-select v-model="addForm.storage" :loading="storagesLoading">
+              <a-option
+                v-for="storage in storages"
+                :key="storage.storage"
+                :value="storage.storage"
+              >
+                {{ storage.storage }}
+              </a-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item field="version" label="版本">
+            <a-select v-model="addForm.version">
+              <a-option value="v2.0">v2.0</a-option>
+              <a-option value="v1.2">v1.2</a-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item field="model" label="模型">
+            <a-select v-model="addForm.model">
+              <a-option value="tpm-crb">tpm-crb</a-option>
+              <a-option value="tpm-tis">tpm-tis</a-option>
+            </a-select>
+          </a-form-item>
+        </template>
+        <template v-else-if="addState.type === 'usb'">
+          <a-form-item field="host" label="主机设备 (Vendor:Product)">
+            <a-input v-model="addForm.host" placeholder="示例：1234:abcd" />
+          </a-form-item>
+          <a-form-item field="usb3" label="USB3">
+            <a-switch v-model="addForm.usb3" />
+          </a-form-item>
+        </template>
+        <template v-else-if="addState.type === 'pci'">
+          <a-form-item field="host" label="PCI设备 (Domain:Bus:Slot.Func)">
+            <a-input v-model="addForm.host" placeholder="示例：0000:00:14.0" />
+          </a-form-item>
+          <a-form-item field="pcie" label="启用PCIE">
+            <a-switch v-model="addForm.pcie" />
+          </a-form-item>
+        </template>
+        <template v-else-if="addState.type === 'serial'">
+          <a-form-item field="mode" label="模式">
+            <a-select v-model="addForm.mode">
+              <a-option value="socket">socket</a-option>
+              <a-option value="server">server</a-option>
+              <a-option value="telnet">telnet</a-option>
+              <a-option value="pipe">pipe</a-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item field="path" label="路径/端口 (可选)">
+            <a-input v-model="addForm.path" placeholder="示例：/var/run/qemu-server/serial0" />
+          </a-form-item>
+        </template>
+        <template v-else-if="addState.type === 'cloudinit'">
+          <a-alert type="warning" style="margin-bottom: 12px;">
+            CloudInit 会自动创建配置盘，如已有 ide2 设备请先移除。
+          </a-alert>
+          <a-form-item field="storage" label="存储">
+            <a-select v-model="addForm.storage" :loading="storagesLoading">
+              <a-option
+                v-for="storage in storages"
+                :key="storage.storage"
+                :value="storage.storage"
+              >
+                {{ storage.storage }}
+              </a-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item field="ciuser" label="默认用户">
+            <a-input v-model="addForm.ciuser" />
+          </a-form-item>
+          <a-form-item field="cipassword" label="密码">
+            <a-input-password v-model="addForm.cipassword" />
+          </a-form-item>
+          <a-form-item field="ipconfig0" label="IP配置 (可选)">
+            <a-input v-model="addForm.ipconfig0" placeholder="示例：ip=dhcp 或 ip=192.168.1.10/24,gw=192.168.1.1" />
+          </a-form-item>
+        </template>
+        <template v-else-if="addState.type === 'audio'">
+          <a-form-item field="device" label="音频设备">
+            <a-select v-model="addForm.device">
+              <a-option value="ich9-intel-hda">ich9-intel-hda</a-option>
+              <a-option value="intel-hda">intel-hda</a-option>
+              <a-option value="ac97">ac97</a-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item field="driver" label="驱动">
+            <a-select v-model="addForm.driver">
+              <a-option value="spice">spice</a-option>
+              <a-option value="none">none</a-option>
+            </a-select>
+          </a-form-item>
+        </template>
+        <template v-else-if="addState.type === 'rng'">
+          <a-form-item field="source" label="随机源">
+            <a-input v-model="addForm.source" placeholder="/dev/urandom" />
+          </a-form-item>
+        </template>
+        <template v-else-if="addState.type === 'virtiofs'">
+          <a-form-item field="tag" label="Mount Tag">
+            <a-input v-model="addForm.tag" />
+          </a-form-item>
+          <a-form-item field="path" label="主机路径">
+            <a-input v-model="addForm.path" />
+          </a-form-item>
+        </template>
+      </a-form>
+      <div class="edit-footer">
+        <a-button @click="handleAddCancel" style="margin-right: 12px;">取消</a-button>
+        <a-button type="primary" :loading="addState.submitting" @click="handleAddSubmit">
+          添加
+        </a-button>
+      </div>
+    </a-modal>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, computed, watch, nextTick, onMounted } from 'vue'
+import { Message } from '@arco-design/web-vue'
+import { IconDown } from '@arco-design/web-vue/es/icon'
+import {
+  updateVirtualMachineHardware,
+  getNodeStorage,
+  getNodeNetwork,
+  getStorageISO
+} from '@/api/pve'
+
+const props = defineProps({
+  vm: {
+    type: Object,
+    required: true
+  },
+  vmId: {
+    type: [Number, String],
+    required: true
+  }
+})
+
+const emit = defineEmits(['refresh'])
+
+const editFormRef = ref(null)
+const addFormRef = ref(null)
+
+const editState = reactive({
+  visible: false,
+  type: '',
+  title: '',
+  submitting: false,
+  targetKey: ''
+})
+
+const editForm = reactive({})
+
+const addState = reactive({
+  visible: false,
+  type: '',
+  title: '',
+  submitting: false
+})
+
+const addForm = reactive({})
+
+const storages = ref([])
+const storagesLoading = ref(false)
+const networks = ref([])
+const networksLoading = ref(false)
+const isoStorages = ref([])
+const isoList = ref([])
+const isoLoading = ref(false)
+
+const hardwareAddOptions = [
+  { type: 'disk', label: '硬盘' },
+  { type: 'cdrom', label: 'CD/DVD 驱动器' },
+  { type: 'network', label: '网络设备' },
+  { type: 'efi', label: 'EFI 磁盘' },
+  { type: 'tpm', label: 'TPM 状态' },
+  { type: 'usb', label: 'USB 设备' },
+  { type: 'pci', label: 'PCI 设备' },
+  { type: 'serial', label: '串行端口' },
+  { type: 'cloudinit', label: 'CloudInit 设备' },
+  { type: 'audio', label: '音频设备' },
+  { type: 'rng', label: 'VirtIO RNG' },
+  { type: 'virtiofs', label: 'Virtiofs' }
+]
+
+const hardwareColumns = [
+  { title: '硬件', dataIndex: 'label', width: 160 },
+  { title: '参数', dataIndex: 'value', slotName: 'value' },
+  { title: '操作', dataIndex: 'actions', slotName: 'actions', width: 100 }
+]
+
+const hardwareRows = computed(() => {
+  const vm = props.vm
+  if (!vm) {
+    return []
+  }
+  const config = vm.pve_config || {}
+  const rows = []
+  const sockets = Number(config.sockets || 1)
+  const coresPerSocket = Number(config.cores || (vm.cpu_cores ? Math.max(1, Math.floor(vm.cpu_cores / (sockets || 1))) : 1))
+  const cpuType = config.cpu || '默认'
+  rows.push({
+    key: 'cpu',
+    label: '处理器',
+    value: `${sockets} Socket × ${coresPerSocket} Core (CPU: ${cpuType})`,
+    editable: true
+  })
+  rows.push({
+    key: 'memory',
+    label: '内存',
+    value: config.memory ? `${config.memory} MB` : vm.memory_mb ? `${vm.memory_mb} MB` : '-',
+    editable: true
+  })
+
+  Object.keys(config).forEach((key) => {
+    if (/^scsi\d+$/.test(key)) {
+      rows.push({
+        key,
+        label: `磁盘 (${key})`,
+        value: config[key],
+        editable: true,
+        editType: 'disk'
+      })
+    } else if (/^ide\d+$/.test(key)) {
+      const isCDROM = String(config[key]).includes('media=cdrom')
+      rows.push({
+        key,
+        label: isCDROM ? `CD/DVD (${key})` : `磁盘 (${key})`,
+        value: config[key],
+        editable: true,
+        editType: 'disk'
+      })
+    } else if (/^virtio\d+$/.test(key)) {
+      rows.push({
+        key,
+        label: `磁盘 (${key})`,
+        value: config[key],
+        editable: true,
+        editType: 'disk'
+      })
+    } else if (/^sata\d+$/.test(key)) {
+      rows.push({
+        key,
+        label: `磁盘 (${key})`,
+        value: config[key],
+        editable: true,
+        editType: 'disk'
+      })
+    } else if (/^net\d+$/.test(key)) {
+      rows.push({
+        key,
+        label: `网络 (${key})`,
+        value: config[key],
+        editable: true,
+        editType: 'network'
+      })
+    }
+  })
+
+  if (config.efidisk0) {
+    rows.push({ key: 'efidisk0', label: 'EFI 磁盘', value: config.efidisk0, editable: false })
+  }
+  if (config.tpmstate0) {
+    rows.push({ key: 'tpmstate0', label: 'TPM', value: config.tpmstate0, editable: false })
+  }
+  if (config.usb0) {
+    rows.push({ key: 'usb0', label: 'USB 设备', value: config.usb0, editable: false })
+  }
+  if (config.hostpci0) {
+    rows.push({ key: 'hostpci0', label: 'PCI 设备', value: config.hostpci0, editable: false })
+  }
+  if (config.serial0) rows.push({ key: 'serial0', label: '串口', value: config.serial0, editable: false })
+  if (config.audio0) rows.push({ key: 'audio0', label: '音频', value: config.audio0, editable: false })
+  if (config.rng0) rows.push({ key: 'rng0', label: '随机数设备', value: config.rng0, editable: false })
+  if (config.virtiofs0) rows.push({ key: 'virtiofs0', label: 'Virtiofs', value: config.virtiofs0, editable: false })
+
+  return rows
+})
+
+const cpuOptions = [
+  'host',
+  'x86-64-v2-AES',
+  'x86-64-v3',
+  'x86-64-v4',
+  'kvm64',
+  'qemu64'
+]
+
+const bridgeOptions = computed(() => {
+  const bridges = networks.value
+    .filter(item => item.type === 'bridge' && item.iface)
+    .map(item => item.iface)
+  const unique = Array.from(new Set(bridges))
+  if (!unique.includes('vmbr0')) {
+    unique.push('vmbr0')
+  }
+  return unique
+})
+
+const getConfig = () => props.vm?.pve_config || {}
+
+const loadHardwareResources = async () => {
+  const vm = props.vm
+  if (!vm || !vm.server || !vm.node) {
+    storages.value = []
+    networks.value = []
+    isoStorages.value = []
+    return
+  }
+  await Promise.all([fetchStorages(vm), fetchNetworks(vm)])
+  isoStorages.value = storages.value.filter(item => item.content?.includes('iso') || item.type === 'dir' || item.type === 'nfs')
+}
+
+const fetchStorages = async (vm) => {
+  storagesLoading.value = true
+  try {
+    const res = await getNodeStorage(vm.server, vm.node)
+    storages.value = Array.isArray(res) ? res : []
+  } catch (error) {
+    storages.value = []
+    Message.error('获取存储列表失败：' + (error.message || '未知错误'))
+  } finally {
+    storagesLoading.value = false
+  }
+}
+
+const fetchNetworks = async (vm) => {
+  networksLoading.value = true
+  try {
+    const res = await getNodeNetwork(vm.server, vm.node)
+    networks.value = Array.isArray(res) ? res : []
+  } catch (error) {
+    networks.value = []
+    Message.error('获取网络接口失败：' + (error.message || '未知错误'))
+  } finally {
+    networksLoading.value = false
+  }
+}
+
+const resetEditForm = () => {
+  Object.keys(editForm).forEach((key) => {
+    delete editForm[key]
+  })
+}
+
+const openEditDialog = (type, targetKey = '') => {
+  if (!props.vm) {
+    return
+  }
+  editState.targetKey = targetKey || type || ''
+  const config = getConfig()
+  resetEditForm()
+  editState.type = type
+  editState.submitting = false
+  switch (type) {
+    case 'cpu':
+      editState.title = '编辑处理器'
+      Object.assign(editForm, {
+        sockets: Number(config.sockets || 1),
+        cores: Number(config.cores || (props.vm.cpu_cores || 1)),
+        cpu: config.cpu || 'x86-64-v2-AES',
+        numa: config.numa === 1 || config.numa === '1' || config.numa === true
+      })
+      break
+    case 'memory':
+      editState.title = '编辑内存'
+      Object.assign(editForm, {
+        memory: Number(config.memory || props.vm.memory_mb || 512)
+      })
+      break
+    case 'disk':
+      editState.title = `编辑磁盘 (${editState.targetKey || 'scsi0'})`
+      Object.assign(editForm, {
+        diskValue: config[editState.targetKey || 'scsi0'] || ''
+      })
+      break
+    case 'network':
+      editState.title = `编辑网络 (${editState.targetKey || 'net0'})`
+      Object.assign(editForm, {
+        networkValue: config[editState.targetKey || 'net0'] || ''
+      })
+      break
+    default:
+      editState.title = '编辑硬件'
+      break
+  }
+  editState.visible = true
+  nextTick(() => {
+    editFormRef.value?.clearValidate()
+  })
+}
+
+const editFormRules = computed(() => {
+  switch (editState.type) {
+    case 'cpu':
+      return {
+        sockets: [{ required: true, message: '请输入Sockets', type: 'number' }],
+        cores: [{ required: true, message: '请输入核心数', type: 'number' }],
+        cpu: [{ required: true, message: '请选择CPU类型' }]
+      }
+    case 'memory':
+      return {
+        memory: [{ required: true, message: '请输入内存大小', type: 'number' }]
+      }
+    case 'disk':
+      return {
+        diskValue: [{ required: true, message: '请输入磁盘配置' }]
+      }
+    case 'network':
+      return {
+        networkValue: [{ required: true, message: '请输入网络配置' }]
+      }
+    default:
+      return {}
+  }
+})
+
+const buildParams = () => {
+  switch (editState.type) {
+    case 'cpu':
+      return {
+        sockets: Number(editForm.sockets),
+        cores: Number(editForm.cores),
+        cpu: editForm.cpu,
+        numa: editForm.numa ? 1 : 0
+      }
+    case 'memory':
+      return {
+        memory: Number(editForm.memory)
+      }
+    case 'disk':
+      return editState.targetKey
+        ? { [editState.targetKey]: editForm.diskValue }
+        : { scsi0: editForm.diskValue }
+    case 'network':
+      return editState.targetKey
+        ? { [editState.targetKey]: editForm.networkValue }
+        : { net0: editForm.networkValue }
+    default:
+      return {}
+  }
+}
+
+const handleEditCancel = () => {
+  editState.visible = false
+}
+
+const handleEditSubmit = async () => {
+  if (!props.vmId) {
+    Message.warning('缺少虚拟机ID，无法更新硬件配置')
+    return
+  }
+  if (editFormRef.value) {
+    try {
+      await editFormRef.value.validate()
+    } catch (error) {
+      return
+    }
+  }
+  const params = buildParams()
+  if (!Object.keys(params).length) {
+    Message.warning('暂无可更新的参数')
+    return
+  }
+  editState.submitting = true
+  try {
+    await updateVirtualMachineHardware(props.vmId, { params })
+    Message.success('硬件配置更新已提交')
+    editState.visible = false
+    emit('refresh')
+  } catch (error) {
+    Message.error('更新失败：' + (error.message || '未知错误'))
+  } finally {
+    editState.submitting = false
+  }
+}
+
+const getNextDeviceKey = (prefix, startIndex = 0) => {
+  const config = getConfig()
+  let index = startIndex
+  while (config.hasOwnProperty(`${prefix}${index}`)) {
+    index += 1
+  }
+  return `${prefix}${index}`
+}
+
+const openAddHardwareDialog = (type) => {
+  if (!props.vm) return
+  addState.type = type
+  addState.title = hardwareAddOptions.find(item => item.type === type)?.label || '添加硬件'
+  addState.submitting = false
+  Object.keys(addForm).forEach(key => delete addForm[key])
+  switch (type) {
+    case 'disk':
+      addForm.storage = storages.value[0]?.storage || ''
+      addForm.size = 10
+      addForm.iothread = true
+      break
+    case 'cdrom':
+      addForm.isoStorage = isoStorages.value[0]?.storage || ''
+      addForm.iso = ''
+      if (addForm.isoStorage) {
+        handleISOStorageChange(addForm.isoStorage)
+      }
+      break
+    case 'network':
+      addForm.model = 'virtio'
+      addForm.bridge = bridgeOptions.value[0] || 'vmbr0'
+      addForm.macaddr = ''
+      addForm.firewall = true
+      break
+    case 'efi':
+      addForm.storage = storages.value[0]?.storage || ''
+      addForm.efitype = '4m'
+      addForm.pre_enrolled = true
+      break
+    case 'tpm':
+      addForm.storage = storages.value[0]?.storage || ''
+      addForm.version = 'v2.0'
+      addForm.model = 'tpm-crb'
+      break
+    case 'usb':
+      addForm.host = ''
+      addForm.usb3 = true
+      break
+    case 'pci':
+      addForm.host = ''
+      addForm.pcie = true
+      break
+    case 'serial':
+      addForm.mode = 'socket'
+      addForm.path = ''
+      break
+    case 'cloudinit':
+      addForm.storage = storages.value[0]?.storage || ''
+      addForm.ciuser = 'root'
+      addForm.cipassword = ''
+      addForm.ipconfig0 = 'ip=dhcp'
+      break
+    case 'audio':
+      addForm.device = 'ich9-intel-hda'
+      addForm.driver = 'spice'
+      break
+    case 'rng':
+      addForm.source = '/dev/urandom'
+      break
+    case 'virtiofs':
+      addForm.tag = 'share'
+      addForm.path = '/mnt/share'
+      break
+  }
+  addState.visible = true
+  nextTick(() => {
+    addFormRef.value?.clearValidate()
+  })
+}
+
+const macPattern = /^([0-9A-Fa-f]{2}:){5}[0-9A-Fa-f]{2}$/
+
+const addFormRules = computed(() => {
+  switch (addState.type) {
+    case 'disk':
+      return {
+        storage: [{ required: true, message: '请选择存储' }],
+        size: [{ required: true, message: '请输入容量', type: 'number' }]
+      }
+    case 'cdrom':
+      return {
+        isoStorage: [{ required: true, message: '请选择ISO存储' }],
+        iso: [{ required: true, message: '请选择ISO镜像' }]
+      }
+    case 'network':
+      return {
+        bridge: [{ required: true, message: '请选择桥接' }],
+        macaddr: [{
+          validator: (value, callback) => {
+            if (!value) return callback()
+            if (macPattern.test(value)) return callback()
+            return callback('MAC地址格式不正确')
+          }
+        }]
+      }
+    case 'efi':
+      return { storage: [{ required: true, message: '请选择存储' }] }
+    case 'tpm':
+      return { storage: [{ required: true, message: '请选择存储' }] }
+    case 'usb':
+      return { host: [{ required: true, message: '请输入设备ID (Vendor:Product)' }] }
+    case 'pci':
+      return { host: [{ required: true, message: '请输入PCI地址' }] }
+    case 'cloudinit':
+      return {
+        storage: [{ required: true, message: '请选择存储' }],
+        ciuser: [{ required: true, message: '请输入默认用户' }]
+      }
+    case 'virtiofs':
+      return {
+        tag: [{ required: true, message: '请输入Mount Tag' }],
+        path: [{ required: true, message: '请输入路径' }]
+      }
+    default:
+      return {}
+  }
+})
+
+const handleISOStorageChange = async (storage) => {
+  if (!storage || !props.vm) {
+    isoList.value = []
+    addForm.iso = ''
+    return
+  }
+  isoLoading.value = true
+  try {
+    const res = await getStorageISO(props.vm.server, props.vm.node, storage)
+    isoList.value = Array.isArray(res) ? res : []
+    addForm.iso = isoList.value[0]?.volid || ''
+  } catch (error) {
+    isoList.value = []
+    addForm.iso = ''
+    Message.error('获取ISO列表失败：' + (error.message || '未知错误'))
+  } finally {
+    isoLoading.value = false
+  }
+}
+
+const buildAddParams = () => {
+  switch (addState.type) {
+    case 'disk': {
+      const storageInfo = storages.value.find(s => s.storage === addForm.storage)
+      const storageType = storageInfo?.type || ''
+      const size = Number(addForm.size)
+      const base = ['rbd', 'lvm', 'lvmthin'].includes(storageType)
+        ? `${addForm.storage}:${size}`
+        : `${addForm.storage}:${size}G`
+      const value = addForm.iothread ? `${base},iothread=on` : base
+      const key = getNextDeviceKey('scsi')
+      return { key, value }
+    }
+    case 'cdrom': {
+      const key = getNextDeviceKey('ide', 2)
+      const value = `${addForm.iso},media=cdrom`
+      return { key, value }
+    }
+    case 'network': {
+      const key = getNextDeviceKey('net')
+      const parts = [addForm.model || 'virtio']
+      if (addForm.bridge) parts.push(`bridge=${addForm.bridge}`)
+      if (addForm.macaddr) parts.push(`macaddr=${addForm.macaddr}`)
+      parts.push(`firewall=${addForm.firewall ? 1 : 0}`)
+      return { key, value: parts.join(',') }
+    }
+    case 'efi': {
+      if (getConfig().efidisk0) throw new Error('已存在EFI磁盘，请先移除')
+      const value = `${addForm.storage}:1,efitype=${addForm.efitype || '4m'},pre-enrolled-keys=${addForm.pre_enrolled ? 1 : 0}`
+      return { key: 'efidisk0', value }
+    }
+    case 'tpm': {
+      if (getConfig().tpmstate0) throw new Error('已存在TPM设备，请先移除')
+      const value = `${addForm.storage}:4,version=${addForm.version || 'v2.0'},model=${addForm.model || 'tpm-crb'}`
+      return { key: 'tpmstate0', value }
+    }
+    case 'usb': {
+      const key = getNextDeviceKey('usb')
+      const value = `${addForm.host}${addForm.usb3 ? ',usb3=1' : ''}`
+      return { key, value }
+    }
+    case 'pci': {
+      const key = getNextDeviceKey('hostpci')
+      const value = `${addForm.host}${addForm.pcie ? ',pcie=1' : ''}`
+      return { key, value }
+    }
+    case 'serial': {
+      const key = getNextDeviceKey('serial')
+      const value = addForm.path ? `${addForm.mode || 'socket'},path=${addForm.path}` : (addForm.mode || 'socket')
+      return { key, value }
+    }
+    case 'cloudinit': {
+      const value = `${addForm.storage}:cloudinit`
+      const params = {
+        ide2: value,
+        ciuser: addForm.ciuser || 'root'
+      }
+      if (addForm.cipassword) params.cipassword = addForm.cipassword
+      if (addForm.ipconfig0) params.ipconfig0 = addForm.ipconfig0
+      return { params }
+    }
+    case 'audio': {
+      if (getConfig().audio0) throw new Error('已存在音频设备，请先移除')
+      const value = `device=${addForm.device || 'ich9-intel-hda'},driver=${addForm.driver || 'spice'}`
+      return { key: 'audio0', value }
+    }
+    case 'rng': {
+      if (getConfig().rng0) throw new Error('已存在RNG设备，请先移除')
+      const value = `source=${addForm.source || '/dev/urandom'}`
+      return { key: 'rng0', value }
+    }
+    case 'virtiofs': {
+      const key = getNextDeviceKey('virtiofs')
+      const value = `mount_tag=${addForm.tag},path=${addForm.path}`
+      return { key, value }
+    }
+    default:
+      return { key: '', value: '' }
+  }
+}
+
+const handleAddCancel = () => {
+  addState.visible = false
+}
+
+const handleAddSubmit = async () => {
+  if (!props.vmId) return
+  if (addFormRef.value) {
+    try {
+      await addFormRef.value.validate()
+    } catch (error) {
+      return
+    }
+  }
+  let payload
+  try {
+    const result = buildAddParams()
+    if (result.params) {
+      payload = result.params
+    } else if (result.key) {
+      payload = { [result.key]: result.value }
+    } else {
+      Message.warning('无可提交的参数')
+      return
+    }
+  } catch (error) {
+    Message.error(error.message || '构建参数失败')
+    return
+  }
+  addState.submitting = true
+  try {
+    await updateVirtualMachineHardware(props.vmId, { params: payload })
+    Message.success(`${addState.title} 创建任务已提交`)
+    addState.visible = false
+    emit('refresh')
+  } catch (error) {
+    Message.error('添加硬件失败：' + (error.message || '未知错误'))
+  } finally {
+    addState.submitting = false
+  }
+}
+
+// 监听 vm 变化，加载硬件资源
+watch(() => props.vm, (newVm) => {
+  if (newVm) {
+    loadHardwareResources()
+  }
+}, { immediate: true })
+
+onMounted(() => {
+  if (props.vm) {
+    loadHardwareResources()
+  }
+})
+</script>
+
+<style scoped>
+.vm-hardware-tab {
+  width: 100%;
+}
+
+.hardware-toolbar {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 12px;
+}
+
+.hardware-value {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+
+.edit-footer {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 12px;
+}
+</style>
+
diff --git a/front-end/src/views/pve/vm/components/VMOverviewTab.vue b/front-end/src/views/pve/vm/components/VMOverviewTab.vue
new file mode 100644
index 0000000..226c19b
--- /dev/null
+++ b/front-end/src/views/pve/vm/components/VMOverviewTab.vue
@@ -0,0 +1,73 @@
+<template>
+  <div class="vm-overview-tab">
+    <a-row :gutter="16">
+      <a-col :span="12">
+        <a-card title="基本信息" :bordered="false">
+          <a-descriptions :column="1" bordered :data="overviewData.basic" />
+        </a-card>
+      </a-col>
+      <a-col :span="12">
+        <a-card title="资源" :bordered="false">
+          <a-descriptions :column="1" bordered :data="overviewData.resource" />
+        </a-card>
+      </a-col>
+    </a-row>
+    <a-card title="时间与状态" :bordered="false" style="margin-top: 16px;">
+      <a-descriptions :column="2" bordered :data="overviewData.meta" />
+    </a-card>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+  vm: {
+    type: Object,
+    required: true
+  }
+})
+
+const getStatusText = (status) => {
+  const textMap = {
+    running: '运行中',
+    stopped: '已停止',
+    paused: '已暂停',
+    unknown: '未知'
+  }
+  return textMap[status] || '未知'
+}
+
+const overviewData = computed(() => {
+  const vm = props.vm
+  if (!vm) {
+    return { basic: [], resource: [], meta: [] }
+  }
+  return {
+    basic: [
+      { label: '虚拟机ID', value: vm.vmid || '-' },
+      { label: '节点', value: vm.node || '-' },
+      { label: '所属服务器', value: vm.server_name || '-' },
+      { label: '描述', value: vm.description || '无' }
+    ],
+    resource: [
+      { label: 'CPU核心数', value: vm.cpu_cores ? `${vm.cpu_cores} vCPU` : '-' },
+      { label: '内存', value: vm.memory_mb ? `${vm.memory_mb} MB` : '-' },
+      { label: '磁盘', value: vm.disk_gb ? `${vm.disk_gb} GB` : '-' },
+      { label: 'IP地址', value: vm.ip_address || '未分配' }
+    ],
+    meta: [
+      { label: '创建时间', value: vm.created_at || '-' },
+      { label: '更新时间', value: vm.updated_at || '-' },
+      { label: '状态', value: getStatusText(vm.status) }
+    ]
+  }
+})
+</script>
+
+<style scoped>
+.vm-overview-tab {
+  width: 100%;
+}
+</style>
+
diff --git a/front-end/src/views/pve/vm/components/VirtualMachineDetailModal.vue b/front-end/src/views/pve/vm/components/VirtualMachineDetailModal.vue
index 00f0929..c6f0b68 100644
--- a/front-end/src/views/pve/vm/components/VirtualMachineDetailModal.vue
+++ b/front-end/src/views/pve/vm/components/VirtualMachineDetailModal.vue
@@ -24,427 +24,40 @@
 
         <a-tabs v-model:active-key="detailActiveTab">
           <a-tab-pane key="overview" title="概览">
-            <a-row :gutter="16">
-              <a-col :span="12">
-                <a-card title="基本信息" :bordered="false">
-                  <a-descriptions :column="1" bordered :data="detailOverviewData.basic" />
-                </a-card>
-              </a-col>
-              <a-col :span="12">
-                <a-card title="资源" :bordered="false">
-                  <a-descriptions :column="1" bordered :data="detailOverviewData.resource" />
-                </a-card>
-              </a-col>
-            </a-row>
-            <a-card title="时间与状态" :bordered="false" style="margin-top: 16px;">
-              <a-descriptions :column="2" bordered :data="detailOverviewData.meta" />
-            </a-card>
+            <VMOverviewTab :vm="currentVM" />
           </a-tab-pane>
           <a-tab-pane key="console" title="控制台">
-            <a-card :bordered="false">
-              <a-alert type="info" show-icon style="margin-bottom: 12px;">
-                <template #title>提示</template>
-                控制台通过本系统代理访问 PVE，无需手动登录 PVE，但首次加载可能需要几秒钟。
-              </a-alert>
-              <div class="pve-console-wrapper">
-                <div v-if="consoleLoading" class="novnc-placeholder">
-                  <a-spin />
-                  <p style="margin-top: 12px;">正在建立控制台会话...</p>
-                </div>
-                <div v-else-if="consoleError" class="novnc-placeholder">
-                  <p>{{ consoleError }}</p>
-                  <a-button type="text" @click="initConsole">重试</a-button>
-                </div>
-                <!-- noVNC 容器始终存在，通过样式控制显示 -->
-                <div
-                  ref="novncContainer"
-                  id="noVNC_container"
-                  class="novnc-container"
-                  :style="{ display: consoleLoading || consoleError ? 'none' : 'flex' }"
-                ></div>
-              </div>
-            </a-card>
+            <VMConsoleTab
+              :vm="currentVM"
+              :vm-id="vmId"
+              :active="detailActiveTab === 'console'"
+            />
           </a-tab-pane>
           <a-tab-pane key="hardware" title="硬件">
-            <a-card :bordered="false">
-              <div class="hardware-toolbar">
-                <a-dropdown trigger="click">
-                  <a-button type="primary" size="small">
-                    添加硬件
-                    <icon-down />
-                  </a-button>
-                  <template #content>
-                    <a-doption
-                      v-for="option in hardwareAddOptions"
-                      :key="option.type"
-                      @click="openAddHardwareDialog(option.type)"
-                    >
-                      {{ option.label }}
-                    </a-doption>
-                  </template>
-                </a-dropdown>
-              </div>
-              <a-table
-                :columns="hardwareColumns"
-                :data="hardwareRows"
-                :pagination="false"
-                size="small"
-              >
-                <template #value="{ record }">
-                  <div class="hardware-value">{{ record.value }}</div>
-                </template>
-                <template #actions="{ record }">
-                  <a-button
-                    v-if="record.editable"
-                    type="text"
-                    size="small"
-                    @click="openEditDialog(record.editType || record.key, record.key)"
-                  >
-                    编辑
-                  </a-button>
-                </template>
-              </a-table>
-            </a-card>
+            <VMHardwareTab
+              :vm="currentVM"
+              :vm-id="vmId"
+              @refresh="loadDetail"
+            />
           </a-tab-pane>
           <a-tab-pane key="config" title="配置">
-            <a-card :bordered="false">
-              <a-empty v-if="!configEntries.length" description="暂无配置数据" />
-              <a-descriptions v-else :column="1" bordered>
-                <a-descriptions-item
-                  v-for="item in configEntries"
-                  :key="item.label"
-                  :label="item.label"
-                >
-                  <pre class="config-pre">{{ item.value }}</pre>
-                </a-descriptions-item>
-              </a-descriptions>
-            </a-card>
+            <VMConfigTab :vm="currentVM" />
           </a-tab-pane>
         </a-tabs>
       </div>
       <a-empty v-else description="暂无虚拟机数据" />
     </a-spin>
   </a-modal>
-
-  <a-modal
-    v-model:visible="editState.visible"
-    :title="editState.title"
-    :footer="false"
-    :width="520"
-    unmount-on-close
-  >
-    <a-form
-      ref="editFormRef"
-      :model="editForm"
-      :rules="editFormRules"
-      label-align="left"
-      label-col="{ span: 7 }"
-      wrapper-col="{ span: 17 }"
-      layout="horizontal"
-    >
-      <template v-if="editState.type === 'cpu'">
-        <a-form-item field="sockets" label="CPU Sockets">
-          <a-input-number v-model="editForm.sockets" :min="1" :max="8" />
-        </a-form-item>
-        <a-form-item field="cores" label="每Socket核心">
-          <a-input-number v-model="editForm.cores" :min="1" :max="64" />
-        </a-form-item>
-        <a-form-item field="cpu" label="CPU类型">
-          <a-select v-model="editForm.cpu" allow-search>
-            <a-option v-for="option in cpuOptions" :key="option" :value="option">
-              {{ option }}
-            </a-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item field="numa" label="NUMA">
-          <a-switch v-model="editForm.numa" />
-        </a-form-item>
-      </template>
-      <template v-else-if="editState.type === 'memory'">
-        <a-form-item field="memory" label="内存(MB)">
-          <a-input-number v-model="editForm.memory" :min="256" :step="256" />
-        </a-form-item>
-      </template>
-      <template v-else-if="editState.type === 'disk'">
-        <a-form-item
-          field="diskValue"
-          :label="`磁盘(${editState.targetKey || 'scsi0'})`"
-        >
-          <a-input v-model="editForm.diskValue" placeholder="示例：local-lvm:32" />
-          <template #extra>
-            直接使用PVE格式，支持 local-lvm:32、ceph-pool:32 等
-          </template>
-        </a-form-item>
-      </template>
-      <template v-else-if="editState.type === 'network'">
-        <a-form-item field="networkValue" :label="`网络(${editState.targetKey || 'net0'})`">
-          <a-input
-            v-model="editForm.networkValue"
-            placeholder="示例：virtio,bridge=vmbr0,firewall=1"
-          />
-        </a-form-item>
-      </template>
-    </a-form>
-
-    <div class="edit-footer">
-      <a-button @click="handleEditCancel" style="margin-right: 12px;">取消</a-button>
-      <a-button type="primary" :loading="editState.submitting" @click="handleEditSubmit">
-        保存
-      </a-button>
-    </div>
-  </a-modal>
-
-  <!-- 添加硬盘 -->
-  <a-modal
-    v-model:visible="addState.visible"
-    :title="addState.title"
-    :footer="false"
-    :width="560"
-    unmount-on-close
-  >
-    <a-form
-      ref="addFormRef"
-      :model="addForm"
-      :rules="addFormRules"
-      layout="vertical"
-    >
-      <template v-if="addState.type === 'disk'">
-        <a-form-item field="storage" label="存储">
-          <a-select
-            v-model="addForm.storage"
-            :loading="storagesLoading"
-            placeholder="请选择存储"
-          >
-            <a-option
-              v-for="storage in storages"
-              :key="storage.storage"
-              :value="storage.storage"
-            >
-              {{ storage.storage }} ({{ storage.type }})
-            </a-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item field="size" label="容量(GB)">
-          <a-input-number v-model="addForm.size" :min="1" />
-        </a-form-item>
-        <a-form-item field="iothread" label="启用IO Thread">
-          <a-switch v-model="addForm.iothread" />
-        </a-form-item>
-      </template>
-      <template v-else-if="addState.type === 'cdrom'">
-        <a-form-item field="isoStorage" label="ISO存储">
-          <a-select
-            v-model="addForm.isoStorage"
-            :loading="storagesLoading"
-            @change="handleISOStorageChange"
-          >
-            <a-option
-              v-for="storage in isoStorages"
-              :key="storage.storage"
-              :value="storage.storage"
-            >
-              {{ storage.storage }}
-            </a-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item field="iso" label="ISO镜像">
-          <a-select
-            v-model="addForm.iso"
-            :loading="isoLoading"
-          >
-            <a-option
-              v-for="iso in isoList"
-              :key="iso.volid"
-              :value="iso.volid"
-            >
-              {{ iso.volid }}
-            </a-option>
-          </a-select>
-        </a-form-item>
-      </template>
-      <template v-else-if="addState.type === 'network'">
-        <a-form-item field="model" label="网卡模型">
-          <a-select v-model="addForm.model">
-            <a-option value="virtio">virtio</a-option>
-            <a-option value="e1000">e1000</a-option>
-            <a-option value="vmxnet3">vmxnet3</a-option>
-            <a-option value="rtl8139">rtl8139</a-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item field="bridge" label="桥接">
-          <a-select
-            v-model="addForm.bridge"
-            :loading="networksLoading"
-            allow-search
-          >
-            <a-option
-              v-for="bridge in bridgeOptions"
-              :key="bridge"
-              :value="bridge"
-            >
-              {{ bridge }}
-            </a-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item field="macaddr" label="MAC地址 (可选)">
-          <a-input v-model="addForm.macaddr" placeholder="示例：DE:AD:BE:EF:12:34" />
-        </a-form-item>
-        <a-form-item field="firewall" label="启用防火墙">
-          <a-switch v-model="addForm.firewall" />
-        </a-form-item>
-      </template>
-      <template v-else-if="addState.type === 'efi'">
-        <a-form-item field="storage" label="EFI存储">
-          <a-select v-model="addForm.storage" :loading="storagesLoading">
-            <a-option
-              v-for="storage in storages"
-              :key="storage.storage"
-              :value="storage.storage"
-            >
-              {{ storage.storage }}
-            </a-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item field="efitype" label="EFI类型">
-          <a-select v-model="addForm.efitype">
-            <a-option value="4m">4M (默认)</a-option>
-            <a-option value="2m">2M</a-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item field="pre_enrolled" label="预置微软密钥">
-          <a-switch v-model="addForm.pre_enrolled" />
-        </a-form-item>
-      </template>
-      <template v-else-if="addState.type === 'tpm'">
-        <a-form-item field="storage" label="TPM存储">
-          <a-select v-model="addForm.storage" :loading="storagesLoading">
-            <a-option
-              v-for="storage in storages"
-              :key="storage.storage"
-              :value="storage.storage"
-            >
-              {{ storage.storage }}
-            </a-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item field="version" label="版本">
-          <a-select v-model="addForm.version">
-            <a-option value="v2.0">v2.0</a-option>
-            <a-option value="v1.2">v1.2</a-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item field="model" label="模型">
-          <a-select v-model="addForm.model">
-            <a-option value="tpm-crb">tpm-crb</a-option>
-            <a-option value="tpm-tis">tpm-tis</a-option>
-          </a-select>
-        </a-form-item>
-      </template>
-      <template v-else-if="addState.type === 'usb'">
-        <a-form-item field="host" label="主机设备 (Vendor:Product)">
-          <a-input v-model="addForm.host" placeholder="示例：1234:abcd" />
-        </a-form-item>
-        <a-form-item field="usb3" label="USB3">
-          <a-switch v-model="addForm.usb3" />
-        </a-form-item>
-      </template>
-      <template v-else-if="addState.type === 'pci'">
-        <a-form-item field="host" label="PCI设备 (Domain:Bus:Slot.Func)">
-          <a-input v-model="addForm.host" placeholder="示例：0000:00:14.0" />
-        </a-form-item>
-        <a-form-item field="pcie" label="启用PCIE">
-          <a-switch v-model="addForm.pcie" />
-        </a-form-item>
-      </template>
-      <template v-else-if="addState.type === 'serial'">
-        <a-form-item field="mode" label="模式">
-          <a-select v-model="addForm.mode">
-            <a-option value="socket">socket</a-option>
-            <a-option value="server">server</a-option>
-            <a-option value="telnet">telnet</a-option>
-            <a-option value="pipe">pipe</a-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item field="path" label="路径/端口 (可选)">
-          <a-input v-model="addForm.path" placeholder="示例：/var/run/qemu-server/serial0" />
-        </a-form-item>
-      </template>
-      <template v-else-if="addState.type === 'cloudinit'">
-        <a-alert type="warning" style="margin-bottom: 12px;">
-          CloudInit 会自动创建配置盘，如已有 ide2 设备请先移除。
-        </a-alert>
-        <a-form-item field="storage" label="存储">
-          <a-select v-model="addForm.storage" :loading="storagesLoading">
-            <a-option
-              v-for="storage in storages"
-              :key="storage.storage"
-              :value="storage.storage"
-            >
-              {{ storage.storage }}
-            </a-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item field="ciuser" label="默认用户">
-          <a-input v-model="addForm.ciuser" />
-        </a-form-item>
-        <a-form-item field="cipassword" label="密码">
-          <a-input-password v-model="addForm.cipassword" />
-        </a-form-item>
-        <a-form-item field="ipconfig0" label="IP配置 (可选)">
-          <a-input v-model="addForm.ipconfig0" placeholder="示例：ip=dhcp 或 ip=192.168.1.10/24,gw=192.168.1.1" />
-        </a-form-item>
-      </template>
-      <template v-else-if="addState.type === 'audio'">
-        <a-form-item field="device" label="音频设备">
-          <a-select v-model="addForm.device">
-            <a-option value="ich9-intel-hda">ich9-intel-hda</a-option>
-            <a-option value="intel-hda">intel-hda</a-option>
-            <a-option value="ac97">ac97</a-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item field="driver" label="驱动">
-          <a-select v-model="addForm.driver">
-            <a-option value="spice">spice</a-option>
-            <a-option value="none">none</a-option>
-          </a-select>
-        </a-form-item>
-      </template>
-      <template v-else-if="addState.type === 'rng'">
-        <a-form-item field="source" label="随机源">
-          <a-input v-model="addForm.source" placeholder="/dev/urandom" />
-        </a-form-item>
-      </template>
-      <template v-else-if="addState.type === 'virtiofs'">
-        <a-form-item field="tag" label="Mount Tag">
-          <a-input v-model="addForm.tag" />
-        </a-form-item>
-        <a-form-item field="path" label="主机路径">
-          <a-input v-model="addForm.path" />
-        </a-form-item>
-      </template>
-    </a-form>
-    <div class="edit-footer">
-      <a-button @click="handleAddCancel" style="margin-right: 12px;">取消</a-button>
-      <a-button type="primary" :loading="addState.submitting" @click="handleAddSubmit">
-        添加
-      </a-button>
-    </div>
-  </a-modal>
 </template>
 
 <script setup>
-import { ref, reactive, watch, computed, nextTick, onMounted, onBeforeUnmount } from 'vue'
+import { ref, watch, computed, onMounted, onBeforeUnmount } from 'vue'
 import { Message } from '@arco-design/web-vue'
-import { IconDown } from '@arco-design/web-vue/es/icon'
-import {
-  getVirtualMachine,
-  updateVirtualMachineHardware,
-  getNodeStorage,
-  getNodeNetwork,
-  getStorageISO,
-  createVMConsoleSession
-} from '@/api/pve'
-import RFB from '@novnc/novnc/core/rfb'
+import { getVirtualMachine } from '@/api/pve'
+import VMOverviewTab from './VMOverviewTab.vue'
+import VMConsoleTab from './VMConsoleTab.vue'
+import VMHardwareTab from './VMHardwareTab.vue'
+import VMConfigTab from './VMConfigTab.vue'
 
 const props = defineProps({
   visible: {
@@ -468,195 +81,13 @@ const visibleProxy = computed({
   set: (val) => emit('update:visible', val)
 })
 
- const detailLoading = ref(false)
- const detailActiveTab = ref('overview')
- const detailModalWidth = ref(960)
- const currentVM = ref(null)
- const editFormRef = ref(null)
- const addFormRef = ref(null)
-const novncContainer = ref(null)
-const consoleLoading = ref(false)
-const consoleError = ref('')
-const rfb = ref(null)
+const detailLoading = ref(false)
+const detailActiveTab = ref('overview')
+const detailModalWidth = ref(960)
+const currentVM = ref(null)
 
-const editState = reactive({
-  visible: false,
-  type: '',
-  title: '',
-  submitting: false,
-  targetKey: ''
-})
 
-const editForm = reactive({})
-const addState = reactive({
-  visible: false,
-  type: '',
-  title: '',
-  submitting: false
-})
- const addForm = reactive({})
-
-const API_BASE = (import.meta.env.VITE_HOST || '').replace(/\/$/, '')
-
-const buildBackendUrl = (path) => {
-  if (!path) return ''
-  if (path.startsWith('http://') || path.startsWith('https://')) {
-    return path
-  }
-  const base = API_BASE || window.location.origin
-  if (path.startsWith('/')) {
-    return `${base}${path}`
-  }
-  return `${base}/${path}`
-}
-
-const initConsole = async () => {
-  if (!currentVM.value) return
-
-  // 清理之前的连接
-  if (rfb.value) {
-    try {
-      rfb.value.disconnect()
-      rfb.value = null
-    } catch (e) {
-      console.warn('清理旧连接时出错:', e)
-    }
-  }
-
-  consoleLoading.value = true
-  consoleError.value = ''
-
-  try {
-    // 创建控制台会话
-    const session = await createVMConsoleSession(currentVM.value.id, { type: 'novnc' })
-    if (!session?.session_token) {
-      throw new Error('未获取到控制台会话信息')
-    }
-
-    // 优先使用 proxy_url（完整的 WebSocket URL），如果没有则使用 proxy_path 构建
-    let wsUrl = ''
-    if (session.proxy_url) {
-      // 直接使用后端返回的完整 WebSocket URL
-      wsUrl = session.proxy_url
-    } else if (session.proxy_path) {
-      // 使用 proxy_path 构建完整的 WebSocket URL
-      const baseUrl = buildBackendUrl('')
-      const wsProtocol = baseUrl.startsWith('https') ? 'wss' : 'ws'
-      const wsHost = baseUrl.replace(/^https?:\/\//, '').replace(/\/$/, '')
-      wsUrl = `${wsProtocol}://${wsHost}${session.proxy_path.startsWith('/') ? session.proxy_path : '/' + session.proxy_path}`
-    } else {
-      throw new Error('未获取到 WebSocket 代理路径')
-    }
-
-    // 使用 password 字段作为 VNC 密码
-    const password = session.password || ''
-
-    console.log('连接 noVNC:', {
-      wsUrl,
-      hasPassword: !!password,
-      vmid: session.vmid,
-      node: session.node
-    })
-
-    // 等待 DOM 更新，确保 novncContainer 元素已经渲染
-    await nextTick()
-
-    // 获取容器元素（优先使用 ref，如果不存在则通过 ID 获取）
-    const container = novncContainer.value || document.getElementById('noVNC_container')
-    if (!container) {
-      throw new Error('找不到 noVNC 容器元素，请刷新页面重试')
-    }
-
-    // 创建 noVNC 连接
-    rfb.value = new RFB(container, wsUrl, {
-      credentials: {
-        password: password
-      },
-      shared: true,
-      repeaterID: ''
-    })
-
-    // 配置 RFB
-    // scaleViewport: true 表示本地缩放，canvas 会缩放以适应容器，保持宽高比
-    // resizeSession: false 表示不调整远程会话大小，只进行本地缩放
-    rfb.value.scaleViewport = true
-    rfb.value.resizeSession = false
-    rfb.value.background = '#000000'
-    rfb.value.qualityLevel = 6
-    rfb.value.compressionLevel = 2
-
-    // 事件监听
-    rfb.value.addEventListener('connect', () => {
-      consoleLoading.value = false
-      consoleError.value = ''
-      console.log('noVNC 连接成功')
-      // 连接成功后，触发一次 resize 以确保正确布局和居中
-      setTimeout(() => {
-        if (rfb.value && container) {
-          // 触发容器 resize 事件，让 noVNC 重新计算布局
-          const resizeEvent = new Event('resize', { bubbles: true })
-          container.dispatchEvent(resizeEvent)
-        }
-      }, 200)
-    })
-
-    rfb.value.addEventListener('disconnect', (e) => {
-      consoleLoading.value = false
-      const reason = e?.detail?.clean === false && e?.detail?.reason
-        ? e.detail.reason
-        : '连接已断开'
-      consoleError.value = reason
-      console.log('noVNC 断开连接:', reason, e?.detail)
-    })
-
-    rfb.value.addEventListener('credentialsrequired', () => {
-      consoleError.value = '需要密码验证，但密码可能不正确'
-      consoleLoading.value = false
-      console.warn('noVNC 需要密码验证')
-    })
-
-    rfb.value.addEventListener('securityfailure', (e) => {
-      const reason = e.detail?.reason || '未知错误'
-      consoleError.value = '安全验证失败: ' + reason
-      consoleLoading.value = false
-      console.error('noVNC 安全验证失败:', e.detail)
-    })
-
-    rfb.value.addEventListener('serverinit', () => {
-      console.log('noVNC 服务器初始化完成')
-    })
-
-    rfb.value.addEventListener('capabilities', (e) => {
-      console.log('noVNC 服务器能力:', e.detail)
-    })
-
-  } catch (error) {
-    consoleError.value = error.message || '初始化控制台失败'
-    consoleLoading.value = false
-    console.error('初始化控制台失败:', error)
-  }
-}
-
-const cleanupConsole = () => {
-  if (rfb.value) {
-    try {
-      rfb.value.disconnect()
-      rfb.value = null
-    } catch (e) {
-      console.warn('清理控制台连接时出错:', e)
-    }
-  }
-}
-
-const storages = ref([])
-const storagesLoading = ref(false)
-const networks = ref([])
-const networksLoading = ref(false)
-const isoStorages = ref([])
-const isoList = ref([])
-const isoLoading = ref(false)
-
- const getStatusColor = (status) => {
+const getStatusColor = (status) => {
   const colorMap = {
     running: 'green',
     stopped: 'red',
@@ -676,172 +107,6 @@ const getStatusText = (status) => {
   return textMap[status] || '未知'
 }
 
-const detailOverviewData = computed(() => {
-  const vm = currentVM.value
-  if (!vm) {
-    return { basic: [], resource: [], meta: [] }
-  }
-  return {
-    basic: [
-      { label: '虚拟机ID', value: vm.vmid || '-' },
-      { label: '节点', value: vm.node || '-' },
-      { label: '所属服务器', value: vm.server_name || '-' },
-      { label: '描述', value: vm.description || '无' }
-    ],
-    resource: [
-      { label: 'CPU核心数', value: vm.cpu_cores ? `${vm.cpu_cores} vCPU` : '-' },
-      { label: '内存', value: vm.memory_mb ? `${vm.memory_mb} MB` : '-' },
-      { label: '磁盘', value: vm.disk_gb ? `${vm.disk_gb} GB` : '-' },
-      { label: 'IP地址', value: vm.ip_address || '未分配' }
-    ],
-    meta: [
-      { label: '创建时间', value: vm.created_at || '-' },
-      { label: '更新时间', value: vm.updated_at || '-' },
-      { label: '状态', value: getStatusText(vm.status) }
-    ]
-  }
-})
-
-const configEntries = computed(() => {
-  const config = currentVM.value?.pve_config || {}
-  return Object.keys(config).map(key => ({
-    label: key,
-    value: typeof config[key] === 'object' ? JSON.stringify(config[key], null, 2) : String(config[key])
-  }))
-})
-
-const hardwareAddOptions = [
-  { type: 'disk', label: '硬盘' },
-  { type: 'cdrom', label: 'CD/DVD 驱动器' },
-  { type: 'network', label: '网络设备' },
-  { type: 'efi', label: 'EFI 磁盘' },
-  { type: 'tpm', label: 'TPM 状态' },
-  { type: 'usb', label: 'USB 设备' },
-  { type: 'pci', label: 'PCI 设备' },
-  { type: 'serial', label: '串行端口' },
-  { type: 'cloudinit', label: 'CloudInit 设备' },
-  { type: 'audio', label: '音频设备' },
-  { type: 'rng', label: 'VirtIO RNG' },
-  { type: 'virtiofs', label: 'Virtiofs' }
-]
-
-const hardwareColumns = [
-  { title: '硬件', dataIndex: 'label', width: 160 },
-  { title: '参数', dataIndex: 'value', slotName: 'value' },
-  { title: '操作', dataIndex: 'actions', slotName: 'actions', width: 100 }
-]
-
-const hardwareRows = computed(() => {
-  const vm = currentVM.value
-  if (!vm) {
-    return []
-  }
-  const config = vm.pve_config || {}
-  const rows = []
-  const sockets = Number(config.sockets || 1)
-  const coresPerSocket = Number(config.cores || (vm.cpu_cores ? Math.max(1, Math.floor(vm.cpu_cores / (sockets || 1))) : 1))
-  const cpuType = config.cpu || '默认'
-  rows.push({
-    key: 'cpu',
-    label: '处理器',
-    value: `${sockets} Socket × ${coresPerSocket} Core (CPU: ${cpuType})`,
-    editable: true
-  })
-  rows.push({
-    key: 'memory',
-    label: '内存',
-    value: config.memory ? `${config.memory} MB` : vm.memory_mb ? `${vm.memory_mb} MB` : '-',
-    editable: true
-  })
-
-  Object.keys(config).forEach((key) => {
-    if (/^scsi\d+$/.test(key)) {
-      // SCSI 接口的硬盘，全部可编辑
-      rows.push({
-        key,
-        label: `磁盘 (${key})`,
-        value: config[key],
-        editable: true,
-        editType: 'disk'
-      })
-    } else if (/^ide\d+$/.test(key)) {
-      // IDE 接口：包括硬盘和 CDROM，全部可编辑
-      const isCDROM = String(config[key]).includes('media=cdrom')
-      rows.push({
-        key,
-        label: isCDROM ? `CD/DVD (${key})` : `磁盘 (${key})`,
-        value: config[key],
-        editable: true,
-        editType: 'disk'
-      })
-    } else if (/^virtio\d+$/.test(key)) {
-      // VirtIO 接口的硬盘，全部可编辑
-      rows.push({
-        key,
-        label: `磁盘 (${key})`,
-        value: config[key],
-        editable: true,
-        editType: 'disk'
-      })
-    } else if (/^sata\d+$/.test(key)) {
-      // SATA 接口的硬盘，全部可编辑
-      rows.push({
-        key,
-        label: `磁盘 (${key})`,
-        value: config[key],
-        editable: true,
-        editType: 'disk'
-      })
-    } else if (/^net\d+$/.test(key)) {
-      rows.push({
-        key,
-        label: `网络 (${key})`,
-        value: config[key],
-        editable: true,
-        editType: 'network'
-      })
-    }
-  })
-
-  if (config.efidisk0) {
-    rows.push({ key: 'efidisk0', label: 'EFI 磁盘', value: config.efidisk0, editable: false })
-  }
-  if (config.tpmstate0) {
-    rows.push({ key: 'tpmstate0', label: 'TPM', value: config.tpmstate0, editable: false })
-  }
-  if (config.usb0) {
-    rows.push({ key: 'usb0', label: 'USB 设备', value: config.usb0, editable: false })
-  }
-  if (config.hostpci0) {
-    rows.push({ key: 'hostpci0', label: 'PCI 设备', value: config.hostpci0, editable: false })
-  }
-  if (config.serial0) rows.push({ key: 'serial0', label: '串口', value: config.serial0, editable: false })
-  if (config.audio0) rows.push({ key: 'audio0', label: '音频', value: config.audio0, editable: false })
-  if (config.rng0) rows.push({ key: 'rng0', label: '随机数设备', value: config.rng0, editable: false })
-  if (config.virtiofs0) rows.push({ key: 'virtiofs0', label: 'Virtiofs', value: config.virtiofs0, editable: false })
-
-  return rows
-})
-
-const cpuOptions = [
-  'host',
-  'x86-64-v2-AES',
-  'x86-64-v3',
-  'x86-64-v4',
-  'kvm64',
-  'qemu64'
-]
-
-const bridgeOptions = computed(() => {
-  const bridges = networks.value
-    .filter(item => item.type === 'bridge' && item.iface)
-    .map(item => item.iface)
-  const unique = Array.from(new Set(bridges))
-  if (!unique.includes('vmbr0')) {
-    unique.push('vmbr0')
-  }
-  return unique
-})
 
 const updateDetailWidth = () => {
   const viewportWidth = window.innerWidth || document.documentElement.clientWidth || 1200
@@ -866,7 +131,6 @@ const loadDetail = async (options = {}) => {
   try {
     const res = await getVirtualMachine(props.vmId)
     currentVM.value = res
-    await loadHardwareResources()
   } catch (error) {
     currentVM.value = props.fallbackRecord || null
     Message.error('获取虚拟机详情失败：' + (error.message || '未知错误'))
@@ -875,511 +139,37 @@ const loadDetail = async (options = {}) => {
   }
 }
 
-const loadHardwareResources = async () => {
-  const vm = currentVM.value
-  if (!vm || !vm.server || !vm.node) {
-    storages.value = []
-    networks.value = []
-    isoStorages.value = []
-    return
-  }
-  await Promise.all([fetchStorages(vm), fetchNetworks(vm)])
-  isoStorages.value = storages.value.filter(item => item.content?.includes('iso') || item.type === 'dir' || item.type === 'nfs')
-}
-
-const fetchStorages = async (vm) => {
-  storagesLoading.value = true
-  try {
-    const res = await getNodeStorage(vm.server, vm.node)
-    storages.value = Array.isArray(res) ? res : []
-  } catch (error) {
-    storages.value = []
-    Message.error('获取存储列表失败：' + (error.message || '未知错误'))
-  } finally {
-    storagesLoading.value = false
-  }
-}
-
-const fetchNetworks = async (vm) => {
-  networksLoading.value = true
-  try {
-    const res = await getNodeNetwork(vm.server, vm.node)
-    networks.value = Array.isArray(res) ? res : []
-  } catch (error) {
-    networks.value = []
-    Message.error('获取网络接口失败：' + (error.message || '未知错误'))
-  } finally {
-    networksLoading.value = false
-  }
-}
-
-const getConfig = () => currentVM.value?.pve_config || {}
-
-const resetEditForm = () => {
-  Object.keys(editForm).forEach((key) => {
-    delete editForm[key]
-  })
-}
-
-const openEditDialog = (type, targetKey = '') => {
-  if (!currentVM.value) {
-    return
-  }
-  editState.targetKey = targetKey || type || ''
-  const config = getConfig()
-  resetEditForm()
-  editState.type = type
-  editState.submitting = false
-  switch (type) {
-    case 'cpu':
-      editState.title = '编辑处理器'
-      Object.assign(editForm, {
-        sockets: Number(config.sockets || 1),
-        cores: Number(config.cores || (currentVM.value.cpu_cores || 1)),
-        cpu: config.cpu || 'x86-64-v2-AES',
-        numa: config.numa === 1 || config.numa === '1' || config.numa === true
-      })
-      break
-    case 'memory':
-      editState.title = '编辑内存'
-      Object.assign(editForm, {
-        memory: Number(config.memory || currentVM.value.memory_mb || 512)
-      })
-      break
-    case 'disk':
-      editState.title = `编辑磁盘 (${editState.targetKey || 'scsi0'})`
-      Object.assign(editForm, {
-        diskValue: config[editState.targetKey || 'scsi0'] || ''
-      })
-      break
-    case 'network':
-      editState.title = `编辑网络 (${editState.targetKey || 'net0'})`
-      Object.assign(editForm, {
-        networkValue: config[editState.targetKey || 'net0'] || ''
-      })
-      break
-    default:
-      editState.title = '编辑硬件'
-      break
-  }
-  editState.visible = true
-  nextTick(() => {
-    editFormRef.value?.clearValidate()
-  })
-}
-
-const editFormRules = computed(() => {
-  switch (editState.type) {
-    case 'cpu':
-      return {
-        sockets: [{ required: true, message: '请输入Sockets', type: 'number' }],
-        cores: [{ required: true, message: '请输入核心数', type: 'number' }],
-        cpu: [{ required: true, message: '请选择CPU类型' }]
-      }
-    case 'memory':
-      return {
-        memory: [{ required: true, message: '请输入内存大小', type: 'number' }]
-      }
-    case 'disk':
-      return {
-        diskValue: [{ required: true, message: '请输入磁盘配置' }]
-      }
-    case 'network':
-      return {
-        networkValue: [{ required: true, message: '请输入网络配置' }]
-      }
-    default:
-      return {}
-  }
-})
-
-const buildParams = () => {
-  switch (editState.type) {
-    case 'cpu':
-      return {
-        sockets: Number(editForm.sockets),
-        cores: Number(editForm.cores),
-        cpu: editForm.cpu,
-        numa: editForm.numa ? 1 : 0
-      }
-    case 'memory':
-      return {
-        memory: Number(editForm.memory)
-      }
-    case 'disk':
-      return editState.targetKey
-        ? { [editState.targetKey]: editForm.diskValue }
-        : { scsi0: editForm.diskValue }
-    case 'network':
-      return editState.targetKey
-        ? { [editState.targetKey]: editForm.networkValue }
-        : { net0: editForm.networkValue }
-    default:
-      return {}
-  }
-}
-
-const handleEditCancel = () => {
-  editState.visible = false
-}
-
-const handleEditSubmit = async () => {
-  if (!props.vmId) {
-    Message.warning('缺少虚拟机ID，无法更新硬件配置')
-    return
-  }
-  if (editFormRef.value) {
-    try {
-      await editFormRef.value.validate()
-    } catch (error) {
-      return
-    }
-  }
-  const params = buildParams()
-  if (!Object.keys(params).length) {
-    Message.warning('暂无可更新的参数')
-    return
-  }
-  editState.submitting = true
-  try {
-    await updateVirtualMachineHardware(props.vmId, { params })
-    Message.success('硬件配置更新已提交')
-    editState.visible = false
-    await loadDetail({ preserveTab: true })
-    detailActiveTab.value = 'hardware'
-  } catch (error) {
-    Message.error('更新失败：' + (error.message || '未知错误'))
-  } finally {
-    editState.submitting = false
-  }
-}
-
-const getNextDeviceKey = (prefix, startIndex = 0) => {
-  const config = getConfig()
-  let index = startIndex
-  while (config.hasOwnProperty(`${prefix}${index}`)) {
-    index += 1
-  }
-  return `${prefix}${index}`
-}
-
-const openAddHardwareDialog = (type) => {
-  if (!currentVM.value) return
-  addState.type = type
-  addState.title = hardwareAddOptions.find(item => item.type === type)?.label || '添加硬件'
-  addState.submitting = false
-  Object.keys(addForm).forEach(key => delete addForm[key])
-  switch (type) {
-    case 'disk':
-      addForm.storage = storages.value[0]?.storage || ''
-      addForm.size = 10
-      addForm.iothread = true
-      break
-    case 'cdrom':
-      addForm.isoStorage = isoStorages.value[0]?.storage || ''
-      addForm.iso = ''
-      if (addForm.isoStorage) {
-        handleISOStorageChange(addForm.isoStorage)
-      }
-      break
-    case 'network':
-      addForm.model = 'virtio'
-      addForm.bridge = bridgeOptions.value[0] || 'vmbr0'
-      addForm.macaddr = ''
-      addForm.firewall = true
-      break
-    case 'efi':
-      addForm.storage = storages.value[0]?.storage || ''
-      addForm.efitype = '4m'
-      addForm.pre_enrolled = true
-      break
-    case 'tpm':
-      addForm.storage = storages.value[0]?.storage || ''
-      addForm.version = 'v2.0'
-      addForm.model = 'tpm-crb'
-      break
-    case 'usb':
-      addForm.host = ''
-      addForm.usb3 = true
-      break
-    case 'pci':
-      addForm.host = ''
-      addForm.pcie = true
-      break
-    case 'serial':
-      addForm.mode = 'socket'
-      addForm.path = ''
-      break
-    case 'cloudinit':
-      addForm.storage = storages.value[0]?.storage || ''
-      addForm.ciuser = 'root'
-      addForm.cipassword = ''
-      addForm.ipconfig0 = 'ip=dhcp'
-      break
-    case 'audio':
-      addForm.device = 'ich9-intel-hda'
-      addForm.driver = 'spice'
-      break
-    case 'rng':
-      addForm.source = '/dev/urandom'
-      break
-    case 'virtiofs':
-      addForm.tag = 'share'
-      addForm.path = '/mnt/share'
-      break
-  }
-  addState.visible = true
-  nextTick(() => {
-    addFormRef.value?.clearValidate()
-  })
-}
-
-const macPattern = /^([0-9A-Fa-f]{2}:){5}[0-9A-Fa-f]{2}$/
-
-const addFormRules = computed(() => {
-  switch (addState.type) {
-    case 'disk':
-      return {
-        storage: [{ required: true, message: '请选择存储' }],
-        size: [{ required: true, message: '请输入容量', type: 'number' }]
-      }
-    case 'cdrom':
-      return {
-        isoStorage: [{ required: true, message: '请选择ISO存储' }],
-        iso: [{ required: true, message: '请选择ISO镜像' }]
-      }
-    case 'network':
-      return {
-        bridge: [{ required: true, message: '请选择桥接' }],
-        macaddr: [{
-          validator: (value, callback) => {
-            if (!value) return callback()
-            if (macPattern.test(value)) return callback()
-            return callback('MAC地址格式不正确')
-          }
-        }]
-      }
-    case 'efi':
-      return { storage: [{ required: true, message: '请选择存储' }] }
-    case 'tpm':
-      return { storage: [{ required: true, message: '请选择存储' }] }
-    case 'usb':
-      return { host: [{ required: true, message: '请输入设备ID (Vendor:Product)' }] }
-    case 'pci':
-      return { host: [{ required: true, message: '请输入PCI地址' }] }
-    case 'cloudinit':
-      return {
-        storage: [{ required: true, message: '请选择存储' }],
-        ciuser: [{ required: true, message: '请输入默认用户' }]
-      }
-    case 'virtiofs':
-      return {
-        tag: [{ required: true, message: '请输入Mount Tag' }],
-        path: [{ required: true, message: '请输入路径' }]
-      }
-    default:
-      return {}
-  }
-})
-
-const handleISOStorageChange = async (storage) => {
-  if (!storage || !currentVM.value) {
-    isoList.value = []
-    addForm.iso = ''
-    return
-  }
-  isoLoading.value = true
-  try {
-    const res = await getStorageISO(currentVM.value.server, currentVM.value.node, storage)
-    isoList.value = Array.isArray(res) ? res : []
-    addForm.iso = isoList.value[0]?.volid || ''
-  } catch (error) {
-    isoList.value = []
-    addForm.iso = ''
-    Message.error('获取ISO列表失败：' + (error.message || '未知错误'))
-  } finally {
-    isoLoading.value = false
-  }
-}
-
-const buildAddParams = () => {
-  switch (addState.type) {
-    case 'disk': {
-      const storageInfo = storages.value.find(s => s.storage === addForm.storage)
-      const storageType = storageInfo?.type || ''
-      const size = Number(addForm.size)
-      const base = ['rbd', 'lvm', 'lvmthin'].includes(storageType)
-        ? `${addForm.storage}:${size}`
-        : `${addForm.storage}:${size}G`
-      const value = addForm.iothread ? `${base},iothread=on` : base
-      const key = getNextDeviceKey('scsi')
-      return { key, value }
-    }
-    case 'cdrom': {
-      const key = getNextDeviceKey('ide', 2)
-      const value = `${addForm.iso},media=cdrom`
-      return { key, value }
-    }
-    case 'network': {
-      const key = getNextDeviceKey('net')
-      const parts = [addForm.model || 'virtio']
-      if (addForm.bridge) parts.push(`bridge=${addForm.bridge}`)
-      if (addForm.macaddr) parts.push(`macaddr=${addForm.macaddr}`)
-      parts.push(`firewall=${addForm.firewall ? 1 : 0}`)
-      return { key, value: parts.join(',') }
-    }
-    case 'efi': {
-      if (getConfig().efidisk0) throw new Error('已存在EFI磁盘，请先移除')
-      const value = `${addForm.storage}:1,efitype=${addForm.efitype || '4m'},pre-enrolled-keys=${addForm.pre_enrolled ? 1 : 0}`
-      return { key: 'efidisk0', value }
-    }
-    case 'tpm': {
-      if (getConfig().tpmstate0) throw new Error('已存在TPM设备，请先移除')
-      const value = `${addForm.storage}:4,version=${addForm.version || 'v2.0'},model=${addForm.model || 'tpm-crb'}`
-      return { key: 'tpmstate0', value }
-    }
-    case 'usb': {
-      const key = getNextDeviceKey('usb')
-      const value = `${addForm.host}${addForm.usb3 ? ',usb3=1' : ''}`
-      return { key, value }
-    }
-    case 'pci': {
-      const key = getNextDeviceKey('hostpci')
-      const value = `${addForm.host}${addForm.pcie ? ',pcie=1' : ''}`
-      return { key, value }
-    }
-    case 'serial': {
-      const key = getNextDeviceKey('serial')
-      const value = addForm.path ? `${addForm.mode || 'socket'},path=${addForm.path}` : (addForm.mode || 'socket')
-      return { key, value }
-    }
-    case 'cloudinit': {
-      const value = `${addForm.storage}:cloudinit`
-      const params = {
-        ide2: value,
-        ciuser: addForm.ciuser || 'root'
-      }
-      if (addForm.cipassword) params.cipassword = addForm.cipassword
-      if (addForm.ipconfig0) params.ipconfig0 = addForm.ipconfig0
-      return { params }
-    }
-    case 'audio': {
-      if (getConfig().audio0) throw new Error('已存在音频设备，请先移除')
-      const value = `device=${addForm.device || 'ich9-intel-hda'},driver=${addForm.driver || 'spice'}`
-      return { key: 'audio0', value }
-    }
-    case 'rng': {
-      if (getConfig().rng0) throw new Error('已存在RNG设备，请先移除')
-      const value = `source=${addForm.source || '/dev/urandom'}`
-      return { key: 'rng0', value }
-    }
-    case 'virtiofs': {
-      const key = getNextDeviceKey('virtiofs')
-      const value = `mount_tag=${addForm.tag},path=${addForm.path}`
-      return { key, value }
-    }
-    default:
-      return { key: '', value: '' }
-  }
-}
-
-const handleAddCancel = () => {
-  addState.visible = false
-}
-
-const handleAddSubmit = async () => {
-  if (!props.vmId) return
-  if (addFormRef.value) {
-    try {
-      await addFormRef.value.validate()
-    } catch (error) {
-      return
-    }
-  }
-  let payload
-  try {
-    const result = buildAddParams()
-    if (result.params) {
-      payload = result.params
-    } else if (result.key) {
-      payload = { [result.key]: result.value }
-    } else {
-      Message.warning('无可提交的参数')
-      return
-    }
-  } catch (error) {
-    Message.error(error.message || '构建参数失败')
-    return
-  }
-  addState.submitting = true
-  try {
-    await updateVirtualMachineHardware(props.vmId, { params: payload })
-    Message.success(`${addState.title} 创建任务已提交`)
-    addState.visible = false
-    await loadDetail({ preserveTab: true })
-    detailActiveTab.value = 'hardware'
-  } catch (error) {
-    Message.error('添加硬件失败：' + (error.message || '未知错误'))
-  } finally {
-    addState.submitting = false
-  }
-}
-
 watch(
   () => props.visible,
   (val) => {
     if (val) {
-       loadDetail()
-     } else {
-       currentVM.value = null
-       editState.visible = false
-       addState.visible = false
-       cleanupConsole()
-     }
+      loadDetail()
+    } else {
+      currentVM.value = null
+    }
   }
 )
 
 watch(
   () => props.vmId,
-   (val, oldVal) => {
-     if (props.visible && val !== oldVal) {
-       loadDetail()
-      if (detailActiveTab.value === 'console') {
-        initConsole()
-      }
-     }
-   }
- )
-
-watch(
-  () => detailActiveTab.value,
-  async (tab) => {
-    if (tab === 'console') {
-      // 等待 DOM 更新后再初始化
-      await nextTick()
-      // 再延迟一点确保容器元素已完全渲染
-      setTimeout(() => {
-        initConsole()
-      }, 50)
-    } else {
-      cleanupConsole()
+  (val, oldVal) => {
+    if (props.visible && val !== oldVal) {
+      loadDetail()
     }
   }
 )
 
- onMounted(() => {
-   updateDetailWidth()
-   window.addEventListener('resize', updateDetailWidth)
-   if (props.visible) {
-     loadDetail()
-   }
- })
+onMounted(() => {
+  updateDetailWidth()
+  window.addEventListener('resize', updateDetailWidth)
+  if (props.visible) {
+    loadDetail()
+  }
+})
 
- onBeforeUnmount(() => {
-   cleanupConsole()
-   window.removeEventListener('resize', updateDetailWidth)
-   window.removeEventListener('resize', updateDetailWidth)
- })
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updateDetailWidth)
+})
 </script>
 
 <style scoped>
@@ -1408,131 +198,12 @@ watch(
   margin-top: 4px;
 }
 
-.console-placeholder {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 24px;
-  background: var(--color-fill-2);
-  border-radius: 8px;
-}
-
-.config-pre {
-  margin: 0;
-  white-space: pre-wrap;
-  font-family: var(--font-family-code);
-  font-size: 12px;
-  line-height: 1.4;
-}
-
-.hardware-value {
-  white-space: pre-wrap;
-  word-break: break-all;
-}
-
-.hardware-toolbar {
-  display: flex;
-  justify-content: flex-end;
-  margin-bottom: 12px;
-}
-
-.edit-footer {
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 12px;
-}
-
-
-.novnc-placeholder {
-  width: 80%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--color-text-3);
-  text-align: center;
-}
-
-.novnc-loading {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.pve-console-wrapper {
-  width: 80%;
-  min-height: 480px;
-  border: 1px solid var(--color-border-2);
-  border-radius: 8px;
-  background: #000;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-}
-
-.novnc-container {
-  width: 80%;
-  max-width: 1200px;
-  height: 600px;
-  background: #000;
-  position: relative;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0 auto;
-  padding: 0;
-  text-align: center;
-}
-
-/* noVNC 创建的 _screen div - 确保居中显示 */
-.novnc-container > div {
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-  width: 80% !important;
-  height: 100% !important;
-  margin: 0 auto !important;
-  padding: 0 !important;
-  position: relative !important;
-  overflow: auto !important;
-}
-
-/* noVNC 创建的 canvas - 当 scaleViewport=true 时，canvas 会按比例缩放，需要居中显示 */
-.novnc-container canvas {
-  display: block !important;
-  margin: 0 auto !important;
-  /* 不强制宽高，让 noVNC 的 scaleViewport 自动处理缩放，保持宽高比 */
-  max-width: 80% !important;
-  max-height: 100% !important;
-  /* 确保 canvas 在容器中水平和垂直居中 */
-  position: relative !important;
-}
-
-/* 确保 a-card 内容区域也居中 */
-:deep(.arco-card-body) {
-  text-align: center;
-}
-
-/* 确保控制台卡片内的内容居中 */
-:deep(.arco-tabs-content) {
-  text-align: left;
-  overflow-x: hidden;
-  max-width: 100%;
-}
-
-:deep(.arco-tabs-content .arco-card-body) {
-  text-align: center;
-  overflow-x: hidden;
-  max-width: 100%;
-}
-
 /* 确保控制台 tab 下的卡片不会超出视口 */
+:deep(.arco-tabs-content) {
+  overflow-x: hidden;
+  max-width: 100%;
+}
+
 :deep(.arco-tabs-content .arco-card) {
   max-width: 100%;
   overflow-x: hidden;