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/reportForm/annualReport/index.vue | 331 +++++++++++++++++++++++++++++++++---------------------
1 files changed, 202 insertions(+), 129 deletions(-)
diff --git a/energy_management_ui/src/views/reportForm/annualReport/index.vue b/energy_management_ui/src/views/reportForm/annualReport/index.vue
index 8576371..2391852 100644
--- a/energy_management_ui/src/views/reportForm/annualReport/index.vue
+++ b/energy_management_ui/src/views/reportForm/annualReport/index.vue
@@ -1,8 +1,16 @@
<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-select v-model="queryParams.indexStorageId" placeholder="璇烽�夋嫨鑳芥簮鍝佺">
+ <el-select
+ v-model="queryParams.indexStorageId"
+ placeholder="璇烽�夋嫨鑳芥簮鍝佺"
+ >
<el-option
v-for="dict in indexCategoryOptions"
:key="dict.dictValue"
@@ -17,152 +25,217 @@
</el-radio-group>
</el-form-item>-->
<el-form-item label="缁熻鏃堕棿">
- <el-date-picker clearable size="small" style="width: 200px"
- v-model="queryParams.dataTime"
- type="year"
- value-format="yyyy"
- placeholder="閫夋嫨鏃ユ湡">
+ <el-date-picker
+ clearable
+ size="small"
+ style="width: 200px"
+ v-model="queryParams.dataTime"
+ type="year"
+ value-format="yyyy"
+ placeholder="閫夋嫨鏃ユ湡"
+ >
</el-date-picker>
</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="warning" icon="el-icon-download" size="mini" @click="handleExport">瀵煎嚭</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-button
+ type="warning"
+ icon="el-icon-download"
+ size="mini"
+ @click="handleExport"
+ >瀵煎嚭</el-button
+ >
</el-form-item>
</el-form>
- <el-table :data="list" border style="width: 100%; margin-top: 20px" class="tableList" >
- <el-table-column fixed prop="indexName" align="center" label="鑳芥簮鍚嶇О" min-width="240px"></el-table-column>
- <el-table-column label="1鏈�" align="center" min-width="140px"> <template slot-scope="scope">{{numFilter(scope.row.value1)}}</template></el-table-column>
- <el-table-column label="2鏈�" align="center" min-width="140px"> <template slot-scope="scope">{{numFilter(scope.row.value2)}}</template></el-table-column>
- <el-table-column label="3鏈�" align="center" min-width="140px"> <template slot-scope="scope">{{numFilter(scope.row.value3)}}</template></el-table-column>
- <el-table-column label="4鏈�" align="center" min-width="140px"> <template slot-scope="scope">{{numFilter(scope.row.value4)}}</template></el-table-column>
- <el-table-column label="5鏈�" align="center" min-width="140px"> <template slot-scope="scope">{{numFilter(scope.row.value5)}}</template></el-table-column>
- <el-table-column label="6鏈�" align="center" min-width="140px"> <template slot-scope="scope">{{numFilter(scope.row.value6)}}</template></el-table-column>
- <el-table-column label="7鏈�" align="center" min-width="140px"> <template slot-scope="scope">{{numFilter(scope.row.value7)}}</template></el-table-column>
- <el-table-column label="8鏈�" align="center" min-width="140px"> <template slot-scope="scope">{{numFilter(scope.row.value8)}}</template></el-table-column>
- <el-table-column label="9鏈�" align="center" min-width="140px"> <template slot-scope="scope">{{numFilter(scope.row.value9)}}</template></el-table-column>
- <el-table-column label="10鏈�" align="center" min-width="140px"> <template slot-scope="scope">{{numFilter(scope.row.value10)}}</template></el-table-column>
- <el-table-column label="11鏈�" align="center" min-width="140px"> <template slot-scope="scope">{{numFilter(scope.row.value11)}}</template></el-table-column>
- <el-table-column label="12鏈�" align="center" min-width="140px"> <template slot-scope="scope">{{numFilter(scope.row.value12)}}</template></el-table-column>
+ <el-table :data="list" border style="width: 100%; margin-top: 20px">
+ <el-table-column
+ fixed
+ prop="indexName"
+ align="center"
+ label="鑳芥簮鎸囨爣鍚嶇О"
+ min-width="240px"
+ ></el-table-column>
+ <el-table-column label="1鏈�" align="center" min-width="140px">
+ <template slot-scope="scope">{{
+ numFilter(scope.row.value1)
+ }}</template></el-table-column
+ >
+ <el-table-column label="2鏈�" align="center" min-width="140px">
+ <template slot-scope="scope">{{
+ numFilter(scope.row.value2)
+ }}</template></el-table-column
+ >
+ <el-table-column label="3鏈�" align="center" min-width="140px">
+ <template slot-scope="scope">{{
+ numFilter(scope.row.value3)
+ }}</template></el-table-column
+ >
+ <el-table-column label="4鏈�" align="center" min-width="140px">
+ <template slot-scope="scope">{{
+ numFilter(scope.row.value4)
+ }}</template></el-table-column
+ >
+ <el-table-column label="5鏈�" align="center" min-width="140px">
+ <template slot-scope="scope">{{
+ numFilter(scope.row.value5)
+ }}</template></el-table-column
+ >
+ <el-table-column label="6鏈�" align="center" min-width="140px">
+ <template slot-scope="scope">{{
+ numFilter(scope.row.value6)
+ }}</template></el-table-column
+ >
+ <el-table-column label="7鏈�" align="center" min-width="140px">
+ <template slot-scope="scope">{{
+ numFilter(scope.row.value7)
+ }}</template></el-table-column
+ >
+ <el-table-column label="8鏈�" align="center" min-width="140px">
+ <template slot-scope="scope">{{
+ numFilter(scope.row.value8)
+ }}</template></el-table-column
+ >
+ <el-table-column label="9鏈�" align="center" min-width="140px">
+ <template slot-scope="scope">{{
+ numFilter(scope.row.value9)
+ }}</template></el-table-column
+ >
+ <el-table-column label="10鏈�" align="center" min-width="140px">
+ <template slot-scope="scope">{{
+ numFilter(scope.row.value10)
+ }}</template></el-table-column
+ >
+ <el-table-column label="11鏈�" align="center" min-width="140px">
+ <template slot-scope="scope">{{
+ numFilter(scope.row.value11)
+ }}</template></el-table-column
+ >
+ <el-table-column label="12鏈�" align="center" min-width="140px">
+ <template slot-scope="scope">{{
+ numFilter(scope.row.value12)
+ }}</template></el-table-column
+ >
</el-table>
-
</div>
</template>
<script>
- import { reportStatisticsList,exportList} from "@/api/reportForm/annualReport/annualReport";
+import {
+ reportStatisticsList,
+ exportList
+} from "@/api/reportForm/annualReport/annualReport";
- export default {
- data() {
- return {
- list: [],
- skinName:"",
- queryParams:{
- timeType:"MONTH",
- energyId:undefined,
- dataTime:undefined,
- beginTime:undefined,
- endTime:undefined,
- indexCode:undefined,
- indexStorageId:undefined,
- },
- indexCategoryOptions:[],
- };
- },
- created() {
- this.modelCode=this.$route.query.modelCode;
- /*this.getDicts("report_form").then(response => {
+export default {
+ data() {
+ return {
+ list: [],
+ skinName: "",
+ queryParams: {
+ timeType: "MONTH",
+ energyId: undefined,
+ dataTime: undefined,
+ beginTime: undefined,
+ endTime: undefined,
+ indexCode: undefined,
+ indexStorageId: undefined
+ },
+ indexCategoryOptions: []
+ };
+ },
+ created() {
+ this.modelCode = this.$route.query.modelCode;
+ /*this.getDicts("report_form").then(response => {
this.dateTypeOptions = response.data;
this.queryParams.timeType = this.dateTypeOptions.find(f => f.isDefault === 'Y').dictValue;
});*/
- this.getDicts("energy_type").then(response => {
- this.indexCategoryOptions = response.data;
- //this.queryParams.indexStorageId = this.indexCategoryOptions[0].dictValue;
+ this.getDicts("energy_type").then(response => {
+ this.indexCategoryOptions = response.data;
+ //this.queryParams.indexStorageId = this.indexCategoryOptions[0].dictValue;
+ });
+ this.getConfigKey("report_statistics").then(response => {
+ this.skinName = response.msg;
+ });
+ this.getTime();
+ this.getList();
+ },
+ methods: {
+ /** 鏌ヨ閮ㄩ棬鍒楄〃 */
+ getList() {
+ //this.loading = true;
+ this.queryParams.indexCode = this.modelCode;
+ let times = this.queryParams.dataTime.slice(0, 4);
+ this.queryParams.beginTime = times + "-01-01 00:00:00";
+ this.queryParams.endTime = times + "-12-31 00:00:00";
+ reportStatisticsList(this.queryParams).then(response => {
+ this.list = response.data;
+ this.loading = false;
});
- this.getConfigKey("report_statistics").then(response => {
- this.skinName=response.msg;
- });
- this.getTime();
+ },
+ /** 鎼滅储鎸夐挳鎿嶄綔 */
+ handleQuery() {
this.getList();
},
- methods: {
- /** 鏌ヨ閮ㄩ棬鍒楄〃 */
- getList() {
- //this.loading = true;
- this.queryParams.indexCode=this.modelCode;
- let times=this.queryParams.dataTime.slice(0,4);
- this.queryParams.beginTime=times+"-01-01 00:00:00"
- this.queryParams.endTime=times+"-12-31 00:00:00"
- reportStatisticsList(this.queryParams).then(response => {
- this.list=response.data;
- this.loading = false;
- });
- },
- /** 鎼滅储鎸夐挳鎿嶄綔 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList();
- },
- /** 閲嶇疆鎸夐挳鎿嶄綔 */
- resetQuery() {
- this.resetForm("queryForm");
- this.handleQuery();
- },
- /** 瀵煎嚭鎸夐挳鎿嶄綔 */
- handleExport() {
- const queryParams = this.queryParams;
- queryParams.dataTime=queryParams.dataTime+"-01-01";
- this.$confirm('鏄惁纭瀵煎嚭鎵�鏈夋姤琛ㄦ暟鎹�?', "璀﹀憡", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning"
- }).then(function () {
+ /** 閲嶇疆鎸夐挳鎿嶄綔 */
+ resetQuery() {
+ this.resetForm("queryForm");
+ this.handleQuery();
+ },
+ /** 瀵煎嚭鎸夐挳鎿嶄綔 */
+ handleExport() {
+ const queryParams = this.queryParams;
+ queryParams.dataTime = queryParams.dataTime + "-01-01";
+ this.$confirm("鏄惁纭瀵煎嚭鎵�鏈夋姤琛ㄦ暟鎹�?", "璀﹀憡", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning"
+ })
+ .then(function() {
return exportList(queryParams);
- }).then(response => {
+ })
+ .then(response => {
this.download(response.msg);
- }).catch(function () {
- });
- },
- handleTime(date){
- if(date=='MONTH'){
- this.dateTypes= 'year',
- this.valueFormat='yyyy'
- }else if(date=='DAY'){
- this.dateTypes= 'month',
- this.valueFormat='yyyy-MM'
- }else{
- this.dateTypes= 'date',
- this.valueFormat='yyyy-MM-dd'
- }
- },
- 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
- this.queryParams.dataTime=year + '-' + month
- },
- numFilter(value) {// 鎴彇褰撳墠鏁版嵁鍒板皬鏁扮偣鍚庣殑鍑犱綅
- let realVal = '' ;
- if (!isNaN(value) && value !== '' && value !== null) {
- realVal = parseFloat(value).toFixed(this.skinName)
- } else {
- realVal = '--'
- }
- return realVal
- },
+ })
+ .catch(function() {});
+ },
+ handleTime(date) {
+ if (date == "MONTH") {
+ (this.dateTypes = "year"), (this.valueFormat = "yyyy");
+ } else if (date == "DAY") {
+ (this.dateTypes = "month"), (this.valueFormat = "yyyy-MM");
+ } else {
+ (this.dateTypes = "date"), (this.valueFormat = "yyyy-MM-dd");
+ }
+ },
+ 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;
+ this.queryParams.dataTime = year + "-" + month;
+ },
+ numFilter(value) {
+ // 鎴彇褰撳墠鏁版嵁鍒板皬鏁扮偣鍚庣殑鍑犱綅
+ let realVal = "";
+ if (!isNaN(value) && value !== "" && value !== null) {
+ realVal = parseFloat(value).toFixed(this.skinName);
+ } else {
+ realVal = "--";
+ }
+ return realVal;
}
- };
+ }
+};
</script>
-<style scoped>
- .tableList th.is-leaf, .tableList td{
- border-bottom: 1px solid #000000 !important;
- border-right: 1px solid #000000 !important;
- }
- .tableList{
- border: 1px solid #000000 !important;
- }
-</style>
+<style scoped></style>
--
Gitblit v1.9.3