From 777694feaf4800dd6ba56b95de1a29bdaa09654a Mon Sep 17 00:00:00 2001
From: shaohuzhang1 <shaohu.zhang@fit2cloud.com>
Date: Wed, 20 Dec 2023 10:57:43 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=96=87=E6=A1=A3=E8=BD=AE=E8=AF=A2?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/views/document/index.vue | 36 ++++++++++++++++++++++++---------
 1 file changed, 26 insertions(+), 10 deletions(-)

diff --git a/ui/src/views/document/index.vue b/ui/src/views/document/index.vue
index ea802c30d..18c864541 100644
--- a/ui/src/views/document/index.vue
+++ b/ui/src/views/document/index.vue
@@ -102,7 +102,7 @@
   </LayoutContainer>
 </template>
 <script setup lang="ts">
-import { ref, onMounted, reactive, watch } from 'vue'
+import { ref, onMounted, reactive, onBeforeUnmount } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import documentApi from '@/api/document'
 import { numberFormat } from '@/utils/utils'
@@ -115,6 +115,7 @@ const {
 } = route as any
 
 const loading = ref(false)
+let interval: any
 const filterText = ref('')
 const documentData = ref<any[]>([])
 const currentMouseId = ref(null)
@@ -125,17 +126,25 @@ const paginationConfig = reactive({
   total: 0
 })
 
-watch(documentData, (list) => {
-  let interval
-  if (list.length > 0 && list.every((item) => item.status === '0')) {
-    interval = setInterval(() => {
-      getList(true)
-    }, 6000)
-  } else {
+/**
+ * 初始化轮询
+ */
+const initInterval = () => {
+  interval = setInterval(() => {
+    if (documentData.value.length > 0 && documentData.value.every((item) => item.status === '0')) {
+      getList()
+    }
+  }, 6000)
+}
+
+/**
+ * 关闭轮询
+ */
+const closeInterval = () => {
+  if (interval) {
     clearInterval(interval)
   }
-})
-
+}
 function refreshDocument(row: any) {
   documentApi.putDocumentRefresh(row.dataset_id, row.id).then((res) => {
     getList()
@@ -248,6 +257,13 @@ function getList(bool?: boolean) {
 
 onMounted(() => {
   getList()
+  // 初始化定时任务
+  initInterval()
+})
+
+onBeforeUnmount(() => {
+  // 清除定时任务
+  closeInterval()
 })
 </script>
 <style lang="scss" scoped></style>