update

src/components/AmphiPosition/index.vue

@@ -184,12 +184,12 @@ export default {
       zyjhzx({
         nf: this.formData.nf,
       }).then((res) => {
-        let dataX = [];
+        let dataX = []; // 当月所有日期
-        let dataDayX = [];
+        let dataDayX = []; //x轴
-        let legendData = [];
+        let legendData = ["一区", "二区", "三区", "四区", "五区", "六区"]; //设置所有作业区
-        let seriesData = [{}, {}, {}, {}, {}, {}];
+        let dataY = []; //所有作业区，设置30日数据起始值0
-        let dataY = [];
+        let seriesData = [];
-        let dateData = [];
+        let dateData = []; //设置30天--0
         let zyqList = res.data.reduce((prev, current) => {
           const key = current.zyq;
           if (!prev[key]) {
@@ -199,8 +199,7 @@ export default {
           return prev;
         }, {});
 
-        // 获取所有作业区
+        // 获取当月所有日期
-        legendData = Object.keys(zyqList);
         dataX = this.getAllDatesOfCurrentMonth();
 
         dataX.forEach((item, index) => {
@@ -214,126 +213,35 @@ export default {
 
         // 循环数据
         legendData.forEach((item, index) => {
-          if (item == "一区") {
           let Y = JSON.parse(JSON.stringify(dataY));
+          seriesData[index] = [];
           for (let i = 0; i < Y.length; i++) {
             let arry1 = Y[i];
+            if (zyqList[item]) {
               let arry2 = zyqList[item].find((item) => item.day === arry1.day);
               if (arry2) {
                 arry1.data = arry2.sl;
               }
-            }
+              seriesData[index] = Y;
-            seriesData[0].data = Y;
-          } else if (item == "二区") {
-            let Y = JSON.parse(JSON.stringify(dataY));
-            for (let i = 0; i < Y.length; i++) {
-              let arry1 = Y[i];
-              let arry2 = zyqList[item].find((item) => item.day === arry1.day);
-              if (arry2) {
-                arry1.data = arry2.sl;
-              }
-            }
-            seriesData[1].data = Y;
-          } else if (item == "三区") {
-            let Y = JSON.parse(JSON.stringify(dataY));
-            for (let i = 0; i < Y.length; i++) {
-              let arry1 = Y[i];
-              let arry2 = zyqList[item].find((item) => item.day === arry1.day);
-              if (arry2) {
-                arry1.data = arry2.sl;
-              }
-            }
-            seriesData[2].data = Y;
-          } else if (item == "四区") {
-            let Y = JSON.parse(JSON.stringify(dataY));
-            for (let i = 0; i < Y.length; i++) {
-              let arry1 = Y[i];
-              let arry2 = zyqList[item].find((item) => item.day === arry1.day);
-              if (arry2) {
-                arry1.data = arry2.sl;
-              }
-            }
-            seriesData[3].data = Y;
-          } else if (item == "五区") {
-            let Y = JSON.parse(JSON.stringify(dataY));
-            for (let i = 0; i < Y.length; i++) {
-              let arry1 = Y[i];
-              let arry2 = zyqList[item].find((item) => item.day === arry1.day);
-              if (arry2) {
-                arry1.data = arry2.sl;
-              }
-            }
-            seriesData[4].data = Y;
-          } else if (item == "六区") {
-            let Y = JSON.parse(JSON.stringify(dataY));
-            for (let i = 0; i < Y.length; i++) {
-              let arry1 = Y[i];
-              let arry2 = zyqList[item].find((item) => item.day === arry1.day);
-              if (arry2) {
-                arry1.data = arry2.sl;
-              }
-            }
-            seriesData[5].data = Y;
-          }
-        });
-        var oneArr = [];
-        var twoArr = [];
-        var threeArr = [];
-        var fourArr = [];
-        var fiveArr = [];
-        var sixArr = [];
-        if (seriesData[0] && seriesData[0].data) {
-          seriesData[0].data.forEach((item) => {
-            oneArr.push(item.data);
-          });
             } else {
-          oneArr = dateData;
+              seriesData[index] = [];
             }
-        if (seriesData[1] && seriesData[1].data) {
-          seriesData[1].data.forEach((item) => {
-            twoArr.push(item.data);
-          });
-        } else {
-          twoArr = dateData;
-        }
-        if (seriesData[2] && seriesData[2].data) {
-          seriesData[2].data.forEach((item) => {
-            threeArr.push(item.data);
-          });
-        } else {
-          threeArr = dateData;
           }
-        if (seriesData[3] && seriesData[3].data) {
-          seriesData[3].data.forEach((item) => {
-            fourArr.push(item.data);
         });
-        } else {
+
-          fourArr = dateData;
+        let Arr = [];
-        }
+        seriesData.forEach((item, index) => {
-        if (seriesData[4] && seriesData[4].data) {
+          Arr[index] = [];
-          seriesData[4].data.forEach((item) => {
+          if (item && item.length > 0) {
-            fiveArr.push(item.data);
+            item.forEach((em) => {
+              Arr[index].push(em.data ? em.data : 0);
             });
           } else {
-          fiveArr = dateData;
+            Arr[index] = dateData;
           }
-        if (seriesData[5] && seriesData[5].data) {
-          seriesData[5].data.forEach((item) => {
-            sixArr.push(item.data);
         });
-        } else {
-          sixArr = dateData;
-        }
         //   折线图
-        this.TableLine(
+        this.TableLine(dataDayX, Arr);
-          dataDayX,
-          oneArr,
-          twoArr,
-          threeArr,
-          fourArr,
-          fiveArr,
-          sixArr
-        );
       });
     },
     today_zyjhzx() {
@@ -711,7 +619,7 @@ export default {
         myChart.resize();
       });
     },
-    TableLine(dataX, oneArr, twoArr, threeArr, fourArr, fiveArr, sixArr) {
+    TableLine(dataX, Arr) {
       var myChart = this.$echarts.init(document.getElementById("TableLine"));
 
       var option = {
@@ -774,32 +682,32 @@ export default {
           {
             name: "一区",
             type: "line",
-            data: oneArr,
+            data: Arr[0],
           },
           {
             name: "二区",
             type: "line",
-            data: twoArr,
+            data: Arr[1],
           },
           {
             name: "三区",
             type: "line",
-            data: threeArr,
+            data: Arr[2],
           },
           {
             name: "四区",
             type: "line",
-            data: fourArr,
+            data: Arr[3],
           },
           {
             name: "五区",
             type: "line",
-            data: fiveArr,
+            data: Arr[4],
           },
           {
             name: "六区",
             type: "line",
-            data: sixArr,
+            data: Arr[5],
           },
         ],
       };

src/components/RealTimeMonitor/index.vue

@@ -560,13 +560,13 @@ export default {
     // 8.作业区未完成与完成量对比饼图
     zxqwcqk() {
       zxqwcqk().then((res) => {
-        res.data.forEach((item) => {
         let oneValue = [0, 0];
         let secondValue = [0, 0];
         let threeValue = [0, 0];
         let fourValue = [0, 0];
         let fiveValue = [0, 0];
         let sixValue = [0, 0];
+        res.data.forEach((item) => {
           if (item.zyq == "一区") {
           } else if (item.zyq == "二区") {
             oneValue = [item.wcl, item.wc];
@@ -579,6 +579,7 @@ export default {
           } else if (item.zyq == "六区") {
             sixValue = [item.wcl, item.wc];
           }
+        });
         this.FinishOnePie(oneValue[0], oneValue[1]);
         this.FinishSecondPie(secondValue[0], secondValue[1]);
         this.FinishThreePie(threeValue[0], threeValue[1]);
@@ -586,7 +587,6 @@ export default {
         this.FinishFivePie(fiveValue[0], fiveValue[1]);
         this.FinishSixPie(sixValue[0], sixValue[1]);
       });
-      });
     },
     AttendancePieChart() {
       var myChart = this.$echarts.init(