feat: 图片对比功能完善

src/views/demo/video2image/index.vue

@@ -278,14 +278,6 @@ const setItemsOptions = () => {
         placeholder: '请输入视频名称'
       }
     },
-    {
-      label: '备注',
-      prop: 'remarks',
-      rules: [{ required: true, message: '备注不能为空', trigger: 'blur' }],
-      compOptions: {
-        placeholder: '请输入备注'
-      }
-    },
     {
       label: '切割帧率',
       prop: 'fps',
@@ -303,6 +295,25 @@ const setItemsOptions = () => {
         type: 'number',
         placeholder: '请输入切割帧率，范围：1-60'
       }
+    },
+    {
+      label: '上传视频',
+      prop: 'inputOssId',
+      rules: [{ required: false, message: '视频不能为空', trigger: 'blur' }],
+      compOptions: {
+        elTagName: 'file-upload',
+        fileSize: 4096,
+        fileType: ['mp4', 'avi', 'rmvb', 'mov', 'wmv', 'flv'],
+        placeholder: '请上传视频文件'
+      }
+    },
+    {
+      label: '备注',
+      prop: 'remarks',
+      rules: [{ required: false, message: '备注不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入备注'
+      }
     }
   ]
 }

src/views/demo/videoStable/index.vue

@@ -32,7 +32,7 @@
     </ProTable>
     <FormDialog ref="formDialogRef" />
     <ImportExcel ref="dialogRef" />
-    <el-dialog v-model="dialogVisible" :title="'图片对比： ' + taskName + '第' + imageIdx + '张图片对比'" width="80%">
+    <el-dialog v-model="dialogVisible" :title="'图片对比： 第' + imageIdx + '张图片对比'" width="80%">
       <div class="image-dialog">
         <el-image :src="'data:image/png;base64,' + imageBase64List.origin" style="width: 45%"></el-image>
         <el-image :src="'data:image/png;base64,' + imageBase64List.stable" style="width: 45%"></el-image>
@@ -68,7 +68,7 @@ import {
 } from '@/api/modules/demo/videoStable'
 
 const dialogVisible = ref(false)
-const taskName = ref('')
+const taskId = ref('')
 const imageIdx = ref(1)
 const imageBase64List = ref({
   origin: '',
@@ -85,26 +85,26 @@ const startVideoStable = async (params: any) => {
   proTable.value?.getTableList()
 }
 
-const loadImageData = async (taskName: string, imageIdx: number) => {
-  const res: any = await getCompareImageApi(taskName, imageIdx)
+const loadImageData = async (taskId: string, imageIdx: number) => {
+  const res: any = await getCompareImageApi(taskId, imageIdx)
   imageBase64List.value.origin = res.origin
   imageBase64List.value.stable = res.stable
 }
 const compareVideoStable = async (params: any) => {
-  taskName.value = params.name
+  taskId.value = params.id
   imageIdx.value = 1
-  await loadImageData(taskName.value, imageIdx.value)
+  await loadImageData(taskId.value, imageIdx.value)
 
   dialogVisible.value = true
 }
 const next_picture = async () => {
   imageIdx.value = imageIdx.value + 1
-  await loadImageData(taskName.value, imageIdx.value)
+  await loadImageData(taskId.value, imageIdx.value)
 }
 const pre_picture = async () => {
   if (imageIdx.value > 1) {
     imageIdx.value = imageIdx.value - 1
-    await loadImageData(taskName.value, imageIdx.value)
+    await loadImageData(taskId.value, imageIdx.value)
   }
 }
 
@@ -337,7 +337,7 @@ const setItemsOptions = () => {
         elTagName: 'file-upload',
         fileSize: 4096,
         fileType: ['zip'],
-        placeholder: '请输入视频名称'
+        placeholder: '请上传图片集压缩包'
       }
     },
     {