物流工艺

src/pages/shunhe/LogisticsProcess.vue

@@ -207,7 +207,7 @@
                   <li>生产设备</li>
                   <li>物料号</li>
                   <li>物料名称</li>
-                  <li>完成重量</li>
+                  <li>完成</li>
                 </ul>
                 <div class="scroll_container_1">
                   <vue-seamless-scroll :data="equipmentProductionStatistics" :class-option="defaultOption1">
@@ -324,6 +324,20 @@ export default {
           bottom: 15,
           containLabel: true
         },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          },
+          formatter: (params) => {
+            let index_ = 0
+            status.map((v, k) => {
+              if (v === params[0].name) index_ = k
+            })
+            return `<div style="font-size: 14px;font-family: Source Han Sans CN-Medium;font-weight: 500;color: #FFFFFF;margin-bottom:12px;">${params[0].name}</div><div style="font-size: 14px;font-family: Source Han Sans CN-Medium;font-weight: 500;color: #FFFFFF;margin-bottom:4px;">${params[index_].value}台</div>`
+          },
+          extraCssText: 'opacity: 0.8;background-color:rgba(194,141,5,0.4);padding:16px;box-shadow: 1px 6px 15px 1px rgba(0,0,0,0.13);border-radius: 4px;filter: blur(undefinedpx);border:none;'
+        },
         legend: {
           textStyle: {
             color: '#fff',
@@ -630,31 +644,31 @@ export default {
         })
       }
 
-      var count = 0
-      clearInterval(this.timer1)
-      this.timer1 = setInterval(() => {
-        this.myCharts2.dispatchAction({
-          type: 'downplay',
-          seriesIndex: 1
-        })
-        this.myCharts2.dispatchAction({
-          type: 'highlight',
-          seriesIndex: 1,
-          dataIndex: count
-        })
-        this.myCharts2.dispatchAction({
-          type: 'showTip',
-          seriesIndex: 1,
-          dataIndex: count
-        })
-        count++
-        if (count >= option.series[0].data.length) {
-          count = 0
-        }
-        if (count >= option.series[1].data.length) {
-          count = 0
-        }
-      }, 3000)
+      // var count = 0
+      // clearInterval(this.timer1)
+      // this.timer1 = setInterval(() => {
+      //   this.myCharts2.dispatchAction({
+      //     type: 'downplay',
+      //     seriesIndex: 1
+      //   })
+      //   this.myCharts2.dispatchAction({
+      //     type: 'highlight',
+      //     seriesIndex: 1,
+      //     dataIndex: count
+      //   })
+      //   this.myCharts2.dispatchAction({
+      //     type: 'showTip',
+      //     seriesIndex: 1,
+      //     dataIndex: count
+      //   })
+      //   count++
+      //   if (count >= option.series[0].data.length) {
+      //     count = 0
+      //   }
+      //   if (count >= option.series[1].data.length) {
+      //     count = 0
+      //   }
+      // }, 3000)
     },
     async _homepageData () {
       let res = await homepageData()
@@ -736,7 +750,7 @@ export default {
     border-bottom .01rem solid rgba(8,205,248,0.3)
     li
       float left
-      width 25%
+      width 30%
       _font(.14rem,.4rem,#78B1DE,,center)
       word-wrap break-word
       word-break break-all
@@ -744,27 +758,36 @@ export default {
       padding 0 .02rem
       overflow hidden
       box-sizing border-box
+      &:nth-child(1)
+        width 20%
+      &:nth-child(4)
+        width 20%
 .scroll_container_1
     width 100%
     height calc(100% - .4rem)
     overflow hidden
 .scroll-ul_1
     li
-      _wh(100%, .44rem)
+      width 100%
+      height .5rem
       border-bottom .01rem solid rgba(8,205,248,0.3)
       &:nth-child(even)
           background rgba(1,24,52,0.60)
           box-shadow inset 0px 1px 0px 0px rgba(13,89,115,0.3)
     .scroll-ul_1_div
         float left
-        _wh(25%, .44rem)
+        width 32%
+        height 100%
         _fj(center)
-        _font(.14rem, .44rem, #fff,,center)
+        _font(.12rem, .16rem, #fff,,center)
         word-wrap break-word
         word-break break-all
-        white-space nowrap
         padding 0 .02rem
         overflow hidden
+        &:nth-child(1)
+          width 16%
+        &:nth-child(4)
+          width 20%
 .item_inner_wrap
     width 100%
     padding-bottom .17rem