From 91b8d3fc4af914d44a880df03554782562583d83 Mon Sep 17 00:00:00 2001 From: shijing Date: Wed, 4 Dec 2024 15:45:23 +0800 Subject: [PATCH] =?UTF-8?q?fix:tkx=E5=A4=A7=E5=B1=8F=E6=94=B9=E5=8A=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/bigScreen/index_enm.vue | 348 +++++++----------------------- 1 file changed, 83 insertions(+), 265 deletions(-) diff --git a/src/views/bigScreen/index_enm.vue b/src/views/bigScreen/index_enm.vue index 7fd3f00c..e81ca31e 100644 --- a/src/views/bigScreen/index_enm.vue +++ b/src/views/bigScreen/index_enm.vue @@ -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;