feat: index_enm 修改大屏内容
This commit is contained in:
parent
345bdc3b96
commit
550bc6443b
|
|
@ -18,23 +18,23 @@
|
|||
<div class="totalNumContnier">
|
||||
<div class="totalNumWrap totalNum_orange">
|
||||
<img class="" src="img/number_bg_orange.png" />
|
||||
<span class="totalNumText">产量</span>
|
||||
<span class="totalNumText">本月熟料产量</span>
|
||||
<div class="totalNumber">
|
||||
{{ totalData.total_production }}
|
||||
{{ totalData.shuliao }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="totalNumWrap totalNumWrap_green">
|
||||
<img src="img/number_bg_green.png" />
|
||||
<span class="totalNumText">实物煤耗</span>
|
||||
<span class="totalNumText">本月水泥产量</span>
|
||||
<div class="totalNumber">
|
||||
{{ totalData.pcoal_consume }}
|
||||
{{ totalData.cement }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="totalNumWrap totalNum_blue">
|
||||
<img src="img/number_bg_blue.png" />
|
||||
<span class="totalNumText">综合电耗</span>
|
||||
<span class="totalNumText">本月水泥出厂</span>
|
||||
<div class="totalNumber">
|
||||
{{ totalData.celec_consume_unit }}
|
||||
{{ totalData.out_cement }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -106,6 +106,13 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flexItem">
|
||||
<div class="itemTitle">
|
||||
<div class="itemTitleIcon"></div>
|
||||
<div>压缩空气、用水量</div>
|
||||
</div>
|
||||
<div class="itemBody" id="line2"></div>
|
||||
</div>
|
||||
<!-- <div class="flexItem">
|
||||
<div class="itemTitle">
|
||||
<div class="itemTitleIcon"></div>
|
||||
|
|
@ -420,9 +427,9 @@ export default {
|
|||
水泥储存及散装库: "水泥包装",
|
||||
},
|
||||
totalData: {
|
||||
total_production: 0,
|
||||
pcoal_consume: 0,
|
||||
celec_consume_unit: 0,
|
||||
shuliao: 0,
|
||||
cement: 0,
|
||||
out_cement: 0,
|
||||
},
|
||||
rateData: [
|
||||
{ name: "电石渣", value: 0 },
|
||||
|
|
@ -506,6 +513,45 @@ export default {
|
|||
},
|
||||
series: [],
|
||||
},
|
||||
option2 :{
|
||||
color: ["#80FFA5", "#00DDFF", "#37A2FF", "#FF0087", "#FFBF00"],
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
label: {
|
||||
backgroundColor: '#6a7985'
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
data: []
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: {}
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: []
|
||||
}
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
type: 'value'
|
||||
}
|
||||
],
|
||||
series: [],
|
||||
},
|
||||
radarSeriesData: [0, 0, 0, 0, 0],
|
||||
radarOption: {
|
||||
radar: {
|
||||
|
|
@ -636,6 +682,8 @@ export default {
|
|||
that.$nextTick(() => {
|
||||
//获取熟料产量
|
||||
that.productNum();
|
||||
that.waterAirData();
|
||||
that.getMonthData();
|
||||
//获取设备运转率
|
||||
that.eqRate();
|
||||
//余热发电
|
||||
|
|
@ -652,135 +700,369 @@ export default {
|
|||
that.timerTime = setInterval(() => {
|
||||
that.showTime();
|
||||
}, 1000);
|
||||
that.qualityTimer = setInterval(() => {
|
||||
let lineDom = document.getElementById("line3");
|
||||
if (lineDom) {
|
||||
that.KHData = [];
|
||||
that.SMData = [];
|
||||
that.IMData = [];
|
||||
if (that.deptName == "出磨熟料") {
|
||||
that.deptName = "入窑生料";
|
||||
for (let i = 0; i < day; i++) {
|
||||
that.KHData.push(that.shengliaoData.KH[i]);
|
||||
that.SMData.push(that.shengliaoData.SM[i]);
|
||||
that.IMData.push(that.shengliaoData.IM[i]);
|
||||
}
|
||||
} else {
|
||||
that.deptName = "出磨熟料";
|
||||
for (let i = 0; i < day; i++) {
|
||||
that.KHData.push(that.shuliaoData.KH[i]);
|
||||
that.SMData.push(that.shuliaoData.SM[i]);
|
||||
that.IMData.push(that.shuliaoData.IM[i]);
|
||||
}
|
||||
}
|
||||
that.initChart();
|
||||
}
|
||||
}, 5000);
|
||||
// that.timerTime = setInterval(() => {
|
||||
// that.productNum();
|
||||
// that.eqRate();
|
||||
// that.generation();
|
||||
// that.proceElec();
|
||||
// that.dataCollect();
|
||||
// }, 3600000);
|
||||
// that.qualityTimer = setInterval(() => {
|
||||
// let lineDom = document.getElementById("line3");
|
||||
// if (lineDom) {
|
||||
// that.KHData = [];
|
||||
// that.SMData = [];
|
||||
// that.IMData = [];
|
||||
// if (that.deptName == "出磨熟料") {
|
||||
// that.deptName = "入窑生料";
|
||||
// for (let i = 0; i < day; i++) {
|
||||
// that.KHData.push(that.shengliaoData.KH[i]);
|
||||
// that.SMData.push(that.shengliaoData.SM[i]);
|
||||
// that.IMData.push(that.shengliaoData.IM[i]);
|
||||
// }
|
||||
// } else {
|
||||
// that.deptName = "出磨熟料";
|
||||
// for (let i = 0; i < day; i++) {
|
||||
// that.KHData.push(that.shuliaoData.KH[i]);
|
||||
// that.SMData.push(that.shuliaoData.SM[i]);
|
||||
// that.IMData.push(that.shuliaoData.IM[i]);
|
||||
// }
|
||||
// }
|
||||
// that.initChart();
|
||||
// }
|
||||
// }, 5000);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
//熟料产量
|
||||
productNum() {
|
||||
let that = this;
|
||||
this.$API.mtm.mgroup.list
|
||||
.req({ page: 0, search: "回转窑" })
|
||||
.then((res) => {
|
||||
// console.log("回转窑", res);
|
||||
that.huihzuanyaoId = res[0].id;
|
||||
let query = {};
|
||||
query.page = 0;
|
||||
query.year_s = that.currentYear;
|
||||
query.month_s = that.currentMonth;
|
||||
query.type = "day_s";
|
||||
query.mgroup = that.huihzuanyaoId;
|
||||
this.$API.enm.enstat.req(query).then((response) => {
|
||||
let seriesData = [];
|
||||
let data = response;
|
||||
data.forEach((item) => {
|
||||
let ind = item.day_s - 1;
|
||||
seriesData[ind] = item.total_production;
|
||||
if (item.day_s == that.currentDay) {
|
||||
that.totalData.total_production =
|
||||
item.total_production;
|
||||
that.totalData.pcoal_consume =
|
||||
item.pcoal_consume;
|
||||
that.totalData.celec_consume_unit =
|
||||
item.celec_consume_unit;
|
||||
}
|
||||
});
|
||||
let option1 = that.deepCopy(that.option);
|
||||
let chartDom = document.getElementById("line1");
|
||||
let myChart = echarts.init(chartDom);
|
||||
option1.legend.data = [
|
||||
// {
|
||||
// name: "熟料",
|
||||
// textStyle: {
|
||||
// color: "#fff",
|
||||
// },
|
||||
// borderRadius: 2,
|
||||
// itemStyle: {
|
||||
// color: that.linearGradientColors[0],
|
||||
// },
|
||||
// },
|
||||
// {
|
||||
// name: "特种熟料",
|
||||
// textStyle: {
|
||||
// color: "#fff",
|
||||
// },
|
||||
// borderRadius: 2,
|
||||
// itemStyle: {
|
||||
// color: that.linearGradientColors[1],
|
||||
// },
|
||||
// },
|
||||
];
|
||||
option1.series = [
|
||||
{
|
||||
name: "",
|
||||
type: "line",
|
||||
stack: "Total",
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
width: 0,
|
||||
},
|
||||
showSymbol: false,
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: that.linearGradientColors[0],
|
||||
},
|
||||
emphasis: {
|
||||
focus: "series",
|
||||
},
|
||||
data: seriesData,
|
||||
},
|
||||
{
|
||||
name: "",
|
||||
type: "line",
|
||||
stack: "Total",
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
width: 0,
|
||||
},
|
||||
showSymbol: false,
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: that.linearGradientColors[1],
|
||||
},
|
||||
emphasis: {
|
||||
focus: "series",
|
||||
},
|
||||
data: that.tezhongData,
|
||||
},
|
||||
];
|
||||
myChart.setOption(option1);
|
||||
let that = this;
|
||||
|
||||
// 初始化option1和图表
|
||||
let option1 = that.deepCopy(that.option);
|
||||
let chartDom = document.getElementById("line1");
|
||||
let myChart = echarts.init(chartDom);
|
||||
|
||||
let seriesData = new Array(31).fill(0); // 假设有31天的数据，初始化为0
|
||||
let seriesData1 = new Array(31).fill(0);
|
||||
let seriesData2 = new Array(31).fill(0);
|
||||
|
||||
// 获取回转窑数据
|
||||
this.$API.mtm.mgroup.list.req({ page: 0, search: "回转窑" }).then((res) => {
|
||||
that.huihzuanyaoId = res[0]?.id;
|
||||
let query = {
|
||||
page: 0,
|
||||
year_s: that.currentYear,
|
||||
month_s: that.currentMonth,
|
||||
type: "day_s",
|
||||
mgroup: that.huihzuanyaoId,
|
||||
};
|
||||
return this.$API.enm.enstat.req(query);
|
||||
}).then((response) => {
|
||||
response.forEach((item) => {
|
||||
let ind = item.day_s - 1;
|
||||
seriesData[ind] = item.total_production || 0; // 防止空数据
|
||||
|
||||
});
|
||||
}).then(() => {
|
||||
// 获取水泥磨数据
|
||||
return this.$API.mtm.mgroup.list.req({ page: 0, search: "水泥磨" });
|
||||
}).then((res) => {
|
||||
that.shuinimoId = res[0]?.id;
|
||||
let query = {
|
||||
page: 0,
|
||||
year_s: that.currentYear,
|
||||
month_s: that.currentMonth,
|
||||
type: "day_s",
|
||||
mgroup: that.shuinimoId,
|
||||
};
|
||||
return this.$API.enm.enstat.req(query);
|
||||
}).then((response) => {
|
||||
response.forEach((item) => {
|
||||
let ind = item.day_s - 1;
|
||||
seriesData1[ind] = item.total_production || 0;
|
||||
});
|
||||
}).then(() => {
|
||||
// 获取水泥包装数据
|
||||
return this.$API.mtm.mgroup.list.req({ page: 0, search: "水泥包装" });
|
||||
}).then((res) => {
|
||||
that.shuinimoId = res[0]?.id;
|
||||
let query = {
|
||||
page: 0,
|
||||
year_s: that.currentYear,
|
||||
month_s: that.currentMonth,
|
||||
type: "day_s",
|
||||
mgroup: that.shuinimoId,
|
||||
};
|
||||
return this.$API.enm.enstat.req(query);
|
||||
}).then((response) => {
|
||||
response.forEach((item) => {
|
||||
let ind = item.day_s - 1;
|
||||
seriesData2[ind] = item.total_production || 0;
|
||||
});
|
||||
// 更新图表数据
|
||||
option1.legend.data = [
|
||||
{
|
||||
name: "熟料",
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
},
|
||||
borderRadius: 2,
|
||||
itemStyle: {
|
||||
color: that.linearGradientColors[0],
|
||||
},
|
||||
},
|
||||
{
|
||||
name: "水泥",
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
},
|
||||
borderRadius: 2,
|
||||
itemStyle: {
|
||||
color: that.linearGradientColors[1],
|
||||
},
|
||||
},
|
||||
{
|
||||
name: "出厂水泥",
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
},
|
||||
borderRadius: 2,
|
||||
itemStyle: {
|
||||
color: that.linearGradientColors[2],
|
||||
},
|
||||
},
|
||||
];
|
||||
option1.series = [
|
||||
{
|
||||
name: "熟料",
|
||||
type: "line",
|
||||
stack: "Total",
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
width: 0,
|
||||
},
|
||||
showSymbol: false,
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: that.linearGradientColors[0],
|
||||
},
|
||||
emphasis: {
|
||||
focus: "series",
|
||||
},
|
||||
data: seriesData,
|
||||
},
|
||||
{
|
||||
name: "水泥",
|
||||
type: "line",
|
||||
stack: "Total",
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
width: 0,
|
||||
},
|
||||
showSymbol: false,
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: that.linearGradientColors[1],
|
||||
},
|
||||
emphasis: {
|
||||
focus: "series",
|
||||
},
|
||||
data: seriesData1,
|
||||
},
|
||||
{
|
||||
name: "出厂水泥",
|
||||
type: "line",
|
||||
stack: "Total",
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
width: 0,
|
||||
},
|
||||
showSymbol: false,
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: that.linearGradientColors[2],
|
||||
},
|
||||
emphasis: {
|
||||
focus: "series",
|
||||
},
|
||||
data: seriesData2,
|
||||
},
|
||||
];
|
||||
myChart.setOption(option1);
|
||||
});
|
||||
},
|
||||
getMonthData() {
|
||||
// 获取回转窑数据
|
||||
let that = this;
|
||||
this.$API.mtm.mgroup.list.req({ page: 0, search: "回转窑" }).then((res) => {
|
||||
that.huihzuanyaoId = res[0]?.id; //回转窑id
|
||||
let query = {
|
||||
page: 0,
|
||||
year_s: that.currentYear,
|
||||
month_s: that.currentMonth,
|
||||
type: "month_s",
|
||||
mgroup: that.huihzuanyaoId,
|
||||
};
|
||||
return this.$API.enm.enstat.req(query);
|
||||
}).then((response) => {
|
||||
response.forEach((item) => {
|
||||
if (item.month_s == that.currentMonth) {
|
||||
that.totalData.shuliao = item.total_production; //总产量
|
||||
}
|
||||
})
|
||||
}).then(() => {
|
||||
// 获取水泥磨数据
|
||||
return this.$API.mtm.mgroup.list.req({ page: 0, search: "水泥磨" });
|
||||
}).then((res) => {
|
||||
that.shuinimoId = res[0]?.id; //水泥磨id
|
||||
let query = {
|
||||
page: 0,
|
||||
year_s: that.currentYear,
|
||||
month_s: that.currentMonth,
|
||||
type: "month_s",
|
||||
mgroup: that.shuinimoId,
|
||||
};
|
||||
return that.$API.enm.enstat.req(query);
|
||||
}).then((response) => {
|
||||
response.forEach((item) => {
|
||||
if (item.month_s == that.currentMonth) {
|
||||
that.totalData.cement = item.total_production; //水泥磨产量
|
||||
}
|
||||
})
|
||||
}).then(() => {
|
||||
// 获取出厂水泥数据
|
||||
return this.$API.mtm.mgroup.list.req({ page: 0, search: "水泥包装" });
|
||||
}).then((res) => {
|
||||
that.out_cement = res[0]?.id; //水泥包装id
|
||||
let query = {
|
||||
page: 0,
|
||||
year_s: that.currentYear,
|
||||
month_s: that.currentMonth,
|
||||
type: "month_s",
|
||||
mgroup: that.out_cement,
|
||||
};
|
||||
return that.$API.enm.enstat.req(query);
|
||||
}).then((response) => {
|
||||
response.forEach((item) => {
|
||||
if (item.month_s == that.currentMonth) {
|
||||
that.totalData.out_cement = item.total_production; //出厂水泥
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
waterAirData() {
|
||||
let that = this;
|
||||
// 初始化option2和图表
|
||||
let option3 = that.deepCopy(that.option); // 假设你有this.option作为基础配置
|
||||
let chartDom = document.getElementById("line2");
|
||||
let myChart = echarts.init(chartDom);
|
||||
|
||||
// 初始化各个series数据数组
|
||||
let seriesData = new Array(31).fill(0); // 原料车间压缩空气
|
||||
let seriesData1 = new Array(31).fill(0); // 原料车间用水
|
||||
let seriesData2 = new Array(31).fill(0); // 烧成车间压缩空气
|
||||
let seriesData3 = new Array(31).fill(0); // 烧成车间用水
|
||||
let seriesData4 = new Array(31).fill(0); // 水泥车间压缩空气
|
||||
let seriesData5 = new Array(31).fill(0); // 水泥车间用水
|
||||
|
||||
// 定义查询参数的生成函数
|
||||
function generateQuery(deptId) {
|
||||
return {
|
||||
page: 0,
|
||||
year_s: that.currentYear,
|
||||
month_s: that.currentMonth,
|
||||
type: "day_s",
|
||||
mgroup__belong_dept: deptId,
|
||||
};
|
||||
}
|
||||
|
||||
// 第一个API查询
|
||||
let query1 = generateQuery("3626222645575802880");
|
||||
this.$API.enm.enstat.req(query1).then((response) => {
|
||||
response.forEach((item) => {
|
||||
|
||||
if (item.mgroup_name === "原料压缩空气") {
|
||||
let ind = item.day_s - 1;
|
||||
seriesData[ind] = item.cair_consume || 0;
|
||||
} else if (item.mgroup_name === "原料车间用水") {
|
||||
let ind = item.day_s - 1;
|
||||
seriesData1[ind] = item.water_consume || 0;
|
||||
}
|
||||
});
|
||||
|
||||
// 第二个API查询
|
||||
let query2 = generateQuery("3626252143184752640");
|
||||
return this.$API.enm.enstat.req(query2);
|
||||
}).then((response) => {
|
||||
response.forEach((item) => {
|
||||
if (item.mgroup_name === "烧成压缩空气") {
|
||||
let ind = item.day_s - 1;
|
||||
seriesData2[ind] = item.cair_consume || 0;
|
||||
} else if (item.mgroup_name === "烧成车间用水") {
|
||||
let ind = item.day_s - 1;
|
||||
seriesData3[ind] = item.water_consume || 0;
|
||||
}
|
||||
});
|
||||
|
||||
// 第三个API查询
|
||||
let query3 = generateQuery("3626252144132665344");
|
||||
return this.$API.enm.enstat.req(query3);
|
||||
}).then((response) => {
|
||||
response.forEach((item) => {
|
||||
if (item.mgroup_name === "水泥压缩空气") {
|
||||
let ind = item.day_s - 1;
|
||||
seriesData4[ind] = item.cair_consume || 0;
|
||||
} else if (item.mgroup_name === "水泥车间用水") {
|
||||
let ind = item.day_s - 1;
|
||||
seriesData5[ind] = item.water_consume || 0;
|
||||
}
|
||||
});
|
||||
// 更新图表数据
|
||||
option3.series = [
|
||||
{
|
||||
name: '原料压缩空气',
|
||||
type: 'line',
|
||||
stack: 'Total',
|
||||
data: seriesData
|
||||
},
|
||||
{
|
||||
name: '原料车间用水',
|
||||
type: 'line',
|
||||
stack: 'Total',
|
||||
data: seriesData1
|
||||
},
|
||||
{
|
||||
name: '烧成压缩空气',
|
||||
type: 'line',
|
||||
stack: 'Total',
|
||||
data: seriesData2
|
||||
},
|
||||
{
|
||||
name: '烧成车间用水',
|
||||
type: 'line',
|
||||
stack: 'Total',
|
||||
data: seriesData3
|
||||
},
|
||||
{
|
||||
name: '水泥压缩空气',
|
||||
type: 'line',
|
||||
stack: 'Total',
|
||||
data: seriesData4
|
||||
},
|
||||
{
|
||||
name: '水泥车间用水',
|
||||
type: 'line',
|
||||
stack: 'Total',
|
||||
data: seriesData5
|
||||
}
|
||||
]
|
||||
myChart.setOption(option3); // 设置更新后的图表
|
||||
});
|
||||
},
|
||||
//水泥磨
|
||||
getShiNengMouData() {
|
||||
let that = this;
|
||||
let query = {};
|
||||
query.page = 0;
|
||||
query.year_s = that.currentYear;
|
||||
query.month_s = that.currentMonth;
|
||||
query.type = "month_s";
|
||||
this.$API.enm.enstat.req(query).then((response) => {
|
||||
|
||||
})
|
||||
},
|
||||
//设备运转率
|
||||
eqRate() {
|
||||
|
|
@ -848,7 +1130,6 @@ export default {
|
|||
});
|
||||
});
|
||||
},
|
||||
// //环保数据
|
||||
// this.$API.enm.mpoint.list
|
||||
// .req({
|
||||
// page: 0,
|
||||
|
|
@ -896,7 +1177,6 @@ export default {
|
|||
};
|
||||
that.$API.enm.enstat.req(params).then((res) => {
|
||||
let data = res.results;
|
||||
console.log("工序电耗", data);
|
||||
let seriesData = [0, 0, 0, 0, 0];
|
||||
data.forEach((item, index) => {
|
||||
if (item.mgroup_name == "电石渣") {
|
||||
|
|
@ -927,7 +1207,140 @@ export default {
|
|||
});
|
||||
},
|
||||
//质量分析---待定
|
||||
qualAnalys() {},
|
||||
qualAnalys() {
|
||||
let that = this;
|
||||
// 初始化option2和图表
|
||||
let option5 = that.deepCopy(that.option); // 假设你有this.option作为基础配置
|
||||
let chartDom = document.getElementById("line3");
|
||||
let myChart = echarts.init(chartDom);
|
||||
|
||||
// 初始化各个series数据数组
|
||||
let seriesData = new Array(31).fill(0);
|
||||
let seriesData1 = new Array(31).fill(0);
|
||||
let seriesData2 = new Array(31).fill(0);
|
||||
let seriesData3 = new Array(31).fill(0);
|
||||
let seriesData4 = new Array(31).fill(0);
|
||||
|
||||
// 定义查询参数的生成函数
|
||||
function generateQuery(mgroupId) {
|
||||
return {
|
||||
page: 0,
|
||||
year_s: that.currentYear,
|
||||
month_s: that.currentMonth,
|
||||
type: "day_s",
|
||||
mgroup: mgroupId,
|
||||
};
|
||||
}
|
||||
// 第一个API查询
|
||||
let query1 = generateQuery("3626253029718056960");
|
||||
this.$API.enm.enstat.req(query1).then((response) => {
|
||||
response.forEach((item) => {
|
||||
if (item.qua_data.length > 0) {
|
||||
let ind = item.day_s - 1;
|
||||
seriesData[ind] = item.出窑熟料_fCaO_rate_pass || 0;
|
||||
seriesData1[ind] = item.出窑熟料_立升重_rate_pass || 0;
|
||||
}
|
||||
});
|
||||
let query2 = generateQuery("3626253601661739008");
|
||||
return this.$API.enm.enstat.req(query2);
|
||||
}).then((response) => {
|
||||
response.forEach((item) => {
|
||||
if (item.qua_data.length > 0) {
|
||||
let ind = item.day_s - 1;
|
||||
seriesData2[ind] = item.出磨水泥_SO3_rate_pass || 0;
|
||||
seriesData3[ind] = item.出磨水泥_比表面积_rate_pass || 0;
|
||||
seriesData4[ind] = item.出磨水泥_掺量_rate_pass || 0;
|
||||
}
|
||||
});
|
||||
// 更新图表数据
|
||||
option5.legend.data = [
|
||||
{
|
||||
name: "f-CaO",
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
},
|
||||
borderRadius: 2,
|
||||
itemStyle: {
|
||||
color: that.linearGradientColors[0],
|
||||
},
|
||||
},
|
||||
{
|
||||
name: "立升重",
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
},
|
||||
borderRadius: 2,
|
||||
itemStyle: {
|
||||
color: that.linearGradientColors[1],
|
||||
},
|
||||
},
|
||||
{
|
||||
name: "SO3",
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
},
|
||||
borderRadius: 2,
|
||||
itemStyle: {
|
||||
color: that.linearGradientColors[2],
|
||||
},
|
||||
},
|
||||
{
|
||||
name: "比表面积",
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
},
|
||||
borderRadius: 2,
|
||||
itemStyle: {
|
||||
color: that.linearGradientColors[3],
|
||||
},
|
||||
},
|
||||
{
|
||||
name: "掺量",
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
},
|
||||
borderRadius: 2,
|
||||
itemStyle: {
|
||||
color: that.linearGradientColors[4],
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
option5.series = [
|
||||
{
|
||||
name: 'f-CaO',
|
||||
type: 'line',
|
||||
stack: 'Total',
|
||||
data: seriesData
|
||||
},
|
||||
{
|
||||
name: '立升重',
|
||||
type: 'line',
|
||||
stack: 'Total',
|
||||
data: seriesData1
|
||||
},
|
||||
{
|
||||
name: 'SO3',
|
||||
type: 'line',
|
||||
stack: 'Total',
|
||||
data: seriesData2
|
||||
},
|
||||
{
|
||||
name: '比表面积',
|
||||
type: 'line',
|
||||
stack: 'Total',
|
||||
data: seriesData3
|
||||
},
|
||||
{
|
||||
name: '掺量',
|
||||
type: 'line',
|
||||
stack: 'Total',
|
||||
data: seriesData4
|
||||
},
|
||||
]
|
||||
myChart.setOption(option5); // 设置更新后的图表
|
||||
});
|
||||
},
|
||||
//数据采集——设备运行状态
|
||||
dataCollect() {
|
||||
let that = this;
|
||||
|
|
@ -942,7 +1355,6 @@ export default {
|
|||
return typeof variable;
|
||||
}
|
||||
that.$API.enm.mpoint.list.req(params).then((res) => {
|
||||
console.log("数据采集", res);
|
||||
let success_num = 0;
|
||||
let error_num = 0;
|
||||
res.forEach((item, index) => {
|
||||
|
|
@ -958,7 +1370,6 @@ export default {
|
|||
}
|
||||
that.tableData.push(item);
|
||||
});
|
||||
console.log("数据采集tableData", that.tableData);
|
||||
|
||||
// let chartDom6 = document.getElementById("pieChart");
|
||||
// let myChart6 = echarts.init(chartDom6);
|
||||
|
|
@ -1079,6 +1490,7 @@ export default {
|
|||
that.resizeChart("line1");
|
||||
// that.resizeChart("pieChart");
|
||||
that.resizeChart("radar");
|
||||
that.resizeChart("line2");
|
||||
that.resizeChart("line3");
|
||||
},
|
||||
resizeChart(name) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue