|
|
|
@ -184,12 +184,12 @@ export default {
|
|
|
|
|
zyjhzx({
|
|
|
|
|
nf: this.formData.nf,
|
|
|
|
|
}).then((res) => {
|
|
|
|
|
let dataX = [];
|
|
|
|
|
let dataDayX = [];
|
|
|
|
|
let legendData = [];
|
|
|
|
|
let seriesData = [{}, {}, {}, {}, {}, {}];
|
|
|
|
|
let dataY = [];
|
|
|
|
|
let dateData = [];
|
|
|
|
|
let dataX = []; // 当月所有日期
|
|
|
|
|
let dataDayX = []; //x轴
|
|
|
|
|
let legendData = ["一区", "二区", "三区", "四区", "五区", "六区"]; //设置所有作业区
|
|
|
|
|
let dataY = []; //所有作业区,设置30日数据起始值0
|
|
|
|
|
let seriesData = [];
|
|
|
|
|
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[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);
|
|
|
|
|
});
|
|
|
|
|
seriesData[index] = Y;
|
|
|
|
|
} 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;
|
|
|
|
|
}
|
|
|
|
|
if (seriesData[4] && seriesData[4].data) {
|
|
|
|
|
seriesData[4].data.forEach((item) => {
|
|
|
|
|
fiveArr.push(item.data);
|
|
|
|
|
|
|
|
|
|
let Arr = [];
|
|
|
|
|
seriesData.forEach((item, index) => {
|
|
|
|
|
Arr[index] = [];
|
|
|
|
|
if (item && item.length > 0) {
|
|
|
|
|
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(
|
|
|
|
|
dataDayX,
|
|
|
|
|
oneArr,
|
|
|
|
|
twoArr,
|
|
|
|
|
threeArr,
|
|
|
|
|
fourArr,
|
|
|
|
|
fiveArr,
|
|
|
|
|
sixArr
|
|
|
|
|
);
|
|
|
|
|
this.TableLine(dataDayX, Arr);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
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],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
};
|
|
|
|
|