From 94ab29223204e1c1469d207426d249013219de16 Mon Sep 17 00:00:00 2001
From: ihzero <ihzero@163.com>
Date: Wed, 16 Nov 2022 15:02:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=A4=A7=E5=B1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/visualization/components/DXCY.vue | 15 ++++++++++++++-
 src/views/visualization/components/DXJG.vue |  6 +++++-
 src/views/visualization/components/DXLX.vue |  6 +++++-
 src/views/visualization/components/DZWZ.vue |  6 +++++-
 src/views/visualization/index.vue           | 14 +++++++++-----
 5 files changed, 38 insertions(+), 9 deletions(-)

diff --git a/src/views/visualization/components/DXCY.vue b/src/views/visualization/components/DXCY.vue
index c7adfb5b..dfdd49ae 100644
--- a/src/views/visualization/components/DXCY.vue
+++ b/src/views/visualization/components/DXCY.vue
@@ -11,7 +11,16 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, reactive, ref, Ref, onBeforeMount, watch, toRefs } from 'vue'
+  import {
+    defineComponent,
+    reactive,
+    ref,
+    Ref,
+    onBeforeMount,
+    watch,
+    toRefs,
+    onBeforeUnmount,
+  } from 'vue'
   import Box from './Box.vue'
   import { useECharts } from '/@/hooks/web/useECharts'
   import { getRiceShrimpIndustry } from '/@/api/sys/other'
@@ -215,6 +224,10 @@
         })
       })
 
+      onBeforeUnmount(() => {
+        timer && clearInterval(timer)
+      })
+
       watch(
         () => visualizationStore.getYear,
         () => getData(),
diff --git a/src/views/visualization/components/DXJG.vue b/src/views/visualization/components/DXJG.vue
index 59c26a54..8cc29cfd 100644
--- a/src/views/visualization/components/DXJG.vue
+++ b/src/views/visualization/components/DXJG.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, reactive, ref, Ref, onBeforeMount } from 'vue'
+  import { defineComponent, reactive, ref, Ref, onBeforeMount, onBeforeUnmount } from 'vue'
   import Box from './Box.vue'
   import { useECharts } from '/@/hooks/web/useECharts'
   import { getRiceShrimpPrice } from '/@/api/sys/other'
@@ -236,6 +236,10 @@
         })
       })
 
+      onBeforeUnmount(() => {
+        timer && clearInterval(timer)
+      })
+
       return {
         tabList,
         currentTab,
diff --git a/src/views/visualization/components/DXLX.vue b/src/views/visualization/components/DXLX.vue
index 0f4e850a..60ce3e24 100644
--- a/src/views/visualization/components/DXLX.vue
+++ b/src/views/visualization/components/DXLX.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, reactive, ref, Ref, onBeforeMount, watch } from 'vue'
+  import { defineComponent, reactive, ref, Ref, onBeforeMount, watch, onBeforeUnmount } from 'vue'
   import Box from './Box.vue'
   import { useECharts } from '/@/hooks/web/useECharts'
   import { getRiceShrimpFlow } from '/@/api/sys/other'
@@ -206,6 +206,10 @@
         })
       })
 
+      onBeforeUnmount(() => {
+        timer && clearInterval(timer)
+      })
+
       watch(
         () => visualizationStore.getYear,
         () => getData(),
diff --git a/src/views/visualization/components/DZWZ.vue b/src/views/visualization/components/DZWZ.vue
index 1acd9c06..907c1666 100644
--- a/src/views/visualization/components/DZWZ.vue
+++ b/src/views/visualization/components/DZWZ.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, reactive, ref, Ref, onBeforeMount, watch } from 'vue'
+  import { defineComponent, reactive, ref, Ref, onBeforeMount, watch, onBeforeUnmount } from 'vue'
   import Box from './Box.vue'
   import { useECharts } from '/@/hooks/web/useECharts'
   import { getMateriel } from '/@/api/sys/other'
@@ -273,6 +273,10 @@
         })
       })
 
+      onBeforeUnmount(() => {
+        timer && clearInterval(timer)
+      })
+
       return {
         tabList,
         currentTab,
diff --git a/src/views/visualization/index.vue b/src/views/visualization/index.vue
index acf8a917..2ce4a933 100644
--- a/src/views/visualization/index.vue
+++ b/src/views/visualization/index.vue
@@ -124,13 +124,15 @@
         rootEmitter: vEmitter,
       })
 
-      let timer: any = null
+      let timer1: any = null
+      let timer2: any = null
+      let timer3: any = null
 
       const visibleMapModal = ref<boolean>(false)
       onMounted(() => {
-        setInterval(() => vEmitter.emit('interval:auto'), 1000 * 60)
-        setInterval(() => vEmitter.emit('interval:tab'), 1000 * 30)
-        setInterval(() => vEmitter.emit('interval:tab1'), 1000 * 10)
+        timer1 = setInterval(() => vEmitter.emit('interval:auto'), 1000 * 60)
+        timer2 = setInterval(() => vEmitter.emit('interval:tab'), 1000 * 30)
+        timer3 = setInterval(() => vEmitter.emit('interval:tab1'), 1000 * 10)
         new Build(cavsRef).run()
         // Am(unref(cavsRef))
       })
@@ -146,7 +148,9 @@
       })
 
       onBeforeUnmount(() => {
-        timer && clearInterval(timer)
+        timer1 && clearInterval(timer1)
+        timer2 && clearInterval(timer2)
+        timer3 && clearInterval(timer3)
       })
 
       return {