lijianfu
/
eemcs_ui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1.按要求需修改系统 

2.对接首页内容
bl_ers
selia-zx 19 hours ago
parent
58254adbf3
commit
e118216dd3
11 changed files with 149 additions and 177 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      src/api/index.js
  2. 8
      src/views/centerairC/enSourceAnalysis/index.vue
  3. 4
      src/views/centerairC/energyAnalysis/components/qnqAnalysis.vue
  4. 4
      src/views/centerairC/energyAnalysis/components/ynyAnalysis.vue
  5. 4
      src/views/centerairC/energyAnalysis/components/ynyQnqAnalysis.vue
  6. 14
      src/views/centerairC/energyAnalysis/index.vue
  7. 6
      src/views/centerairC/energyTrends/index.vue
  8. 20
      src/views/centerairC/overview/index.vue
  9. 95
      src/views/components/chartsData.vue
  10. 2
      src/views/components/sysEnergy.vue
  11. 162
      src/views/index.vue

7
src/api/index.js
Unescape View File

@ -96,3 +96,10 @@ export function homeStatical() {
method: "get", method: "get",
}); });
} }
// 获取温湿度
export function getLocalWeatherData() {
return request({
url: "/home/getWeatherData",
method: "get",
});
}

8
src/views/centerairC/enSourceAnalysis/index.vue
Unescape View File

@ -10,11 +10,11 @@
@switch-fourth="switchToPatrolTem" @switch-fourth="switchToPatrolTem"
></machineRoom> ></machineRoom>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="设备能耗" name="second"> <el-tab-pane label="设备组能耗" name="second">
<equipment v-if="activeName === 'second'"></equipment> <device-energy v-if="activeName === 'second'"></device-energy>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="设备组能耗" name="three"> <el-tab-pane label="设备能耗" name="three">
<device-energy v-if="activeName === 'three'"></device-energy> <equipment v-if="activeName === 'three'"></equipment>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>

4
src/views/centerairC/energyAnalysis/components/qnqAnalysis.vue
Unescape View File

