fix:tkx大屏改动
This commit is contained in:
parent
578c69b599
commit
91b8d3fc4a
|
|
@ -431,9 +431,12 @@ export default {
|
|||
电石渣堆棚: "电石渣",
|
||||
原料磨及废气处理: "原料磨",
|
||||
窑: "回转窑",
|
||||
煤粉制备_primitive0: "煤磨",
|
||||
水泥磨房_primitive1: "水泥磨",
|
||||
窑头: "煤磨",
|
||||
水泥配料库: "水泥磨",
|
||||
水泥储存及散装库: "水泥包装",
|
||||
// 煤粉制备_primitive0: "煤磨",
|
||||
// 水泥磨房_primitive1: "水泥磨",
|
||||
// 水泥储存及散装库: "水泥包装",
|
||||
},
|
||||
totalData: {
|
||||
shuliao: 0,
|
||||
|
|
@ -506,24 +509,48 @@ export default {
|
|||
show: false,
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
name: "",
|
||||
type: "value",
|
||||
nameTextStyle: {
|
||||
color: "#ffffff",
|
||||
},
|
||||
axisLabel: {
|
||||
color: "#ffffff",
|
||||
},
|
||||
splitLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
type: "dashed", //y轴分割线类型
|
||||
color: "rgba(102,102,102,0.9)",
|
||||
width: 1,
|
||||
yAxis: [
|
||||
{
|
||||
name: "",
|
||||
type: "value",
|
||||
position: "left",
|
||||
alignTicks: true,
|
||||
nameTextStyle: {
|
||||
color: "#ffffff",
|
||||
},
|
||||
axisLabel: {
|
||||
color: "#ffffff",
|
||||
},
|
||||
splitLine: {
|
||||
show: true,
|
||||
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: [],
|
||||
},
|
||||
radarSeriesData: [0, 0, 0, 0, 0],
|
||||
|
|
@ -674,30 +701,6 @@ 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);
|
||||
});
|
||||
},
|
||||
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() {
|
||||
let that = this;
|
||||
|
|
@ -1248,9 +1214,6 @@ export default {
|
|||
// 初始化各个series数据数组
|
||||
let seriesData = 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) {
|
||||
|
|
@ -1291,44 +1254,44 @@ export default {
|
|||
});
|
||||
// 更新图表数据
|
||||
option5.color = ["#80FFA5", "#00DDFF", "#37A2FF", "#FF0087", "#FFBF00"],
|
||||
|
||||
option5.legend.data = [
|
||||
{
|
||||
name: "原煤消耗(t)",
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
{
|
||||
name: "原煤消耗(t)",
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
},
|
||||
borderRadius: 2,
|
||||
itemStyle: {
|
||||
color: "#80FFA5",
|
||||
},
|
||||
},
|
||||
borderRadius: 2,
|
||||
itemStyle: {
|
||||
color: "#80FFA5",
|
||||
{
|
||||
name: "全厂电量(kwh)",
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
},
|
||||
borderRadius: 2,
|
||||
itemStyle: {
|
||||
color: "#00DDFF",
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
name: "全厂电量(kwh)",
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
];
|
||||
option5.series = [
|
||||
{
|
||||
name: '原煤消耗(t)',
|
||||
type: 'line',
|
||||
yAxisIndex: 0,
|
||||
data: seriesData
|
||||
},
|
||||
borderRadius: 2,
|
||||
itemStyle: {
|
||||
color: "#00DDFF",
|
||||
{
|
||||
name: '全厂电量(kwh)',
|
||||
type: 'line',
|
||||
yAxisIndex: 1,
|
||||
data: seriesData1
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
option5.series = [
|
||||
{
|
||||
name: '原煤消耗(t)',
|
||||
type: 'line',
|
||||
data: seriesData
|
||||
},
|
||||
{
|
||||
name: '全厂电量(kwh)',
|
||||
type: 'line',
|
||||
data: seriesData1
|
||||
},
|
||||
]
|
||||
option5.yAxis.axisLabel.show = false;
|
||||
option5.xAxis.data = [
|
||||
]
|
||||
option5.yAxis.axisLabel.show = false;
|
||||
option5.xAxis.data = [
|
||||
"1月",
|
||||
"2月",
|
||||
"3月",
|
||||
|
|
@ -1342,7 +1305,7 @@ export default {
|
|||
"11月",
|
||||
"12月",
|
||||
];
|
||||
myChart.setOption(option5); // 设置更新后的图表
|
||||
myChart.setOption(option5); // 设置更新后的图表
|
||||
});
|
||||
},
|
||||
//数据采集——设备运行状态
|
||||
|
|
@ -1374,51 +1337,6 @@ export default {
|
|||
}
|
||||
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() {
|
||||
|
|
@ -1716,10 +1634,10 @@ export default {
|
|||
dataView.isVisible = false;
|
||||
}
|
||||
}
|
||||
console.log("Camera Alpha:", camera.alpha);
|
||||
console.log("Camera Beta:", camera.beta);
|
||||
console.log("Camera Radius:", camera.radius);
|
||||
console.log("Camera Radius:", camera.target);
|
||||
// console.log("Camera Alpha:", camera.alpha);
|
||||
// console.log("Camera Beta:", camera.beta);
|
||||
// console.log("Camera Radius:", camera.radius);
|
||||
// console.log("Camera Radius:", camera.target);
|
||||
});
|
||||
control_main.addControl(checkbox1);
|
||||
var header1 = new BABYLON_GUI.TextBlock();
|
||||
|
|
@ -2032,106 +1950,6 @@ export default {
|
|||
deepCopy(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() {
|
||||
let that = this;
|
||||
|
|
|
|||
Loading…
Reference in New Issue