|
|
@@ -1,48 +1,12 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
- <el-form-item label="园区代码" prop="areaCode">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.areaCode"
|
|
|
- placeholder="请输入园区代码"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="对象类型" prop="objType">
|
|
|
- <el-select v-model="queryParams.objType" placeholder="请选择对象类型" clearable>
|
|
|
- <el-option
|
|
|
- v-for="dict in dict.type.obj_type"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
- />
|
|
|
+ <el-form-item label="所属服务区" prop="areaCode" label-width="100ox">
|
|
|
+ <el-select v-model="queryParams.areaCode" >
|
|
|
+ <el-option v-for="item in areaOptions" :label="item.label" :value="item.id" :key="item.id" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="对象代码" prop="objCode">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.objCode"
|
|
|
- placeholder="请输入对象代码"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="告警代码" prop="alarmCode">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.alarmCode"
|
|
|
- placeholder="请输入告警代码"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="告警描述" prop="alarmMsg">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.alarmMsg"
|
|
|
- placeholder="请输入告警描述"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
+
|
|
|
<el-form-item label="告警类型" prop="alarmType">
|
|
|
<el-select v-model="queryParams.alarmType" placeholder="请选择告警类型" clearable>
|
|
|
<el-option
|
|
|
@@ -131,8 +95,7 @@
|
|
|
|
|
|
<el-table v-loading="loading" :data="alarmInfoList" @selection-change="handleSelectionChange">
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column label="序号" align="center" prop="id" />
|
|
|
- <el-table-column label="园区代码" align="center" prop="areaCode" />
|
|
|
+ <el-table-column label="园区代码" align="left" prop="areaCode" />
|
|
|
<el-table-column label="子系统" align="center" prop="subSystemName" />
|
|
|
<el-table-column label="对象类型" align="center" prop="objType">
|
|
|
<template slot-scope="scope">
|
|
|
@@ -140,14 +103,9 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="对象代码" align="center" prop="objCode" />
|
|
|
- <el-table-column label="告警日期" align="center" prop="alarmDate" width="180">
|
|
|
+ <el-table-column label="告警时间" align="center" prop="alarmDate" width="180">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ parseTime(scope.row.alarmDate, '{y}-{m}-{d}') }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="告警时间" align="center" prop="alarmTime" width="180">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ parseTime(scope.row.alarmTime, '{hh}:{mm}:{s}') }}</span>
|
|
|
+ <span>{{ parseTime(scope.row.alarmDate, '{y}-{m}-{d}') +" "+ parseTime(scope.row.alarmTime, '{hh}:{mm}:{s}')}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="告警代码" align="center" prop="alarmCode" />
|
|
|
@@ -267,6 +225,7 @@
|
|
|
import { listSubsystem } from '@/api/adapter/subsystem';
|
|
|
import { addAlarmInfo, delAlarmInfo, getAlarmInfo, listAlarmInfo, updateAlarmInfo } from '@/api/alarm/alarm-info';
|
|
|
import dayjs from 'dayjs';
|
|
|
+import { areaTreeSelect } from '@/api/basecfg/area'
|
|
|
|
|
|
export default {
|
|
|
name: 'Alarm-info',
|
|
|
@@ -292,6 +251,7 @@ export default {
|
|
|
title: '',
|
|
|
// 是否显示弹出层
|
|
|
open: false,
|
|
|
+ areaOptions: undefined,
|
|
|
// 查询参数
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
@@ -361,6 +321,7 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
+ this.getAreaTree("Area");
|
|
|
this.getList();
|
|
|
this.getSubList();
|
|
|
},
|
|
|
@@ -474,6 +435,11 @@ export default {
|
|
|
...this.queryParams,
|
|
|
}, `alarm-info_${new Date().getTime()}.xlsx`);
|
|
|
},
|
|
|
+ getAreaTree(tier) {
|
|
|
+ areaTreeSelect(tier).then(response => {
|
|
|
+ this.areaOptions = response.data;
|
|
|
+ });
|
|
|
+ }
|
|
|
},
|
|
|
};
|
|
|
</script>
|