@ -415,7 +415,7 @@ export default {
console.log("Max2", Max2); console.log("Max2", Max2);
// 修改tooltip的数据单位，需求点击“查询”-请求成功后才改变 // 修改tooltip的数据单位，需求点击“查询”-请求成功后才改变
if (this.timeIndex2 == 0) { if (this.timeIndex2 == 0) {
this.unitValue = "(kwr)"; this.unitValue = "(kwh)";
} else if (this.timeIndex2 == 1) { } else if (this.timeIndex2 == 1) {
this.unitValue = "(kwh)"; this.unitValue = "(kwh)";
} else { } else {
@ -554,7 +554,7 @@ export default {
'<span style="color: #000000; font-weight: bold;margin-left:5px">' + '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
value + value +
" " + " " +
"kwr" + "kwh" +
"</span><br>"; "</span><br>";
} else if (seriesName === "上期") { } else if (seriesName === "上期") {
res += res +=

4
src/views/centerairC/energyAnalysis/components/ynyAnalysis.vue
Unescape View File

@ -412,7 +412,7 @@ export default {
console.log("Max2", Max2); console.log("Max2", Max2);
// 修改tooltip的数据单位，需求点击“查询”-请求成功后才改变 // 修改tooltip的数据单位，需求点击“查询”-请求成功后才改变
if (this.timeIndex2 == 0) { if (this.timeIndex2 == 0) {
this.unitValue = "(kwr)"; this.unitValue = "(kwh)";
} else if (this.timeIndex2 == 1) { } else if (this.timeIndex2 == 1) {
this.unitValue = "(kwh)"; this.unitValue = "(kwh)";
} else { } else {
@ -559,7 +559,7 @@ export default {
'<span style="color: #000000; font-weight: bold;margin-left:5px">' + '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
value + value +
" " + " " +
"kwr" + "kwh" +
"</span><br>"; "</span><br>";
} else if (seriesName === "上期") { } else if (seriesName === "上期") {
res += res +=

4
src/views/centerairC/energyAnalysis/components/ynyQnqAnalysis.vue
Unescape View File

@ -415,7 +415,7 @@ export default {
// console.log("Max2", Max2); // console.log("Max2", Max2);
// 修改tooltip的数据单位，需求点击“查询”-请求成功后才改变 // 修改tooltip的数据单位，需求点击“查询”-请求成功后才改变
if (this.timeIndex2 == 0) { if (this.timeIndex2 == 0) {
this.unitValue = "(kwr)"; this.unitValue = "(kwh)";
} else if (this.timeIndex2 == 1) { } else if (this.timeIndex2 == 1) {
this.unitValue = "(kwh)"; this.unitValue = "(kwh)";
} else { } else {
@ -566,7 +566,7 @@ export default {
'<span style="color: #000000; font-weight: bold;margin-left:5px">' + '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
value + value +
" " + " " +
"kwr" + "kwh" +
"</span><br>"; "</span><br>";
} else if ( } else if (
(seriesName === "本期" || seriesName === "同期") && (seriesName === "本期" || seriesName === "同期") &&

14
src/views/centerairC/energyAnalysis/index.vue
Unescape View File

@ -3,17 +3,14 @@
<div class="details-content"> <div class="details-content">
<div class="details-header"> <div class="details-header">
<el-tabs v-model="activeName" @tab-click="handleClick" lazy> <el-tabs v-model="activeName" @tab-click="handleClick" lazy>
<el-tab-pane label="能耗分析" name="first"> <el-tab-pane label="环比分析" name="first">
<energy-analysis v-if="activeName === 'first'"></energy-analysis> <qnq-analysis v-if="activeName === 'first'"></qnq-analysis>
</el-tab-pane>
<el-tab-pane label="环比分析" name="third">
<qnq-analysis v-if="activeName === 'third'"></qnq-analysis>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="同比分析" name="second"> <el-tab-pane label="同比分析" name="second">
<yny-analysis v-if="activeName === 'second'"></yny-analysis> <yny-analysis v-if="activeName === 'second'"></yny-analysis>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="同比环比分析" name="four"> <el-tab-pane label="同比环比分析" name="third">
<yny-qnq-analysis v-if="activeName === 'four'"></yny-qnq-analysis> <yny-qnq-analysis v-if="activeName === 'third'"></yny-qnq-analysis>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
@ -22,12 +19,11 @@
</template> </template>
<script> <script>
import energyAnalysis from "./components/energyAnalysis.vue";
import qnqAnalysis from "./components/qnqAnalysis.vue"; import qnqAnalysis from "./components/qnqAnalysis.vue";
import ynyAnalysis from "./components/ynyAnalysis.vue"; import ynyAnalysis from "./components/ynyAnalysis.vue";
import ynyQnqAnalysis from "./components/ynyQnqAnalysis.vue"; import ynyQnqAnalysis from "./components/ynyQnqAnalysis.vue";
export default { export default {
components: { energyAnalysis, qnqAnalysis, ynyAnalysis, ynyQnqAnalysis }, components: { qnqAnalysis, ynyAnalysis, ynyQnqAnalysis },
data() { data() {
return { return {
activeName: "first", //能耗分析 activeName: "first", //能耗分析

6
src/views/centerairC/energyAnalysis/components/energyAnalysis.vue → src/views/centerairC/energyTrends/index.vue
Unescape View File

@ -124,7 +124,7 @@
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td v-if="coldData">制冷量(kwr)</td> <td v-if="coldData">制冷量(kwh)</td>
<td v-for="(item, index) in coldData" :key="index"> <td v-for="(item, index) in coldData" :key="index">
{{ item }} {{ item }}
</td> </td>
@ -455,7 +455,7 @@ export default {
'<span style="color: #000000; font-weight: bold;margin-left:5px">' + '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
value + value +
" " + " " +
"kwr" + "kwh" +
"</span><br>"; "</span><br>";
} else if (seriesName === "瞬时功率") { } else if (seriesName === "瞬时功率") {
res += res +=
@ -726,7 +726,7 @@ export default {
unit = ""; unit = "";
break; break;
case "瞬时冷量": case "瞬时冷量":
unit = "kwr"; unit = "kwh";
break; break;
case "瞬时功率": case "瞬时功率":
unit = "kw"; unit = "kw";

20
src/views/centerairC/overview/index.vue
Unescape View File

@ -109,7 +109,7 @@
<div class="table-content" style="width: 100%"> <div class="table-content" style="width: 100%">
<el-table :data="tableData" style="width: 100%" stripe> <el-table :data="tableData" style="width: 100%" stripe>
<el-table-column prop="date" label="时间"> </el-table-column> <el-table-column prop="date" label="时间"> </el-table-column>
<el-table-column prop="coldData" label="制冷量(kwr)"> <el-table-column prop="coldData" label="制冷量(kwh)">
</el-table-column> </el-table-column>
<el-table-column prop="electData" label="用电量(kwh)"> <el-table-column prop="electData" label="用电量(kwh)">
</el-table-column> </el-table-column>
@ -155,7 +155,7 @@
</tr> </tr>
<tr> <tr>
<th align="center">时间</th> <th align="center">时间</th>
<th align="center">制冷量(kwr)</th> <th align="center">制冷量(kwh)</th>
<th align="center">用电量(kwh)</th> <th align="center">用电量(kwh)</th>
<th align="center">EER</th> <th align="center">EER</th>
</tr> </tr>
@ -223,6 +223,10 @@ export default {
showZoom: true, showZoom: true,
// 表格数据 // 表格数据
tableData: [], tableData: [],
/** 制冷量合计（后端返回） */
totalColdData: "",
/** 用电量合计（后端返回） */
totalElectData: "",
pageParm: { pageParm: {
page: 1, //开始页面页数，初始页 page: 1, //开始页面页数，初始页
pageSize: 10, //每页的数据条数 pageSize: 10, //每页的数据条数
@ -427,6 +431,16 @@ export default {
electData: res.data[1].meter[index].toString(), // 转换为字符串 electData: res.data[1].meter[index].toString(), // 转换为字符串
copData: res.data[2].cop[index].toString(), // 转换为字符串 copData: res.data[2].cop[index].toString(), // 转换为字符串
})); }));
/** 获取后端返回的制冷量和用电量合计值 */
this.totalColdData = res.data[3].totalCold ? res.data[3].totalCold.toString() : "0";
this.totalElectData = res.data[3].totalElect ? res.data[3].totalElect.toString() : "0";
/** 在表格最后添加合计行 */
this.tableData.push({
date: "合计",
coldData: this.totalColdData,
electData: this.totalElectData,
copData: "",
});
this.pageParm.total = res.data[5].total; this.pageParm.total = res.data[5].total;
} else { } else {
this.tableData = []; this.tableData = [];
@ -581,7 +595,7 @@ export default {
'<span style="color: #000000; font-weight: bold;margin-left:5px">' + '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
value + value +
" " + " " +
"kwr" + "kwh" +
"</span><br>"; "</span><br>";
} else if (seriesName === "用电量") { } else if (seriesName === "用电量") {
res += res +=

95
src/views/components/chartsData.vue
Unescape View File

@ -34,13 +34,14 @@
<script> <script>
import { homeCharts } from "@/api/index"; import { homeCharts } from "@/api/index";
import * as echarts from "echarts";
export default { export default {
data() { data() {
return { return {
timeData2: [ timeData2: [
{ title: "系统EER" }, { title: "系统EER" },
{ title: "瞬时冷量(kwr)" }, { title: "瞬时冷量(kw)" },
{ title: "瞬时电量(kwh)" }, { title: "瞬时电量(kw)" },
// { title: "总用电量(kwh)" }, // { title: "总用电量(kwh)" },
{ title: "冷冻水供回水温度(℃)" }, { title: "冷冻水供回水温度(℃)" },
// { title: "趋近度(℃)" }, // { title: "趋近度(℃)" },
@ -282,7 +283,7 @@ export default {
}, },
//初始化chartInstance2对象 折线图 //初始化chartInstance2对象 折线图
initChart2() { initChart2() {
this.chartInstance2 = this.$echarts.init(this.$refs.analyse_ref); this.chartInstance2 = echarts.init(this.$refs.analyse_ref);
this.option2 = { this.option2 = {
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
@ -317,7 +318,7 @@ export default {
":" + ":" +
'<span style="color: #000000; font-weight: bold;margin-left:5px">' + '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
value + value +
"kwr" + "kw" +
"</span><br>"; "</span><br>";
} else if (seriesName.indexOf("用电量") !== -1) { } else if (seriesName.indexOf("用电量") !== -1) {
res += res +=
@ -326,7 +327,7 @@ export default {
":" + ":" +
'<span style="color: #000000; font-weight: bold;margin-left:5px">' + '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
value + value +
"kwh" + "kw" +
"</span><br>"; "</span><br>";
} else if ( } else if (
seriesName.indexOf("温度") !== -1 || seriesName.indexOf("温度") !== -1 ||
@ -347,7 +348,7 @@ export default {
":" + ":" +
'<span style="color: #000000; font-weight: bold;margin-left:5px">' + '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
value + value +
"kwh" + "kw" +
"</span><br>"; "</span><br>";
} else { } else {
res += res +=
@ -371,47 +372,69 @@ export default {
}, },
grid: { grid: {
top: "9%", top: "10%",
left: "3%", left: "3%",
right: "2%", right: "2%",
bottom: "25%", bottom: "30%",
containLabel: true, containLabel: true,
}, },
xAxis: { xAxis: {
type: "category", type: "category",
//设置为true代表离零刻度间隔一段距离
boundaryGap: true, boundaryGap: true,
// data: ["2021", "2022", "2023"], // 修饰刻度标签的颜色即x坐标数据
axisLabel: { axisLabel: {
// interval: 0, //强制显示所有x轴数据 // interval: 0, //强制显示所有x轴数据
color: "rgba(255,255,255,1)", // rotate: 30, //x轴坐标字体倾斜30度
color: "rgba(255, 255, 255, 1)",
}, },
axisTick: { axisTick: {
show: false, show: false, // 不显示坐标轴刻度线
}, },
// x坐标轴的颜色
axisLine: { axisLine: {
show: false, show: true,
lineStyle: {
color: "#365576",
},
}, },
splitLine: {
lineStyle: {
color: "#e2e6f0",
},
}, //x轴分割线
}, },
yAxis: { yAxis: {
min: 0, min: 0,
// max:20,
// // // min:'dataMin',
// // // max:'dataMax',
// name: "kwh", // 第一个 y 轴的单位描述
// 设置 name 的样式
nameTextStyle: {
color: "rgba(255, 255, 255, 1)",
fontSize: 12,
},
miniInterval: 5, miniInterval: 5,
type: "value", type: "value",
// 修饰刻度标签的颜色即y坐标数据 // 修饰刻度标签的颜色即y坐标数据
axisLabel: { axisLabel: {
color: "rgba(255,255,255,1)", color: "rgba(255, 255, 255, 1)",
}, },
// 显示y坐标轴的颜色 // 显示y坐标轴
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
// X 轴颜色配置 color: "#365576", // 设置 y 轴线的颜色
color: "#7b918c",
}, },
}, },
//y轴分割线段数
// splitNumber: 10,
// 修改y轴分割线的颜色 // 修改y轴分割线的颜色
splitLine: { splitLine: {
lineStyle: { lineStyle: {
color: "#7b918c", color: "#1a3d62", // 设置分割线的颜色
type: "dashed", // 设置分割线为虚线
}, },
}, },
}, },
@ -427,6 +450,7 @@ export default {
end: 100, end: 100,
xAxisIndex: [0], xAxisIndex: [0],
handleSize: "120%", // 设置滑块大小为默认大小的 120% handleSize: "120%", // 设置滑块大小为默认大小的 120%
bottom: "20%", // 拖拽条距离底部的距离，减小值可以让拖拽条往上移
}, },
], ],
series: [ series: [
@ -497,6 +521,21 @@ export default {
fontSize: titleFontSize * 1.5, fontSize: titleFontSize * 1.5,
}, },
}, },
// 拖拽X轴
dataZoom: [
{
type: "slider", //inside鼠标缩放
show: this.showZoom,
height: 10, // 设置控制区域的高度为 20 像素
// fillerColor: 'rgba(255, 0, 0, 0.5)', // 设置选中区域的颜色为半透明的红色
// backgroundColor: 'rgba(0, 0, 0, 0.1)', // 设置背景颜色为透明度为 0.1 的黑色
start: 0,
end: 100,
xAxisIndex: [0],
handleSize: "120%", // 设置滑块大小为默认大小的 120%
bottom: "20%", // 拖拽条距离底部的距离，减小值可以让拖拽条往上移
},
],
}; };
//记得重新给配置项给实例对象。只要实例对象.chartInstance不变，option就可以多次配置不同的条件。也可以配置一个dataoption只写需要从后台请求的数据相关 //记得重新给配置项给实例对象。只要实例对象.chartInstance不变，option就可以多次配置不同的条件。也可以配置一个dataoption只写需要从后台请求的数据相关
this.chartInstance2.setOption(adapterOption); this.chartInstance2.setOption(adapterOption);
@ -510,7 +549,7 @@ export default {
homeCharts().then((res) => { homeCharts().then((res) => {
console.log("图表数据查询返回", res); console.log("图表数据查询返回", res);
if (res.code == 200) { if (res.code == 200) {
this.allDataObj = res.rows; this.allDataObj = res.rows[0];
console.log("全部的数据", this.allDataObj); console.log("全部的数据", this.allDataObj);
// 首次加载页面时，显示瞬时冷量 // 首次加载页面时，显示瞬时冷量
this.handleEnter(this.timeIndex2); this.handleEnter(this.timeIndex2);
@ -544,20 +583,21 @@ export default {
.home-chart { .home-chart {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
overflow: hidden; // overflow: hidden;
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
position: relative; position: relative;
.legend-li { .legend-li {
font-size: 0.16rem;
color: #a5b6cb;
text-align: center; text-align: center;
font-size: 0.2rem; background-color: #366797;
color: #95adc8; box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
padding: 0.08rem 0.2rem; border-radius: 0.14rem;
white-space: nowrap; margin-right: 0.1rem;
margin-right: 0.3rem; padding: 0.02rem 0.1rem;
border: 1px solid #0076c1; text-shadow: none !important;
border-radius: 0.06rem;
} }
.home-chart-right { .home-chart-right {
@ -565,6 +605,7 @@ export default {
right: 0; right: 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
z-index: 99999;
.imgDiv { .imgDiv {
width: 0.35rem; width: 0.35rem;
@ -591,6 +632,6 @@ export default {
.charts-div { .charts-div {
margin-top: 0.3rem; margin-top: 0.3rem;
width: 100%; width: 100%;
height: 3.6rem; height: 2.8rem;
} }
</style> </style>

2
src/views/components/sysEnergy.vue
Unescape View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div class="panel-title"> <div class="panel-title">
<span class="panel-title-text">实时EER系数</span> <span class="panel-title-text">瞬时EER系数评估</span>
</div> </div>
<div class="sys_content"> <div class="sys_content">
<div class="sys_charts" ref="sys_charts"></div> <div class="sys_charts" ref="sys_charts"></div>

162
src/views/index.vue
Unescape View File

@ -63,7 +63,7 @@
</div> </div>
<div class="special-div" style="width: 100%; margin-top: 20px"> <div class="special-div" style="width: 100%; margin-top: 20px">
<div class="special-top"> <div class="special-top">
<div class="special-title">中央空调能耗总览</div> <div class="special-title">中央空调能效总览</div>
</div> </div>
<!-- 冷源系统 --> <!-- 冷源系统 -->
<div class="home"> <div class="home">
@ -81,8 +81,8 @@
alt="" alt=""
/> />
<div class="img-word"> <div class="img-word">
<div>瞬时电量(kwh)</div> <div>瞬时电量(kw)</div>
<div class="word-color1">{{ this.totalEle }}22222</div> <div class="word-color1">{{ this.totalEle }}</div>
</div> </div>
</div> </div>
<div class="data-content"> <div class="data-content">
@ -92,8 +92,8 @@
alt="" alt=""
/> />
<div class="img-word"> <div class="img-word">
<div>瞬时冷量(kwr)</div> <div>瞬时冷量(kw)</div>
<div class="word-color2">{{ this.totalCap }}3333333</div> <div class="word-color2">{{ this.totalCap }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -108,7 +108,7 @@
/> />
<div class="img-word"> <div class="img-word">
<div>运行天数</div> <div>运行天数</div>
<div class="word-color3">{{ this.runTime }}322天</div> <div class="word-color3">{{ this.runTime }}天</div>
</div> </div>
</div> </div>
<div class="data-content"> <div class="data-content">
@ -119,7 +119,7 @@
/> />
<div class="img-word"> <div class="img-word">
<div>湿球温度</div> <div>湿球温度</div>
<div class="word-color4">{{ this.wetBulbTem }}32℃</div> <div class="word-color4">{{ this.wetBulbTem }}℃</div>
</div> </div>
</div> </div>
<div class="data-content"> <div class="data-content">
@ -130,7 +130,7 @@
/> />
<div class="img-word"> <div class="img-word">
<div>室外湿度</div> <div>室外湿度</div>
<div class="word-color5">{{ this.humidity }}22%</div> <div class="word-color5">{{ this.humidity }}%</div>
</div> </div>
</div> </div>
<div class="data-content"> <div class="data-content">
@ -141,7 +141,7 @@
/> />
<div class="img-word"> <div class="img-word">
<div>室外温度</div> <div>室外温度</div>
<div class="word-color6">{{ this.temperature }}33℃</div> <div class="word-color6">{{ this.temperature }}℃</div>
</div> </div>
</div> </div>
</div> </div>
@ -157,8 +157,8 @@
src="../assets/images/home-icon7.png" src="../assets/images/home-icon7.png"
alt="" alt=""
/> />
<div>日EER</div> <div>日EER(kwh/kwh)</div>
<div class="eep-data">{{ this.homeStatical.dayEER }}20</div> <div class="eep-data">{{ this.homeStatical.dayEER }}</div>
</div> </div>
<div class="eep-li"> <div class="eep-li">
<img <img
@ -166,9 +166,9 @@
src="../assets/images/home-icon7.png" src="../assets/images/home-icon7.png"
alt="" alt=""
/> />
<div>月EER</div> <div>月EER(kwh/kwh)</div>
<div class="eep-data"> <div class="eep-data">
{{ this.homeStatical.monthEER }}24 {{ this.homeStatical.monthEER }}
</div> </div>
</div> </div>
<div class="eep-li"> <div class="eep-li">
@ -177,9 +177,9 @@
src="../assets/images/home-icon7.png" src="../assets/images/home-icon7.png"
alt="" alt=""
/> />
<div>年EER</div> <div>年EER(kwh/kwh)</div>
<div class="eep-data"> <div class="eep-data">
{{ this.homeStatical.yearEER }}12 {{ this.homeStatical.yearEER }}
</div> </div>
</div> </div>
<div class="eep-li"> <div class="eep-li">
@ -188,9 +188,9 @@
src="../assets/images/home-icon7.png" src="../assets/images/home-icon7.png"
alt="" alt=""
/> />
<div>累计EER</div> <div>累计EER(kwh/kwh)</div>
<div class="eep-data"> <div class="eep-data">
{{ this.homeStatical.totalEER }}12 {{ this.homeStatical.totalEER }}
</div> </div>
</div> </div>
</div> </div>
@ -199,33 +199,33 @@
<div class="clod-left"> <div class="clod-left">
<div class="cold-li"> <div class="cold-li">
<div class="cold-data"> <div class="cold-data">
{{ this.homeStatical.dayColdCap }}32 {{ this.homeStatical.dayColdCap }}
</div> </div>
<div class="cold-number">日供冷量(kwr)</div> <div class="cold-number">日供冷量(kwh)</div>
</div> </div>
<div class="cold-li"> <div class="cold-li">
<div class="cold-data"> <div class="cold-data">
{{ this.homeStatical.monthColdCap }}232 {{ this.homeStatical.monthColdCap }}
</div> </div>
<div class="cold-number">当月供冷量(kwr)</div> <div class="cold-number">当月供冷量(kwh)</div>
</div> </div>
<div class="cold-li"> <div class="cold-li">
<div class="cold-data">{{ yearColdCapValue }}3211</div> <div class="cold-data">{{ yearColdCapValue }}</div>
<div class="cold-number"> <div class="cold-number">
{{ {{
this.homeStatical.yearColdCap > 100000 this.homeStatical.yearColdCap > 100000
? "年供冷量(Mwr)" ? "年供冷量(Mwh)"
: "年供冷量(kwr)" : "年供冷量(kwh)"
}} }}
</div> </div>
</div> </div>
<div class="cold-li"> <div class="cold-li">
<div class="cold-data">{{ totalColdCapValue }}324443</div> <div class="cold-data">{{ totalColdCapValue }}</div>
<div class="cold-number"> <div class="cold-number">
{{ {{
this.homeStatical.totalColdCap > 100000 this.homeStatical.totalColdCap > 100000
? "累计供冷量(Mwr)" ? "累计供冷量(Mwh)"
: "累计供冷量(kwr)" : "累计供冷量(kwh)"
}} }}
</div> </div>
</div> </div>
@ -295,11 +295,12 @@ import {
introduction, introduction,
changeLogo, changeLogo,
ersDatas, ersDatas,
homeRunTime,
getCurrentRate, getCurrentRate,
getCoe, getCoe,
homeStatical, homeStatical,
getLocalWeatherData,
} from "@/api/index"; } from "@/api/index";
import { runTime } from "@/api/centerairC/sysMonitor";
import SysEnergy from "./components/sysEnergy.vue"; import SysEnergy from "./components/sysEnergy.vue";
import ChartsData from "./components/chartsData.vue"; import ChartsData from "./components/chartsData.vue";
import viewEnergy from "./components/viewEnergy.vue"; import viewEnergy from "./components/viewEnergy.vue";
@ -307,7 +308,7 @@ export default {
components: { components: {
SysEnergy, SysEnergy,
ChartsData, ChartsData,
viewEnergy viewEnergy,
}, },
data() { data() {
return { return {
@ -365,7 +366,6 @@ export default {
}, },
mounted() { mounted() {
this.getProject(); this.getProject();
this.getErsData();
this.getRunTime(); this.getRunTime();
this.getCurrentRate(); this.getCurrentRate();
@ -493,99 +493,13 @@ export default {
} }
}); });
}, },
// 查询数据
getErsData() {
let data = {
systemType: "7",
};
ersDatas(data).then((res) => {
if (res.code == 200) {
console.log("首页返回数据----------", res.rows[0]);
this.heatData = res.rows[0].heatData;
this.systemData = res.rows[0].systemData;
this.valveData = res.rows[0].valveData;
this.outWaterTemperature = res.rows[0].outWaterTemperature;
this.applicationData = res.rows[0].applicationData;
this.heatRecoveryData = res.rows[0].heatRecoveryData;
// 计算并添加离心机压差
this.addCentrifugePressureDiff();
console.log("deviceName-1", this.systemData);
}
});
},
// 计算离心机压差并添加到systemData
addCentrifugePressureDiff() {
// 查找进水压力和出水压力对象
const inletPressure = this.systemData.find(
(item) => item.deviceTypeName === "离心机进水压力"
);
const outletPressure = this.systemData.find(
(item) => item.deviceTypeName === "离心机出水压力"
);
// 如果两个对象都存在
if (inletPressure && outletPressure) {
// 计算压差（出水压力 - 进水压力）
const pressureDiff =
parseFloat(outletPressure.curValue) -
parseFloat(inletPressure.curValue);
// 判断状态：如果进水或出水压力任一状态为1，则压差状态为1（异常）
const status =
inletPressure.status === 1 || outletPressure.status === 1 ? 1 : 0;
// 创建压差对象
const pressureDiffObj = {
paramType: "14", // 可以设置为压差类型，如果没有特定值可以设一个默认
curTime: null,
orderNum: this.systemData.length + 1, // 顺序号设为数组长度+1
deviceTypeName: "离心机压差",
otherName: "压差计算值",
deviceName: "离心机压差",
curValue: parseFloat(pressureDiff.toFixed(2)), // 保留两位小数
status: status,
};
// 将压差对象添加到systemData中
this.systemData.push(pressureDiffObj);
console.log("添加离心机压差对象:", pressureDiffObj);
} else {
console.warn("找不到进水压力或出水压力数据");
}
},
// 处理系统数据
getTempDisplay(deviceName, data) {
// console.log("this.systemData",this.systemData)
// console.log("deviceName",deviceName)
const item = data.find((item) => item.deviceTypeName === deviceName);
// console.log("item", item);
if (!item) return "--℃";
if (item.status === 1) {
return '<span style="color: red">异常</span>';
}
return `${item.curValue}℃`;
},
// 处理系统数据-仪表盘
getDeviceData(deviceTypeName) {
return (
this.systemData.find(
(item) => item.deviceTypeName === deviceTypeName
) || {}
);
},
goEnergy() {
// this.$router.push("/comprehensiveEnergy/systemEnergy");
},
// 获取运行天数 // 获取运行天数
getRunTime() { getRunTime() {
homeRunTime().then((res) => { runTime().then((res) => {
console.log("运行天数返回", res); console.log("运行天数返回", res);
if (res.code == 200) { if (res.code == 200) {
this.runTime = res.rows; this.runTime = res.data.runTime;
} }
}); });
}, },
@ -594,8 +508,8 @@ export default {
getCurrentRate().then((res) => { getCurrentRate().then((res) => {
console.log("实时总功率总冷量返回", res); console.log("实时总功率总冷量返回", res);
if (res.code == 200) { if (res.code == 200) {
this.totalEle = res.rows.totalEle; this.totalEle = res.rows[0].totalEle;
this.totalCap = res.rows.totalCap; this.totalCap = res.rows[0].totalCap;
} }
}); });
}, },
@ -604,7 +518,7 @@ export default {
homeStatical().then((res) => { homeStatical().then((res) => {
console.log("处理前日月年供冷量、日月年EER返回", res); console.log("处理前日月年供冷量、日月年EER返回", res);
if (res.code == 200) { if (res.code == 200) {
this.homeStatical = this.formatObjectProperties(res.rows); this.homeStatical = this.formatObjectProperties(res.rows[0]);
console.log("处理后日月年供冷量、日月年EER返回", this.homeStatical); console.log("处理后日月年供冷量、日月年EER返回", this.homeStatical);
} }
}); });
@ -627,8 +541,8 @@ export default {
console.log("返回本地的温湿度 <== ", res); console.log("返回本地的温湿度 <== ", res);
debugger; debugger;
if (res.code == 200) { if (res.code == 200) {
this.humidity = res.rows.humidity; this.humidity = res.rows[0].humidity;
this.temperature = res.rows.temperature; this.temperature = res.rows[0].temperature;
this.minHumidity = (parseFloat(this.humidity) / 100).toFixed(3); this.minHumidity = (parseFloat(this.humidity) / 100).toFixed(3);
// 以下代码计算湿球温度 // 以下代码计算湿球温度
class z_ambient { class z_ambient {
@ -1225,7 +1139,7 @@ export default {
color: #4595f1; color: #4595f1;
position: absolute; position: absolute;
top: 0.13rem; top: 0.13rem;
left: 3.44rem; left: 3.34rem;
font-weight: bold; font-weight: bold;
} }
} }

Write Preview
Loading…
Cancel
Save