SJG样式

src/views/databoard/components/EnergeMonitoringChart.vue

@@ -118,7 +118,7 @@ export default {
           {
             name: '电耗能',
             type: 'bar',
-            // barWidth: 12,
+            barWidth: 20,
             tooltip: {
               valueFormatter: function (value) {
                 return value + ' ml';

src/views/databoard/components/NumRateChart.vue

@@ -47,9 +47,9 @@ export default {
       let outputNum = []
       let passRate = []
       this.productline && this.productline.length > 0 && this.productline.map(item => {
-        xData.push(itme.productionLineId)
-        outputNum.push(itme.outputNum)
-        passRate.push(item.passRate)
+        xData.push(item.lineName)
+        outputNum.push(item.outputNum)
+        passRate.push(item.passRate*100)
       })
       var option = {
         grid: { top: 32, right: 60, bottom: 20, left: 60 },
@@ -70,7 +70,7 @@ export default {
         xAxis: [
           {
             type: 'category',
-            data: ['Y61', 'Y62', 'Y63', 'Y64', 'Y65', 'Y66', 'Y67'],
+            data: xData,
             axisLabel: {
               color: "#fff",
               fontSize: 12,
@@ -91,9 +91,6 @@ export default {
           {
             type: 'value',
             name: '产量/片',
-            // min: 0,
-            // max: 250,
-            // interval: 50,
             axisLabel: {
               color: "#fff",
               fontSize: 12,
@@ -114,9 +111,6 @@ export default {
           {
             type: 'value',
             name: '良品率',
-            min: 0,
-            max: 25,
-            interval: 5,
             axisLabel: {
               color: "#fff",
               fontSize: 12,
@@ -151,9 +145,7 @@ export default {
                 { offset: 1, color: '#364BFE' }
               ])
             },
-            data: [
-              2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
-            ]
+            data: outputNum
           },
           {
             name: '合格率',
@@ -177,7 +169,7 @@ export default {
             lineStyle: {
                 width: 1
             },
-            data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
+            data: passRate
           }
         ]
       };

src/views/databoard/components/ScrollBoard.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="scroll-board-container">
+    <dv-scroll-board :config="config" :style="{'width':width,'height':height}" />
+  </div>
+</template>
+<script>
+export default {
+  name: 'ScrollBoard',
+  props: {
+    config: {
+      type: Object,
+      default: () => ({})
+    },
+    width:{
+      type: String,
+      default: '600px'
+    },
+    height:{
+      type: String,
+      default: '380px'
+    }
+  },
+  data() {
+    return {
+    }
+  }
+}
+</script>
+<style lang='scss'>
+.scroll-board-container {
+  .dv-scroll-board .rows .ceil, .dv-scroll-board .header .header-item {
+    border-right: 1px solid rgba(13, 23, 40, 1);
+  }
+  .dv-scroll-board .rows .ceil:last-child, .dv-scroll-board .header .header-item:last-child {
+    border-right: none;
+  }
+}
+</style>