From 550bc6443b07b69070e69a7a8acff38e0c79d0e9 Mon Sep 17 00:00:00 2001
From: zty <zty18395607196@163.com>
Date: Thu, 24 Oct 2024 16:05:12 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20index=5Fenm=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/bigScreen/index_enm.vue | 686 ++++++++++++++++++++++++------
 1 file changed, 549 insertions(+), 137 deletions(-)

diff --git a/src/views/bigScreen/index_enm.vue b/src/views/bigScreen/index_enm.vue
index e44fafe0..e6b1c064 100644
--- a/src/views/bigScreen/index_enm.vue
+++ b/src/views/bigScreen/index_enm.vue
@@ -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) {