百岗MES看板调整：7日产能趋势分析 增加完成率曲线

src/components/dipechart/bottom1chart/chart.vue

@@ -59,6 +59,17 @@ export default {
               fontSize: 16,
             }
           },
+          {
+            type: 'value',
+            max: 100,
+            nameTextStyle: {
+              fontSize: 20
+            },
+            axisLabel: {
+              formatter: '{value}%',
+              fontSize: 16
+            },
+          }
         ],
         series: [
           {
@@ -79,6 +90,38 @@ export default {
               fontWeight: "bold",
               color:"inherit",
             },
+          },
+          {
+            name: '完成率%',
+            type: 'line',
+            data:[],
+            yAxisIndex: 1,
+            symbolSize: 4,
+            tooltip: {
+              valueFormatter: function (value) {
+                return value + '%';
+              }
+            },
+            label: {
+              show: true,
+              position: 'top',
+              color:'#fff',
+              fontSize:14,
+              fontWeight: "bold",
+              formatter: "{c}%"
+            },
+            lineStyle: {
+              width: 3
+            },
+            itemStyle: {
+              normal: {
+                barBorderRadius: 6,
+                color:  "rgb(244,204,3)"
+              }
+            },
+            emphasis: {
+              focus: 'series'
+            }
           }
         ]
       },
@@ -117,19 +160,23 @@ export default {
             let dataList = JSON.parse(result.data.data);
             let xAxis0 = new Array();
             let series0 = new Array();
-        var maxnumber=0;
-        for (let index = 0; index < dataList.length; index++) {
-          const element = dataList[index];
-          xAxis0.push(element.v_md);
-          //产出
-          series0.push(element.v_outqty);
-          if(element.v_outqty>maxnumber){
-            maxnumber= element.v_outqty;
-          }
-        }
-        this.options.xAxis[0].data = xAxis0;
-        this.options.series[0].data = series0;
-       // this.options.yAxis[0].max = (maxnumber*1.2).toFixed();
+            let series1 = new Array();
+            var maxnumber=0;
+            for (let index = 0; index < dataList.length; index++) {
+              const element = dataList[index];
+              xAxis0.push(element.v_md);
+              //产出
+              series0.push(element.v_outqty);
+              if(element.v_outqty>maxnumber){
+                maxnumber= element.v_outqty;
+              }
+              //比率
+              series1.push(element.v_finishrate);
+            }
+            this.options.xAxis[0].data = xAxis0;
+            this.options.series[0].data = series0;
+            this.options.series[1].data = series1;
+           // this.options.yAxis[0].max = (maxnumber*1.2).toFixed();
        },(result)=>{
             console.error(result)
        }

src/components/iqcechart/bottom2Chart/chart.vue

@@ -166,7 +166,6 @@ export default {
   },
 
   mounted() {
-    this.getdata();
     this.refreshdata();
   },
   beforeDestroy () {
@@ -174,6 +173,7 @@ export default {
   },
   methods: {
     refreshdata() {
+      this.getdata();
       this.timing = setInterval(() => {
         this.getdata(); //获取-数据
       }, 30000);

src/components/smtechart/bottom1chart/chart.vue

@@ -59,6 +59,17 @@ export default {
               fontSize: 16,
             }
           },
+          {
+            type: 'value',
+            max: 100,
+            nameTextStyle: {
+              fontSize: 20
+            },
+            axisLabel: {
+              formatter: '{value}%',
+              fontSize: 16
+            },
+          }
         ],
         series: [
           {
@@ -79,6 +90,38 @@ export default {
               fontWeight: "bold",
               color:"inherit",
             },
+          },
+          {
+            name: '完成率%',
+            type: 'line',
+            data:[],
+            yAxisIndex: 1,
+            symbolSize: 4,
+            tooltip: {
+              valueFormatter: function (value) {
+                return value + '%';
+              }
+            },
+            label: {
+              show: true,
+              position: 'top',
+              color:'#fff',
+              fontSize:14,
+              fontWeight: "bold",
+              formatter: "{c}%"
+            },
+            lineStyle: {
+              width: 3
+            },
+            itemStyle: {
+              normal: {
+                barBorderRadius: 6,
+                color:  "rgb(244,204,3)"
+              }
+            },
+            emphasis: {
+              focus: 'series'
+            }
           }
         ]
       },
