From 0ae83a895e80a4b9777a27f613d721a7e5e2ac18 Mon Sep 17 00:00:00 2001
From: ali <ali9696@163.com>
Date: 星期二, 03 九月 2024 10:18:27 +0800
Subject: [PATCH] 整体样式修改
---
energy_management_ui/src/views/benchmarking/phaseBenchmarking/phaseBenchmarking.vue | 171 +++++++++++++++++++++++++++++++++------------------------
1 files changed, 99 insertions(+), 72 deletions(-)
diff --git a/energy_management_ui/src/views/benchmarking/phaseBenchmarking/phaseBenchmarking.vue b/energy_management_ui/src/views/benchmarking/phaseBenchmarking/phaseBenchmarking.vue
index 3aa1488..b2932a3 100644
--- a/energy_management_ui/src/views/benchmarking/phaseBenchmarking/phaseBenchmarking.vue
+++ b/energy_management_ui/src/views/benchmarking/phaseBenchmarking/phaseBenchmarking.vue
@@ -1,9 +1,20 @@
<template>
<div class="app-container">
- <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ :inline="true"
+ label-width="68px"
+ >
<el-form-item label="鎶ヨ〃绫诲瀷">
<el-radio-group v-model="queryParams.timeType">
- <el-radio v-for="dict in dateTypeOptions" :key="dict.dictValue" :label="dict.dictValue" @change="handleTime(dict.dictValue)">{{dict.dictLabel}}</el-radio>
+ <el-radio
+ v-for="dict in dateTypeOptions"
+ :key="dict.dictValue"
+ :label="dict.dictValue"
+ @change="handleTime(dict.dictValue)"
+ >{{ dict.dictLabel }}</el-radio
+ >
</el-radio-group>
</el-form-item>
<el-form-item label="缁熻鍖洪棿">
@@ -13,26 +24,36 @@
:value-format="valueFormat"
range-separator="鑷�"
start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡">
+ end-placeholder="缁撴潫鏃ユ湡"
+ >
</el-date-picker>
</el-form-item>
<el-form-item label="鎸囨爣鍚嶇О">
<el-select v-model="queryParams.indexId" placeholder="璇烽�夋嫨鎸囨爣">
- <el-option style="width: 150px"
- v-for="dict in arraylist"
- :key="dict.indexId"
- :label="dict.name"
- :value="dict.indexId"
+ <el-option
+ style="width: 150px"
+ v-for="dict in arraylist"
+ :key="dict.indexId"
+ :label="dict.name"
+ :value="dict.indexId"
></el-option>
</el-select>
</el-form-item>
<el-form-item>
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ size="mini"
+ @click="handleQuery"
+ >鎼滅储</el-button
+ >
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+ >閲嶇疆</el-button
+ >
</el-form-item>
</el-form>
- <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
- <line-chart ref="LineChart" :chart-data="lineChartData"/>
+ <el-row style="padding:16px 16px 0;margin-bottom:32px;">
+ <line-chart ref="LineChart" :chart-data="lineChartData" />
</el-row>
<el-table :data="energyEenchmarkingList">
<el-table-column label="鏃ユ湡" align="center" prop="dateTime">
@@ -40,22 +61,27 @@
<span>{{ parseTime(scope.row.dateTime) }}</span>
</template>
</el-table-column>
- <el-table-column label="鎸囨爣鍚嶇О" align="center" prop="indexName" />
- <el-table-column label="鎸囨爣鍗曚綅" align="center" prop="unitId" :formatter="unitIdFormat" />
- <el-table-column label="鏍囨潌鍊�" align="center" prop="value"/>
- <el-table-column label="瀹為檯鍊�" align="center" prop="actualValue"/>
+ <el-table-column label="鎸囨爣鍚嶇О" align="center" prop="indexName" />
+ <el-table-column
+ label="鎸囨爣鍗曚綅"
+ align="center"
+ prop="unitId"
+ :formatter="unitIdFormat"
+ />
+ <el-table-column label="鏍囨潌鍊�" align="center" prop="value" />
+ <el-table-column label="瀹為檯鍊�" align="center" prop="actualValue" />
</el-table>
</div>
</template>
<script>
- import { listPhaseBenchmarking} from "@/api/benchmarking/phaseBenchmarking";
- import LineChart from './LineChart'
- import {getSettingIndex} from '@/api/basicsetting/modelNode'
- export default {
- components: {LineChart},
- name: 'enchmarking',
- name: 'Index',
+import { listPhaseBenchmarking } from "@/api/benchmarking/phaseBenchmarking";
+import LineChart from "./LineChart";
+import { getSettingIndex } from "@/api/basicsetting/modelNode";
+export default {
+ components: { LineChart },
+ name: "enchmarking",
+ name: "Index",
data() {
return {
// 閬僵灞�
@@ -68,27 +94,27 @@
multiple: true,
// 鎬绘潯鏁�
total: 0,
- dateRange:[],
+ dateRange: [],
// energy_benchmarking琛ㄦ牸鏁版嵁
energyEenchmarkingList: [],
- arraylist:[],
+ arraylist: [],
// 鏈夋晥鏈熷瓧鍏�
- unitIdOptions:[],
- dateTypeOptions:[],
+ unitIdOptions: [],
+ dateTypeOptions: [],
// 鏌ヨ鍙傛暟
queryParams: {
pageNum: 1,
pageSize: 10,
dateTime: undefined,
indexId: undefined,
- timeType:"DAY"
+ timeType: "DAY"
},
// 琛ㄥ崟鍙傛暟
form: {},
- label:"",
- lineChartData:{},
- dateTypes: 'daterange',
- valueFormat:"yyyy-MM-dd",
+ label: "",
+ lineChartData: {},
+ dateTypes: "daterange",
+ valueFormat: "yyyy-MM-dd"
};
},
created() {
@@ -97,40 +123,44 @@
this.getDicts("sys_unit").then(response => {
this.unitIdOptions = response.data;
});
- this.getDicts("energyPlan").then(response => {
+ this.getDicts("energyPlan").then(response => {
this.dateTypeOptions = response.data;
- this.queryParams.timeType = this.dateTypeOptions.find(f => f.isDefault === 'Y').dictValue;
+ this.queryParams.timeType = this.dateTypeOptions.find(
+ f => f.isDefault === "Y"
+ ).dictValue;
});
},
methods: {
/** 鏌ヨenergy_benchmarking鍒楄〃 */
modelNodeChange(modelNode) {
- this.queryParams.indexId=modelNode.id;
- this.label=modelNode.label;
- this.getList(this.queryParams)
+ this.queryParams.indexId = modelNode.id;
+ this.label = modelNode.label;
+ this.getList(this.queryParams);
//鑾峰彇妯″瀷鑾峰彇鎸囨爣
getSettingIndex(modelNode.id).then(response => {
- if(response.data.length>0){
- this.arraylist=response.data;
- this.queryParams.indexId=this.arraylist[0].indexId;
+ if (response.data.length > 0) {
+ this.arraylist = response.data;
+ this.queryParams.indexId = this.arraylist[0].indexId;
}
- })
+ });
},
getList() {
- listPhaseBenchmarking(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
- this.energyEenchmarkingList=response.data
- let actualData=[];
- let expectedData=[];
- let expecteData=[];
- let title=[];
+ listPhaseBenchmarking(
+ this.addDateRange(this.queryParams, this.dateRange)
+ ).then(response => {
+ this.energyEenchmarkingList = response.data;
+ let actualData = [];
+ let expectedData = [];
+ let expecteData = [];
+ let title = [];
this.energyEenchmarkingList.forEach(item => {
actualData.push(this.parseTime(item.dateTime));
expectedData.push(item.value);
expecteData.push(item.actualValue);
- })
- this.lineChartData.actualData=actualData;
- this.lineChartData.expectedData=expectedData;
- this.lineChartData.expecteData=expecteData;
+ });
+ this.lineChartData.actualData = actualData;
+ this.lineChartData.expectedData = expectedData;
+ this.lineChartData.expecteData = expecteData;
this.$refs.LineChart.initChart(this.lineChartData);
});
},
@@ -154,29 +184,26 @@
this.resetForm("queryForm");
this.handleQuery();
},
- getTime(){
- var date = new Date()
- var year = date.getFullYear()
- var month = date.getMonth() + 1
- var date = date.getDate()
- month = month < 10 ? '0' + month : month
- date = date < 10 ? '0' + date : date
- let startTime = year + '-' + month + '-' + (date-1)
- let endTime = year + '-' + month + '-' + date
- this.dateRange=[startTime,endTime]
+ getTime() {
+ var date = new Date();
+ var year = date.getFullYear();
+ var month = date.getMonth() + 1;
+ var date = date.getDate();
+ month = month < 10 ? "0" + month : month;
+ date = date < 10 ? "0" + date : date;
+ let startTime = year + "-" + month + "-" + (date - 1);
+ let endTime = year + "-" + month + "-" + date;
+ this.dateRange = [startTime, endTime];
},
- handleTime(date){
- if(date=='YEAR'){
- this.dateTypes= 'year',
- this.valueFormat='yyyy'
- }else if(date=='MONTH'){
- this.dateTypes= 'monthrange',
- this.valueFormat='yyyy-MM'
- }else{
- this.dateTypes= 'daterange',
- this.valueFormat='yyyy-MM-dd'
+ handleTime(date) {
+ if (date == "YEAR") {
+ (this.dateTypes = "year"), (this.valueFormat = "yyyy");
+ } else if (date == "MONTH") {
+ (this.dateTypes = "monthrange"), (this.valueFormat = "yyyy-MM");
+ } else {
+ (this.dateTypes = "daterange"), (this.valueFormat = "yyyy-MM-dd");
}
- },
+ }
}
};
</script>
--
Gitblit v1.9.3