物流工艺

src/pages/shunhe/LogisticsProcess.vue

@@ -267,6 +267,8 @@ export default {
   computed: {
     defaultOption1 () {
       return {
+        timer1: null,
+        timer2: null,
         step: 0.4, // 数值越大速度滚动越快
         limitMoveNum: 9, // 开始无缝滚动的数据量 this.dataList.length
         hoverStop: true, // 是否开启鼠标悬停stop
@@ -279,14 +281,14 @@ export default {
     }
   },
   mounted () {
+    clearInterval(this.timer1)
+    clearInterval(this.timer2)
     this.refresh()
   },
   beforeDestroy () {
     this.$once('hook:beforeDestroy', () => {
       clearInterval(this.timer1)
       clearInterval(this.timer2)
-      clearInterval(this.interTime)
-      clearInterval(this.timeOut1)
     })
   },
   methods: {
@@ -635,11 +637,8 @@ export default {
       }
 
       var count = 0
-      var timer = null
+      clearInterval(this.timer1)
-
+      this.timer1 = setInterval(() => {
-      var dataLength = option.series[1].data.length
-      timer && clearInterval(timer)
-      timer = setInterval(() => {
         this.myCharts2.dispatchAction({
           type: 'downplay',
           seriesIndex: 1
@@ -647,14 +646,20 @@ export default {
         this.myCharts2.dispatchAction({
           type: 'highlight',
           seriesIndex: 1,
-          dataIndex: count % dataLength
+          dataIndex: count
         })
         this.myCharts2.dispatchAction({
           type: 'showTip',
           seriesIndex: 1,
-          dataIndex: count % dataLength
+          dataIndex: count
         })
         count++
+        if (count >= option.series[0].data.length) {
+          count = 0
+        }
+        if (count >= option.series[1].data.length) {
+          count = 0
+        }
       }, 3000)
     },
     async _homepageData () {