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/basicsetting/energyIndex/energyIndex.vue | 440 ++++++++++++++++++++++++++++++++----------------------
1 files changed, 262 insertions(+), 178 deletions(-)
diff --git a/energy_management_ui/src/views/basicsetting/energyIndex/energyIndex.vue b/energy_management_ui/src/views/basicsetting/energyIndex/energyIndex.vue
index a4f07e6..fe5ab27 100644
--- a/energy_management_ui/src/views/basicsetting/energyIndex/energyIndex.vue
+++ b/energy_management_ui/src/views/basicsetting/energyIndex/energyIndex.vue
@@ -1,18 +1,27 @@
<template>
- <div class="app-container" style="padding:0">
- <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="0"
- class="query-form">
+ <div class="app-container" style="padding:0 0 30px 0">
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ :inline="true"
+ label-width="0"
+ class="query-form"
+ >
<el-row :gutter="24">
<el-col :span="5">
<el-form-item>
- <el-select v-model="queryParams.indexCategory" placeholder="璇烽�夋嫨鎸囨爣鍒嗙被" clearable
- size="small"
- @change="handleQuery">
+ <el-select
+ v-model="queryParams.indexCategory"
+ placeholder="璇烽�夋嫨鎸囨爣鍒嗙被"
+ clearable
+ size="small"
+ @change="handleQuery"
+ >
<el-option
- v-for="dict in indexCategoryOptions"
- :key="dict.dictValue"
- :label="dict.dictLabel"
- :value="dict.dictValue"
+ v-for="dict in indexCategoryOptions"
+ :key="dict.dictValue"
+ :label="dict.dictLabel"
+ :value="dict.dictValue"
/>
</el-select>
</el-form-item>
@@ -20,54 +29,56 @@
<el-col :span="5">
<el-form-item>
<el-input
- v-model="queryParams.name"
- placeholder="璇疯緭鍏ユ寚鏍囧悕绉�/缂栫爜"
- clearable
- size="small"
- @input="handleQuery"
- @clear="handleQuery"
+ v-model="queryParams.name"
+ placeholder="璇疯緭鍏ユ寚鏍囧悕绉�/缂栫爜"
+ clearable
+ size="small"
+ @input="handleQuery"
+ @clear="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :span="14">
<el-form-item class="fr">
<el-button
- type="primary"
- icon="el-icon-plus"
- size="mini"
- @click="handleAdd"
- v-hasPermi="['energyindex:energyindex:add']"
- >鏂板
+ type="primary"
+ icon="el-icon-plus"
+ size="mini"
+ @click="handleAdd"
+ v-hasPermi="['energyindex:energyindex:add']"
+ >鏂板
</el-button>
<el-button
- type="success"
- icon="el-icon-edit"
- size="mini"
- :disabled="single"
- @click="handleUpdate"
- v-hasPermi="['energyindex:energyindex:edit']"
- >淇敼
+ type="success"
+ icon="el-icon-edit"
+ size="mini"
+ :disabled="single"
+ @click="handleUpdate"
+ v-hasPermi="['energyindex:energyindex:edit']"
+ >淇敼
</el-button>
<el-button
- type="danger"
- icon="el-icon-delete"
- size="mini"
- :disabled="multiple"
- @click="handleDelete"
- v-hasPermi="['energyindex:energyindex:remove']"
- >鍒犻櫎
+ type="danger"
+ icon="el-icon-delete"
+ size="mini"
+ :disabled="multiple"
+ @click="handleDelete"
+ v-hasPermi="['energyindex:energyindex:remove']"
+ >鍒犻櫎
</el-button>
<el-button
- type="info"
- icon="el-icon-upload2"
- size="mini"
- @click="handleImport"
- >瀵煎叆
+ type="info"
+ icon="el-icon-upload2"
+ size="mini"
+ @click="handleImport"
+ >瀵煎叆
</el-button>
- <el-button type="text"
- icon="el-icon-setting"
- @click="collectIndexSetting"
- v-if="!statisticIndex">
+ <el-button
+ type="text"
+ icon="el-icon-setting"
+ @click="collectIndexSetting"
+ v-if="!statisticIndex"
+ >
閰嶇疆閲囬泦鐐�
</el-button>
</el-form-item>
@@ -75,102 +86,133 @@
</el-row>
</el-form>
- <el-table v-loading="loading" :data="energyindexList" border
- @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="55" align="center"/>
- <el-table-column label="鎸囨爣缂栫爜" align="center" prop="code"/>
- <el-table-column label="鎸囨爣鍚嶇О" align="center" prop="name"/>
- <el-table-column label="绯荤粺鎸囨爣鍒嗙被" align="center" prop="indexCategory"
- :formatter="indexCategoryFormat"/>
- <el-table-column label="鍗曚綅" align="center" prop="unitId" :formatter="unitIdFormat"/>
- <el-table-column label="鎿嶄綔" width="200" align="center" class-name="small-padding fixed-width">
+ <el-table
+ v-loading="loading"
+ :data="energyindexList"
+ border
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column type="selection" width="55" align="center" />
+ <el-table-column label="鎸囨爣缂栫爜" align="center" prop="code" />
+ <el-table-column label="鎸囨爣鍚嶇О" align="center" prop="name" />
+ <el-table-column
+ label="绯荤粺鎸囨爣鍒嗙被"
+ align="center"
+ prop="indexCategory"
+ :formatter="indexCategoryFormat"
+ />
+ <el-table-column
+ label="鍗曚綅"
+ align="center"
+ prop="unitId"
+ :formatter="unitIdFormat"
+ />
+ <el-table-column
+ label="鎿嶄綔"
+ width="200"
+ align="center"
+ class-name="small-padding fixed-width"
+ >
<template slot-scope="scope">
<el-button
- size="mini"
- type="text"
- icon="el-icon-edit"
- @click="handleUpdate(scope.row)"
- v-hasPermi="['energyindex:energyindex:edit']"
- >淇敼
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['energyindex:energyindex:edit']"
+ >淇敼
</el-button>
<el-button
- size="mini"
- type="text"
- icon="el-icon-edit"
- @click="dataStorage(scope.row)"
- v-hasPermi="['energyindex:energyindex:edit']"
- v-if="statisticIndex"
- >瀛樺偍
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="dataStorage(scope.row)"
+ v-hasPermi="['energyindex:energyindex:edit']"
+ v-if="statisticIndex"
+ >瀛樺偍
</el-button>
<el-button
- size="mini"
- type="text"
- icon="el-icon-delete"
- @click="handleDelete(scope.row)"
- v-hasPermi="['energyindex:energyindex:remove']"
- >鍒犻櫎
+ size="mini"
+ type="text"
+ icon="el-icon-delete"
+ @click="handleDelete(scope.row)"
+ v-hasPermi="['energyindex:energyindex:remove']"
+ >鍒犻櫎
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
- v-show="total>0"
- :total="total"
- :page.sync="queryParams.pageNum"
- :limit.sync="queryParams.pageSize"
- @pagination="paginationQuery"
+ v-show="total > 0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="paginationQuery"
/>
<!-- 娣诲姞鎴栦慨鏀规寚鏍囦俊鎭璇濇 -->
- <el-dialog :title="title" :visible.sync="open" width="500px" :close-on-click-modal="false">
+ <el-dialog
+ :title="title"
+ :visible.sync="open"
+ width="500px"
+ :close-on-click-modal="false"
+ >
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="鎸囨爣鍚嶇О" prop="name">
- <el-input v-model="form.name" placeholder="璇疯緭鍏ユ寚鏍囧悕绉�"/>
+ <el-input v-model="form.name" placeholder="璇疯緭鍏ユ寚鏍囧悕绉�" />
</el-form-item>
<el-form-item label="鎸囨爣缂栫爜" prop="code">
- <el-input v-model="form.code" placeholder="璇疯緭鍏ユ寚鏍囩紪鐮�"/>
+ <el-input v-model="form.code" placeholder="璇疯緭鍏ユ寚鏍囩紪鐮�" />
</el-form-item>
<el-form-item label="鎸囨爣鍒嗙被">
- <el-select v-model="form.indexCategory" placeholder="璇烽�夋嫨鎸囨爣鍒嗙被" prop="indexCategory">
+ <el-select
+ v-model="form.indexCategory"
+ placeholder="璇烽�夋嫨鎸囨爣鍒嗙被"
+ prop="indexCategory"
+ >
<el-option
- v-for="dict in indexCategoryOptions"
- :key="dict.dictValue"
- :label="dict.dictLabel"
- :value="dict.dictValue"
+ v-for="dict in indexCategoryOptions"
+ :key="dict.dictValue"
+ :label="dict.dictLabel"
+ :value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="鍗曚綅">
<el-select v-model="form.unitId" placeholder="璇烽�夋嫨鍗曚綅">
<el-option
- v-for="dict in unitIdOptions"
- :key="dict.dictValue"
- :label="dict.dictLabel"
- :value="dict.dictValue"
+ v-for="dict in unitIdOptions"
+ :key="dict.dictValue"
+ :label="dict.dictLabel"
+ :value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="椤哄簭鍙�">
- <el-input-number v-model="form.orderNum" controls-position="right" :min="0"/>
+ <el-input-number
+ v-model="form.orderNum"
+ controls-position="right"
+ :min="0"
+ />
</el-form-item>
<el-form-item label="璁惧">
<el-select v-model="form.equipment" placeholder="璇烽�夋嫨璁惧">
<el-option
- v-for="dict in fcilityArchives"
- :key="dict.id"
- :label="dict.facilityName"
- :value="dict.id"
+ v-for="dict in fcilityArchives"
+ :key="dict.id"
+ :label="dict.facilityName"
+ :value="dict.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="鑳芥簮鍝佺">
<el-select v-model="form.energyId" placeholder="璇烽�夋嫨鑳芥簮鍝佺">
<el-option
- v-for="dict in energyIdList"
- :key="dict.dictValue"
- :label="dict.dictLabel"
- :value="dict.dictValue"
+ v-for="dict in energyIdList"
+ :key="dict.dictValue"
+ :label="dict.dictLabel"
+ :value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
@@ -181,35 +223,51 @@
</div>
</el-dialog>
- <el-drawer title="閰嶇疆鎸囨爣瀛樺偍" :visible.sync="indexStorageShow" direction="rtl"
- @open="showIndexStorageDialog"
- size="45%"
- :wrapperClosable="false">
- <IndexStorage ref="indexStorage"
- :nodeId="currentNode===undefined?'':currentNode.id"></IndexStorage>
+ <el-drawer
+ title="閰嶇疆鎸囨爣瀛樺偍"
+ :visible.sync="indexStorageShow"
+ direction="rtl"
+ @open="showIndexStorageDialog"
+ size="45%"
+ :wrapperClosable="false"
+ >
+ <IndexStorage
+ ref="indexStorage"
+ :nodeId="currentNode === undefined ? '' : currentNode.id"
+ ></IndexStorage>
</el-drawer>
<!--閫夋嫨閲囬泦鎸囨爣-->
- <el-drawer title="閫夋嫨閲囬泦鎸囨爣" :visible.sync="collectIndexDialog" direction="rtl"
- @open="showCollectIndexDialog"
- size="45%">
- <CollectIndexSetting ref="collectIndexSetting"
- @collectIndexConfirmSelect="collectIndexConfirmSelect"></CollectIndexSetting>
+ <el-drawer
+ title="閫夋嫨閲囬泦鎸囨爣"
+ :visible.sync="collectIndexDialog"
+ direction="rtl"
+ @open="showCollectIndexDialog"
+ size="45%"
+ >
+ <CollectIndexSetting
+ ref="collectIndexSetting"
+ @collectIndexConfirmSelect="collectIndexConfirmSelect"
+ ></CollectIndexSetting>
</el-drawer>
<!-- 瀵煎叆瀵硅瘽妗� -->
- <el-dialog :title="upload.title" :visible.sync="upload.open" :destroy-on-close="true"
- width="400px">
+ <el-dialog
+ :title="upload.title"
+ :visible.sync="upload.open"
+ :destroy-on-close="true"
+ width="400px"
+ >
<el-upload
- ref="upload"
- :limit="1"
- accept=".xlsx, .xls"
- :headers="upload.headers"
- :action="upload.url + '?updateSupport=' + upload.updateSupport"
- :disabled="upload.isUploading"
- :on-progress="handleFileUploadProgress"
- :on-success="handleFileSuccess"
- :auto-upload="false"
- drag
+ ref="upload"
+ :limit="1"
+ accept=".xlsx, .xls"
+ :headers="upload.headers"
+ :action="upload.url + '?updateSupport=' + upload.updateSupport"
+ :disabled="upload.isUploading"
+ :on-progress="handleFileUploadProgress"
+ :on-success="handleFileSuccess"
+ :auto-upload="false"
+ drag
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
@@ -217,11 +275,15 @@
<em>鐐瑰嚮涓婁紶</em>
</div>
<div class="el-upload__tip" slot="tip">
- <el-checkbox v-model="upload.updateSupport"/>
+ <el-checkbox v-model="upload.updateSupport" />
鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹�
- <el-link type="info" style="font-size:12px" @click="importTemplate">涓嬭浇妯℃澘</el-link>
+ <el-link type="info" style="font-size:12px" @click="importTemplate"
+ >涓嬭浇妯℃澘</el-link
+ >
</div>
- <div class="el-upload__tip" style="color:red" slot="tip">鎻愮ず锛氫粎鍏佽瀵煎叆鈥渪ls鈥濇垨鈥渪lsx鈥濇牸寮忔枃浠讹紒</div>
+ <div class="el-upload__tip" style="color:red" slot="tip">
+ 鎻愮ず锛氫粎鍏佽瀵煎叆鈥渪ls鈥濇垨鈥渪lsx鈥濇牸寮忔枃浠讹紒
+ </div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm">纭� 瀹�</el-button>
@@ -241,15 +303,15 @@
listEnergyindex,
updateEnergyindex
} from "../../../api/basicsetting/energyindex";
-import {getToken} from "@/utils/auth";
-import {setNodeToIndex} from '@/api/basicsetting/modelNode'
+import { getToken } from "@/utils/auth";
+import { setNodeToIndex } from "@/api/basicsetting/modelNode";
import IndexStorage from "./indexStorage";
import CollectIndexSetting from "../nodeSetting/collectIndexSetting";
-import {getPointFacility} from "@/api/comprehensiveStatistics/comprehensive";
+import { getPointFacility } from "@/api/comprehensiveStatistics/comprehensive";
export default {
- name: 'EnergyIndex',
- components: {CollectIndexSetting, IndexStorage},
+ name: "EnergyIndex",
+ components: { CollectIndexSetting, IndexStorage },
props: ["indexType"],
data() {
return {
@@ -282,7 +344,7 @@
remarkOptions: [],
// 鍗曚綅瀛楀吀
unitIdOptions: [],
- energyIdList: [],//鑳芥簮鍝佺
+ energyIdList: [], //鑳芥簮鍝佺
// 鏌ヨ鍙傛暟
queryParams: {
pageNum: 1,
@@ -297,14 +359,24 @@
// 琛ㄥ崟鏍￠獙
rules: {
name: [
- {required: true, message: "鎸囨爣鍚嶇О涓嶈兘涓虹┖", trigger: "blur"},
- {min: 2, max: 20, message: '闀垮害鍦� 2 鍒� 20 涓瓧绗�', trigger: 'blur'}
- ], code: [
- {required: true, message: "鎸囨爣缂栫爜涓嶈兘涓虹┖", trigger: "blur"},
- {min: 2, max: 20, message: '闀垮害鍦� 2 鍒� 30 涓瓧绗�', trigger: 'blur'},
- {pattern: /^[a-zA-Z][A-Za-z0-9#_-]+$/, message: '蹇呴』涓烘暟瀛椼�佸瓧姣嶃��#銆�- 鎴朹 锛屼笖棣栧瓧绗﹀彧鑳戒负瀛楁瘝'}
- ], indexCategory: [
- {required: true, message: "璇烽�夋嫨鎸囨爣鍒嗙被", trigger: "blur"}
+ { required: true, message: "鎸囨爣鍚嶇О涓嶈兘涓虹┖", trigger: "blur" },
+ { min: 2, max: 20, message: "闀垮害鍦� 2 鍒� 20 涓瓧绗�", trigger: "blur" }
+ ],
+ code: [
+ { required: true, message: "鎸囨爣缂栫爜涓嶈兘涓虹┖", trigger: "blur" },
+ {
+ min: 2,
+ max: 20,
+ message: "闀垮害鍦� 2 鍒� 30 涓瓧绗�",
+ trigger: "blur"
+ },
+ {
+ pattern: /^[a-zA-Z][A-Za-z0-9#_-]+$/,
+ message: "蹇呴』涓烘暟瀛椼�佸瓧姣嶃��#銆�- 鎴朹 锛屼笖棣栧瓧绗﹀彧鑳戒负瀛楁瘝"
+ }
+ ],
+ indexCategory: [
+ { required: true, message: "璇烽�夋嫨鎸囨爣鍒嗙被", trigger: "blur" }
]
},
currentNode: undefined,
@@ -322,22 +394,25 @@
// 鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹�
updateSupport: 0,
// 璁剧疆涓婁紶鐨勮姹傚ご閮�
- headers: {Authorization: "Bearer " + getToken()},
+ headers: { Authorization: "Bearer " + getToken() },
// 涓婁紶鐨勫湴鍧�
- url: process.env.VUE_APP_BASE_API + "/basicsetting/energyindex/importData"
- },
+ url:
+ process.env.VUE_APP_BASE_API + "/basicsetting/energyindex/importData"
+ }
};
},
created() {
this.getDicts("sys_index_category").then(response => {
this.indexCategoryOptions = response.data;
- this.indexCategoryDefaultVal = this.indexCategoryOptions.find(f => f.isDefault === 'Y');
+ this.indexCategoryDefaultVal = this.indexCategoryOptions.find(
+ f => f.isDefault === "Y"
+ );
});
this.getDicts("sys_unit").then(response => {
this.unitIdOptions = response.data;
- this.unitDefaultVal = this.unitIdOptions.find(f => f.isDefault === 'Y');
+ this.unitDefaultVal = this.unitIdOptions.find(f => f.isDefault === "Y");
});
- this.statisticIndex = this.$props.indexType === 'STATISTIC';
+ this.statisticIndex = this.$props.indexType === "STATISTIC";
this.getDicts("energy_type").then(response => {
this.energyIdList = response.data;
});
@@ -399,7 +474,7 @@
this.ids = selection.map(item => item.indexId);
this.names = selection.map(item => item.name);
this.single = selection.length !== 1;
- this.multiple = !selection.length
+ this.multiple = !selection.length;
},
getFacilityArchivesList() {
getPointFacility().then(response => {
@@ -433,7 +508,7 @@
});
},
/** 鎻愪氦鎸夐挳 */
- submitForm: function () {
+ submitForm: function() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.indexId !== undefined) {
@@ -465,62 +540,71 @@
handleDelete(row) {
const indexIds = row.indexId || this.ids;
const indexNames = row.name || this.names;
- this.$confirm('鏄惁纭鍒犻櫎鎸囨爣鍚嶄负"' + indexNames + '"鐨勬暟鎹」?', "璀﹀憡", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning"
- }).then(() => {
- return delEnergyindex(this.currentNode.id, indexIds);
- }).then(() => {
- this.getList(this.currentNode);
- this.msgSuccess("鍒犻櫎鎴愬姛");
- }).catch(function () {
- });
+ this.$confirm(
+ '鏄惁纭鍒犻櫎鎸囨爣鍚嶄负"' + indexNames + '"鐨勬暟鎹」?',
+ "璀﹀憡",
+ {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning"
+ }
+ )
+ .then(() => {
+ return delEnergyindex(this.currentNode.id, indexIds);
+ })
+ .then(() => {
+ this.getList(this.currentNode);
+ this.msgSuccess("鍒犻櫎鎴愬姛");
+ })
+ .catch(function() {});
},
/** 瀵煎嚭鎸夐挳鎿嶄綔 */
handleExport() {
const queryParams = this.queryParams;
- this.$confirm('鏄惁纭瀵煎嚭鎵�鏈夋寚鏍囦俊鎭暟鎹」?', "璀﹀憡", {
+ this.$confirm("鏄惁纭瀵煎嚭鎵�鏈夋寚鏍囦俊鎭暟鎹」?", "璀﹀憡", {
confirmButtonText: "纭畾",
cancelButtonText: "鍙栨秷",
type: "warning"
- }).then(function () {
- return exportEnergyindex(queryParams);
- }).then(response => {
- this.download(response.msg);
- }).catch(function () {
- });
+ })
+ .then(function() {
+ return exportEnergyindex(queryParams);
+ })
+ .then(response => {
+ this.download(response.msg);
+ })
+ .catch(function() {});
},
dataStorage(row) {
this.indexStorageShow = true;
this.$nextTick(() => {
this.$refs.indexStorage.getIndexStorage(row.indexId);
- })
+ });
},
- showIndexStorageDialog() {
- },
+ showIndexStorageDialog() {},
collectIndexSetting() {
this.collectIndexDialog = true;
},
showCollectIndexDialog() {
this.$nextTick(() => {
this.$refs.collectIndexSetting.init(this.currentNode);
- })
+ });
},
collectIndexConfirmSelect(selectedIndex) {
let indexIds = selectedIndex.map(item => item.indexId);
- setNodeToIndex(this.currentNode.id, indexIds, "COLLECT").then((response) => {
- if (response.code !== 200) {
- this.$message.error(response.msg);
- }
- }).then(() => {
- this.getList(this.currentNode);
- });
+ setNodeToIndex(this.currentNode.id, indexIds, "COLLECT")
+ .then(response => {
+ if (response.code !== 200) {
+ this.$message.error(response.msg);
+ }
+ })
+ .then(() => {
+ this.getList(this.currentNode);
+ });
},
handleImport() {
this.upload.title = "鎸囨爣瀵煎叆";
this.upload.open = true;
- },// 鏂囦欢涓婁紶涓鐞�
+ }, // 鏂囦欢涓婁紶涓鐞�
handleFileUploadProgress(event, file, fileList) {
this.upload.isUploading = true;
},
@@ -529,7 +613,7 @@
this.upload.open = false;
this.upload.isUploading = false;
this.$refs.upload.clearFiles();
- this.$alert(response.msg, "瀵煎叆缁撴灉", {dangerouslyUseHTMLString: true});
+ this.$alert(response.msg, "瀵煎叆缁撴灉", { dangerouslyUseHTMLString: true });
this.getList(this.currentNode);
},
/** 涓嬭浇妯℃澘鎿嶄綔 */
--
Gitblit v1.9.3