fix:tkx大屏改动

This commit is contained in:
shijing 2024-12-04 15:45:23 +08:00
parent 578c69b599
commit 91b8d3fc4a
1 changed files with 83 additions and 265 deletions

View File

@ -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;