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/stage/alarm/alarmIndex.vue | 1089 ++++++++++++++++++++++++++++++--------------------------
1 files changed, 586 insertions(+), 503 deletions(-)
diff --git a/energy_management_ui/src/views/stage/alarm/alarmIndex.vue b/energy_management_ui/src/views/stage/alarm/alarmIndex.vue
index d20c304..2cb4d1b 100644
--- a/energy_management_ui/src/views/stage/alarm/alarmIndex.vue
+++ b/energy_management_ui/src/views/stage/alarm/alarmIndex.vue
@@ -2,397 +2,473 @@
<div class="app-container" style="padding:0">
<el-card class="box-card">
<div slot="header" class="clearfix">
- <span>{{currentNode?currentNode.label:''}}--鑺傜偣璁剧疆</span>
+ <span>{{ currentNode ? currentNode.label : "" }}--鑺傜偣璁剧疆</span>
</div>
- <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px" class="query-form">
- <el-form-item label="鎸囨爣缂栫爜" prop="name">
- <el-select v-model="value" multiple filterable allow-create default-first-option placeholder="璇疯緭鍏ヤ綅鍙�">
- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="鎸囨爣鍚嶇О" prop="code">
- <el-select v-model="values" multiple filterable allow-create default-first-option placeholder="璇疯緭鍏ユ寚鏍囧悕绉�">
- <el-option v-for="item in option" :key="item.values" :label="item.label" :value="item.values">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="鏃堕棿">
- <el-date-picker
- v-model="dateRange"
- size="small"
- style="width: 240px"
- value-format="yyyy-MM-dd"
- type="daterange"
- range-separator="-"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡"
- ></el-date-picker>
- </el-form-item>
- <el-form-item label="鏄惁澶勭悊" prop="">
- <el-select v-model="value" placeholder="璇烽�夋嫨鏄惁澶勭悊" clearable size="small">
- <el-option
- v-for="dict in value"
- :key="dict.dictValue"
- :label="dict.dictLabel"
- :value="dict.dictValue"
- />
- </el-select>
- </el-form-item>
- <el-form-item>
- <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">
- <el-col :span="1.5">
- <el-button
- type="warning"
- icon="el-icon-download"
- size="mini"
- @click=""
- v-hasPermi="['']"
- >瀵煎嚭
- </el-button>
- </el-col>
- </el-row>
- <el-table :data="tableData" v-loading="loading" border @selection-change="" @row-click="openDlog">
- <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"/>
- <pagination
- v-show="total>0"
- :total="total"
- :page.sync="queryParams.pageNum"
- :limit.sync="queryParams.pageSize"
- @pagination="getList"
- />
- </el-table>
- <!--寮规-->
- <el-dialog :title="title" :visible.sync="open" width="1000px" :close-on-click-modal="false" >
- <el-table :data="tableData" :show-header="hiddenTableHeader" border="1px" >
- <el-table-column label="鎶ヨ鏃堕棿"prop="oa" />
- <el-table-column label="鎶ヨ鍊�" prop="ob" />
- <el-table-column label="瀹為檯鍊�" prop="oc" />
- </el-table>
- <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
- <line-chart :chart-data="lineChartData" />
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ :inline="true"
+ label-width="68px"
+ class="query-form"
+ >
+ <el-form-item label="鎸囨爣缂栫爜" prop="name">
+ <el-select
+ v-model="value"
+ multiple
+ filterable
+ allow-create
+ default-first-option
+ placeholder="璇疯緭鍏ヤ綅鍙�"
+ >
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鎸囨爣鍚嶇О" prop="code">
+ <el-select
+ v-model="values"
+ multiple
+ filterable
+ allow-create
+ default-first-option
+ placeholder="璇疯緭鍏ユ寚鏍囧悕绉�"
+ >
+ <el-option
+ v-for="item in option"
+ :key="item.values"
+ :label="item.label"
+ :value="item.values"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鏃堕棿">
+ <el-date-picker
+ v-model="dateRange"
+ size="small"
+ style="width: 240px"
+ value-format="yyyy-MM-dd"
+ type="daterange"
+ range-separator="-"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡"
+ ></el-date-picker>
+ </el-form-item>
+ <el-form-item label="鏄惁澶勭悊" prop="">
+ <el-select
+ v-model="value"
+ placeholder="璇烽�夋嫨鏄惁澶勭悊"
+ clearable
+ size="small"
+ >
+ <el-option
+ v-for="dict in value"
+ :key="dict.dictValue"
+ :label="dict.dictLabel"
+ :value="dict.dictValue"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <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">
+ <el-col :span="1.5">
+ <el-button
+ type="warning"
+ icon="el-icon-download"
+ size="mini"
+ @click=""
+ v-hasPermi="['']"
+ >瀵煎嚭
+ </el-button>
+ </el-col>
</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
+ :data="tableData"
+ v-loading="loading"
+ border
+ @selection-change=""
+ @row-click="openDlog"
+ >
+ <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" />
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ />
</el-table>
- <div slot="footer" class="dialog-footer">
- <el-button @click="cancel">鍙� 娑�</el-button>
- </div>
- </el-dialog>
+ <!--寮规-->
+ <el-dialog
+ :title="title"
+ :visible.sync="open"
+ width="1000px"
+ :close-on-click-modal="false"
+ >
+ <el-table
+ :data="tableData"
+ :show-header="hiddenTableHeader"
+ border="1px"
+ >
+ <el-table-column label="鎶ヨ鏃堕棿" prop="oa" />
+ <el-table-column label="鎶ヨ鍊�" prop="ob" />
+ <el-table-column label="瀹為檯鍊�" prop="oc" />
+ </el-table>
+ <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>
+ <div slot="footer" class="dialog-footer">
+ <el-button @click="cancel">鍙� 娑�</el-button>
+ </div>
+ </el-dialog>
</el-card>
</div>
</template>
-
<script>
- const lineChartData = {
- newVisitis: {
- }
- }
- import {
- addEnergyindex,
- delEnergyindex,
- exportEnergyindex,
- getEnergyindex,
- listEnergyindex,
- updateEnergyindex
- } from "@/api/basicsetting/energyindex";
- import LineChart from './LinChart'
- import {List} from "@/api/basicsetting/state"
+const lineChartData = {
+ newVisitis: {}
+};
+import {
+ addEnergyindex,
+ delEnergyindex,
+ exportEnergyindex,
+ getEnergyindex,
+ listEnergyindex,
+ updateEnergyindex
+} from "@/api/basicsetting/energyindex";
+import LineChart from "./LinChart";
+import { List } from "@/api/basicsetting/state";
-
-
- export default {
- name: 'energyIndex',
- components: {
- LineChart
- },
- data() {
- return {
- options: [{
- value: 'FT01',
- label: 'FT01'
- }, {
- value: 'FT02',
- label: 'FT02'
- }, {
- value: 'FT03',
- label: 'FT03'
- }, {
- value: 'FT04',
- label: 'FT04'
- }, {
- value: 'BUG',
- label: 'BUG'
- }],
- value: [],
- option: [{
- values: '98013',
- label: '98013'
- }, {
- values: '98014',
- label: '98014'
- }, {
- values: '98015',
- label: '98015'
- }, {
- values: '98016',
- label: '98016'
- }, {
- values: '98017',
- label: '98017'
- }],
- facilityType:'1',
- values: [],
- currentNode: '',
- 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,
+export default {
+ name: "energyIndex",
+ components: {
+ LineChart
+ },
+ data() {
+ return {
+ options: [
+ {
+ value: "FT01",
+ label: "FT01"
},
- queryParams: {
- pageNum: 1,
- pageSize: 10,
- name: undefined,
- code: undefined,
- indexCategory: undefined,
- nodeId: undefined
+ {
+ value: "FT02",
+ label: "FT02"
},
-
- tableData: [],
- datas: [{
- name: 'FT01',
- number: '98013',
- value: '500',
- values: '20%',
- code: '鏄�',
- what: '5',
- one: '浣嶅彿',
- two: '2鏈�1鏃�',
- three: '2鏈�2鏃�',
- four : '2鏈�3鏃�',
- five :'2鏈�4鏃�',
- oa : '浣嶅彿',
- ob : '鎸囨爣鍚嶇О',
- oc : '瀹為檯鍊�',
-
+ {
+ value: "FT03",
+ label: "FT03"
},
+ {
+ value: "FT04",
+ label: "FT04"
+ },
+ {
+ value: "BUG",
+ label: "BUG"
+ }
+ ],
+ value: [],
+ option: [
+ {
+ values: "98013",
+ label: "98013"
+ },
+ {
+ values: "98014",
+ label: "98014"
+ },
+ {
+ values: "98015",
+ label: "98015"
+ },
+ {
+ values: "98016",
+ label: "98016"
+ },
+ {
+ values: "98017",
+ label: "98017"
+ }
+ ],
+ facilityType: "1",
+ values: [],
+ currentNode: "",
+ 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
+ },
+
+ tableData: [],
+ datas: [
+ {
+ name: "FT01",
+ number: "98013",
+ value: "500",
+ values: "20%",
+ code: "鏄�",
+ what: "5",
+ one: "浣嶅彿",
+ two: "2鏈�1鏃�",
+ three: "2鏈�2鏃�",
+ four: "2鏈�3鏃�",
+ five: "2鏈�4鏃�",
+ oa: "浣嶅彿",
+ ob: "鎸囨爣鍚嶇О",
+ oc: "瀹為檯鍊�"
+ },
+ {
+ name: "FT02",
+ number: "98014",
+ value: "500",
+ values: "20%",
+ code: "鏄�",
+ what: "5",
+ one: "F01",
+ two: "210",
+ three: "210",
+ four: "210",
+ five: "210",
+ oa: "F01",
+ ob: "1#绌哄帇鏈烘鐩告湁鍔熸�荤數鑳�",
+ oc: "3"
+ },
+ {
+ name: "FT03",
+ number: "98015",
+ value: "500",
+ values: "20%",
+ code: "鏄�",
+ what: "5",
+ one: "F02",
+ two: "210",
+ three: "172",
+ four: "181",
+ five: "224",
+ oa: "F02",
+ ob: "2#绌哄帇鏈烘鐩告湁鍔熸�荤數鑳�",
+ oc: "6"
+ },
+ {
+ name: "FT04",
+ number: "98016",
+ value: "500",
+ values: "35%",
+ code: "鍚�",
+ what: "5",
+ one: "F03",
+ two: "210",
+ three: "182",
+ four: "191",
+ five: "234",
+ oa: "F03",
+ ob: "3#绌哄帇鏈烘鐩告湁鍔熸�荤數鑳�",
+ oc: "5"
+ },
+ {
+ name: "BUG",
+ number: "98017",
+ value: "500",
+ values: "22%",
+ code: "鍚�",
+ what: "5",
+ one: "F04",
+ two: "210",
+ three: "182",
+ four: "191",
+ five: "234",
+ oa: "F04",
+ ob: "4#绌哄帇鏈烘鐩告湁鍔熸�荤數鑳�",
+ oc: "6"
+ }
+ ],
+
+ // 琛ㄥ崟鍙傛暟
+ form: {},
+ // 琛ㄥ崟鏍￠獙
+ rules: {
+ name: [
+ { required: true, message: "鎸囨爣鍚嶇О涓嶈兘涓虹┖", trigger: "blur" },
+ { min: 2, max: 20, message: "闀垮害鍦� 2 鍒� 20 涓瓧绗�", trigger: "blur" }
+ ],
+ code: [
+ { required: true, message: "鎸囨爣缂栫爜涓嶈兘涓虹┖", trigger: "blur" },
{
- name: 'FT02',
- number: '98014',
- value: '500',
- values: '20%',
- code: '鏄�',
- what: '5',
- one: 'F01',
- two: '210',
- three: '210',
- four : '210',
- five :'210',
- oa : 'F01',
- ob : '1#绌哄帇鏈烘鐩告湁鍔熸�荤數鑳�',
- oc : '3',
+ min: 2,
+ max: 20,
+ message: "闀垮害鍦� 2 鍒� 20 涓瓧绗�",
+ trigger: "blur"
},
{
- name: 'FT03',
- number: '98015',
- value : '500',
- values: '20%',
- code: '鏄�',
- what: '5',
- one :'F02',
- two :'210',
- three :'172',
- four : '181',
- five :'224',
- oa : 'F02',
- ob : '2#绌哄帇鏈烘鐩告湁鍔熸�荤數鑳�',
- oc : '6',
-
- },
- {
- name: 'FT04',
- number: '98016',
- value : '500',
- values: '35%',
- code: '鍚�',
- what: '5',
- one :'F03',
- two :'210',
- three :'182',
- four : '191',
- five :'234',
- oa : 'F03',
- ob : '3#绌哄帇鏈烘鐩告湁鍔熸�荤數鑳�',
- oc : '5',
- },
- {
- name: 'BUG',
- number: '98017',
- value : '500',
- values: '22%',
- code: '鍚�',
- what: '5',
- one :'F04',
- two :'210',
- three :'182',
- four : '191',
- five :'234',
- oa : 'F04',
- ob : '4#绌哄帇鏈烘鐩告湁鍔熸�荤數鑳�',
- oc : '6',
-
+ pattern: /^[a-zA-Z][A-Za-z0-9_-]+$/,
+ message: "蹇呴』涓烘暟瀛椼�佸瓧姣嶃��- 鎴朹 锛屼笖棣栧瓧绗﹀彧鑳戒负瀛楁瘝"
}
],
-
- // 琛ㄥ崟鍙傛暟
- 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 = [];
- }
-
+ 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.title = "FT01鍏宠仈鐐逛綅";
- },
- // 绯荤粺鎸囨爣鍒嗙被锛�1-鑳芥簮绫伙紝2-浜у搧绫伙紝3-鑳芥晥绫伙紝4-缁忚惀绫伙紝5-鍏朵粬瀛楀吀缈昏瘧
- indexCategoryFormat(row, column) {
- return this.selectDictLabel(this.indexCategoryOptions, row.indexCategory);
- },
+ this.open = true;
+ this.title = "FT01鍏宠仈鐐逛綅";
+ },
+ // 绯荤粺鎸囨爣鍒嗙被锛�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");
- },
- modelNodeChange(modelNode) {
- this.nodeId = modelNode.id;
- this.getList(this.nodeId);
- this.settingDeviceList = [];
- this.settingIndexList = [];
- this.disabledSetting = modelNode === undefined || modelNode === '' || modelNode === null;
- if (modelNode) {
- this.currentNode = modelNode;
- this.deviceLoading = true;
- /* getSettingDevice(modelNode.id).then((response) => {
+ // 鍗曚綅瀛楀吀缈昏瘧
+ 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");
+ },
+ modelNodeChange(modelNode) {
+ this.nodeId = modelNode.id;
+ this.getList(this.nodeId);
+ this.settingDeviceList = [];
+ this.settingIndexList = [];
+ this.disabledSetting =
+ modelNode === undefined || modelNode === "" || modelNode === null;
+ if (modelNode) {
+ this.currentNode = modelNode;
+ this.deviceLoading = true;
+ /* getSettingDevice(modelNode.id).then((response) => {
if (response.code === 200) {
this.settingDeviceList = response.data;
} else {
@@ -411,7 +487,7 @@
this.energyLoading = false;
});*/
- this.productLoading = true;
+ this.productLoading = true;
/* getSettingProduct(modelNode.id).then((response) => {
if (response.code === 200) {
this.settingProductList = response.data;
@@ -421,7 +497,7 @@
this.productLoading = false;
});*/
- /* this.indexLoading = true;
+ /* this.indexLoading = true;
getSettingIndex(modelNode.id).then((response) => {
if (response.code === 200) {
this.settingIndexList = response.data;
@@ -431,139 +507,146 @@
this.indexLoading = false;
});*/
- // this.$refs.energyIndex.getList(modelNode);
- }
- },
- /** 鎼滅储鎸夐挳鎿嶄綔 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList(this.currentNode);
- },
- getList(e)
- {
- List("STATISTIC",e).then((response) => {
- if (response.code === 200) {
- this.settingIndexList = response.data;
- } else {
- this.$message.error(response.msg);
- }
- this.indexLoading = false;
- });
-
- },
- deviceSetting() {
- this.deviceDialog = true;
- },
- energySetting() {
- this.energyDialog = true;
- },
- productSetting() {
- this.productDialog = true;
- },
- collectIndexSetting() {
- this.collectIndexDialog = true;
- },
- showDeviceDialog() {
- this.$nextTick(() => {
- this.$refs.deviceSetting.init(this.settingDeviceList);
- })
- },
- showEnergyDialog() {
- this.$nextTick(() => {
- this.$refs.energySetting.init(this.settingEnergyList);
- })
- },
- showProductDialog() {
- this.$nextTick(() => {
- this.$refs.productSetting.init(this.settingProductList);
- })
- },
- showCollectIndexDialog() {
- this.$nextTick(() => {
- this.$refs.collectIndexSetting.init(this.currentNode, this.settingIndexList);
- })
- },
- deviceConfirmSelect(selectedDevice) {
- this.settingDeviceList = selectedDevice;
- let deviceIds = selectedDevice.map(item => item.id);
- setDevice(this.currentNode.id, deviceIds).then((response) => {
- if (response.code !== 200) {
- this.$message.error(response.msg);
- }
- });
- },
- energyConfirmSelect(selectedEnergy) {
- this.settingEnergyList = selectedEnergy;
- let energyIds = selectedEnergy.map(item => item.enerid);
- setEnergy(this.currentNode.id, energyIds).then((response) => {
- if (response.code !== 200) {
- this.$message.error(response.msg);
- }
- });
- },
- productConfirmSelect(selectedProduct) {
- this.settingProductList = selectedProduct;
- let productIds = selectedProduct.map(item => item.productid);
- setProduct(this.currentNode.id, productIds).then((response) => {
- if (response.code !== 200) {
- this.$message.error(response.msg);
- }
- });
- },
- collectIndexConfirmSelect(selectedIndex) {
- this.settingIndexList = selectedIndex;
- let indexIds = selectedIndex.map(item => item.indexId);
- setNodeToIndex(this.currentNode.id, indexIds).then((response) => {
- if (response.code !== 200) {
- this.$message.error(response.msg);
- }
- });
- },
- handleSelectionChange() {
- },
- delDevice(row) {
- delDevice(this.currentNode.id, row.id).then((response) => {
- if (response.code === 200) {
- this.settingDeviceList = this.settingDeviceList.filter(f => f.id !== row.id);
- } else {
- this.$message.error(response.msg);
- }
- });
- },
- delEnergy(row) {
- delEnergy(this.currentNode.id, row.enerid).then((response) => {
- if (response.code === 200) {
- this.settingEnergyList = this.settingEnergyList.filter(f => f.enerid !== row.enerid);
- } else {
- this.$message.error(response.msg);
- }
- });
- },
- delProduct(row) {
- delProduct(this.currentNode.id, row.productid).then((response) => {
- if (response.code === 200) {
- this.settingProductList = this.settingProductList.filter(f => f.productid !== row.productid);
- } else {
- this.$message.error(response.msg);
- }
- });
- },
- bpq(){
- this.tableData=this.datab;
- },
- delIndex(row) {
- delIndex(this.currentNode.id, row.indexId).then((response) => {
- if (response.code === 200) {
- this.settingIndexList = this.settingIndexList.filter(f => f.indexId !== row.indexId);
- } else {
- this.$message.error(response.msg);
- }
- });
- },
- openDlog (){
- this.open=true;
+ // this.$refs.energyIndex.getList(modelNode);
}
-
+ },
+ /** 鎼滅储鎸夐挳鎿嶄綔 */
+ handleQuery() {
+ this.queryParams.pageNum = 1;
+ this.getList(this.currentNode);
+ },
+ getList(e) {
+ List("STATISTIC", e).then(response => {
+ if (response.code === 200) {
+ this.settingIndexList = response.data;
+ } else {
+ this.$message.error(response.msg);
+ }
+ this.indexLoading = false;
+ });
+ },
+ deviceSetting() {
+ this.deviceDialog = true;
+ },
+ energySetting() {
+ this.energyDialog = true;
+ },
+ productSetting() {
+ this.productDialog = true;
+ },
+ collectIndexSetting() {
+ this.collectIndexDialog = true;
+ },
+ showDeviceDialog() {
+ this.$nextTick(() => {
+ this.$refs.deviceSetting.init(this.settingDeviceList);
+ });
+ },
+ showEnergyDialog() {
+ this.$nextTick(() => {
+ this.$refs.energySetting.init(this.settingEnergyList);
+ });
+ },
+ showProductDialog() {
+ this.$nextTick(() => {
+ this.$refs.productSetting.init(this.settingProductList);
+ });
+ },
+ showCollectIndexDialog() {
+ this.$nextTick(() => {
+ this.$refs.collectIndexSetting.init(
+ this.currentNode,
+ this.settingIndexList
+ );
+ });
+ },
+ deviceConfirmSelect(selectedDevice) {
+ this.settingDeviceList = selectedDevice;
+ let deviceIds = selectedDevice.map(item => item.id);
+ setDevice(this.currentNode.id, deviceIds).then(response => {
+ if (response.code !== 200) {
+ this.$message.error(response.msg);
+ }
+ });
+ },
+ energyConfirmSelect(selectedEnergy) {
+ this.settingEnergyList = selectedEnergy;
+ let energyIds = selectedEnergy.map(item => item.enerid);
+ setEnergy(this.currentNode.id, energyIds).then(response => {
+ if (response.code !== 200) {
+ this.$message.error(response.msg);
+ }
+ });
+ },
+ productConfirmSelect(selectedProduct) {
+ this.settingProductList = selectedProduct;
+ let productIds = selectedProduct.map(item => item.productid);
+ setProduct(this.currentNode.id, productIds).then(response => {
+ if (response.code !== 200) {
+ this.$message.error(response.msg);
+ }
+ });
+ },
+ collectIndexConfirmSelect(selectedIndex) {
+ this.settingIndexList = selectedIndex;
+ let indexIds = selectedIndex.map(item => item.indexId);
+ setNodeToIndex(this.currentNode.id, indexIds).then(response => {
+ if (response.code !== 200) {
+ this.$message.error(response.msg);
+ }
+ });
+ },
+ handleSelectionChange() {},
+ delDevice(row) {
+ delDevice(this.currentNode.id, row.id).then(response => {
+ if (response.code === 200) {
+ this.settingDeviceList = this.settingDeviceList.filter(
+ f => f.id !== row.id
+ );
+ } else {
+ this.$message.error(response.msg);
+ }
+ });
+ },
+ delEnergy(row) {
+ delEnergy(this.currentNode.id, row.enerid).then(response => {
+ if (response.code === 200) {
+ this.settingEnergyList = this.settingEnergyList.filter(
+ f => f.enerid !== row.enerid
+ );
+ } else {
+ this.$message.error(response.msg);
+ }
+ });
+ },
+ delProduct(row) {
+ delProduct(this.currentNode.id, row.productid).then(response => {
+ if (response.code === 200) {
+ this.settingProductList = this.settingProductList.filter(
+ f => f.productid !== row.productid
+ );
+ } else {
+ this.$message.error(response.msg);
+ }
+ });
+ },
+ bpq() {
+ this.tableData = this.datab;
+ },
+ delIndex(row) {
+ delIndex(this.currentNode.id, row.indexId).then(response => {
+ if (response.code === 200) {
+ this.settingIndexList = this.settingIndexList.filter(
+ f => f.indexId !== row.indexId
+ );
+ } else {
+ this.$message.error(response.msg);
+ }
+ });
+ },
+ openDlog() {
+ this.open = true;
}
- };
+ }
+};
</script>
--
Gitblit v1.9.3