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/equipmentMonitor/parameters/modelMonitorSetting.vue | 295 ++++++++++++++++++++++++++++++----------------------------
1 files changed, 154 insertions(+), 141 deletions(-)
diff --git a/energy_management_ui/src/views/equipmentMonitor/parameters/modelMonitorSetting.vue b/energy_management_ui/src/views/equipmentMonitor/parameters/modelMonitorSetting.vue
index fc8cd58..171a65c 100644
--- a/energy_management_ui/src/views/equipmentMonitor/parameters/modelMonitorSetting.vue
+++ b/energy_management_ui/src/views/equipmentMonitor/parameters/modelMonitorSetting.vue
@@ -2,168 +2,181 @@
<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-tabs>
<el-tab-pane :disabled="disabledSetting">
<span slot="label"><i class="el-icon-setting"></i>瀹炴椂鑳借��</span>
<!--琛ㄦ牸-->
- <el-form :model="model" ref="form">
- <el-table v-loading="loading" :data="model.tableOptions" border @selection-change="handleSelectionChange"
- :default-sort = "{prop: 'date', order: 'descending'}">
- <el-table-column type="selection" width="55" align="center"/>
- <el-table-column label="搴忓彿" align="center" prop="index"/>
- <el-table-column label="鍚嶇О" align="center" prop="name"/>
- <el-table-column label="鏁版嵁" align="center" prop="data" class-name="small-padding fixed-width"/>
- <el-table-column label="鍗曚綅" align="center" prop="unit"/>
+ <el-form :model="model" ref="form">
+ <el-table
+ v-loading="loading"
+ :data="model.tableOptions"
+ border
+ @selection-change="handleSelectionChange"
+ :default-sort="{ prop: 'date', order: 'descending' }"
+ >
+ <el-table-column type="selection" width="55" align="center" />
+ <el-table-column label="搴忓彿" align="center" prop="index" />
+ <el-table-column label="鍚嶇О" align="center" prop="name" />
+ <el-table-column
+ label="鏁版嵁"
+ align="center"
+ prop="data"
+ class-name="small-padding fixed-width"
+ />
+ <el-table-column label="鍗曚綅" align="center" prop="unit" />
</el-table>
</el-form>
</el-tab-pane>
-
</el-tabs>
</el-card>
</div>
</template>
<script>
- import {
- delDevice,
- delEnergy,
- delIndex,
- delProduct,
- getSettingDevice,
- getSettingEnergy,
- getSettingIndex,
- getSettingProduct,
- setCollectIndex,
- setDevice,
- setEnergy,
- setProduct
- } from '@/api/basicsetting/modelNode'
+import {
+ delDevice,
+ delEnergy,
+ delIndex,
+ delProduct,
+ getSettingDevice,
+ getSettingEnergy,
+ getSettingIndex,
+ getSettingProduct,
+ setCollectIndex,
+ setDevice,
+ setEnergy,
+ setProduct
+} from "@/api/basicsetting/modelNode";
- export default {
- name: "modelMonitorSetting",
- data() {
- return {
- currentNode: '',
- deviceDialog: false,
- energyDialog: false,
- productDialog: false,
- collectIndexDialog: false,
- indexLoading: false,
- deviceLoading: false,
- energyLoading: false,
- productLoading: false,
- settingEnergyList: [],
- settingDeviceList: [],
- settingProductList: [],
- settingIndexList: [],
- disabledSetting: true,
- // 閬僵灞�
- loading: false,
- //琛ㄦ牸妯″瀷
- model:{
- tableOptions:[
- // {
- // index:undefined,
- // name:undefined,
- // data:undefined,
- // unit:undefined
- // }
- {
- index:"id001",
- name:"鐜嬪皬铏�",
- data:"30000",
- unit:"WH"
- }
- ],
- }
+export default {
+ name: "modelMonitorSetting",
+ data() {
+ return {
+ currentNode: "",
+ deviceDialog: false,
+ energyDialog: false,
+ productDialog: false,
+ collectIndexDialog: false,
+ indexLoading: false,
+ deviceLoading: false,
+ energyLoading: false,
+ productLoading: false,
+ settingEnergyList: [],
+ settingDeviceList: [],
+ settingProductList: [],
+ settingIndexList: [],
+ disabledSetting: true,
+ // 閬僵灞�
+ loading: false,
+ //琛ㄦ牸妯″瀷
+ model: {
+ tableOptions: [
+ // {
+ // index:undefined,
+ // name:undefined,
+ // data:undefined,
+ // unit:undefined
+ // }
+ {
+ index: "id001",
+ name: "鐜嬪皬铏�",
+ data: "30000",
+ unit: "WH"
+ }
+ ]
+ }
+ };
+ },
+ created() {
+ // setInterval(alert("鍝堝搱鍝堬紒锛�"),5000);
+ },
+ methods: {
+ modelNodeChange(modelNode) {
+ 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 {
+ this.$message.error(response.msg);
+ }
+ this.deviceLoading = false;
+ });
+ this.energyLoading = true;
+ getSettingEnergy(modelNode.id).then(response => {
+ if (response.code === 200) {
+ this.settingEnergyList = response.data;
+ } else {
+ this.$message.error(response.msg);
+ }
+ this.energyLoading = false;
+ });
+ this.productLoading = true;
+ getSettingProduct(modelNode.id).then(response => {
+ if (response.code === 200) {
+ this.settingProductList = response.data;
+ } else {
+ this.$message.error(response.msg);
+ }
+ this.productLoading = false;
+ });
+ this.indexLoading = true;
+ getSettingIndex(modelNode.id).then(response => {
+ if (response.code === 200) {
+ this.settingIndexList = response.data;
+ } else {
+ this.$message.error(response.msg);
+ }
+ this.indexLoading = false;
+ });
}
},
- created() {
- // setInterval(alert("鍝堝搱鍝堬紒锛�"),5000);
+ collectIndexSetting() {
+ this.collectIndexDialog = true;
},
- methods: {
- modelNodeChange(modelNode) {
- 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 {
- this.$message.error(response.msg);
- }
- this.deviceLoading = false;
- });
- this.energyLoading = true;
- getSettingEnergy(modelNode.id).then((response) => {
- if (response.code === 200) {
- this.settingEnergyList = response.data;
- } else {
- this.$message.error(response.msg);
- }
- this.energyLoading = false;
- });
- this.productLoading = true;
- getSettingProduct(modelNode.id).then((response) => {
- if (response.code === 200) {
- this.settingProductList = response.data;
- } else {
- this.$message.error(response.msg);
- }
- this.productLoading = false;
- });
- this.indexLoading = true;
- getSettingIndex(modelNode.id).then((response) => {
- if (response.code === 200) {
- this.settingIndexList = response.data;
- } else {
- this.$message.error(response.msg);
- }
- this.indexLoading = false;
- });
- }
- },
- collectIndexSetting() {
- this.collectIndexDialog = true;
- },
- showCollectIndexDialog() {
- this.$nextTick(() => {
- this.$refs.collectIndexSetting.init(this.currentNode, this.settingIndexList);
- })
- },
- // 澶氶�夋閫変腑鏁版嵁
- handleSelectionChange(selection) {
- this.ids = selection.map(item => item.indexId);
- this.names = selection.map(item => item.name);
- this.single = selection.length !== 1;
- this.multiple = !selection.length
- },
- getList() {
- // console.log(this.myModelNode)
- // if (this.myModelNode) {
- // this.loading = true;
- // this.queryParams.nodeId = this.myModelNode.id;
- //鎺ュ彛
- // getSettingIndex(this.queryParams).then(response => {
- // this.model.energyindexList = response.data;
- // this.initstartstop();
- // this.loading = false;
- // });
+ showCollectIndexDialog() {
+ this.$nextTick(() => {
+ this.$refs.collectIndexSetting.init(
+ this.currentNode,
+ this.settingIndexList
+ );
+ });
+ },
+ // 澶氶�夋閫変腑鏁版嵁
+ handleSelectionChange(selection) {
+ this.ids = selection.map(item => item.indexId);
+ this.names = selection.map(item => item.name);
+ this.single = selection.length !== 1;
+ this.multiple = !selection.length;
+ },
+ getList() {
+ // console.log(this.myModelNode)
+ // if (this.myModelNode) {
+ // this.loading = true;
+ // this.queryParams.nodeId = this.myModelNode.id;
+ //鎺ュ彛
+ // getSettingIndex(this.queryParams).then(response => {
+ // this.model.energyindexList = response.data;
+ // this.initstartstop();
+ // this.loading = false;
+ // });
- // } else {
- this.model.tableOptions = [];
- // }
- },
+ // } else {
+ this.model.tableOptions = [];
+ // }
}
}
+};
</script>
-<style scoped>
-
-</style>
+<style scoped></style>
--
Gitblit v1.9.3