feat: 对接用户组网管理

src/views/virtualization/ImageDetail.vue

@@ -2,7 +2,7 @@
   <div class="image-detail-page">
     <div class="page-header">
       <div class="header-left">
-        <el-button @click="goBack" link class="back-btn"><el-icon><ArrowLeft /></el-icon> 返回镜像列表</el-button>
+        <el-button @click="goBack" link class="back-btn"><el-icon><ArrowLeft /></el-icon> 返回上一页</el-button>
         <el-divider direction="vertical" />
         <span class="page-title">镜像详情</span>
       </div>
@@ -96,9 +96,8 @@
     <!-- 同步到宿主机弹窗 -->
     <el-dialog v-model="syncDialogVisible" title="同步镜像到宿主机" width="440px" destroy-on-close>
       <el-form label-width="100px">
-        <el-form-item label="镜像">{{ detail?.name || '-' }}</el-form-item>
         <el-form-item label="目标宿主机" required>
-          <el-select v-model="syncHostId" placeholder="请选择宿主机" style="width: 100%">
+          <el-select v-model="syncHostId" placeholder="请选择宿主机" filterable style="width: 100%">
             <el-option v-for="h in hostOptions" :key="h.id" :label="`${h.name} (${h.ip || '#' + h.id})`" :value="h.id" />
           </el-select>
         </el-form-item>
@@ -184,7 +183,7 @@ const getHostName = (hid) => { const h = hostOptions.value.find(x => x.id === hi
 
 const loadHostOptions = async () => {
   try {
-    const res = await getRemoteHostList({ service_id: serviceId.value, page: 1, page_size: 200 })
+    const res = await getRemoteHostList({ service_id: serviceId.value, page: 1, page_size: 10 })
     if (res?.data?.code === 200 && res?.data?.data) {
       const inner = res.data.data
       hostOptions.value = Array.isArray(inner) ? inner : (inner.hosts || inner.list || inner.data || [])
@@ -274,7 +273,7 @@ const submitSync = async () => {
   if (!syncHostId.value) return ElMessage.warning('请选择宿主机')
   actionLoading.value = true
   try {
-    const fd = new FormData(); fd.append('service_id', serviceId.value); fd.append('image_id', imageId.value); fd.append('host_id', syncHostId.value)
+    const fd = new FormData(); fd.append('service_id', serviceId.value); fd.append('host_id', syncHostId.value)
     const res = await syncImageToHost(fd)
     if (res?.data?.code === 200) { ElMessage.success('已触发同步'); syncDialogVisible.value = false; loadHostStatus() }
     else ElMessage.error(extractApiError(res?.data, '同步失败'))
@@ -306,7 +305,7 @@ const handleDelete = () => {
 
 const goBack = () => {
   tagsViewStore.delVisitedView(route)
-  router.push({ path: '/virtualization/kvm-service-detail', query: { service_id: serviceId.value, service_name: serviceName.value } })
+  router.back()
 }
 
 let loadedImageId = null