fix:tkx大屏改动
This commit is contained in:
parent
578c69b599
commit
91b8d3fc4a
|
@ -431,9 +431,12 @@ export default {
|
||||||
电石渣堆棚: "电石渣",
|
电石渣堆棚: "电石渣",
|
||||||
原料磨及废气处理: "原料磨",
|
原料磨及废气处理: "原料磨",
|
||||||
窑: "回转窑",
|
窑: "回转窑",
|
||||||
煤粉制备_primitive0: "煤磨",
|
窑头: "煤磨",
|
||||||
水泥磨房_primitive1: "水泥磨",
|
水泥配料库: "水泥磨",
|
||||||
水泥储存及散装库: "水泥包装",
|
水泥储存及散装库: "水泥包装",
|
||||||
|
// 煤粉制备_primitive0: "煤磨",
|
||||||
|
// 水泥磨房_primitive1: "水泥磨",
|
||||||
|
// 水泥储存及散装库: "水泥包装",
|
||||||
},
|
},
|
||||||
totalData: {
|
totalData: {
|
||||||
shuliao: 0,
|
shuliao: 0,
|
||||||
|
@ -506,24 +509,48 @@ export default {
|
||||||
show: false,
|
show: false,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: [
|
||||||
name: "",
|
{
|
||||||
type: "value",
|
name: "",
|
||||||
nameTextStyle: {
|
type: "value",
|
||||||
color: "#ffffff",
|
position: "left",
|
||||||
},
|
alignTicks: true,
|
||||||
axisLabel: {
|
nameTextStyle: {
|
||||||
color: "#ffffff",
|
color: "#ffffff",
|
||||||
},
|
},
|
||||||
splitLine: {
|
axisLabel: {
|
||||||
show: true,
|
color: "#ffffff",
|
||||||
lineStyle: {
|
},
|
||||||
type: "dashed", //y轴分割线类型
|
splitLine: {
|
||||||
color: "rgba(102,102,102,0.9)",
|
show: true,
|
||||||
width: 1,
|
lineStyle: {
|
||||||
|
type: "dashed", //y轴分割线类型
|
||||||
|
color: "rgba(102,102,102,0.9)",
|
||||||
|
width: 1,
|
||||||
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
{
|
||||||
|
name: "",
|
||||||
|
type: "value",
|
||||||
|
position: "right",
|
||||||
|
alignTicks: true,
|
||||||
|
nameTextStyle: {
|
||||||
|
color: "#00DDFF",
|
||||||
|
},
|
||||||
|
axisLabel: {
|
||||||
|
color: "#00DDFF",
|
||||||
|
},
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
type: "dashed", //y轴分割线类型
|
||||||
|
color: "rgba(102,102,102,0.9)",
|
||||||
|
width: 1,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
],
|
||||||
series: [],
|
series: [],
|
||||||
},
|
},
|
||||||
radarSeriesData: [0, 0, 0, 0, 0],
|
radarSeriesData: [0, 0, 0, 0, 0],
|
||||||
|
@ -674,30 +701,6 @@ export default {
|
||||||
that.timerTime = setInterval(() => {
|
that.timerTime = setInterval(() => {
|
||||||
that.showTime();
|
that.showTime();
|
||||||
}, 1000);
|
}, 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);
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -1161,43 +1164,6 @@ export default {
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// this.$API.enm.mpoint.list
|
|
||||||
// .req({
|
|
||||||
// page: 0,
|
|
||||||
// code: "K_TX_IP20_TX_MD500", //nox
|
|
||||||
// query: " { id, name, code, last_data, gather_state }",
|
|
||||||
// })
|
|
||||||
// .then((res0) => {
|
|
||||||
// if (res0[0].last_data.last_val) {
|
|
||||||
// that.hotData.NOx =
|
|
||||||
// res0[0].last_data.last_val.toFixed(2);
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// this.$API.enm.mpoint.list
|
|
||||||
// .req({
|
|
||||||
// page: 0,
|
|
||||||
// code: "K_TX_IP20_TX_MD508", //so2
|
|
||||||
// query: "{ id, name, code, last_data, gather_state }",
|
|
||||||
// })
|
|
||||||
// .then((res1) => {
|
|
||||||
// if (res1[0].last_data.last_val) {
|
|
||||||
// that.hotData.SO2 =
|
|
||||||
// res1[0].last_data.last_val.toFixed(2);
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// this.$API.enm.mpoint.list
|
|
||||||
// .req({
|
|
||||||
// page: 0,
|
|
||||||
// code: "K_TX_IP20_TX_MD504", //颗粒物
|
|
||||||
// query: "{ id, name, code, last_data, gather_state }",
|
|
||||||
// })
|
|
||||||
// .then((res2) => {
|
|
||||||
// if (res2[0].last_data.last_val) {
|
|
||||||
// that.hotData.klw =
|
|
||||||
// res2[0].last_data.last_val.toFixed(2);
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
|
|
||||||
//工序电耗
|
//工序电耗
|
||||||
proceElec() {
|
proceElec() {
|
||||||
let that = this;
|
let that = this;
|
||||||
|
@ -1248,9 +1214,6 @@ export default {
|
||||||
// 初始化各个series数据数组
|
// 初始化各个series数据数组
|
||||||
let seriesData = new Array(12).fill(0);
|
let seriesData = new Array(12).fill(0);
|
||||||
let seriesData1 = new Array(12).fill(0);
|
let seriesData1 = new Array(12).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) {
|
function generateQuery(mgroupId) {
|
||||||
|
@ -1291,44 +1254,44 @@ export default {
|
||||||
});
|
});
|
||||||
// 更新图表数据
|
// 更新图表数据
|
||||||
option5.color = ["#80FFA5", "#00DDFF", "#37A2FF", "#FF0087", "#FFBF00"],
|
option5.color = ["#80FFA5", "#00DDFF", "#37A2FF", "#FF0087", "#FFBF00"],
|
||||||
|
|
||||||
option5.legend.data = [
|
option5.legend.data = [
|
||||||
{
|
{
|
||||||
name: "原煤消耗(t)",
|
name: "原煤消耗(t)",
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: "#fff",
|
color: "#fff",
|
||||||
|
},
|
||||||
|
borderRadius: 2,
|
||||||
|
itemStyle: {
|
||||||
|
color: "#80FFA5",
|
||||||
|
},
|
||||||
},
|
},
|
||||||
borderRadius: 2,
|
{
|
||||||
itemStyle: {
|
name: "全厂电量(kwh)",
|
||||||
color: "#80FFA5",
|
textStyle: {
|
||||||
|
color: "#fff",
|
||||||
|
},
|
||||||
|
borderRadius: 2,
|
||||||
|
itemStyle: {
|
||||||
|
color: "#00DDFF",
|
||||||
|
},
|
||||||
},
|
},
|
||||||
},
|
];
|
||||||
{
|
option5.series = [
|
||||||
name: "全厂电量(kwh)",
|
{
|
||||||
textStyle: {
|
name: '原煤消耗(t)',
|
||||||
color: "#fff",
|
type: 'line',
|
||||||
|
yAxisIndex: 0,
|
||||||
|
data: seriesData
|
||||||
},
|
},
|
||||||
borderRadius: 2,
|
{
|
||||||
itemStyle: {
|
name: '全厂电量(kwh)',
|
||||||
color: "#00DDFF",
|
type: 'line',
|
||||||
|
yAxisIndex: 1,
|
||||||
|
data: seriesData1
|
||||||
},
|
},
|
||||||
},
|
]
|
||||||
];
|
option5.yAxis.axisLabel.show = false;
|
||||||
|
option5.xAxis.data = [
|
||||||
option5.series = [
|
|
||||||
{
|
|
||||||
name: '原煤消耗(t)',
|
|
||||||
type: 'line',
|
|
||||||
data: seriesData
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: '全厂电量(kwh)',
|
|
||||||
type: 'line',
|
|
||||||
data: seriesData1
|
|
||||||
},
|
|
||||||
]
|
|
||||||
option5.yAxis.axisLabel.show = false;
|
|
||||||
option5.xAxis.data = [
|
|
||||||
"1月",
|
"1月",
|
||||||
"2月",
|
"2月",
|
||||||
"3月",
|
"3月",
|
||||||
|
@ -1342,7 +1305,7 @@ export default {
|
||||||
"11月",
|
"11月",
|
||||||
"12月",
|
"12月",
|
||||||
];
|
];
|
||||||
myChart.setOption(option5); // 设置更新后的图表
|
myChart.setOption(option5); // 设置更新后的图表
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
//数据采集——设备运行状态
|
//数据采集——设备运行状态
|
||||||
|
@ -1374,51 +1337,6 @@ export default {
|
||||||
}
|
}
|
||||||
that.tableData.push(item);
|
that.tableData.push(item);
|
||||||
});
|
});
|
||||||
|
|
||||||
// let chartDom6 = document.getElementById("pieChart");
|
|
||||||
// let myChart6 = echarts.init(chartDom6);
|
|
||||||
// let colors = [];
|
|
||||||
// colors.push(that.linearGradientColors[0]);
|
|
||||||
// colors.push(that.linearGradientColors[3]);
|
|
||||||
// let option6 = {
|
|
||||||
// color: colors,
|
|
||||||
// tooltip: {
|
|
||||||
// trigger: "item",
|
|
||||||
// },
|
|
||||||
// legend: {
|
|
||||||
// top: "2%",
|
|
||||||
// left: "center",
|
|
||||||
// textStyle: {
|
|
||||||
// color: "#fff",
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
// series: [
|
|
||||||
// {
|
|
||||||
// name: "运行状态",
|
|
||||||
// type: "pie",
|
|
||||||
// radius: ["40%", "70%"],
|
|
||||||
// padAngle: 5,
|
|
||||||
// itemStyle: {
|
|
||||||
// borderRadius: 5,
|
|
||||||
// },
|
|
||||||
// label: {
|
|
||||||
// show: true,
|
|
||||||
// position: "inner",
|
|
||||||
// fontSize: 16,
|
|
||||||
// formatter: "{d}%",
|
|
||||||
// color: "#fff",
|
|
||||||
// },
|
|
||||||
// labelLine: {
|
|
||||||
// show: false,
|
|
||||||
// },
|
|
||||||
// data: [
|
|
||||||
// { value: success_num, name: "正常" },
|
|
||||||
// { value: error_num, name: "掉线" },
|
|
||||||
// ],
|
|
||||||
// },
|
|
||||||
// ],
|
|
||||||
// };
|
|
||||||
// myChart6.setOption(option6);
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
showTime() {
|
showTime() {
|
||||||
|
@ -1716,10 +1634,10 @@ export default {
|
||||||
dataView.isVisible = false;
|
dataView.isVisible = false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
console.log("Camera Alpha:", camera.alpha);
|
// console.log("Camera Alpha:", camera.alpha);
|
||||||
console.log("Camera Beta:", camera.beta);
|
// console.log("Camera Beta:", camera.beta);
|
||||||
console.log("Camera Radius:", camera.radius);
|
// console.log("Camera Radius:", camera.radius);
|
||||||
console.log("Camera Radius:", camera.target);
|
// console.log("Camera Radius:", camera.target);
|
||||||
});
|
});
|
||||||
control_main.addControl(checkbox1);
|
control_main.addControl(checkbox1);
|
||||||
var header1 = new BABYLON_GUI.TextBlock();
|
var header1 = new BABYLON_GUI.TextBlock();
|
||||||
|
@ -2032,106 +1950,6 @@ export default {
|
||||||
deepCopy(obj) {
|
deepCopy(obj) {
|
||||||
return JSON.parse(JSON.stringify(obj));
|
return JSON.parse(JSON.stringify(obj));
|
||||||
},
|
},
|
||||||
//质量分析模拟数据
|
|
||||||
initChart() {
|
|
||||||
let that = this;
|
|
||||||
function deepCopy(obj) {
|
|
||||||
return JSON.parse(JSON.stringify(obj));
|
|
||||||
}
|
|
||||||
//右2---质量分析---折线图
|
|
||||||
let option5 = deepCopy(that.option);
|
|
||||||
let chartDom5 = document.getElementById("line3");
|
|
||||||
let myChart5 = echarts.init(chartDom5);
|
|
||||||
option5.legend.data = [
|
|
||||||
{
|
|
||||||
name: "KH",
|
|
||||||
textStyle: {
|
|
||||||
color: "#fff",
|
|
||||||
},
|
|
||||||
borderRadius: 2,
|
|
||||||
itemStyle: {
|
|
||||||
color: that.linearGradientColors[0],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "SM",
|
|
||||||
textStyle: {
|
|
||||||
color: "#fff",
|
|
||||||
},
|
|
||||||
borderRadius: 2,
|
|
||||||
itemStyle: {
|
|
||||||
color: that.linearGradientColors[1],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "IM",
|
|
||||||
textStyle: {
|
|
||||||
color: "#fff",
|
|
||||||
},
|
|
||||||
borderRadius: 2,
|
|
||||||
itemStyle: {
|
|
||||||
color: that.linearGradientColors[2],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
];
|
|
||||||
option5.series = [
|
|
||||||
{
|
|
||||||
name: "KH",
|
|
||||||
type: "line",
|
|
||||||
stack: "Total",
|
|
||||||
smooth: true,
|
|
||||||
lineStyle: {
|
|
||||||
width: 0,
|
|
||||||
},
|
|
||||||
showSymbol: false,
|
|
||||||
areaStyle: {
|
|
||||||
opacity: 0.8,
|
|
||||||
color: that.linearGradientColors[0],
|
|
||||||
},
|
|
||||||
emphasis: {
|
|
||||||
focus: "series",
|
|
||||||
},
|
|
||||||
data: that.KHData,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "SM",
|
|
||||||
type: "line",
|
|
||||||
stack: "Total",
|
|
||||||
smooth: true,
|
|
||||||
lineStyle: {
|
|
||||||
width: 0,
|
|
||||||
},
|
|
||||||
showSymbol: false,
|
|
||||||
areaStyle: {
|
|
||||||
opacity: 0.8,
|
|
||||||
color: that.linearGradientColors[1],
|
|
||||||
},
|
|
||||||
emphasis: {
|
|
||||||
focus: "series",
|
|
||||||
},
|
|
||||||
data: that.SMData,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "IM",
|
|
||||||
type: "line",
|
|
||||||
stack: "Total",
|
|
||||||
smooth: true,
|
|
||||||
lineStyle: {
|
|
||||||
width: 0,
|
|
||||||
},
|
|
||||||
showSymbol: false,
|
|
||||||
areaStyle: {
|
|
||||||
opacity: 0.8,
|
|
||||||
color: that.linearGradientColors[2],
|
|
||||||
},
|
|
||||||
emphasis: {
|
|
||||||
focus: "series",
|
|
||||||
},
|
|
||||||
data: that.IMData,
|
|
||||||
},
|
|
||||||
];
|
|
||||||
myChart5.setOption(option5);
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
beforeUnmount() {
|
beforeUnmount() {
|
||||||
let that = this;
|
let that = this;
|
||||||
|
|
Loading…
Reference in New Issue