From 564e6cc01709f171515fb3c76b24da7b5fc980f6 Mon Sep 17 00:00:00 2001
From: shiran <admin@example.com>
Date: Fri, 15 May 2026 10:59:45 +0800
Subject: [PATCH] =?UTF-8?q?feat(admin/vm-network):=20=E7=BD=91=E7=BB=9C?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=A2=9E=E5=8A=A0is=5Fprimary=E4=B8=BBIP?=
 =?UTF-8?q?=E6=A0=87=E8=AF=86+=E8=AE=BE=E4=B8=BA=E4=B8=BBIP+=E9=87=8D?=
 =?UTF-8?q?=E7=BD=AEMAC=E5=9C=B0=E5=9D=80=20--=20=E7=BC=98=E7=94=B1:=20?=
 =?UTF-8?q?=E5=90=8E=E7=AB=AF=E6=96=B0=E5=A2=9Enetwork/set=5Fprimary?=
 =?UTF-8?q?=E5=92=8Cvm/reset=5Fmac=E6=8E=A5=E5=8F=A3=20--=20=E9=A2=84?=
 =?UTF-8?q?=E6=9C=9F:=20VmDetail=E4=B8=8EUserVmDetail=E7=BD=91=E7=BB=9C?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=98=BE=E7=A4=BA=E4=B8=BBIP=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE,=E9=9D=9E=E4=B8=BBIP=E8=A1=8C=E6=9C=89=E8=AE=BE?=
 =?UTF-8?q?=E4=B8=BA=E4=B8=BBIP=E6=8C=89=E9=92=AE,=E6=9B=B4=E5=A4=9A?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E5=A2=9E=E5=8A=A0=E9=87=8D=E7=BD=AEMAC?=
 =?UTF-8?q?=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/api/admin/kvmService.js           | 14 ++++++++
 src/api/admin/userVm.js               |  2 ++
 src/views/user-vm/UserVmDetail.vue    | 41 +++++++++++++++++++++--
 src/views/virtualization/VmDetail.vue | 47 +++++++++++++++++++++++++--
 4 files changed, 98 insertions(+), 6 deletions(-)

diff --git a/src/api/admin/kvmService.js b/src/api/admin/kvmService.js
index cfc26e3..9cda5f4 100644
--- a/src/api/admin/kvmService.js
+++ b/src/api/admin/kvmService.js
@@ -284,6 +284,20 @@ export const deleteNetwork = (params) => {
   return http2.delete('/api/v1/admin/server/host_service/point/network/delete', { params })
 }
 
