ApiServer-Web-admin_dashboard_pc/问题.MD

管理员前端控制台 - 问题跟踪

最新一轮 (图一到图七)

1. ✅已完成 - 图一：安全组列表 "暂无数据" → 修复 SecurityGroupManage.vue 数据映射优先 inner.groups
2. ✅已完成 - 图二：安全组详情弹窗字段为空 → 修复 SecurityGroupManage.vue 详情映射优先 res.data.data.group
3. ✅已完成 - 图三：安全组绑定VM使用 el-input-number → 改用 VmSelectorPopup 组件
4. ✅已完成 - 图四：安全组解绑VM使用 el-input-number → 改用 VmSelectorPopup 组件
5. ✅已完成 - 图五：VNC 获取VM连接使用 el-input-number → 改用 VmSelectorPopup 组件
6. ✅已完成 - 图六：VNC 测试宿主机默认值显示 "0" → 改为 null (空选择)
7. ✅已完成 - 图七：宿主机、镜像、虚拟机、安全组四个模块表格操作只保留"编辑"和"删除"按钮
   • 创建 HostDetail.vue 宿主机独立详情页 (含编辑、指标、详情)
   • 创建 ImageDetail.vue 镜像独立详情页 (含编辑、同步到宿主机、重下载、宿主机状态)
   • 创建 VmDetail.vue 虚拟机独立详情页 (含电源操作、重建、救援、指标)
   • 创建 SecurityGroupDetail.vue 安全组独立详情页 (含同步、绑定/解绑VM、白名单切换、规则管理)
   • 添加4个详情页路由 (host-detail, image-detail, vm-detail, security-group-detail)
   • HostManage.vue 表格操作改为 "编辑"→跳转详情页 + "删除"
   • ImageManage.vue 表格操作改为 "编辑"→跳转详情页 + "删除"
   • VmManage.vue 表格操作改为 "编辑"→跳转详情页 + "删除"，补充 deleteVm API
   • SecurityGroupManage.vue 表格操作改为 "编辑"→跳转详情页 + "删除"

---

前一轮 (图一到图五 - 列表数据显示)

1. ✅已完成 - 远程宿主机组列表 "暂无数据" → 修复 RemoteHostGroupManage.vue 优先 inner.host_groups
2. ✅已完成 - 宿主机指标弹窗 emoji 图标 → 改为 Element Plus 图标 (Monitor, Coin, Box, Connection)
3. ✅已完成 - 虚拟机管理 "更多" 下拉按钮错位 → 修复 el-dropdown 内联样式对齐
4. ✅已完成 - 安全组列表 "暂无数据" → 修复 SecurityGroupManage.vue 优先 inner.groups
5. ✅已完成 - VNC 节点列表 "暂无数据" → 修复 VncNodeManage.vue 优先 inner.items

---

虚拟化平台管理 17项问题 (已全部完成)

1. ✅已完成 - 宿主机管理数据无法正常显示
2. ✅已完成 - 宿主机创建/编辑：数字输入框样式优化 + 带宽单位 Mbps
3. ✅已完成 - 宿主机创建：宿主机组ID改为选择器
4. ✅已完成 - 宿主机详情：SSH密码显示 + 指标美化 + 时间戳格式化
5. ✅已完成 - 远程宿主机组管理页面
6. ✅已完成 - 镜像详情：data.image 嵌套映射
7. ✅已完成 - 镜像同步到宿主机 + 重下载功能
8. ✅已完成 - 网络管理：空高级参数不提交 + host_id 改为下拉选择
9. ✅已完成 - 数据卷：host_id 改为下拉选择
10. ✅已完成 - 数据卷：迁移功能 + 选择器组件
11. ✅已完成 - 数据卷详情：data.volume 嵌套映射 + 时间戳
12. ✅已完成 - 虚拟机：带宽显示 Mbps 单位
13. ✅已完成 - 虚拟机：完整中文状态映射
14. ✅已完成 - 虚拟机详情：data.vm 嵌套映射 + 子表格
15. ✅已完成 - 虚拟机：恢复/救援/退出救援操作
16. ✅已完成 - 虚拟机创建：镜像选择器 + 宿主机组选择器
17. ✅已完成 - 虚拟机指标：CPU/内存/磁盘/网络卡片美化