feat: 预览功能

src/views/demo/algorithmTaskTrack/index.vue

@@ -260,6 +260,7 @@
       </div>
     </el-dialog>
     <ViewLog ref="viewLogRef" />
+    <PreviewCompareImages ref="previewImagesRef" />
   </div>
 </template>
 
@@ -295,6 +296,7 @@ import {
   delTrackSequenceApi,
   getLogTrackSequenceApi,
   getTrackSequenceApi,
+  previewPredictResultTrackSequenceModelApi,
   startTrackSequenceApi,
   stopTrackSequenceApi,
   updateTrackSequenceApi
@@ -303,6 +305,7 @@ import {
   delToInfraredApi,
   getLogToInfraredApi,
   getToInfraredApi,
+  previewPredictResultToInfraredModelApi,
   startToInfraredApi,
   stopToInfraredApi,
   updateToInfraredApi
@@ -316,6 +319,7 @@ import {
 } from '@/api/modules/demo/TargetDetection'
 import { delDataAugmentationApi } from '@/api/modules/demo/dataAugmentation'
 import ViewLog from '@/views/demo/components/ViewLog.vue'
+import PreviewCompareImages from '@/views/demo/components/PreviewCompareImages.vue'
 
 const startSubTask = async (row: any) => {
   let res: any = null
@@ -369,7 +373,20 @@ const openLogSubTask = async (row: any) => {
     return
   }
 }
-const previewSubTask = async (row: any) => {}
+const previewImagesRef = ref()
+const previewSubTask = async (row: any) => {
+  if (row.subsystem === SubSystem__['可见光转红外']) {
+    previewImagesRef.value?.handleOpen(previewPredictResultToInfraredModelApi, row.id)
+  } else if (row.subsystem === SubSystem__['目标检测']) {
+    ElMessage.error('暂不支持该子任务类型')
+    return
+  } else if (row.subsystem === SubSystem__['注释轨迹序列']) {
+    previewImagesRef.value?.handleOpen(previewPredictResultTrackSequenceModelApi, row.id)
+  } else {
+    ElMessage.error('暂不支持该子任务类型')
+    return
+  }
+}
 const showStatisticResultSubTask = async (row: any) => {}
 const showEvaluateResultSubTask = async (row: any) => {}
 const showEvaluateSubTask = async (row: any) => {}