@@ -122,6 +165,7 @@ export default {
             let dataList = JSON.parse(result.data.data);
             let xAxis0 = new Array();
             let series0 = new Array();
+        let series1 = new Array();
         var maxnumber=0;
         for (let index = 0; index < dataList.length; index++) {
           const element = dataList[index];
@@ -131,9 +175,12 @@ export default {
           if(element.v_outqty>maxnumber){
             maxnumber= element.v_outqty;
           }
+          //比率
+          series1.push(element.v_finishrate);
         }
         this.options.xAxis[0].data = xAxis0;
         this.options.series[0].data = series0;
+        this.options.series[1].data = series1;
        // this.options.yAxis[0].max = (maxnumber*1.2).toFixed();
        },(result)=>{
             console.error(result)

src/components/wireechart/bottom1chart/chart.vue

@@ -59,6 +59,17 @@ export default {
               fontSize: 16,
             }
           },
+          {
+            type: 'value',
+            max: 100,
+            nameTextStyle: {
+              fontSize: 20
+            },
+            axisLabel: {
+              formatter: '{value}%',
+              fontSize: 16
+            },
+          }
         ],
         series: [
           {
@@ -117,6 +128,38 @@ export default {
               fontWeight: "bold",
               color:"inherit",
             },
+          },
+          {
+            name: '完成率%',
+            type: 'line',
+            data:[],
+            yAxisIndex: 1,
+            symbolSize: 4,
+            tooltip: {
+              valueFormatter: function (value) {
+                return value + '%';
+              }
+            },
+            label: {
+              show: true,
+              position: 'top',
+              color:'#fff',
+              fontSize:14,
+              fontWeight: "bold",
+              formatter: "{c}%"
+            },
+            lineStyle: {
+              width: 3
+            },
+            itemStyle: {
+              normal: {
+                barBorderRadius: 6,
+                color: "#f66906"
+              }
+            },
+            emphasis: {
+              focus: 'series'
+            }
           }
         ]
       },
@@ -157,6 +200,7 @@ export default {
           let series0 = new Array();
           let series1 = new Array();
           let series2 = new Array();
+          let series3 = new Array();
           //var maxnumber=0;
           for (let index = 0; index < dataList.length; index++) {
             const element = dataList[index];
@@ -165,6 +209,7 @@ export default {
             series0.push(element.v_90xl15qty);
             series1.push(element.v_90xl25qty);
             series2.push(element.v_othqty);
+            series3.push(element.v_finishrate);
            /* if(element.v_outqty>maxnumber){
               maxnumber= element.v_outqty;
             }*/
@@ -173,6 +218,7 @@ export default {
           this.options.series[0].data = series0;
           this.options.series[1].data = series1;
           this.options.series[2].data = series2;
+          this.options.series[3].data = series3;
          // this.options.yAxis[0].max = (maxnumber*1.2).toFixed();
        },(result)=>{
             console.error(result)

src/components/zzechart/bottom1chart/chart.vue

@@ -59,6 +59,17 @@ export default {
               fontSize: 16,
             }
           },
+          {
+            type: 'value',
+            max: 100,
+            nameTextStyle: {
+              fontSize: 20
+            },
+            axisLabel: {
+              formatter: '{value}%',
+              fontSize: 16
+            },
+          }
         ],
         series: [
           {
@@ -79,6 +90,38 @@ export default {
               fontWeight: "bold",
               color:"inherit",
             },
+          },
+          {
+            name: '完成率%',
+            type: 'line',
+            data:[],
+            yAxisIndex: 1,
+            symbolSize: 4,
+            tooltip: {
+              valueFormatter: function (value) {
+                return value + '%';
+              }
+            },
+            label: {
+              show: true,
+              position: 'top',
+              color:'#fff',
+              fontSize:14,
+              fontWeight: "bold",
+              formatter: "{c}%"
+            },
+            lineStyle: {
+              width: 3
+            },
+            itemStyle: {
+              normal: {
+                barBorderRadius: 6,
+                color:  "rgb(244,204,3)"
+              }
+            },
+            emphasis: {
+              focus: 'series'
+            }
           }
         ]
       },
@@ -117,18 +160,22 @@ export default {
             let dataList = JSON.parse(result.data.data);
             let xAxis0 = new Array();
             let series0 = new Array();
-        var maxnumber=0;
-        for (let index = 0; index < dataList.length; index++) {
-          const element = dataList[index];
-          xAxis0.push(element.v_md);
-          //产出
-          series0.push(element.v_outqty);
-          if(element.v_outqty>maxnumber){
-            maxnumber= element.v_outqty;
-          }
-        }
-        this.options.xAxis[0].data = xAxis0;
-        this.options.series[0].data = series0;
+            let series1 = new Array();
+            var maxnumber=0;
+            for (let index = 0; index < dataList.length; index++) {
+              const element = dataList[index];
+              xAxis0.push(element.v_md);
+              //产出
+              series0.push(element.v_outqty);
+              if(element.v_outqty>maxnumber){
+                maxnumber= element.v_outqty;
+              }
+              //比率
+              series1.push(element.v_finishrate);
+            }
+            this.options.xAxis[0].data = xAxis0;
+            this.options.series[0].data = series0;
+            this.options.series[1].data = series1;
        // this.options.yAxis[0].max = (maxnumber*1.2).toFixed();
        },(result)=>{
             console.error(result)