Skip to content

W
web-project
Commit 9cad8851 authored by 朱超's avatar 朱超
Browse files
Options

能耗排名

parent 5564b5f8
Hide whitespace changes
Inline Side-by-side
Showing with 103 additions and 34 deletions
src/views/HandlerPage/EnergyConsumptionPage.vue
View file @ 9cad8851
......@@ -54,7 +54,7 @@
<el-config-provider :locale="zhCn">
<el-date-picker
type="datetime"
value-format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:00:00"
placeholder="选择开始时间"
style="width: 180px"
v-model="enertyInfo.startTime"
......@@ -65,7 +65,7 @@
<el-config-provider :locale="zhCn">
<el-date-picker
type="datetime"
value-format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:00:00"
placeholder="选择结束时间"
style="width: 180px"
v-model="enertyInfo.endTime"
......@@ -122,11 +122,17 @@
</div>
<div class="tit">民建换热站</div>
<div class="left">
<div><span>150</span>座</div>
<div>
<span>{{ overviewList.civilCount }}</span
>座
</div>
<div class="sub">机组数量</div>
</div>
<div class="right">
<div><span>2000</span>万平米</div>
<div>
<span>{{ (overviewList.civilArea / 10000).toFixed(2) }}</span
>万平米
</div>
<div class="sub">供热面积</div>
</div>
</td>
......@@ -139,11 +145,17 @@
</div>
<div class="tit">公建换热站</div>
<div class="left">
<div><span>150</span>座</div>
<div>
<span>{{ overviewList.pbCount }}</span
>座
</div>
<div class="sub">机组数量</div>
</div>
<div class="right">
<div><span>2000</span>万平米</div>
<div>
<span>{{ (overviewList.pbArea / 10000).toFixed(2) }}</span
>万平米
</div>
<div class="sub">供热面积</div>
</div>
</td>
......@@ -156,11 +168,17 @@
</div>
<div class="tit">热量消耗</div>
<div class="left">
<div><span>20000.11</span>GJ</div>
<div>
<span>{{ (overviewList.totalHeat / 10000).toFixed(2) }}</span
>GJ
</div>
<div class="sub">热总耗</div>
</div>
<div class="right">
<div><span>29.78</span>GJ</div>
<div>
<span>{{ (overviewList.heatUc / 10000).toFixed(2) }}</span
>W/㎡
</div>
<div class="sub">热单耗</div>
</div>
</td>
......@@ -173,11 +191,17 @@
</div>
<div class="tit">电量消耗</div>
<div class="left">
<div><span>20000.11</span>GJ</div>
<div>
<span>{{ (overviewList.totalElec / 10000).toFixed(2) }}</span
>A
</div>
<div class="sub">电总耗</div>
</div>
<div class="right">
<div><span>29.78</span>GJ</div>
<div>
<span>{{ (overviewList.elecUc / 10000).toFixed(2) }}</span
>Kwh/㎡
</div>
<div class="sub">电单耗</div>
</div>
</td>
......@@ -190,11 +214,17 @@
</div>
<div class="tit">水量消耗</div>
<div class="left">
<div><span>20000.11</span>GJ</div>
<div>
<span>{{ (overviewList.totalWater / 10000).toFixed(2) }}</span
>T
</div>
<div class="sub">水总耗</div>
</div>
<div class="right">
<div><span>29.78</span>GJ</div>
<div>
<span>{{ (overviewList.waterUc / 10000).toFixed(2) }}</span
>kg/㎡
</div>
<div class="sub">水单耗</div>
</div>
</td>
......@@ -491,6 +521,7 @@ import http from "../../api/http";
import zhCn from "element-plus/dist/locale/zh-cn.mjs";
import { ElMessage } from "element-plus";
import {
postOverview,
postTopHeatUC,
postTopDayHeatUC,
postTopWaterUC,
......@@ -552,6 +583,18 @@ const topList = ref([
{ topName: "前10个", top: 10 },
{ topName: "前20个", top: 20 },
]);
const overviewList = ref({
pbCount: 35,
civilCount: 123,
pbArea: 960736.529,
civilArea: 7810512.5074,
totalHeat: 0.0,
heatUc: 0.0,
totalWater: 0.0,
waterUc: 0.0,
totalElec: 0.0,
elecUc: 0.0,
});
const topHeatUCList = reactive({});
const topDayHeatUC = reactive({});
const topWaterUC = reactive({});
......@@ -577,23 +620,18 @@ function timeFun() {
date.getMinutes(),
date.getSeconds(),
];
var startTimeDay = dateArr[1] - 1;
var endTimeHour = dateArr[2] - 1;
var startTimeDay = parseInt(dateArr[1] - 1);
var endTimeHour = parseInt(dateArr[2] - 1);
if (startTimeDay < 10) {
startTimeDay = "0" + dateArr[2];
startTimeDay = "0" + startTimeDay;
}
if (endTimeHour < 10) {
endTimeHour = "0" + dateArr[2];
endTimeHour = "0" + endTimeHour;
}
if (dateArr[0] < 10) {
dateArr[0] = "0" + dateArr[0];
}
if (dateArr[1] < 10) {
dateArr[1] = "0" + dateArr[1];
}
if (dateArr[2] < 10) {
dateArr[2] = "0" + dateArr[1];
}
if (dateArr[3] < 10) {
dateArr[3] = "0" + dateArr[3];
}
......@@ -625,8 +663,20 @@ function timeFun() {
":" +
dateArr[4];
enertyInfo.startTime = startTimes;
enertyInfo.endTime = endTimes;
enertyInfo.startTime = startTimes;
enertyInfo.endTime = endTimes;
}
//换热站机组排名页概况
function postOverviewFun(enertySend) {
postOverview(enertySend).then((res) => {
if (res.success === true) {
overviewList.value = res.data[0];
console.log(overviewList);
} else {
ElMessage.error(res.message);
}
});
}
//换热站机组排名（热单耗）
......@@ -729,21 +779,40 @@ function postTopSecondTempAvgFun(enertySend) {
}
function sendClick() {
if(enertyInfo.switchV) {
if (switchV.value) {
enertyInfo.queryType = 1;
}else{
} else {
enertyInfo.queryType = 0;
}
if(enertyInfo.nature.length == 2) {
enertyInfo.nature = -1;
}else if(enertyInfo.nature == "民用") {
enertyInfo.nature = 0;
}else{
enertyInfo.nature = 1;
const nature = ref();
if (enertyInfo.nature.length == 2) {
nature.value = -1;
} else if (enertyInfo.nature == "民建") {
nature.value = 0;
} else {
nature.value = 1;
}
if (
(enertyInfo.queryType == 1 && enertyInfo.startTime == null) ||
enertyInfo.endTime == null
) {
ElMessage.error("开始时间或结束时间不能为空");
return false;
} else {
const enertySend = ref({
supplyIdList: enertyInfo.supplyIdList,
queryType: enertyInfo.queryType,
startTime: enertyInfo.startTime,
endTime: enertyInfo.endTime,
hour: enertyInfo.hour,
top: enertyInfo.top,
nature: nature.value,
});
sendFun(enertySend);
}
console.log(enertyInfo);
}
function sendFun(enertySend) {
postOverviewFun(enertySend);
postTopHeatUCFun(enertySend.value);
postTopDayHeatUCFun(enertySend.value);
postTopWaterUCFun(enertySend.value);
......@@ -771,7 +840,7 @@ onMounted(() => {
nature: -1,
});
timeFun();
sendFun(enertySend)
sendFun(enertySend);
});
onUnmounted(() => {
// window.removeEventListener("resize", setContentHeight);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment