From 3696027d26f372f94241cc2dac9604e4decf98a0 Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Mon, 22 Aug 2022 10:20:14 +0800
Subject: [PATCH] update interval

---
 .../related/network-profiling/components/Tasks.vue     | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/views/dashboard/related/network-profiling/components/Tasks.vue b/src/views/dashboard/related/network-profiling/components/Tasks.vue
index 653c4f26..b2e53eb4 100644
--- a/src/views/dashboard/related/network-profiling/components/Tasks.vue
+++ b/src/views/dashboard/related/network-profiling/components/Tasks.vue
@@ -115,6 +115,8 @@ const networkProfilingStore = useNetworkProfilingStore();
 const appStore = useAppStoreWithOut();
 const viewDetail = ref<boolean>(false);
 const enableTasks = ref<boolean>(false);
+/*global Nullable */
+const intervalFn = ref<Nullable<any>>(null);
 
 fetchTasks();
 
@@ -173,15 +175,14 @@ async function createTask() {
   });
 }
 function enableInterval() {
-  let interval;
   enableTasks.value = !enableTasks.value;
   if (enableTasks.value) {
-    interval = setInterval(() => {
+    intervalFn.value = setInterval(() => {
       fetchTasks();
     }, 18000);
     return;
   }
-  interval && clearInterval(interval);
+  intervalFn.value && clearInterval(intervalFn.value);
 }
 async function fetchTasks() {
   const serviceId =
@@ -198,7 +199,8 @@ async function fetchTasks() {
     return ElMessage.error(res.errors);
   }
   if (enableTasks.value && !networkProfilingStore.aliveNetwork) {
-    return;
+    enableTasks.value = false;
+    return intervalFn.value && clearInterval(intervalFn.value);
   }
   getTopology();
 }