Browse Source

feat: 修正预览窗口关闭后仍在请求的bug,优化细节

WANGKANG 8 months ago
parent
commit
7b60959e67
1 changed files with 10 additions and 1 deletions
  1. 10 1
      src/views/demo/videoStable/index.vue

+ 10 - 1
src/views/demo/videoStable/index.vue

@@ -45,7 +45,7 @@
     </ProTable>
     <FormDialog ref="formDialogRef" />
     <ImportExcel ref="dialogRef" />
-    <el-dialog v-model="dialogVisible" :title="dialogTitle" width="80%">
+    <el-dialog v-model="dialogVisible" :title="dialogTitle" width="80%" :before-close="handleClose">
       <el-form :inline="true">
         <el-form-item label="帧率">
           <el-select v-model="imageFps" placeholder="选择帧率" style="width: 200px" @change="changeFps">
@@ -107,6 +107,14 @@ const dialogTitle = ref('')
 const imageFps = ref(0)
 const intervalChangeFps: any = ref()
 
+const handleClose = (done: () => void) => {
+  console.log('handleClose')
+  if (intervalChangeFps.value) {
+    clearInterval(intervalChangeFps.value)
+  }
+  done()
+}
+
 const changeFps = () => {
   console.log('changeFps')
   if (intervalChangeFps.value) {
@@ -157,6 +165,7 @@ const compareVideoStable = async (params: any) => {
 
   imageUrlList.value = data.data
   imageIdx.value = 0
+  imageFps.value = 0
 
   dialogTitle.value = '预览: 第' + (imageIdx.value + 1) + '张图片 共' + imageUrlList.value.length + '张图片'
   dialogVisible.value = true