+/** 设置主IP */
+export const setNetworkPrimary = (data) => {
+  return http2.post('/api/v1/admin/server/host_service/point/network/set_primary', data, {
+    headers: { 'Content-Type': 'multipart/form-data' }
+  })
+}
+
+/** 重置虚拟机MAC地址 */
+export const resetVmMac = (data) => {
+  return http2.post('/api/v1/admin/server/host_service/point/vm/reset_mac', data, {
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
+  })
+}
+
 /**
  * ================================
  * 主控服务接口 - 数据卷管理
diff --git a/src/api/admin/userVm.js b/src/api/admin/userVm.js
index 0492175..9d1d14f 100644
--- a/src/api/admin/userVm.js
+++ b/src/api/admin/userVm.js
@@ -88,6 +88,8 @@ export const deleteUserVmPostGroupRule = (params) => http2.delete(`${BASE}/post_
 // ========== 网络 ==========
 export const getUserVmNetworkList = (params) => http2.get(`${BASE}/network/list`, { params })
 export const getUserVmNetworkDetail = (params) => http2.get(`${BASE}/network/detail`, { params })
+export const setUserVmNetworkPrimary = (data) => http2.post(`${BASE}/network/set_primary`, fd(data), { headers: { 'Content-Type': 'multipart/form-data' } })
+export const resetUserVmMac = (params) => http2.post(`${BASE}/reset_mac`, null, { params })
 
 // ========== 组网 ==========
 export const getUserVmNetworkingList = (params) => http2.get(`${BASE}/networking/list`, { params })
diff --git a/src/views/user-vm/UserVmDetail.vue b/src/views/user-vm/UserVmDetail.vue
index 4f9150d..e0b1904 100644
--- a/src/views/user-vm/UserVmDetail.vue
+++ b/src/views/user-vm/UserVmDetail.vue
@@ -46,6 +46,7 @@
                   <el-dropdown-item command="resume">恢复</el-dropdown-item>
                   <el-dropdown-item command="rescue" :disabled="!!vm?.rescue">救援模式</el-dropdown-item>
                   <el-dropdown-item command="exitRescue" :disabled="!vm?.rescue">退出救援</el-dropdown-item>
+                  <el-dropdown-item command="resetMac">重置MAC地址</el-dropdown-item>
                   <el-dropdown-item divided command="rebuild">重装系统</el-dropdown-item>
                   <el-dropdown-item command="updateVm">编辑虚拟机</el-dropdown-item>
                   <el-dropdown-item command="refactorVm">重构虚拟机</el-dropdown-item>
@@ -329,9 +330,15 @@
               <el-table-column prop="address" label="地址(CIDR)" min-width="150" />
               <el-table-column prop="gateway" label="网关" min-width="120" />
               <el-table-column prop="mac_address" label="MAC" min-width="150" show-overflow-tooltip />
-              <el-table-column label="类型" width="80"><template #default="{ row }"><el-tag :type="row.type === 'bridge' ? 'success' : 'warning'" size="small">{{ row.type === 'bridge' ? '网桥' : 'NAT' }}</el-tag></template></el-table-column>
-              <el-table-column label="操作" width="90" fixed="right">
+              <el-table-column label="主IP" width="70" align="center">
                 <template #default="{ row }">
+                  <el-tag v-if="row.is_primary" type="success" size="small" effect="dark">主</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column label="类型" width="80"><template #default="{ row }"><el-tag :type="row.type === 'bridge' ? 'success' : 'warning'" size="small">{{ row.type === 'bridge' ? '网桥' : 'NAT' }}</el-tag></template></el-table-column>
+              <el-table-column label="操作" width="160" fixed="right">
+                <template #default="{ row }">
+                  <el-button v-if="!row.is_primary" link type="warning" size="small" @click="handleSetVmNetworkPrimary(row)">设为主IP</el-button>
                   <el-button link type="danger" size="small" :loading="deletingNetworkId === row.id" @click="handleDeleteVmNetwork(row)">
                     <el-icon :size="14"><Delete /></el-icon>删除
                   </el-button>
@@ -1117,7 +1124,8 @@ import {
   getUserVmNetworkList, getUserVmNetworkDetail, getUserVmNetworkingList, createUserVmNetworking, assignUserVmNetworking, removeUserVmNetworkingNetwork, deleteUserVmNetworking,
   getUserGoodsDetail,
   getUserVmMetricsHistory,
-  getUserVmTrafficPolicy, updateUserVmTrafficPolicy, addUserVmFixedTraffic, addUserVmTemporaryTraffic
+  getUserVmTrafficPolicy, updateUserVmTrafficPolicy, addUserVmFixedTraffic, addUserVmTemporaryTraffic,
+  setUserVmNetworkPrimary, resetUserVmMac
 } from '@/api/admin/userVm'
 import { deleteNetwork as deletePointNetwork } from '@/api/admin/kvmService'
 import { extractApiError } from '@/utils/kvmErrorUtil'
@@ -1363,6 +1371,7 @@ const handleMoreCmd = (cmd) => {
   if (cmd === 'refactorVm') openRefactorVm()
   if (cmd === 'migrate') openMigrateVm()
   if (cmd === 'editGoods') openEditGoods()
+  if (cmd === 'resetMac') handleResetVmMac()
   if (cmd === 'delete') {
     ElMessageBox.confirm('确定删除该用户虚拟机吗？', '删除确认', { type: 'error' }).then(async () => {
       try {
@@ -1731,6 +1740,32 @@ const handleDeleteVmNetwork = (row) => {
   }).catch(() => {})
 }
 
+const handleSetVmNetworkPrimary = (row) => {
+  ElMessageBox.confirm(
+    `将「${row.address || row.name}」设为主IP？设置后将触发 CloudInit 重建并重启虚拟机。`,
+    '设置主IP', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }
+  ).then(async () => {
+    try {
+      const res = await setUserVmNetworkPrimary({ user_good_id: userGoodsId.value, network_id: row.id })
+      if (res?.data?.code === 200) { ElMessage.success('设置主IP成功，虚拟机将重启'); loadDetail() }
+      else ElMessage.error(extractApiError(res?.data, '设置主IP失败'))
+    } catch (e) { ElMessage.error(extractApiError(e?.response?.data, '设置主IP失败')) }
+  }).catch(() => {})
+}
+
+const handleResetVmMac = () => {
+  ElMessageBox.confirm(
+    '重置MAC地址将重建 CloudInit 并重启虚拟机，确定继续？',
+    '重置MAC地址', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }
+  ).then(async () => {
+    try {
+      const res = await resetUserVmMac({ user_goods_id: userGoodsId.value })
+      if (res?.data?.code === 200) { ElMessage.success('MAC地址重置成功，虚拟机将重启'); loadDetail() }
+      else ElMessage.error(extractApiError(res?.data, '重置MAC失败'))
+    } catch (e) { ElMessage.error(extractApiError(e?.response?.data, '重置MAC失败')) }
+  }).catch(() => {})
+}
+
 // ---- 绑定网络 ----
 const showBindNetworkSelector = ref(false)
 
diff --git a/src/views/virtualization/VmDetail.vue b/src/views/virtualization/VmDetail.vue
index 21d80f4..efed543 100644
--- a/src/views/virtualization/VmDetail.vue
+++ b/src/views/virtualization/VmDetail.vue
@@ -30,6 +30,7 @@
                 <el-dropdown-item divided command="editVm" :disabled="isMigrating">修改虚拟机</el-dropdown-item>
                 <el-dropdown-item command="refactorVm" :disabled="isMigrating">重构虚拟机</el-dropdown-item>
                 <el-dropdown-item command="updateTraffic" :disabled="isMigrating">修改带宽</el-dropdown-item>
+                <el-dropdown-item command="resetMac" :disabled="isMigrating">重置MAC地址</el-dropdown-item>
                 <el-dropdown-item divided command="rebuild" :disabled="isMigrating">重装虚拟机</el-dropdown-item>
                 <el-dropdown-item command="rescue">救援模式</el-dropdown-item>
                 <el-dropdown-item command="exitRescue">退出救援</el-dropdown-item>
@@ -280,6 +281,11 @@
               <el-table-column prop="gateway" label="网关" min-width="120" />
               <el-table-column prop="nameservers" label="DNS" min-width="140" show-overflow-tooltip />
               <el-table-column prop="mac_address" label="MAC地址" min-width="150" show-overflow-tooltip />
+              <el-table-column label="主IP" width="70" align="center">
+                <template #default="{ row }">
+                  <el-tag v-if="row.is_primary" type="success" size="small" effect="dark">主</el-tag>
+                </template>
+              </el-table-column>
               <el-table-column label="类型" width="80">
                 <template #default="{ row }">
                   <el-tag :type="row.type === 'bridge' ? 'success' : 'warning'" size="small">{{ row.type === 'bridge' ? '网桥' : 'NAT' }}</el-tag>
@@ -287,10 +293,11 @@
               </el-table-column>
               <el-table-column prop="bridge_name" label="网桥" width="100" />
               <el-table-column prop="target_device" label="目标设备" width="100" show-overflow-tooltip />
-              <el-table-column label="操作" width="180" fixed="right">
+              <el-table-column label="操作" width="240" fixed="right">
                 <template #default="{ row }">
                   <el-button link type="primary" size="small" @click="handleNetDetail(row)">详情</el-button>
                   <el-button link type="primary" size="small" @click="handleNetEdit(row)">编辑</el-button>
+                  <el-button v-if="!row.is_primary" link type="warning" size="small" @click="handleSetPrimary(row)">设为主IP</el-button>
                   <el-button link type="danger" size="small" @click="handleNetDelete(row)">删除</el-button>
                 </template>
               </el-table-column>
@@ -1598,7 +1605,8 @@ import {
   migrateVm, getRemoteHostGroupList, getRemoteHostDetail,
   dataMigrateVm, getDataMigrateProgress, abortDataMigrate,
   getKvmServiceList, getMetricsHistory, getNetworkList,
-  getVmTrafficPolicy, updateVmTrafficPolicy, addVmFixedTraffic, addVmTemporaryTraffic
+  getVmTrafficPolicy, updateVmTrafficPolicy, addVmFixedTraffic, addVmTemporaryTraffic,
+  setNetworkPrimary, resetVmMac
 } from '@/api/admin/kvmService'
 import { getUserInfo } from '@/api/admin/user'
 import { extractApiError } from '@/utils/kvmErrorUtil'
@@ -1736,7 +1744,7 @@ const handleMoreCommand = (cmd) => {
   const actionMap = {
     editVm: handleEditVm, refactorVm: handleRefactorVm, updateTraffic: handleUpdateTraffic,
     rebuild: handleRebuild, rescue: handleRescue, exitRescue: handleExitRescue,
-    migrateVm: handleMigrateVm
+    migrateVm: handleMigrateVm, resetMac: handleResetMac
   }
   if (actionMap[cmd]) actionMap[cmd]()
   if (cmd === 'dataMigrateVm') handleDataMigrateVm()
@@ -2825,6 +2833,39 @@ const handleNetDelete = (row) => {
     }).catch(() => {})
 }
 
+const handleSetPrimary = (row) => {
+  ElMessageBox.confirm(
+    `将「${row.address || row.name}」设为主IP？设置后将触发 CloudInit 重建并重启虚拟机。`,
+    '设置主IP', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }
+  ).then(async () => {
+    try {
+      const fd = new FormData()
+      fd.append('service_id', serviceId.value)
+      fd.append('network_id', row.id)
+      fd.append('host_id', row.host_id || detail.value?.host_id)
+      const res = await setNetworkPrimary(fd)
+      if (res?.data?.code === 200) { ElMessage.success('设置主IP成功，虚拟机将重启'); loadDetail() }
+      else ElMessage.error(extractApiError(res?.data, '设置主IP失败'))
+    } catch (e) { ElMessage.error(extractApiError(e?.response?.data, '设置主IP失败')) }
+  }).catch(() => {})
+}
+
+const handleResetMac = () => {
+  ElMessageBox.confirm(
+    '重置MAC地址将重建 CloudInit 并重启虚拟机，确定继续？',
+    '重置MAC地址', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }
+  ).then(async () => {
+    try {
+      const fd = new FormData()
+      fd.append('service_id', serviceId.value)
+      fd.append('vm_id', detail.value?.id)
+      const res = await resetVmMac(fd)
+      if (res?.data?.code === 200) { ElMessage.success('MAC地址重置成功，虚拟机将重启'); loadDetail() }
+      else ElMessage.error(extractApiError(res?.data, '重置MAC失败'))
+    } catch (e) { ElMessage.error(extractApiError(e?.response?.data, '重置MAC失败')) }
+  }).catch(() => {})
+}
+
 // ---- 数据卷操作（绑定/创建/调整/挂载/卸载/迁移/删除/详情） ----
 const showVolSelector = ref(false)