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/alarm/collectionIndex.vue | 498 +++++++++++++++++++++++++++++--------------------------
1 files changed, 264 insertions(+), 234 deletions(-)
diff --git a/energy_management_ui/src/views/alarm/collectionIndex.vue b/energy_management_ui/src/views/alarm/collectionIndex.vue
index 96a478d..d29ad22 100644
--- a/energy_management_ui/src/views/alarm/collectionIndex.vue
+++ b/energy_management_ui/src/views/alarm/collectionIndex.vue
@@ -1,6 +1,12 @@
<template>
<div class="app-container" style="padding:0">
- <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px" class="query-form">
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ :inline="true"
+ label-width="68px"
+ class="query-form"
+ >
<el-form-item label="鎸囨爣缂栫爜" prop="code">
<el-input
v-model="queryParams.code"
@@ -35,7 +41,13 @@
></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
+ type="primary"
+ icon="el-icon-search"
+ size="mini"
+ @click="handleQuery"
+ >鎼滅储</el-button
+ >
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
@@ -46,270 +58,288 @@
size="mini"
@click=""
v-hasPermi="['']"
- >瀵煎嚭
+ >瀵煎嚭
</el-button>
</el-col>
</el-row>
- <el-table :data="tableData" v-loading="loading" border @selection-change="" @cell-click="openDlg" >
- <el-table-column label="鎸囨爣缂栫爜" align="center" prop="name"/>
- <el-table-column label="鎸囨爣鍚嶇О" align="center" prop="number"/>
- <el-table-column label="瀹為檯鍊�" align="center" prop="value"/>
- <el-table-column label="涓嬮檺鍊�" align="center" prop="values"/>
- <el-table-column label="涓婇檺鍊�" align="center" prop="code"/>
+ <el-table
+ :data="tableData"
+ v-loading="loading"
+ border
+ @selection-change=""
+ @cell-click="openDlg"
+ >
+ <el-table-column label="鎸囨爣缂栫爜" align="center" prop="name" />
+ <el-table-column label="鎸囨爣鍚嶇О" align="center" prop="number" />
+ <el-table-column label="瀹為檯鍊�" align="center" prop="value" />
+ <el-table-column label="涓嬮檺鍊�" align="center" prop="values" />
+ <el-table-column label="涓婇檺鍊�" align="center" prop="code" />
<el-table-column label="鎶ヨ娆℃暟" align="center" prop="what">
<template slot-scope="scope">
- <div style="color:blue;text-decoration:underline ;cursor:pointer">{{scope.row.what}}</div>
+ <div style="color:blue;text-decoration:underline ;cursor:pointer">
+ {{ scope.row.what }}
+ </div>
</template>
</el-table-column>
</el-table>
<!--寮规-->
- <el-dialog :title="title" :visible.sync="open" width="1000px" :close-on-click-modal="false" >
- <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
+ <el-dialog
+ :title="title"
+ :visible.sync="open"
+ width="1000px"
+ :close-on-click-modal="false"
+ >
+ <el-row style="padding:16px 16px 0;margin-bottom:32px;">
<line-chart :chart-data="lineChartData" />
</el-row>
- <el-table :data="tableData" :show-header="hiddenTableHeader" border="1px" >
- <el-table-column label="鎶ヨ鏃堕棿"prop="one" />
- <el-table-column label="鎶ヨ鍊�" prop="two" />
- <el-table-column label="瀹為檯鍊�" prop="three" />
- <el-table-column label="瀹為檯鍊�" prop="four" />
- <el-table-column label="瀹為檯鍊�" prop="five" />
- <el-table-column label="瀹為檯鍊�" prop="six" />
- <el-table-column label="瀹為檯鍊�" prop="seven" />
- <el-table-column label="瀹為檯鍊�" prop="eieght" />
+ <el-table :data="tableData" :show-header="hiddenTableHeader" border="1px">
+ <el-table-column label="鎶ヨ鏃堕棿" prop="one" />
+ <el-table-column label="鎶ヨ鍊�" prop="two" />
+ <el-table-column label="瀹為檯鍊�" prop="three" />
+ <el-table-column label="瀹為檯鍊�" prop="four" />
+ <el-table-column label="瀹為檯鍊�" prop="five" />
+ <el-table-column label="瀹為檯鍊�" prop="six" />
+ <el-table-column label="瀹為檯鍊�" prop="seven" />
+ <el-table-column label="瀹為檯鍊�" prop="eieght" />
</el-table>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">鍙� 娑�</el-button>
</div>
</el-dialog>
-
</div>
</template>
-
<script>
- const lineChartData = {
- newVisitis: {
- }
- }
- import {
- addEnergyindex,
- delEnergyindex,
- exportEnergyindex,
- getEnergyindex,
- listEnergyindex,
- updateEnergyindex
- } from "@/api/basicsetting/energyindex";
- import LineChart from './LiChart'
+const lineChartData = {
+ newVisitis: {}
+};
+import {
+ addEnergyindex,
+ delEnergyindex,
+ exportEnergyindex,
+ getEnergyindex,
+ listEnergyindex,
+ updateEnergyindex
+} from "@/api/basicsetting/energyindex";
+import LineChart from "./LiChart";
+export default {
+ name: "energyIndex",
+ components: {
+ LineChart
+ },
+ data() {
+ return {
+ hiddenTableHeader: false,
+ lineChartData: lineChartData.newVisitis,
+ // 閬僵灞�
+ loading: false,
+ // 閫変腑鏁扮粍
+ ids: [],
+ dateRange: [],
+ names: [],
+ // 闈炲崟涓鐢�
+ single: true,
+ // 闈炲涓鐢�
+ multiple: true,
+ // 鎬绘潯鏁�
+ total: 0,
+ // 鎸囨爣淇℃伅琛ㄦ牸鏁版嵁
+ List: [],
+ energyindexList: [],
+ // 寮瑰嚭灞傛爣棰�
+ title: "",
+ // 鏄惁鏄剧ず寮瑰嚭灞�
+ open: false,
+ // 涓婚敭瀛楀吀
+ indexIdOptions: [],
+ // 鎸囨爣鍚嶇О瀛楀吀
+ nameOptions: [],
+ // 鎸囨爣缂栫爜瀛楀吀
+ codeOptions: [],
+ // 绯荤粺鎸囨爣鍒嗙被锛�1-鑳芥簮绫伙紝2-浜у搧绫伙紝3-鑳芥晥绫伙紝4-缁忚惀绫伙紝5-鍏朵粬瀛楀吀
+ indexCategoryOptions: [],
+ // 澶囨敞瀛楀吀
+ remarkOptions: [],
+ // 鍗曚綅瀛楀吀
+ unitIdOptions: [],
+ // 鏌ヨ鍙傛暟
+ lineChartData: {
+ newVisitis: null
+ },
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ name: undefined,
+ code: undefined,
+ indexCategory: undefined,
+ nodeId: undefined
+ },
-
- export default {
- name: 'energyIndex',
- components: {
- LineChart
- },
- data() {
- return {
- hiddenTableHeader:false,
- lineChartData: lineChartData.newVisitis,
- // 閬僵灞�
- loading: false,
- // 閫変腑鏁扮粍
- ids: [],
- dateRange: [],
- names: [],
- // 闈炲崟涓鐢�
- single: true,
- // 闈炲涓鐢�
- multiple: true,
- // 鎬绘潯鏁�
- total: 0,
- // 鎸囨爣淇℃伅琛ㄦ牸鏁版嵁
- List: [],
- energyindexList: [],
- // 寮瑰嚭灞傛爣棰�
- title: "",
- // 鏄惁鏄剧ず寮瑰嚭灞�
- open: false,
- // 涓婚敭瀛楀吀
- indexIdOptions: [],
- // 鎸囨爣鍚嶇О瀛楀吀
- nameOptions: [],
- // 鎸囨爣缂栫爜瀛楀吀
- codeOptions: [],
- // 绯荤粺鎸囨爣鍒嗙被锛�1-鑳芥簮绫伙紝2-浜у搧绫伙紝3-鑳芥晥绫伙紝4-缁忚惀绫伙紝5-鍏朵粬瀛楀吀
- indexCategoryOptions: [],
- // 澶囨敞瀛楀吀
- remarkOptions: [],
- // 鍗曚綅瀛楀吀
- unitIdOptions: [],
- // 鏌ヨ鍙傛暟
- lineChartData:{
- newVisitis:null,
+ tableData: [],
+ datas: [
+ {
+ name: "BUG",
+ number: "98013",
+ value: "500",
+ values: "450",
+ code: "480",
+ what: "5",
+ one: "鎶ヨ鏃堕棿",
+ two: "0鐐�",
+ three: "1鐐�",
+ four: "2鐐�",
+ five: "3鐐�",
+ six: "4鐐�",
+ seven: "5鐐�",
+ eieght: "6鐐�"
},
- queryParams: {
- pageNum: 1,
- pageSize: 10,
- name: undefined,
- code: undefined,
- indexCategory: undefined,
- nodeId: undefined
+ {
+ name: "BUG",
+ number: "98013",
+ value: "500",
+ values: "450",
+ code: "480",
+ what: "5",
+ one: "鎶ヨ闄愬��",
+ two: "210",
+ three: "172",
+ four: "181",
+ five: "224",
+ six: "280",
+ seven: "310",
+ eieght: "300"
},
-
- tableData: [],
- datas: [{
- name: 'BUG',
- number: '98013',
- value: '500',
- values: '450',
- code: '480',
- what: '5',
- one: '鎶ヨ鏃堕棿',
- two: '0鐐�',
- three: '1鐐�',
- four : '2鐐�',
- five :'3鐐�',
- six : '4鐐�',
- seven :'5鐐�',
- eieght:'6鐐�',
- },
- {
- name: 'BUG',
- number: '98013',
- value : '500',
- values : '450',
- code : '480',
- what: '5',
- one :'鎶ヨ闄愬��',
- two :'210',
- three :'172',
- four : '181',
- five :'224',
- six : '280',
- seven :'310',
- eieght:'300',
- },
- {
- name: 'BUG',
- number: '98013',
- value : '500',
- values : '450',
- code : '480' ,
- what: '5',
- one :'鎶ヨ鏃跺��',
- two :'300',
- three :'182',
- four : '191',
- five :'234',
- six : '290',
- seven :'330',
- eieght:'310',
- }
- ],
-
- // 琛ㄥ崟鍙傛暟
- form: {},
- // 琛ㄥ崟鏍￠獙
- 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 鍒� 20 涓瓧绗�', trigger: 'blur'},
- {pattern: /^[a-zA-Z][A-Za-z0-9_-]+$/, message: '蹇呴』涓烘暟瀛椼�佸瓧姣嶃��- 鎴朹 锛屼笖棣栧瓧绗﹀彧鑳戒负瀛楁瘝'}
- ], indexCategory: [
- {required: true, message: "璇烽�夋嫨鎸囨爣鍒嗙被", trigger: "blur"}
- ]
- },
- currentNode: undefined,
- indexCategoryDefaultVal: undefined,
- unitDefaultVal: undefined
- };
- },
-
- created() {
- /* this.getList();*/
- this.getDicts("sys_index_category").then(response => {
- this.indexCategoryOptions = response.data;
- 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');
- });
- setInterval(this.getList(), 30000);
-
- this.bpy()
-
- },
- methods: {
- /** 鏌ヨ鎸囨爣淇℃伅鍒楄〃 */
- getList(modelNode) {
- this.currentNode = modelNode;
- if (modelNode) {
- this.loading = true;
- this.queryParams.nodeId = modelNode.id;
- listEnergyindex(this.queryParams).then(response => {
- this.energyindexList = response.rows;
- this.total = response.total;
- this.loading = false;
- });
- } else {
- this.energyindexList = [];
+ {
+ name: "BUG",
+ number: "98013",
+ value: "500",
+ values: "450",
+ code: "480",
+ what: "5",
+ one: "鎶ヨ鏃跺��",
+ two: "300",
+ three: "182",
+ four: "191",
+ five: "234",
+ six: "290",
+ seven: "330",
+ eieght: "310"
}
+ ],
+ // 琛ㄥ崟鍙傛暟
+ form: {},
+ // 琛ㄥ崟鏍￠獙
+ 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 鍒� 20 涓瓧绗�",
+ trigger: "blur"
+ },
+ {
+ pattern: /^[a-zA-Z][A-Za-z0-9_-]+$/,
+ message: "蹇呴』涓烘暟瀛椼�佸瓧姣嶃��- 鎴朹 锛屼笖棣栧瓧绗﹀彧鑳戒负瀛楁瘝"
+ }
+ ],
+ indexCategory: [
+ { required: true, message: "璇烽�夋嫨鎸囨爣鍒嗙被", trigger: "blur" }
+ ]
},
- bpy() {
- this.tableData = this.datas;
- },
- /** 鏌ョ湅鎸夐挳鎿嶄綔 */
- handleUpdate(row) {
- this.reset();
- const indexId = row.indexId || this.ids;
- /* getEnergyindex(indexId).then(response => {
+ currentNode: undefined,
+ indexCategoryDefaultVal: undefined,
+ unitDefaultVal: undefined
+ };
+ },
+
+ created() {
+ /* this.getList();*/
+ this.getDicts("sys_index_category").then(response => {
+ this.indexCategoryOptions = response.data;
+ 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");
+ });
+ setInterval(this.getList(), 30000);
+
+ this.bpy();
+ },
+ methods: {
+ /** 鏌ヨ鎸囨爣淇℃伅鍒楄〃 */
+ getList(modelNode) {
+ this.currentNode = modelNode;
+ if (modelNode) {
+ this.loading = true;
+ this.queryParams.nodeId = modelNode.id;
+ listEnergyindex(this.queryParams).then(response => {
+ this.energyindexList = response.rows;
+ this.total = response.total;
+ this.loading = false;
+ });
+ } else {
+ this.energyindexList = [];
+ }
+ },
+ bpy() {
+ this.tableData = this.datas;
+ },
+ /** 鏌ョ湅鎸夐挳鎿嶄綔 */
+ handleUpdate(row) {
+ this.reset();
+ const indexId = row.indexId || this.ids;
+ /* getEnergyindex(indexId).then(response => {
this.form = response.data;
this.title = "寮傚父淇℃伅"+ response.data.name ;
});*/
- this.open = true;
+ this.open = true;
/* this.title = "鎶ヨ鏄庣粏";*/
- },
- // 绯荤粺鎸囨爣鍒嗙被锛�1-鑳芥簮绫伙紝2-浜у搧绫伙紝3-鑳芥晥绫伙紝4-缁忚惀绫伙紝5-鍏朵粬瀛楀吀缈昏瘧
- indexCategoryFormat(row, column) {
- return this.selectDictLabel(this.indexCategoryOptions, row.indexCategory);
- },
+ },
+ // 绯荤粺鎸囨爣鍒嗙被锛�1-鑳芥簮绫伙紝2-浜у搧绫伙紝3-鑳芥晥绫伙紝4-缁忚惀绫伙紝5-鍏朵粬瀛楀吀缈昏瘧
+ indexCategoryFormat(row, column) {
+ return this.selectDictLabel(this.indexCategoryOptions, row.indexCategory);
+ },
- // 鍗曚綅瀛楀吀缈昏瘧
- unitIdFormat(row, column) {
- return this.selectDictLabel(this.unitIdOptions, row.unitId);
- },
- // 鍙栨秷鎸夐挳
- cancel() {
- this.open = false;
- this.reset();
- },
- // 琛ㄥ崟閲嶇疆
- reset() {
- this.form = {
- indexId: undefined,
- name: undefined,
- code: undefined,
- indexCategory: undefined,
- remark: undefined,
- unitId: undefined
- };
- this.resetForm("form");
- },
- /** 鎼滅储鎸夐挳鎿嶄綔 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList(this.currentNode);
- },
- openDlg (){
- this.open=true;
- }
+ // 鍗曚綅瀛楀吀缈昏瘧
+ unitIdFormat(row, column) {
+ return this.selectDictLabel(this.unitIdOptions, row.unitId);
+ },
+ // 鍙栨秷鎸夐挳
+ cancel() {
+ this.open = false;
+ this.reset();
+ },
+ // 琛ㄥ崟閲嶇疆
+ reset() {
+ this.form = {
+ indexId: undefined,
+ name: undefined,
+ code: undefined,
+ indexCategory: undefined,
+ remark: undefined,
+ unitId: undefined
+ };
+ this.resetForm("form");
+ },
+ /** 鎼滅储鎸夐挳鎿嶄綔 */
+ handleQuery() {
+ this.queryParams.pageNum = 1;
+ this.getList(this.currentNode);
+ },
+ openDlg() {
+ this.open = true;
}
-
- };
+ }
+};
</script>
--
Gitblit v1.9.3