|
|
@ -19,6 +19,7 @@
|
|
|
|
<div class="border-inner">
|
|
|
|
<div class="border-inner">
|
|
|
|
<!-- 表格 -->
|
|
|
|
<!-- 表格 -->
|
|
|
|
<div class="left-top-box">
|
|
|
|
<div class="left-top-box">
|
|
|
|
|
|
|
|
<div class="desc-title" style="margin-top: 2%">垮位汇总表</div>
|
|
|
|
<table class="table-sum">
|
|
|
|
<table class="table-sum">
|
|
|
|
<tr>
|
|
|
|
<tr>
|
|
|
|
<td class="radius">月度计划总张数</td>
|
|
|
|
<td class="radius">月度计划总张数</td>
|
|
|
@ -41,7 +42,6 @@
|
|
|
|
<td>{{ item.wc }}张</td>
|
|
|
|
<td>{{ item.wc }}张</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
|
<div class="desc-title" style="margin-top: 2%">垮位汇总表</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 切割饼图 -->
|
|
|
|
<!-- 切割饼图 -->
|
|
|
|
<div class="left-center-box">
|
|
|
|
<div class="left-center-box">
|
|
|
@ -144,6 +144,7 @@ export default {
|
|
|
|
let zyq4 = 0;
|
|
|
|
let zyq4 = 0;
|
|
|
|
// 切割饼图
|
|
|
|
// 切割饼图
|
|
|
|
this.loaderPie(res.data.zs - res.data.sl, res.data.sl);
|
|
|
|
this.loaderPie(res.data.zs - res.data.sl, res.data.sl);
|
|
|
|
|
|
|
|
var bgData = [res.data.zs,0, 0, 0, ];
|
|
|
|
res.data.detail.forEach((item) => {
|
|
|
|
res.data.detail.forEach((item) => {
|
|
|
|
if (item.kw == "一垮") {
|
|
|
|
if (item.kw == "一垮") {
|
|
|
|
wcOneValue += item.wc;
|
|
|
|
wcOneValue += item.wc;
|
|
|
@ -164,17 +165,20 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// =================
|
|
|
|
// =================
|
|
|
|
if (item.zyq == "一区") {
|
|
|
|
if (item.zyq == "一区") {
|
|
|
|
zyq1 += item.sl;
|
|
|
|
zyq1 += item.wc;
|
|
|
|
} else if (item.zyq == "二区") {
|
|
|
|
} else if (item.zyq == "二区") {
|
|
|
|
zyq2 += item.sl;
|
|
|
|
zyq2 += item.wc;
|
|
|
|
|
|
|
|
bgData[1]+=item.sl;
|
|
|
|
} else if (item.zyq == "三区") {
|
|
|
|
} else if (item.zyq == "三区") {
|
|
|
|
zyq3 += item.sl;
|
|
|
|
zyq3 += item.wc;
|
|
|
|
|
|
|
|
bgData[2]+=item.sl;
|
|
|
|
} else if (item.zyq == "四区") {
|
|
|
|
} else if (item.zyq == "四区") {
|
|
|
|
zyq4 += item.sl;
|
|
|
|
zyq4 += item.wc;
|
|
|
|
|
|
|
|
bgData[3]+=item.sl;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
let zyqDataY = [zyq1, zyq2, zyq3, zyq4];
|
|
|
|
let zyqDataY = [res.data.sl, zyq2, zyq3, zyq4];
|
|
|
|
var bgData = [res.data.zs, res.data.zs, res.data.zs, res.data.zs];
|
|
|
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
this.$nextTick(() => {
|
|
|
|
this.loaderBar(zyqDataY, bgData);
|
|
|
|
this.loaderBar(zyqDataY, bgData);
|
|
|
|
});
|
|
|
|
});
|
|
|
@ -203,7 +207,7 @@ export default {
|
|
|
|
dataX = this.getAllDatesOfCurrentMonth();
|
|
|
|
dataX = this.getAllDatesOfCurrentMonth();
|
|
|
|
|
|
|
|
|
|
|
|
dataX.forEach((item, index) => {
|
|
|
|
dataX.forEach((item, index) => {
|
|
|
|
dataDayX.push(item.slice(-2) + "日");
|
|
|
|
dataDayX.push(item + "日");
|
|
|
|
dataY.push({
|
|
|
|
dataY.push({
|
|
|
|
day: item,
|
|
|
|
day: item,
|
|
|
|
data: 0,
|
|
|
|
data: 0,
|
|
|
@ -218,7 +222,7 @@ export default {
|
|
|
|
for (let i = 0; i < Y.length; i++) {
|
|
|
|
for (let i = 0; i < Y.length; i++) {
|
|
|
|
let arry1 = Y[i];
|
|
|
|
let arry1 = Y[i];
|
|
|
|
if (zyqList[item]) {
|
|
|
|
if (zyqList[item]) {
|
|
|
|
let arry2 = zyqList[item].find((item) => item.day === arry1.day);
|
|
|
|
let arry2 = zyqList[item].find((item) => (item.day+'') === arry1.day);
|
|
|
|
if (arry2) {
|
|
|
|
if (arry2) {
|
|
|
|
arry1.data = arry2.sl;
|
|
|
|
arry1.data = arry2.sl;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -597,7 +601,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
barWidth: 40,
|
|
|
|
barWidth: 40,
|
|
|
|
itemStyle: {
|
|
|
|
itemStyle: {
|
|
|
|
color: "#2e7cff",
|
|
|
|
color: "#1afffd",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data: bgData, // 载入背景数据
|
|
|
|
data: bgData, // 载入背景数据
|
|
|
|
z: 0,
|
|
|
|
z: 0,
|
|
|
@ -607,7 +611,7 @@ export default {
|
|
|
|
type: "bar",
|
|
|
|
type: "bar",
|
|
|
|
barWidth: 40,
|
|
|
|
barWidth: 40,
|
|
|
|
itemStyle: {
|
|
|
|
itemStyle: {
|
|
|
|
color: "#1afffd",
|
|
|
|
color: "#2e7cff",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data: zyqDataY, // 载入数据(内含自定义参数)
|
|
|
|
data: zyqDataY, // 载入数据(内含自定义参数)
|
|
|
|
z: 1,
|
|
|
|
z: 1,
|
|
|
@ -735,7 +739,7 @@ export default {
|
|
|
|
i <= lastDayOfMonth;
|
|
|
|
i <= lastDayOfMonth;
|
|
|
|
i.setDate(i.getDate() + 1)
|
|
|
|
i.setDate(i.getDate() + 1)
|
|
|
|
) {
|
|
|
|
) {
|
|
|
|
dates.push(this.$moment(new Date(i)).format("yyyy/MM/DD"));
|
|
|
|
dates.push(this.$moment(new Date(i)).format("DD"));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
return dates;
|
|
|
|
return dates;
|
|
|
|