feat: 镜像管理新增mode模式字段支持(local/remote)

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/virtualization/ImageDetail.vue

@@ -32,8 +32,13 @@
           <el-descriptions-item label="状态">
             <el-tag :type="statusType(detail.status)" size="small">{{ statusLabel(detail.status) }}</el-tag>
           </el-descriptions-item>
+          <el-descriptions-item label="模式">
+            <el-tag :type="detail.mode === 'remote' ? 'warning' : 'success'" size="small">{{ detail.mode === 'remote' ? '远端模式' : '本地模式' }}</el-tag>
+          </el-descriptions-item>
           <el-descriptions-item label="大小">{{ detail.size ? formatSize(detail.size) : '-' }}</el-descriptions-item>
           <el-descriptions-item label="路径" :span="2"><span class="mono-text">{{ detail.path || '-' }}</span></el-descriptions-item>
+          <el-descriptions-item label="下载URL" :span="2"><span class="mono-text">{{ detail.url || '-' }}</span></el-descriptions-item>
+          <el-descriptions-item label="来源地址" :span="2"><span class="mono-text">{{ detail.source || '-' }}</span></el-descriptions-item>
           <el-descriptions-item label="介绍" :span="2">{{ detail.description || '-' }}</el-descriptions-item>
           <el-descriptions-item label="创建时间">{{ formatTimestamp(detail.created_at) }}</el-descriptions-item>
           <el-descriptions-item label="更新时间">{{ formatTimestamp(detail.updated_at) }}</el-descriptions-item>
@@ -79,6 +84,11 @@
             <el-option label="系统镜像" value="system" /><el-option label="数据镜像" value="data" />
           </el-select>
         </el-form-item>
+        <el-form-item label="镜像模式">
+          <el-select v-model="formData.mode" style="width: 100%">
+            <el-option label="本地模式" value="local" /><el-option label="远端模式" value="remote" />
+          </el-select>
+        </el-form-item>
         <el-form-item label="状态">
           <el-select v-model="formData.status" style="width: 100%">
             <el-option label="等待中" value="pending" /><el-option label="下载中" value="downloading" />
@@ -160,7 +170,7 @@ const syncHostId = ref('')
 const reloadHostId = ref('')
 const formRef = ref(null)
 
