From b63bc3ed98e7b6fae2edc4153a0676577a149d0c Mon Sep 17 00:00:00 2001 From: selia-zx <1771203023@qq.com> Date: Fri, 15 Aug 2025 11:22:09 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=80=E4=BA=9B=E5=9B=BE=E8=A1=A8=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E5=8D=95=E4=BD=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../awSysMonitor/asSysMonitorDetails.vue | 4 +- .../components/deviceEnergy.vue | 7 +++- .../enSourceAnalysis/components/equipment.vue | 5 +++ .../components/energyAnalysis.vue | 40 ++++++++++++++++++- .../centerairC/temHistoryQuery/index.vue | 7 ++++ .../components/energyReport.vue | 17 +++++++- .../energyAnalysis/components/temReport.vue | 7 +++- .../energyAnalysis/components/waterReport.vue | 7 +++- .../energyQuery/components/energy.vue | 10 +++++ 9 files changed, 97 insertions(+), 7 deletions(-) diff --git a/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue b/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue index 38a7517..d54b265 100644 --- a/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue +++ b/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue @@ -16,7 +16,7 @@ src="../../../assets/images/title-right.png" alt="" /> -
铭汉高效冷源站管理系统
+
空调风柜监控系统
{{ formattedDate }}
@@ -606,7 +606,7 @@ export default { }, // 返回上一页 goBack() { - this.$router.back(); + window.history.go(-2); }, // 监测天数 getDayData() { diff --git a/src/views/centerairC/enSourceAnalysis/components/deviceEnergy.vue b/src/views/centerairC/enSourceAnalysis/components/deviceEnergy.vue index 4cc965c..4073a01 100644 --- a/src/views/centerairC/enSourceAnalysis/components/deviceEnergy.vue +++ b/src/views/centerairC/enSourceAnalysis/components/deviceEnergy.vue @@ -425,6 +425,11 @@ export default { this.option2.series[0].data = this.electData2; this.option2.xAxis.data = this.dateList2; + this.option2.yAxis.name = "kwh"; + this.option2.yAxis.nameTextStyle = { + color: "rgba(255, 255, 255, 1)", + fontSize: 12, + }; console.log("x轴", this.dateList2); console.log("折线图数据", this.electData2); this.screenAdapter(); @@ -500,7 +505,7 @@ export default { show: false, // 不显示图例 }, grid: { - top: "5%", + top: "6%", left: "3%", right: "4.4%", bottom: "20%", diff --git a/src/views/centerairC/enSourceAnalysis/components/equipment.vue b/src/views/centerairC/enSourceAnalysis/components/equipment.vue index 3dfbd76..dd423b1 100644 --- a/src/views/centerairC/enSourceAnalysis/components/equipment.vue +++ b/src/views/centerairC/enSourceAnalysis/components/equipment.vue @@ -560,6 +560,11 @@ export default { console.log("图表数据", this.dataArr); this.option1.series = this.dataArr; this.option1.xAxis.data = this.timeData; + this.option1.yAxis.name = "kwh"; + this.option1.yAxis.nameTextStyle = { + color: "rgba(255, 255, 255, 1)", + fontSize: 12, + }; // 清空图表 this.chartInstance1.clear(); this.screenAdapter(); diff --git a/src/views/centerairC/energyAnalysis/components/energyAnalysis.vue b/src/views/centerairC/energyAnalysis/components/energyAnalysis.vue index c7c5201..c415f3f 100644 --- a/src/views/centerairC/energyAnalysis/components/energyAnalysis.vue +++ b/src/views/centerairC/energyAnalysis/components/energyAnalysis.vue @@ -487,7 +487,7 @@ export default { }, grid: { - top: "5%", + top: "9%", left: "3%", right: "4.4%", bottom: "20%", @@ -696,6 +696,17 @@ export default { // 控制图例 screenAdapter2() { // console.log("checkList:", this.checkList); + //写法一 + // const selected = { + // 瞬时系统EER: false, + // 瞬时冷量: false, + // 瞬时功率: false, + // }; + // const updatedSelected = { + // ...selected, + // [this.checkList]: true, + // }; + // 写法二,添加不同的单位 const selected = { 瞬时系统EER: false, 瞬时冷量: false, @@ -705,6 +716,26 @@ export default { ...selected, [this.checkList]: true, }; + let unit; + // 遍历 selected 对象 + for (const key in updatedSelected) { + if (updatedSelected[key]) { + switch (key) { + case "瞬时系统EER": + unit = ""; + break; + case "瞬时冷量": + unit = "kwr"; + break; + case "瞬时功率": + unit = "kw"; + break; + default: + unit = ""; + } + break; + } + } // console.log(updatedSelected); //自己定义的比较合适的适配大小,2.6 mes_ref是图表盒子 const titleFontSize = this.$refs.charts_refs.offsetWidth / 130; @@ -717,6 +748,9 @@ export default { // data: ["2021", "2022", "2023"], data: this.dateList2, }, + yAxis: { + name: unit, + }, series: [ { name: "瞬时系统EER", @@ -756,6 +790,10 @@ export default { axisLabel: { fontSize: titleFontSize * 1.5, }, + nameTextStyle: { + color: "rgba(255, 255, 255, 1)", + fontSize: titleFontSize * 1.3, + }, }, }; //记得重新给配置项给实例对象。只要实例对象.chartInstance不变,option就可以多次配置不同的条件。也可以配置一个dataoption只写需要从后台请求的数据相关 diff --git a/src/views/centerairC/temHistoryQuery/index.vue b/src/views/centerairC/temHistoryQuery/index.vue index 2f8394e..4185f52 100644 --- a/src/views/centerairC/temHistoryQuery/index.vue +++ b/src/views/centerairC/temHistoryQuery/index.vue @@ -173,6 +173,13 @@ export default { xAxis: { data: timeValue, }, + yAxis: { + name: "℃", + nameTextStyle: { + color: "rgba(255, 255, 255, 1)", + fontSize: 12, + }, + }, series: [ { data: hightValue, diff --git a/src/views/hotWater/energyAnalysis/components/energyReport.vue b/src/views/hotWater/energyAnalysis/components/energyReport.vue index 0f5a845..4c5cbfc 100644 --- a/src/views/hotWater/energyAnalysis/components/energyReport.vue +++ b/src/views/hotWater/energyAnalysis/components/energyReport.vue @@ -534,6 +534,11 @@ export default { }, renderingBroken() { if (this.currentIndex === 0) { + this.brokenOption.yAxis.name = "吨"; + this.brokenOption.yAxis.nameTextStyle = { + color: "rgba(255, 255, 255, 1)", + fontSize: 12, + }; this.brokenOption.series[0].data = this.brokenData1; this.brokenOption.series[0].itemStyle.color = "#d48e17"; this.brokenOption.series[0].areaStyle.color.colorStops = [ @@ -547,6 +552,11 @@ export default { }, ]; } else if (this.currentIndex === 1) { + this.brokenOption.yAxis.name = "度"; + this.brokenOption.yAxis.nameTextStyle = { + color: "rgba(255, 255, 255, 1)", + fontSize: 12, + }; this.brokenOption.series[0].data = this.brokenData2; this.brokenOption.series[0].itemStyle.color = "#1ab395"; this.brokenOption.series[0].areaStyle.color.colorStops = [ @@ -560,6 +570,11 @@ export default { }, ]; } else if (this.currentIndex === 2) { + this.brokenOption.yAxis.name = "度/吨"; + this.brokenOption.yAxis.nameTextStyle = { + color: "rgba(255, 255, 255, 1)", + fontSize: 12, + }; this.brokenOption.series[0].data = this.brokenData3; this.brokenOption.series[0].itemStyle.color = "#1f8dee"; this.brokenOption.series[0].areaStyle.color.colorStops = [ @@ -723,7 +738,7 @@ export default { }, grid: { - top: "4%", + top: "10%", left: "3%", right: "4%", bottom: "5%", diff --git a/src/views/hotWater/energyAnalysis/components/temReport.vue b/src/views/hotWater/energyAnalysis/components/temReport.vue index fcade05..e6eab20 100644 --- a/src/views/hotWater/energyAnalysis/components/temReport.vue +++ b/src/views/hotWater/energyAnalysis/components/temReport.vue @@ -224,6 +224,11 @@ export default { }, //渲染 renderingBroken() { + this.brokenOption.yAxis.name = "℃"; + this.brokenOption.yAxis.nameTextStyle = { + color: "rgba(255, 255, 255, 1)", + fontSize: 12, + }; this.brokenOption.series[0].data = this.brokenData1; this.brokenOption.series[0].itemStyle.color = "#1f8dee"; this.brokenOption.series[0].areaStyle.color.colorStops = [ @@ -432,7 +437,7 @@ export default { }, grid: { - top: "4%", + top: "10%", left: "3%", right: "4%", bottom: "5%", diff --git a/src/views/hotWater/energyAnalysis/components/waterReport.vue b/src/views/hotWater/energyAnalysis/components/waterReport.vue index 6553c2a..a29214d 100644 --- a/src/views/hotWater/energyAnalysis/components/waterReport.vue +++ b/src/views/hotWater/energyAnalysis/components/waterReport.vue @@ -223,6 +223,11 @@ export default { }, //渲染 renderingBroken() { + this.brokenOption.yAxis.name = "%"; + this.brokenOption.yAxis.nameTextStyle = { + color: "rgba(255, 255, 255, 1)", + fontSize: 12, + }; this.brokenOption.series[0].data = this.brokenData1; this.brokenOption.series[0].itemStyle.color = "#1f8dee"; this.brokenOption.series[0].areaStyle.color.colorStops = [ @@ -432,7 +437,7 @@ export default { }, grid: { - top: "4%", + top: "10%", left: "3%", right: "4%", bottom: "5%", diff --git a/src/views/hotWater/energyQuery/components/energy.vue b/src/views/hotWater/energyQuery/components/energy.vue index 7245372..6505800 100644 --- a/src/views/hotWater/energyQuery/components/energy.vue +++ b/src/views/hotWater/energyQuery/components/energy.vue @@ -160,6 +160,11 @@ export default { // getChartData() { if (this.currentIndex === 0) { + this.brokenOption.yAxis.name = "吨"; + this.brokenOption.yAxis.nameTextStyle = { + color: "rgba(255, 255, 255, 1)", + fontSize: 12, + }; this.brokenOption.series[0].data = this.brokenData1; this.brokenOption.series[0].itemStyle.color = "#1f8dee"; this.brokenOption.series[0].areaStyle.color.colorStops = [ @@ -173,6 +178,11 @@ export default { }, ]; } else if (this.currentIndex === 1) { + this.brokenOption.yAxis.name = "度"; + this.brokenOption.yAxis.nameTextStyle = { + color: "rgba(255, 255, 255, 1)", + fontSize: 12, + }; this.brokenOption.series[0].data = this.brokenData2; this.brokenOption.series[0].itemStyle.color = "#1ab395"; this.brokenOption.series[0].areaStyle.color.colorStops = [