控制台

src/views/controlPlatform/control.vue

@@ -227,6 +227,7 @@ export default {
   name: 'Control',
   data() {
     return {
+      stopTimer: false,
       sumUpdateList: [],
       dataList: [],
       numList: [],
@@ -296,11 +297,11 @@ export default {
         }
       ],
       options: [
-        {value: 1, label: '审判立案'},
-        {value: 2, label: '执行立案'},
-        {value: 3, label: '保全立案'},
-        {value: 4, label: '调解立案'},
-        {value: 5, label: '信访立案'}
+        { value: 1, label: '审判立案' },
+        { value: 2, label: '执行立案' },
+        { value: 3, label: '保全立案' },
+        { value: 4, label: '调解立案' },
+        { value: 5, label: '信访立案' }
       ]
     }
   },
@@ -312,13 +313,12 @@ export default {
     this.getVisitorDate()
     this.handleGetJudgeMessageData()
     this.handleGetStatisticsData()
-    this.getSumUpdateList()
-    this.getSumList()
+    this.startInterval()
     // 通过监听内容部分的宽度让图表resize
     var elementResizeDetectorMaker = require('element-resize-detector')
     var erd = elementResizeDetectorMaker()
     var that = this
-    erd.listenTo(document.getElementById('echarts-data'), function (element) {
+    erd.listenTo(document.getElementById('echarts-data'), function(element) {
       var width = element.offsetWidth
       var height = element.offsetHeight
       self.tableHeight = height // 将监听到的宽高进行赋值
@@ -329,7 +329,7 @@ export default {
         echarts.init(document.getElementById('dataCharts_data')).resize()
       })
     })
-    erd.listenTo(document.getElementById('echarts-leaveMessage'), function (element) {
+    erd.listenTo(document.getElementById('echarts-leaveMessage'), function(element) {
       var width = element.offsetWidth
       var height = element.offsetHeight
       self.tableHeight = height // 将监听到的宽高进行赋值
@@ -340,7 +340,7 @@ export default {
         echarts.init(document.getElementById('dataCharts_leaveMessage')).resize()
       })
     })
-    erd.listenTo(document.getElementById('echarts-visitor'), function (element) {
+    erd.listenTo(document.getElementById('echarts-visitor'), function(element) {
       var width = element.offsetWidth
       var height = element.offsetHeight
       self.tableHeight = height // 将监听到的宽高进行赋值
@@ -352,11 +352,34 @@ export default {
       })
     })
   },
+  beforeRouteLeave(to, from, next) {
+    setTimeout(() => {
+      this.stopTimer = true
+      next()
+    }, 0)
+  },
   methods: {
+    // 开始循环调用
+    startInterval() {
+      this.getSumUpdateList() // 先立刻执行一次
+      this.getSumList()
+      this.intervalId = setInterval(() => {
+        this.getSumUpdateList()
+        this.getSumList()
+        if (this.stopTimer === true) {
+          clearInterval(this.intervalId)
+        }
+      }, 2000) // 间隔 2 秒调用一次，根据实际需求调整间隔时间
+    },
+    stopInterval() {
+      clearInterval(this.intervalId) // 清除计时器
+    },
     getSumUpdateList() {
       findCountIdByUpdateDate().then(res => {
         this.sumUpdateList = res.data
         console.log('res', res)
+        this.numList = []
+        this.dataList = []
         this.sumUpdateList.forEach(item => {
           this.numList.push(item.sum)
           this.dataList.push(item.updateDate)
@@ -369,6 +392,8 @@ export default {
     getSumList() {
       findCountIdByFqYy().then(res => {
         this.sumFqYyList = res.data
+        this.YyList = []
+        this.FqNumList = []
         this.sumFqYyList.forEach(item => {
           this.YyList.push(item.fqYy)
           this.FqNumList.push(item.sum)
@@ -590,7 +615,7 @@ export default {
             data: this.FqNumList,
             barWidth: '10%'
           }
-        ],
+        ]
         // radar: {
         //   // shape: 'circle',
         //   radius: '53%',
@@ -726,8 +751,8 @@ export default {
             type: 'pie',
             radius: '50%',
             data: [
-              {value: '10', name: '离院'},
-              {value: '30', name: '来访'}
+              { value: '10', name: '离院' },
+              { value: '30', name: '来访' }
 
             ],
             emphasis: {