|
@@ -3,6 +3,21 @@
|
|
<div class="filter-container">
|
|
<div class="filter-container">
|
|
<el-input v-model="queryParam.username" placeholder="推送用户" clearable class="filter-item fl form-search-input" />
|
|
<el-input v-model="queryParam.username" placeholder="推送用户" clearable class="filter-item fl form-search-input" />
|
|
<el-input v-model="queryParam.device_number" placeholder="设备号" clearable class="filter-item fl form-search-input" />
|
|
<el-input v-model="queryParam.device_number" placeholder="设备号" clearable class="filter-item fl form-search-input" />
|
|
|
|
+ <el-select
|
|
|
|
+ class="filter-item fl form-search-input"
|
|
|
|
+ v-model="queryParam.alarm_reason"
|
|
|
|
+ clearable
|
|
|
|
+ multiple
|
|
|
|
+ placeholder="告警原因"
|
|
|
|
+ @change="handleSearchAlarm"
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in alarmReasons"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.text"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
<el-button class="filter-item fl search" icon="el-icon-search" @click="handleSearch">
|
|
<el-button class="filter-item fl search" icon="el-icon-search" @click="handleSearch">
|
|
搜索
|
|
搜索
|
|
</el-button>
|
|
</el-button>
|
|
@@ -18,13 +33,13 @@
|
|
<el-table ref="multipleTable" v-loading="loading" :data="data" tooltip-effect="dark" style="width: 100%" border fit @selection-change="handleSelectMulti">
|
|
<el-table ref="multipleTable" v-loading="loading" :data="data" tooltip-effect="dark" style="width: 100%" border fit @selection-change="handleSelectMulti">
|
|
<!-- <el-table-column type="selection" width="55" align="center"/> -->
|
|
<!-- <el-table-column type="selection" width="55" align="center"/> -->
|
|
<el-table-column prop="username" label="推送用户" align="center"/>
|
|
<el-table-column prop="username" label="推送用户" align="center"/>
|
|
- <el-table-column prop="device_number" label="设备编号" align="center"/>
|
|
|
|
- <el-table-column prop="alarm_type_name" label="告警类型" align="center">
|
|
|
|
|
|
+ <el-table-column prop="device_number" sortable label="设备编号" align="center"/>
|
|
|
|
+ <el-table-column prop="alarm_type_name" label="告警类型" align="center">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-tag effect="dark" :color='alarmReasonList[scope.row.alarm_type]'>{{scope.row.alarm_type_name}}</el-tag>
|
|
<el-tag effect="dark" :color='alarmReasonList[scope.row.alarm_type]'>{{scope.row.alarm_type_name}}</el-tag>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="created_at" label="推送时间" align="center"/>
|
|
|
|
|
|
+ <el-table-column prop="created_at" sortable label="推送时间" align="center"/>
|
|
<el-table-column prop="result" label="推送结果" align="center"/>
|
|
<el-table-column prop="result" label="推送结果" align="center"/>
|
|
<!-- <el-table-column label="操作" align="center" width="100">
|
|
<!-- <el-table-column label="操作" align="center" width="100">
|
|
<template slot-scope="record">
|
|
<template slot-scope="record">
|
|
@@ -58,12 +73,15 @@ export default {
|
|
username:''
|
|
username:''
|
|
},
|
|
},
|
|
alarmReasonList:[],
|
|
alarmReasonList:[],
|
|
|
|
+ alarmReasons: [],
|
|
|
|
|
|
}
|
|
}
|
|
},
|
|
},
|
|
mounted(){
|
|
mounted(){
|
|
this.alarmReasonList=this.$appConfig["alarmReasonList"];
|
|
this.alarmReasonList=this.$appConfig["alarmReasonList"];
|
|
-
|
|
|
|
|
|
+ this.$http .post("sysDictData/getOptions", { type: "AlarmReason" }) .then((resp) => {
|
|
|
|
+ this.alarmReasons = resp.data;
|
|
|
|
+ });
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
|