fix: 使用最新封装的图片播放组件

src/views/demo/DataSeq/index.vue

@@ -37,8 +37,8 @@
     </ProTable>
     <FormDialog ref="formDialogRef" />
     <!-- <ImportExcel ref="dialogRef" /> -->
-    <PreviewImages :visible="dialogVisible" :urls="imageUrls" @close="dialogVisible = false" />
-    <PreviewCompareImages ref="previewImagesRef" />
+    <PreviewImages ref="previewImagesRef" />
+    <PreviewCompareImages ref="previewCompareImagesRef" />
   </div>
 </template>
 
@@ -66,40 +66,34 @@ import {
 import { enumsSubSystem } from '../utils'
 import PreviewImages from '@/views/demo/components/PreviewImages.vue'
 import { SubSystem__ } from '@/views/demo/utils'
-
 import PreviewCompareImages from '@/views/demo/components/PreviewCompareImages.vue'
 
-const dialogVisible = ref(false)
-const imageUrls = ref([])
+const previewImagesRef = ref()
+const previewCompareImagesRef = ref()
+
 const preview = async row => {
   console.log('showImages')
   console.log(row)
   if (row.subsystem !== SubSystem__['可见光转红外']) {
     console.log('不可见光转红外')
-    const data: any = await getAllImagesApi(row.inputOssId)
-    imageUrls.value = data.data
-    dialogVisible.value = true
+    await previewImagesRef.value?.handleOpen(getAllImagesApi, row.inputOssId)
   } else {
     console.log('可见光转红外')
     let res = null
     try {
-      res = await previewImagesRef.value?.handleOpen(getCOMPImagesApi, row.inputOssId)
+      res = await previewCompareImagesRef.value?.handleOpen(getCOMPImagesApi, row.inputOssId)
     } catch (error) {
       console.log(error)
       res = null
     }
 
     if (!res) {
-      previewImagesRef.value?.closeDialog()
-      const data: any = await getAllImagesApi(row.inputOssId)
-      imageUrls.value = data.data
-      dialogVisible.value = true
+      previewCompareImagesRef.value?.closeDialog()
+      await previewImagesRef.value?.handleOpen(getAllImagesApi, row.inputOssId)
     }
   }
 }
 
-const previewImagesRef = ref()
-
 // ProTable 实例
 const proTable = ref<ProTableInstance>()