修改大屏

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(),

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,

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(),

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,

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 {