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/historicalAlarm/realIndex.vue | 279 ++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 182 insertions(+), 97 deletions(-)
diff --git a/energy_management_ui/src/views/energyAlarm/historicalAlarm/realIndex.vue b/energy_management_ui/src/views/energyAlarm/historicalAlarm/realIndex.vue
index 84debe2..a1e0cc3 100644
--- a/energy_management_ui/src/views/energyAlarm/historicalAlarm/realIndex.vue
+++ b/energy_management_ui/src/views/energyAlarm/historicalAlarm/realIndex.vue
@@ -1,104 +1,181 @@
<template>
<div class="historicalAlarm-right">
- <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="limitType">
- <el-select v-model="queryParams.limitType" placeholder="闄愬�肩被鍨�" clearable>
+ <el-select
+ v-model="queryParams.limitType"
+ placeholder="闄愬�肩被鍨�"
+ clearable
+ >
<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-option>
</el-select>
</el-form-item>
<el-form-item label="鎶ヨ绾у埆" prop="alarmLevel">
- <el-select v-model="queryParams.alarmLevel" placeholder="鎶ヨ绾у埆" clearable>
+ <el-select
+ v-model="queryParams.alarmLevel"
+ placeholder="鎶ヨ绾у埆"
+ clearable
+ >
<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-option>
</el-select>
</el-form-item>
<el-form-item label="鎸囨爣鍚嶇О" prop="indexName">
<el-input
- v-model="queryParams.indexName"
- placeholder="璇疯緭鍏ユ寚鏍囧悕绉�"
- clearable
- size="small"
- @keyup.enter.native="handleQuery"
- style="width:160px"
+ v-model="queryParams.indexName"
+ placeholder="璇疯緭鍏ユ寚鏍囧悕绉�"
+ clearable
+ size="small"
+ @keyup.enter.native="handleQuery"
+ style="width:160px"
/>
</el-form-item>
<el-form-item label="璧锋鏃堕棿">
<el-date-picker
- v-model="dateRange"
- type="datetimerange"
- value-format="yyyy-MM-dd HH:mm:ss"
- range-separator="鑷�"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡">
+ v-model="dateRange"
+ type="datetimerange"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡"
+ >
</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="warning"
- icon="el-icon-download"
- size="mini"
- @click="handleExport"
- v-hasPermi="['energyAlarm:historicalAlarm:export']"
- >瀵煎嚭
+ type="primary"
+ icon="el-icon-search"
+ size="mini"
+ @click="handleQuery"
+ >鏌ヨ</el-button
+ >
+ <el-button
+ type="warning"
+ icon="el-icon-download"
+ size="mini"
+ @click="handleExport"
+ v-hasPermi="['energyAlarm:historicalAlarm:export']"
+ >瀵煎嚭
</el-button>
</el-form-item>
-
</el-form>
<el-form>
- <el-table :data="JkHistoryAlarmList" v-loading="loading" border @selection-change="" @cell-click="openDialog"
- :height="height"
+ <el-table
+ :data="JkHistoryAlarmList"
+ v-loading="loading"
+ border
+ @selection-change=""
+ @cell-click="openDialog"
+ :height="height"
>
- <el-table-column label="搴忓彿" type="index" align="center"/>
- <el-table-column label="鍗曚綅鍚嶇О" align="center" prop="modelName"/>
- <el-table-column label="鎸囨爣缂栫爜" align="center" prop="code"/>
+ <el-table-column label="搴忓彿" type="index" align="center" />
+ <el-table-column label="鍗曚綅鍚嶇О" align="center" prop="modelName" />
+ <el-table-column label="鎸囨爣缂栫爜" align="center" prop="code" />
<el-table-column label="鎸囨爣鍚嶇О" align="center" prop="indexName">
<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="unitIdFormat"/>
- <el-table-column label="鎶ヨ绾у埆" align="center" prop="alarmLevel" :formatter="alarmLevelFormat"/>
- <el-table-column label="闄愬�肩被鍨�" align="center" prop="limitType" :formatter="limitTypeFormat"/>
- <el-table-column label="闄愬��" align="center" prop="limitingValue"/>
- <el-table-column label="鎶ヨ鏃堕棿璧�" align="center" prop="alarmBeginTime"/>
- <el-table-column label="鎶ヨ鏃堕棿姝�" align="center" prop="alarmEndTime"/>
- <el-table-column label="棰勮鍊�" align="center" prop="alarmValue"/>
- <el-table-column label="鎸佺画鏃堕暱(鍒嗛挓)" align="center" prop="duration" width="96px"/>
+ <el-table-column
+ label="鎸囨爣鍗曚綅"
+ align="center"
+ prop="unitId"
+ :formatter="unitIdFormat"
+ />
+ <el-table-column
+ label="鎶ヨ绾у埆"
+ align="center"
+ prop="alarmLevel"
+ :formatter="alarmLevelFormat"
+ />
+ <el-table-column
+ label="闄愬�肩被鍨�"
+ align="center"
+ prop="limitType"
+ :formatter="limitTypeFormat"
+ />
+ <el-table-column label="闄愬��" align="center" prop="limitingValue" />
+ <el-table-column
+ label="鎶ヨ鏃堕棿璧�"
+ align="center"
+ prop="alarmBeginTime"
+ />
+ <el-table-column
+ label="鎶ヨ鏃堕棿姝�"
+ align="center"
+ prop="alarmEndTime"
+ />
+ <el-table-column label="棰勮鍊�" align="center" prop="alarmValue" />
+ <el-table-column
+ label="鎸佺画鏃堕暱(鍒嗛挓)"
+ align="center"
+ prop="duration"
+ width="96px"
+ />
</el-table>
</el-form>
<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-dialog :title="title" :visible.sync="open" width="1000px" :close-on-click-modal="false">
- <el-row style="background:#fff;margin-bottom:32px;">
+ <el-dialog
+ :title="title"
+ :visible.sync="open"
+ width="1000px"
+ :close-on-click-modal="false"
+ >
+ <el-row style="margin-bottom:32px;">
<el-tabs v-model="activeName" @tab-click="handleClick">
<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" :limitVal="limitVal"></history-alarm-table>
+ <history-alarm-table
+ ref="historyAlarmTable"
+ :code="code"
+ :indexName="indexName"
+ :activeName="activeName"
+ :indexUnit="indexUnit"
+ :limitVal="limitVal"
+ ></history-alarm-table>
</el-tab-pane>
</el-tabs>
</el-row>
@@ -110,16 +187,19 @@
</template>
<script>
-
-import {listHistoryAlarm, exportHistoricalAlarm, getHistoricalAlarm} from "@/api/basicsetting/historyAlarm";
-import {listLimitType} from "@/api/basicsetting/limitType"
-import historyAlarmView from "../realTimeAlarm/historyAlarmView"
-import historyAlarmTable from "../realTimeAlarm/historyAlarmTable"
+import {
+ listHistoryAlarm,
+ exportHistoricalAlarm,
+ getHistoricalAlarm
+} from "@/api/basicsetting/historyAlarm";
+import { listLimitType } from "@/api/basicsetting/limitType";
+import historyAlarmView from "../realTimeAlarm/historyAlarmView";
+import historyAlarmTable from "../realTimeAlarm/historyAlarmTable";
import mixins from "@/layout/mixin/getHeight";
export default {
- components: {historyAlarmView, historyAlarmTable},
- name: 'historyAlarm',
+ components: { historyAlarmView, historyAlarmTable },
+ name: "historyAlarm",
mixins: [mixins],
data() {
return {
@@ -129,11 +209,11 @@
/* value1: [new Date(2000, 10, 10, 10, 10), new Date(2000, 10, 11, 10, 10)],*/
},
code: undefined,
- value: '',
+ value: "",
options: undefined,
// handleClick:'simple',
- radio: 'B',
- activeName: 'second',
+ radio: "B",
+ activeName: "second",
indexId: undefined,
indexName: undefined,
indexUnit: undefined,
@@ -174,13 +254,13 @@
unitIdOptions: [],
// 鏌ヨ鍙傛暟
lineChartData: {
- newVisitis: null,
+ newVisitis: null
},
queryParams: {
pageNum: 1,
pageSize: 10,
- eierarchyFlag: 'B',
- indexType: 'COLLECT',
+ eierarchyFlag: "B",
+ indexType: "COLLECT",
code: undefined,
indexName: undefined,
/* unitId: undefined,*/
@@ -190,8 +270,7 @@
/* limitingValue:undefined,*/
nodeId: undefined,
beginTime: undefined,
- endTime: undefined,
-
+ endTime: undefined
},
// 琛ㄥ崟鍙傛暟
form: {},
@@ -216,11 +295,13 @@
},
methods: {
setCharts() {
- this.height = window.innerHeight - 370 + 'px'
+ this.height = window.innerHeight - 370 + "px";
},
getList() {
this.loading = true;
- listHistoryAlarm(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+ listHistoryAlarm(
+ this.addDateRange(this.queryParams, this.dateRange)
+ ).then(response => {
this.JkHistoryAlarmList = response.rows;
this.total = response.total;
this.loading = false;
@@ -266,7 +347,8 @@
this.queryParams.nodeId = modelNode.id;
this.settingDeviceList = [];
this.settingIndexList = [];
- this.disabledSetting = modelNode === undefined || modelNode === '' || modelNode === null;
+ this.disabledSetting =
+ modelNode === undefined || modelNode === "" || modelNode === null;
if (modelNode) {
this.currentNode = modelNode;
this.deviceLoading = true;
@@ -292,7 +374,6 @@
// return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
// },
-
/** 鎼滅储鎸夐挳鎿嶄綔 */
handleQuery() {
this.getList();
@@ -303,8 +384,7 @@
this.resetForm("queryForm");
},
- handleSelectionChange() {
- },
+ handleSelectionChange() {},
openDialog(row, column, event, cell) {
if ("indexName" == column.property) {
this.open = true;
@@ -319,51 +399,56 @@
/** 瀵煎嚭鎸夐挳鎿嶄綔 */
handleExport() {
const queryParams = this.queryParams;
- this.$confirm('鏄惁纭瀵煎嚭鎵�鏈夋姤璀︽暟鎹」?', "璀﹀憡", {
+ this.$confirm("鏄惁纭瀵煎嚭鎵�鏈夋姤璀︽暟鎹」?", "璀﹀憡", {
confirmButtonText: "纭畾",
cancelButtonText: "鍙栨秷",
type: "warning"
- }).then(function () {
- return exportHistoricalAlarm(queryParams);
- }).then(response => {
- this.download(response.msg);
- }).catch(function () {
- });
-
+ })
+ .then(function() {
+ return exportHistoricalAlarm(queryParams);
+ })
+ .then(response => {
+ this.download(response.msg);
+ })
+ .catch(function() {});
},
//闄愬埗绫诲瀷缈昏瘧
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("");
},
handleClick(tab, event) {
this.activeName = tab.name;
},
getTime() {
var myDate = new Date();
- var monthFirst = new Date(myDate.getFullYear(), parseInt(myDate.getMonth()), 1);
+ var monthFirst = new Date(
+ myDate.getFullYear(),
+ parseInt(myDate.getMonth()),
+ 1
+ );
this.dateRange = [this.formatDate(monthFirst), this.formatDate(myDate)];
},
- formatDate: function (value) {
+ formatDate: function(value) {
let date = new Date(value);
let y = date.getFullYear();
let MM = date.getMonth() + 1;
- MM = MM < 10 ? ('0' + MM) : MM;
+ MM = MM < 10 ? "0" + MM : MM;
let d = date.getDate();
- d = d < 10 ? ('0' + d) : d;
+ d = d < 10 ? "0" + d : d;
let h = date.getHours();
- h = h < 10 ? ('0' + h) : h;
+ h = h < 10 ? "0" + h : h;
let m = date.getMinutes();
- m = m < 10 ? ('0' + m) : m;
+ m = m < 10 ? "0" + m : m;
let s = date.getSeconds();
- s = s < 10 ? ('0' + s) : s;
- return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
- },
+ s = s < 10 ? "0" + s : s;
+ return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
+ }
}
};
</script>
--
Gitblit v1.9.3