fix:添加审计和全局

src/views/acs/images/ContainerImages.vue

@@ -181,7 +181,7 @@
     <el-dialog
       v-model="formDialogVisible"
       :title="editOr ? '编辑镜像' : '上传镜像'"
-      width="60%"
+      width="45%"
       :before-close="handleDialogClose"
     >
       <el-form :model="form" label-width="120px" :rules="rules" ref="imageFormRef">
@@ -195,12 +195,18 @@
         <el-form-item label="展示名称" prop="show_name">
           <el-input v-model="form.show_name" placeholder="请输入展示名称" />
         </el-form-item>
-        <el-form-item label="分类ID" prop="class_id">
+        <el-form-item label="分类" prop="image_class_id" v-if="editOr == true">
+          <el-select v-model="form.image_class_id" placeholder="请选择分类">
+              <el-option v-for="item in options" :key="item.class_id" :label="item.name" :value="item.class_id">
+              </el-option>
+          </el-select>
+        </el-form-item>
+        <!-- <el-form-item label="分类ID" prop="class_id">
           <el-input v-model="form.class_id" placeholder="请输入分类ID" />
         </el-form-item>
         <el-form-item label="分类名称" prop="class_name">
           <el-input v-model="form.class_name" placeholder="请输入分类名称" />
-        </el-form-item>
+        </el-form-item> -->
         <el-form-item label="图标">
           <div class="image-icon-upload">
             <img v-if="form.image_ico" :src="mainUrl + form.image_ico" class="preview-icon" />
@@ -391,7 +397,7 @@ import { ElMessage, ElMessageBox } from 'element-plus'
 import { getServer } from '@/utils/acs/server'
 import { 
   getMirrorList, uploadMirror, editMirror, delMirror, 
-  syncMirror, getUserMirrorList, pullMirror
+  syncMirror, getUserMirrorList, pullMirror, getImageTypeList
 } from '@/utils/acs/mirror'
 import { uploadFile, getFileList } from '@/utils/acs/message'
 // import { message } from '@/utils/acs/message'
@@ -410,6 +416,7 @@ const resetSearch = () => {
   searchForm.name = ''
   handleSearch()
 }
+const options = ref([])
 
 // 表格数据
 const loading = ref(false)
@@ -710,6 +717,20 @@ const addnet = (data) => {
 const delProt = (index) => {
   prot_data.value.splice(index, 1)
 }
+// 获取镜像分类列表
+const fetchCategoryList = async (serverId) => {
+  try {
+    const response = await getImageTypeList(serverId)
+    if (response.data.code === 200) {
+      options.value = response.data.data || []
+    } else {
+      ElMessage.error('获取镜像分类失败：' + response.data.message)
+    }
+  } catch (error) {
+    console.error('获取镜像分类出错：', error)
+    ElMessage.error('获取镜像分类列表失败')
+  }
+}
 
 // 编辑镜像
 const handleEdit = async (data) => {
@@ -722,6 +743,8 @@ const handleEdit = async (data) => {
           id: item.plan_id,
         }
       })
+      await fetchCategoryList(data.server_id)
+      
     } else {
       planlist.value = []
     }
@@ -904,6 +927,7 @@ const uploadImage = async () => {
     return acc
   }, {})
   form.env = JSON.stringify(env)
+  form.class_id = form.image_class_id
   
   if (editOr.value == true) {
     let res = await editMirror(form)