Skip to content

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

能耗排名更新

parent f15d1579
Show whitespace changes
Inline Side-by-side
Showing with 143 additions and 27 deletions
src/views/HandlerPage/EnergyConsumptionPage.vue
View file @ e1e7cda5
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
@change="changeFun" @change="changeFun"
/> />
</el-form-item> </el-form-item>
<el-form-item label="排名时间" v-show="switchV"> <el-form-item label="排名时间" v-show="!switchV">
<el-select <el-select
v-model="enertyInfo.hour" v-model="enertyInfo.hour"
placeholder="请选择" placeholder="请选择"
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="排名数量" v-show="switchV"> <el-form-item label="排名数量" v-show="!switchV">
<el-select <el-select
v-model="enertyInfo.top" v-model="enertyInfo.top"
placeholder="请选择" placeholder="请选择"
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="开始时间：" prop="startTime" v-show="!switchV"> <el-form-item label="开始时间：" prop="startTime" v-show="switchV">
<el-config-provider :locale="zhCn"> <el-config-provider :locale="zhCn">
<el-date-picker <el-date-picker
type="datetime" type="datetime"
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
/> />
</el-config-provider> </el-config-provider>
</el-form-item> </el-form-item>
<el-form-item label="结束时间：" prop="endTime" v-show="!switchV"> <el-form-item label="结束时间：" prop="endTime" v-show="switchV">
<el-config-provider :locale="zhCn"> <el-config-provider :locale="zhCn">
<el-date-picker <el-date-picker
type="datetime" type="datetime"
...@@ -219,7 +219,7 @@ ...@@ -219,7 +219,7 @@
</tr> </tr>
<tr v-for="item in topHeatUCList.value" :key="item.rankingIndex"> <tr v-for="item in topHeatUCList.value" :key="item.rankingIndex">
<td>{{ item.rankingIndex }}</td> <td>{{ item.rankingIndex }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.supplyName }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.transferName }}</td>
<td>{{ item.uc.toFixed(2) }}</td> <td>{{ item.uc.toFixed(2) }}</td>
</tr> </tr>
...@@ -241,7 +241,7 @@ ...@@ -241,7 +241,7 @@
</tr> </tr>
<tr v-for="item in topDayHeatUC.value" :key="item.rankingIndex"> <tr v-for="item in topDayHeatUC.value" :key="item.rankingIndex">
<td>{{ item.rankingIndex }}</td> <td>{{ item.rankingIndex }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.supplyName }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.transferName }}</td>
<td>{{ item.uc.toFixed(2) }}</td> <td>{{ item.uc.toFixed(2) }}</td>
</tr> </tr>
...@@ -263,7 +263,7 @@ ...@@ -263,7 +263,7 @@
</tr> </tr>
<tr v-for="item in topWaterUC.value" :key="item.rankingIndex"> <tr v-for="item in topWaterUC.value" :key="item.rankingIndex">
<td>{{ item.rankingIndex }}</td> <td>{{ item.rankingIndex }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.supplyName }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.transferName }}</td>
<td>{{ item.uc.toFixed(2) }}</td> <td>{{ item.uc.toFixed(2) }}</td>
</tr> </tr>
...@@ -285,7 +285,7 @@ ...@@ -285,7 +285,7 @@
</tr> </tr>
<tr v-for="item in topElecUC.value" :key="item.rankingIndex"> <tr v-for="item in topElecUC.value" :key="item.rankingIndex">
<td>{{ item.rankingIndex }}</td> <td>{{ item.rankingIndex }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.supplyName }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.transferName }}</td>
<td>{{ item.uc.toFixed(2) }}</td> <td>{{ item.uc.toFixed(2) }}</td>
</tr> </tr>
...@@ -307,7 +307,7 @@ ...@@ -307,7 +307,7 @@
</tr> </tr>
<tr v-for="item in topElecUC.value" :key="item.rankingIndex"> <tr v-for="item in topElecUC.value" :key="item.rankingIndex">
<td>{{ item.rankingIndex }}</td> <td>{{ item.rankingIndex }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.supplyName }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.transferName }}</td>
<td>{{ item.uc.toFixed(2) }}</td> <td>{{ item.uc.toFixed(2) }}</td>
</tr> </tr>
...@@ -329,7 +329,7 @@ ...@@ -329,7 +329,7 @@
</tr> </tr>
<tr v-for="item in topFirsFlow.value" :key="item.rankingIndex"> <tr v-for="item in topFirsFlow.value" :key="item.rankingIndex">
<td>{{ item.rankingIndex }}</td> <td>{{ item.rankingIndex }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.supplyName }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.transferName }}</td>
<td>{{ item.uc.toFixed(2) }}</td> <td>{{ item.uc.toFixed(2) }}</td>
</tr> </tr>
...@@ -351,7 +351,7 @@ ...@@ -351,7 +351,7 @@
</tr> </tr>
<tr v-for="item in topFirsFlow.value" :key="item.rankingIndex"> <tr v-for="item in topFirsFlow.value" :key="item.rankingIndex">
<td>{{ item.rankingIndex }}</td> <td>{{ item.rankingIndex }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.supplyName }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.transferName }}</td>
<td>{{ item.uc.toFixed(2) }}</td> <td>{{ item.uc.toFixed(2) }}</td>
</tr> </tr>
...@@ -373,7 +373,7 @@ ...@@ -373,7 +373,7 @@
</tr> </tr>
<tr v-for="item in topBHXLXJ1.value" :key="item.rankingIndex"> <tr v-for="item in topBHXLXJ1.value" :key="item.rankingIndex">
<td>{{ item.rankingIndex }}</td> <td>{{ item.rankingIndex }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.supplyName }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.transferName }}</td>
<td>{{ item.uc.toFixed(2) }}</td> <td>{{ item.uc.toFixed(2) }}</td>
</tr> </tr>
...@@ -393,9 +393,12 @@ ...@@ -393,9 +393,12 @@
<th>机组名称</th> <th>机组名称</th>
<th>数据</th> <th>数据</th>
</tr> </tr>
<tr v-for="item in topSecondTempAvg.value" :key="item.rankingIndex"> <tr
v-for="item in topSecondTempAvg.value"
:key="item.rankingIndex"
>
<td>{{ item.rankingIndex }}</td> <td>{{ item.rankingIndex }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.supplyName }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.transferName }}</td>
<td>{{ item.uc.toFixed(2) }}</td> <td>{{ item.uc.toFixed(2) }}</td>
</tr> </tr>
...@@ -415,9 +418,12 @@ ...@@ -415,9 +418,12 @@
<th>机组名称</th> <th>机组名称</th>
<th>数据</th> <th>数据</th>
</tr> </tr>
<tr v-for="item in topSecondTempAvg.value" :key="item.rankingIndex"> <tr
v-for="item in topSecondTempAvg.value"
:key="item.rankingIndex"
>
<td>{{ item.rankingIndex }}</td> <td>{{ item.rankingIndex }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.supplyName }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.transferName }}</td>
<td>{{ item.uc.toFixed(2) }}</td> <td>{{ item.uc.toFixed(2) }}</td>
</tr> </tr>
...@@ -437,9 +443,12 @@ ...@@ -437,9 +443,12 @@
<th>机组名称</th> <th>机组名称</th>
<th>数据</th> <th>数据</th>
</tr> </tr>
<tr v-for="item in topSecondTempAvg.value" :key="item.rankingIndex"> <tr
v-for="item in topSecondTempAvg.value"
:key="item.rankingIndex"
>
<td>{{ item.rankingIndex }}</td> <td>{{ item.rankingIndex }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.supplyName }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.transferName }}</td>
<td>{{ item.uc.toFixed(2) }}</td> <td>{{ item.uc.toFixed(2) }}</td>
</tr> </tr>
...@@ -459,9 +468,12 @@ ...@@ -459,9 +468,12 @@
<th>机组名称</th> <th>机组名称</th>
<th>数据</th> <th>数据</th>
</tr> </tr>
<tr v-for="item in topSecondTempAvg.value" :key="item.rankingIndex"> <tr
v-for="item in topSecondTempAvg.value"
:key="item.rankingIndex"
>
<td>{{ item.rankingIndex }}</td> <td>{{ item.rankingIndex }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.supplyName }}</td>
<td>{{ item.transferName }}</td> <td>{{ item.transferName }}</td>
<td>{{ item.uc.toFixed(2) }}</td> <td>{{ item.uc.toFixed(2) }}</td>
</tr> </tr>
...@@ -478,10 +490,20 @@ import * as echarts from "echarts"; ...@@ -478,10 +490,20 @@ import * as echarts from "echarts";
import http from "../../api/http"; import http from "../../api/http";
import zhCn from "element-plus/dist/locale/zh-cn.mjs"; import zhCn from "element-plus/dist/locale/zh-cn.mjs";
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
import { postTopHeatUC, postTopDayHeatUC, postTopWaterUC, postTopElecUC, postTopFirsHW, postTopFirsFlow, postTopBHXL, postTopBHXLXJ1, postTopSecondTempAvg } from "../../api/ranking"; import {
postTopHeatUC,
postTopDayHeatUC,
postTopWaterUC,
postTopElecUC,
postTopFirsHW,
postTopFirsFlow,
postTopBHXL,
postTopBHXLXJ1,
postTopSecondTempAvg,
} from "../../api/ranking";
const curwidth = ref(1700); const curwidth = ref(1700);
const curheight = ref(1000); const curheight = ref(1000);
const switchV = ref(true); const switchV = ref(false);
const enertyInfo = reactive({ const enertyInfo = reactive({
supplyIdList: [ supplyIdList: [
"a523dc33-c8b8-41c2-9751-a32083627344", "a523dc33-c8b8-41c2-9751-a32083627344",
...@@ -490,6 +512,7 @@ const enertyInfo = reactive({ ...@@ -490,6 +512,7 @@ const enertyInfo = reactive({
"dfa20074-8731-457f-b63f-4e1858cfe266", "dfa20074-8731-457f-b63f-4e1858cfe266",
"b354f45b-23e5-42be-a210-0fb92394f457", "b354f45b-23e5-42be-a210-0fb92394f457",
], ],
queryType: 0,
startTime: null, startTime: null,
endTime: null, endTime: null,
hour: 1, hour: 1,
...@@ -544,6 +567,68 @@ const rules = { ...@@ -544,6 +567,68 @@ const rules = {
endTime: [{ required: true, message: "请选择结束时间", trigger: "blur" }], endTime: [{ required: true, message: "请选择结束时间", trigger: "blur" }],
}; };
function timeFun() {
var date = new Date();
var year = date.getFullYear();
var dateArr = [
date.getMonth() + 1,
date.getDate(),
date.getHours(),
date.getMinutes(),
date.getSeconds(),
];
var startTimeDay = dateArr[1] - 1;
var endTimeHour = dateArr[2] - 1;
if (startTimeDay < 10) {
startTimeDay = "0" + dateArr[2];
}
if (endTimeHour < 10) {
endTimeHour = "0" + dateArr[2];
}
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];
}
if (dateArr[4] < 10) {
dateArr[4] = "0" + dateArr[4];
}
let startTimes =
year +
"-" +
dateArr[0] +
"-" +
startTimeDay +
" " +
dateArr[2] +
":" +
dateArr[3] +
":" +
dateArr[4];
let endTimes =
year +
"-" +
dateArr[0] +
"-" +
dateArr[1] +
" " +
endTimeHour +
":" +
dateArr[3] +
":" +
dateArr[4];
enertyInfo.startTime = startTimes;
enertyInfo.endTime = endTimes;
}
//换热站机组排名（热单耗） //换热站机组排名（热单耗）
function postTopHeatUCFun(enertySend) { function postTopHeatUCFun(enertySend) {
postTopHeatUC(enertySend).then((res) => { postTopHeatUC(enertySend).then((res) => {
...@@ -643,10 +728,22 @@ function postTopSecondTempAvgFun(enertySend) { ...@@ -643,10 +728,22 @@ function postTopSecondTempAvgFun(enertySend) {
}); });
} }
function sendClick() {} function sendClick() {
onMounted(() => { if(enertyInfo.switchV) {
let enertySend = ref(enertyInfo); enertyInfo.queryType = 1;
enertySend.value.nature = -1; }else{
enertyInfo.queryType = 0;
}
if(enertyInfo.nature.length == 2) {
enertyInfo.nature = -1;
}else if(enertyInfo.nature == "民用") {
enertyInfo.nature = 0;
}else{
enertyInfo.nature = 1;
}
console.log(enertyInfo);
}
function sendFun(enertySend) {
postTopHeatUCFun(enertySend.value); postTopHeatUCFun(enertySend.value);
postTopDayHeatUCFun(enertySend.value); postTopDayHeatUCFun(enertySend.value);
postTopWaterUCFun(enertySend.value); postTopWaterUCFun(enertySend.value);
...@@ -656,6 +753,25 @@ onMounted(() => { ...@@ -656,6 +753,25 @@ onMounted(() => {
postTopBHXLFun(enertySend.value); postTopBHXLFun(enertySend.value);
postTopBHXLXJ1Fun(enertySend.value); postTopBHXLXJ1Fun(enertySend.value);
postTopSecondTempAvgFun(enertySend.value); postTopSecondTempAvgFun(enertySend.value);
}
onMounted(() => {
const enertySend = ref({
supplyIdList: [
"a523dc33-c8b8-41c2-9751-a32083627344",
"ccfb0595-86f7-4c0a-a134-8e945180ee48",
"33104782-c1ad-432c-953e-e31c2e031be4",
"dfa20074-8731-457f-b63f-4e1858cfe266",
"b354f45b-23e5-42be-a210-0fb92394f457",
],
queryType: 0,
startTime: null,
endTime: null,
hour: 1,
top: 10,
nature: -1,
});
timeFun();
sendFun(enertySend)
}); });
onUnmounted(() => { onUnmounted(() => {
// window.removeEventListener("resize", setContentHeight); // 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