fex: 样式修改

src/views/virtualization/VmManage.vue

@@ -63,7 +63,7 @@
           <el-button link type="primary" size="small" @click="handleGoDetail(row)">详情</el-button>
           <el-button link type="success" size="small" @click="handlePower(row, 'start')" :disabled="row.status === 'running'">启动</el-button>
           <el-button link type="warning" size="small" @click="handlePower(row, 'stop')" :disabled="row.status === 'stopped' || row.status === 'stop'">关机</el-button>
-          <el-dropdown trigger="click" @command="cmd => handleMoreAction(row, cmd)" style="margin-left: 4px">
+          <el-dropdown trigger="click" @command="cmd => handleMoreAction(row, cmd)" style="margin-left: 10px;margin-top: 4.5px">
             <el-button link type="info" size="small">更多<el-icon class="el-icon--right"><ArrowDown /></el-icon></el-button>
             <template #dropdown>
               <el-dropdown-menu>
@@ -209,17 +209,25 @@
           <el-descriptions-item label="名称">{{ currentDetail.name }}</el-descriptions-item>
           <el-descriptions-item label="CPU">{{ currentDetail.vcpu }} 核</el-descriptions-item>
           <el-descriptions-item label="内存">{{ formatMemory(currentDetail.memory) }}</el-descriptions-item>
-          <el-descriptions-item label="系统盘">{{ currentDetail.system_size }} GB</el-descriptions-item>
           <el-descriptions-item label="状态">
             <el-tag :type="vmStatusType(currentDetail.status)" size="small">{{ vmStatusLabel(currentDetail.status) }}</el-tag>
           </el-descriptions-item>
           <el-descriptions-item label="下行带宽">{{ currentDetail.rx_bandwidth || 0 }} Mbps</el-descriptions-item>
           <el-descriptions-item label="上行带宽">{{ currentDetail.tx_bandwidth || 0 }} Mbps</el-descriptions-item>
-          <el-descriptions-item label="宿主机">{{ getHostLabel(currentDetail.host_id) }}</el-descriptions-item>
-          <el-descriptions-item label="镜像ID">{{ currentDetail.image_id || '-' }}</el-descriptions-item>
-          <el-descriptions-item label="用户ID">{{ currentDetail.user_id || '-' }}</el-descriptions-item>
-          <el-descriptions-item label="宿主机组ID">{{ currentDetail.host_group_id || '-' }}</el-descriptions-item>
-          <el-descriptions-item label="IP" :span="2">{{ currentDetail.ip || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="SSH端口">{{ currentDetail.ssh_port || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="IP" :span="2">{{ currentDetail.ips || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="UUID" :span="2">
+            <span style="font-family: Consolas, monospace; font-size: 12px">{{ currentDetail.uuid || '-' }}</span>
+          </el-descriptions-item>
+          <el-descriptions-item label="Mate Data ID" :span="2">
+            <span style="font-family: Consolas, monospace; font-size: 12px">{{ currentDetail.mate_data_id || '-' }}</span>
+          </el-descriptions-item>
+          <el-descriptions-item label="Root密码" v-if="currentDetail.root_password">
+            <span style="font-family: Consolas, monospace">{{ currentDetail.root_password }}</span>
+          </el-descriptions-item>
+          <el-descriptions-item label="流量上限" v-if="currentDetail.traffic_max">{{ currentDetail.traffic_max }} GB</el-descriptions-item>
+          <el-descriptions-item label="快照上限" v-if="currentDetail.snapshot_num">{{ currentDetail.snapshot_num }}</el-descriptions-item>
+          <el-descriptions-item label="备份上限" v-if="currentDetail.backup_num">{{ currentDetail.backup_num }}</el-descriptions-item>
           <el-descriptions-item label="创建时间">{{ formatTimestamp(currentDetail.created_at) }}</el-descriptions-item>
           <el-descriptions-item label="更新时间">{{ formatTimestamp(currentDetail.updated_at) }}</el-descriptions-item>
         </el-descriptions>
@@ -640,8 +648,13 @@ const handleViewDetail = async (row) => {
     const res = await getVmDetail({ service_id: serviceId.value, vm_id: row.id })
     if (res?.data?.code === 200 && res?.data?.data) {
       const d = res.data.data
-      // API may return data.vm nested, or data.data, or flat
-      currentDetail.value = d.vm ?? d.data ?? d
+      const vm = d.data ?? d.vm ?? d
+      vm.networks = d.networks || []
+      vm.volumes = d.volumes || []
+      vm.image = d.image || null
+      vm.in_port_group = d.in_port_group || null
+      if (!vm.ips && vm.networks?.length) vm.ips = vm.networks.map(n => n.address?.split('/')[0]).filter(Boolean).join(', ')
+      currentDetail.value = vm
     }
   } catch { /* fallback */ } finally { detailLoading.value = false }
 }