-const formData = reactive({ name: '', path: '', os_type: 'linux', type: 'system', description: '', status: '' })
+const formData = reactive({ name: '', path: '', os_type: 'linux', type: 'system', description: '', status: '', mode: 'local' })
 const formRules = {
   name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
   path: [{ required: true, message: '请输入路径', trigger: 'blur' }]
@@ -232,7 +242,7 @@ const loadHostStatus = async () => {
 const handleEdit = () => {
   if (!detail.value) return
   const d = detail.value
-  Object.assign(formData, { name: d.name || '', path: d.path || '', os_type: d.os_type || 'linux', type: d.type || 'system', description: d.description || '', status: d.status || '' })
+  Object.assign(formData, { name: d.name || '', path: d.path || '', os_type: d.os_type || 'linux', type: d.type || 'system', description: d.description || '', status: d.status || '', mode: d.mode || 'local' })
   editDialogVisible.value = true
 }
 
@@ -241,7 +251,7 @@ const handleSubmitEdit = () => {
     if (!valid) return
     submitLoading.value = true
     try {
-      const payload = { image_id: imageId.value, service_id: serviceId.value, image_name: formData.name, path: formData.path, os_type: formData.os_type, type: formData.type, description: formData.description || undefined, status: formData.status || undefined }
+      const payload = { image_id: imageId.value, service_id: serviceId.value, image_name: formData.name, path: formData.path, os_type: formData.os_type, type: formData.type, description: formData.description || undefined, status: formData.status || undefined, mode: formData.mode }
       Object.keys(payload).forEach(k => { if (payload[k] === undefined) delete payload[k] })
       const res = await updateImage(payload)
       if (res?.data?.code === 200) { ElMessage.success('修改成功'); editDialogVisible.value = false; loadDetail() }

src/views/virtualization/ImageManage.vue

@@ -54,6 +54,11 @@
           <el-tag :type="row.type === 'system' ? '' : 'warning'" size="small">{{ row.type === 'system' ? '系统' : '数据' }}</el-tag>
         </template>
       </el-table-column>
+      <el-table-column label="模式" width="90">
+        <template #default="{ row }">
+          <el-tag :type="row.mode === 'remote' ? 'warning' : 'success'" size="small">{{ row.mode === 'remote' ? '远端' : '本地' }}</el-tag>
+        </template>
+      </el-table-column>
       <el-table-column label="主控状态" width="100">
         <template #default="{ row }">
           <el-tag :type="statusType(row.status)" size="small">{{ statusLabel(row.status) }}</el-tag>
@@ -109,6 +114,13 @@
               <el-option label="数据镜像" value="data" />
             </el-select>
           </el-form-item>
+          <el-form-item label="镜像模式" prop="mode">
+            <el-select v-model="formData.mode" style="width: 100%">
+              <el-option label="本地模式（下载到本地提供服务）" value="local" />
+              <el-option label="远端模式（直接使用远端URL）" value="remote" />
+            </el-select>
+            <div style="color:#909399;font-size:12px;margin-top:4px">本地模式会下载镜像到主控；远端模式宿主机直接从远端URL下载</div>
+          </el-form-item>
           <el-form-item label="介绍">
             <el-input v-model="formData.description" type="textarea" :rows="3" placeholder="镜像介绍（可选）" />
           </el-form-item>
@@ -148,10 +160,19 @@
           <el-descriptions-item label="状态">
             <el-tag :type="statusType(currentDetail.status)" size="small">{{ statusLabel(currentDetail.status) }}</el-tag>
           </el-descriptions-item>
+          <el-descriptions-item label="模式">
+            <el-tag :type="currentDetail.mode === 'remote' ? 'warning' : 'success'" size="small">{{ currentDetail.mode === 'remote' ? '远端模式' : '本地模式' }}</el-tag>
+          </el-descriptions-item>
           <el-descriptions-item label="大小">{{ currentDetail.size ? formatSize(currentDetail.size) : '-' }}</el-descriptions-item>
           <el-descriptions-item label="路径" :span="2">
             <span class="mono-text">{{ currentDetail.path || '-' }}</span>
           </el-descriptions-item>
+          <el-descriptions-item label="下载URL" :span="2">
+            <span class="mono-text">{{ currentDetail.url || '-' }}</span>
+          </el-descriptions-item>
+          <el-descriptions-item label="来源地址" :span="2">
+            <span class="mono-text">{{ currentDetail.source || '-' }}</span>
+          </el-descriptions-item>
           <el-descriptions-item label="介绍" :span="2">{{ currentDetail.description || '-' }}</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>
@@ -291,7 +312,7 @@ const currentHostLabel = computed(() => {
 
 const formData = reactive({
   image_id: undefined, name: '', path: '', os_type: 'linux', type: 'system',
-  description: '', status: '', size: 0, image_name: ''
+  description: '', status: '', size: 0, image_name: '', mode: 'local'
 })
 
 const formRules = {
@@ -400,7 +421,7 @@ const handleSearch = () => { queryParams.page = 1; loadList() }
 
 const handleAdd = () => {
   dialogType.value = 'add'
-  Object.assign(formData, { image_id: undefined, name: '', path: '', os_type: 'linux', type: 'system', description: '', status: '', size: 0 })
+  Object.assign(formData, { image_id: undefined, name: '', path: '', os_type: 'linux', type: 'system', description: '', status: '', size: 0, mode: 'local' })
   dialogVisible.value = true
 }
 
@@ -409,7 +430,8 @@ const handleEdit = (row) => {
   Object.assign(formData, {
     image_id: row.id, name: row.name, image_name: row.name, path: row.path || '',
     os_type: row.os_type || 'linux', type: row.type || 'system',
-    description: row.description || '', status: row.status || '', size: row.size || 0
+    description: row.description || '', status: row.status || '', size: row.size || 0,
+    mode: row.mode || 'local'
   })
   dialogVisible.value = true
 }
@@ -423,7 +445,8 @@ const handleSubmit = () => {
       if (dialogType.value === 'add') {
         res = await createImage({
           service_id: serviceId.value, name: formData.name, path: formData.path,
-          os_type: formData.os_type, type: formData.type, description: formData.description || undefined
+          os_type: formData.os_type, type: formData.type, description: formData.description || undefined,
+          mode: formData.mode
         })
       } else {
         const payload = {
@@ -431,7 +454,8 @@ const handleSubmit = () => {
           image_name: formData.name, path: formData.path,
           os_type: formData.os_type, type: formData.type,
           description: formData.description || undefined,
-          status: formData.status || undefined, size: formData.size || undefined
+          status: formData.status || undefined, size: formData.size || undefined,
+          mode: formData.mode
         }
         // 清除 undefined
         Object.keys(payload).forEach(k => { if (payload[k] === undefined) delete payload[k] })