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/energyAlarm/realTimeAlarm/modelRealTimeAlarmSetting.vue | 272 +++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 195 insertions(+), 77 deletions(-)
diff --git a/energy_management_ui/src/views/energyAlarm/realTimeAlarm/modelRealTimeAlarmSetting.vue b/energy_management_ui/src/views/energyAlarm/realTimeAlarm/modelRealTimeAlarmSetting.vue
index 12e48ef..66ab786 100644
--- a/energy_management_ui/src/views/energyAlarm/realTimeAlarm/modelRealTimeAlarmSetting.vue
+++ b/energy_management_ui/src/views/energyAlarm/realTimeAlarm/modelRealTimeAlarmSetting.vue
@@ -3,98 +3,213 @@
<el-tabs>
<el-tab-pane :disabled="disabledSetting">
<span slot="label"><i class="el-icon-setting"></i>瀹炴椂鎶ヨ</span>
- <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>
<el-radio-group v-model="queryParams.eierarchyFlag">
- <el-radio label="B" style="margin-right: 10px!important;" onselect="true">鏈骇</el-radio>
+ <el-radio
+ label="B"
+ style="margin-right: 10px!important;"
+ onselect="true"
+ >鏈骇</el-radio
+ >
<el-radio label="ALL">鍖呭惈涓嬬骇</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="闄愬�煎悕绉�" prop="limitValName">
- <el-select v-model="queryParams.limitType" placeholder="闄愬�煎悕绉�" clearable
- style="width:100px"
- size="mini">
+ <el-select
+ v-model="queryParams.limitType"
+ placeholder="闄愬�煎悕绉�"
+ clearable
+ style="width:100px"
+ size="mini"
+ >
<el-option
- v-for="dict in limitTypeOptions"
- :key="dict.limitCode"
- :label="dict.limitName"
- :value="dict.limitCode"
+ v-for="dict in limitTypeOptions"
+ :key="dict.limitCode"
+ :label="dict.limitName"
+ :value="dict.limitCode"
/>
</el-select>
</el-form-item>
<el-form-item label="鎶ヨ绾у埆" prop="alarmLevel">
- <el-select v-model="queryParams.alarmLevel" placeholder="鎶ヨ绾у埆" clearable
- style="width:100px"
- size="mini">
+ <el-select
+ v-model="queryParams.alarmLevel"
+ placeholder="鎶ヨ绾у埆"
+ clearable
+ style="width:100px"
+ size="mini"
+ >
<el-option
- v-for="dict in alarmLevelOptions"
- :key="dict.dictValue"
- :label="dict.dictLabel"
- :value="dict.dictValue"
+ v-for="dict in alarmLevelOptions"
+ :key="dict.dictValue"
+ :label="dict.dictLabel"
+ :value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item label="鎸囨爣鍚嶇О">
- <el-input style="width: 120px"
- v-model="queryParams.indexName"
- placeholder="鎸囨爣鍚嶇О"
- clearable
- size="mini"
- @keyup.enter.native="handleQuery"
+ <el-input
+ style="width: 120px"
+ v-model="queryParams.indexName"
+ placeholder="鎸囨爣鍚嶇О"
+ clearable
+ size="mini"
+ @keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
- <el-button type="primary" icon="el-icon-search" size="mini" @click="selectList">鏌ヨ</el-button>
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ size="mini"
+ @click="selectList"
+ >鏌ヨ</el-button
+ >
<!--<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>-->
</el-form-item>
</el-form>
<!--琛ㄦ牸-->
<el-form :model="model" ref="form" class="mainTable">
- <el-table v-loading="loading" :data="model.tableOptions" border @selection-change="handleSelectionChange"
- :default-sort="{prop: 'date', order: 'descending'}" @cell-click="openDialog"
- :height="height"
+ <el-table
+ v-loading="loading"
+ :data="model.tableOptions"
+ border
+ @selection-change="handleSelectionChange"
+ :default-sort="{ prop: 'date', order: 'descending' }"
+ @cell-click="openDialog"
+ :height="height"
>
- <el-table-column type="selection" width="55" align="center" show-overflow-tooltip/>
- <el-table-column label="搴忓彿" type="index" align="center" show-overflow-tooltip/>
- <el-table-column label="鍗曚綅鍚嶇О" align="center" width="100" prop="modelName" show-overflow-tooltip/>
- <el-table-column label="鎸囨爣缂栫爜" align="center" prop="code" show-overflow-tooltip/>
- <el-table-column label="鎸囨爣鍚嶇О" align="center" width="100" prop="indexName" show-overflow-tooltip>
+ <el-table-column
+ type="selection"
+ width="55"
+ align="center"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="搴忓彿"
+ type="index"
+ align="center"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="鍗曚綅鍚嶇О"
+ align="center"
+ width="100"
+ prop="modelName"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="鎸囨爣缂栫爜"
+ align="center"
+ prop="code"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="鎸囨爣鍚嶇О"
+ align="center"
+ width="100"
+ prop="indexName"
+ show-overflow-tooltip
+ >
<template slot-scope="scope">
- <div style="color:blue;text-decoration:underline;cursor:pointer">{{ scope.row.indexName }}</div>
+ <div
+ style="color:blue;text-decoration:underline;cursor:pointer"
+ >
+ {{ scope.row.indexName }}
+ </div>
</template>
</el-table-column>
- <el-table-column label="鎸囨爣鍗曚綅" align="center" prop="unitId" :formatter="unitFormat" show-overflow-tooltip/>
- <el-table-column label="鎶ヨ绾у埆" align="center" prop="alarmLevel" width="100" :formatter="alarmLevelFormat" show-overflow-tooltip/>
- <el-table-column label="闄愬�肩被鍨�" align="center" prop="limitType" width="100" :formatter="limitTypeFormat" show-overflow-tooltip/>
- <el-table-column label="闄愬��" align="center" prop="limitingValue" show-overflow-tooltip/>
- <el-table-column label="鎶ヨ寮�濮嬫椂闂�" align="center" prop="alarmBeginTime" width="180" show-overflow-tooltip/>
- <el-table-column label="鎶ヨ鍊�" align="center" prop="alarmValue" show-overflow-tooltip/>
-
+ <el-table-column
+ label="鎸囨爣鍗曚綅"
+ align="center"
+ prop="unitId"
+ :formatter="unitFormat"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="鎶ヨ绾у埆"
+ align="center"
+ prop="alarmLevel"
+ width="100"
+ :formatter="alarmLevelFormat"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="闄愬�肩被鍨�"
+ align="center"
+ prop="limitType"
+ width="100"
+ :formatter="limitTypeFormat"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="闄愬��"
+ align="center"
+ prop="limitingValue"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="鎶ヨ寮�濮嬫椂闂�"
+ align="center"
+ prop="alarmBeginTime"
+ width="180"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="鎶ヨ鍊�"
+ align="center"
+ prop="alarmValue"
+ show-overflow-tooltip
+ />
</el-table>
<pagination
- :total="total"
- :page.sync="queryParams.pageNum"
- :limit.sync="queryParams.pageSize"
- @pagination="getList"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
/>
</el-form>
</el-tab-pane>
-
</el-tabs>
- <el-dialog :title="title" :visible.sync="open" width="1000px" :close-on-click-modal="false" @close="closeDialog">
- <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"
+ @close="closeDialog"
+ >
+ <el-row style="padding:16px 16px 0;margin-bottom:32px;">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="瀹炴椂鏁版嵁鏇茬嚎鍥�" name="first">
- <live-alarm-view ref="liveAlarmView" :code="code" :activeName="activeName"
- :limitVal="limitVal"></live-alarm-view>
+ <live-alarm-view
+ ref="liveAlarmView"
+ :code="code"
+ :activeName="activeName"
+ :limitVal="limitVal"
+ ></live-alarm-view>
</el-tab-pane>
<el-tab-pane label="鍘嗗彶鏁版嵁鏇茬嚎鍥�" name="second">
- <history-alarm-view ref="historyAlarmView" :code="code" :activeName="activeName"
- :limitVal="limitVal"></history-alarm-view>
+ <history-alarm-view
+ ref="historyAlarmView"
+ :code="code"
+ :activeName="activeName"
+ :limitVal="limitVal"
+ ></history-alarm-view>
</el-tab-pane>
<el-tab-pane label="鍘嗗彶鏁版嵁鏌ヨ" name="third">
- <history-alarm-table ref="historyAlarmTable" :code="code" :indexName="indexName" :activeName="activeName"
- :indexUnit="indexUnit"></history-alarm-table>
+ <history-alarm-table
+ ref="historyAlarmTable"
+ :code="code"
+ :indexName="indexName"
+ :activeName="activeName"
+ :indexUnit="indexUnit"
+ ></history-alarm-table>
</el-tab-pane>
</el-tabs>
</el-row>
@@ -106,15 +221,15 @@
</template>
<script>
-import {getRealTimeAlarmList} from "@/api/energyAlarm/realTimeAlarm/realTimeAlarm"
-import {listLimitType} from "@/api/basicsetting/limitType"
-import liveAlarmView from "./liveAlarmView"
-import historyAlarmView from "./historyAlarmView"
-import historyAlarmTable from "./historyAlarmTable"
+import { getRealTimeAlarmList } from "@/api/energyAlarm/realTimeAlarm/realTimeAlarm";
+import { listLimitType } from "@/api/basicsetting/limitType";
+import liveAlarmView from "./liveAlarmView";
+import historyAlarmView from "./historyAlarmView";
+import historyAlarmTable from "./historyAlarmTable";
import mixins from "@/layout/mixin/getHeight";
export default {
- components: {liveAlarmView, historyAlarmView, historyAlarmTable},
+ components: { liveAlarmView, historyAlarmView, historyAlarmTable },
name: "modelMonitorSetting",
mixins: [mixins],
data() {
@@ -131,10 +246,10 @@
indexName: undefined,
indexUnit: undefined,
//璁℃椂鍣ㄥ璞�
- timer: '',
+ timer: "",
//璁℃椂鍣ㄩ棿闅�
intervalTime: 30000,
- currentNode: '',
+ currentNode: "",
deviceDialog: false,
energyDialog: false,
productDialog: false,
@@ -148,11 +263,11 @@
eierarchyFlag: "ALL",
alarmLevel: undefined,
indexName: undefined,
- nodeId: undefined,//
+ nodeId: undefined, //
limitType: undefined,
indexType: "COLLECT",
pageNum: 1,
- pageSize: 10,
+ pageSize: 10
},
height: null,
//鎶ヨ绾у埆
@@ -161,9 +276,9 @@
unitOptions: [],
//琛ㄦ牸妯″瀷
model: {
- tableOptions: [],
- },
- }
+ tableOptions: []
+ }
+ };
},
created() {
this.getDicts("alarm_level").then(response => {
@@ -177,10 +292,12 @@
});
},
mounted() {
- this.getConfigKey("energyAlarm.realTimeAlarm.intervalTime").then(response => {
- this.intervalTime = response.msg;
- this.timer = setInterval(this.getList, this.intervalTime);
- });
+ this.getConfigKey("energyAlarm.realTimeAlarm.intervalTime").then(
+ response => {
+ this.intervalTime = response.msg;
+ this.timer = setInterval(this.getList, this.intervalTime);
+ }
+ );
},
beforeDestroy() {
//椤甸潰閿�姣佹椂 瑕佸仠姝㈣鏃跺櫒锛屽惁鍒欓�夐」鍗″垏鎹㈣鏃跺櫒涓嶅仠姝紝浼氳秺鏉ヨ秺蹇紝澶氫釜绾跨▼
@@ -190,11 +307,12 @@
},
methods: {
setCharts() {
- this.height = window.innerHeight - 380 + 'px'
+ this.height = window.innerHeight - 390 + "px";
},
modelNodeChange(modelNode) {
this.queryParams.nodeId = modelNode.id;
- this.disabledSetting = modelNode === undefined || modelNode === '' || modelNode === null;
+ this.disabledSetting =
+ modelNode === undefined || modelNode === "" || modelNode === null;
if (modelNode) {
this.currentNode = modelNode;
this.getList();
@@ -205,7 +323,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;
},
getList() {
@@ -253,20 +371,20 @@
// 闄愬�肩被鍨嬪瓧鍏哥炕璇�
limitTypeFormat(row, column) {
var actions = [];
- Object.keys(this.limitTypeOptions).map((key) => {
- if (this.limitTypeOptions[key].limitCode == ('' + row.limitType)) {
+ Object.keys(this.limitTypeOptions).map(key => {
+ if (this.limitTypeOptions[key].limitCode == "" + row.limitType) {
actions.push(this.limitTypeOptions[key].limitName);
}
});
- return actions.join('');
+ return actions.join("");
},
/** 閲嶇疆鎸夐挳鎿嶄綔 */
resetQuery() {
this.resetForm("queryForm");
this.selectList();
- },
+ }
}
-}
+};
</script>
<style scoped lang="scss">
--
Gitblit v1.9.3