|
@@ -76,7 +76,7 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="dark-el-dialog">
|
|
|
- <el-dialog width="50%" style="top:15%" :visible.sync="outerVisible" :close-on-click-modal="false">
|
|
|
+ <el-dialog width="60%" style="top:15%" :visible.sync="outerVisible" :close-on-click-modal="false">
|
|
|
<div slot="title" class="dialog-title flex justify-between">
|
|
|
<div>
|
|
|
<el-button @click="acknowledgeAll()">全部确认</el-button>
|
|
@@ -101,10 +101,12 @@
|
|
|
<el-table
|
|
|
:data="tableDataAlarm"
|
|
|
border max-height="300px"
|
|
|
+ element-loading-background="rgba(8, 61, 92,1)"
|
|
|
v-loading="loadingAlarm"
|
|
|
style="width: 100%">
|
|
|
+ <el-table-column label="序号" type="index" align="center" width="60"></el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="stationCode" align="center" :formatter="formatStation"
|
|
|
+ prop="stationCode" align="center" :formatter="formatStation" :show-overflow-tooltip="true"
|
|
|
label="场站名称"
|
|
|
>
|
|
|
</el-table-column>
|
|
@@ -119,20 +121,25 @@
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="msg" align="center"
|
|
|
+ prop="msg" align="center" :show-overflow-tooltip="true"
|
|
|
label="报警描述">
|
|
|
+ </el-table-column>\
|
|
|
+ <el-table-column
|
|
|
+ prop="alarmSource" align="center" :formatter="formatAlarmSource"
|
|
|
+ label="报警来源">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="operate" align="center"
|
|
|
- label="操作">
|
|
|
+ label="操作" width="80">
|
|
|
<template v-slot="{ row }">
|
|
|
<img src="../../assets/images/svg/remind.svg" @click="acknowledge(row)" width="20px"/>
|
|
|
<!-- <img src="../../assets/images/svg/right.svg" width="20px"/>-->
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <div class="block">
|
|
|
+ <div class="block flex" style="justify-content: end">
|
|
|
<el-pagination
|
|
|
+ popper-class="cpp-popper"
|
|
|
@size-change="handleSizeChangeAlarm"
|
|
|
@current-change="handleCurrentChangeAlarm"
|
|
|
:current-page=this.alarmPage.currentPage
|
|
@@ -214,6 +221,7 @@ export default {
|
|
|
pageSize: 10 // 每页显示多少条
|
|
|
},
|
|
|
stationList:[],
|
|
|
+ alarmEnum:[],
|
|
|
alarmType: ''
|
|
|
|
|
|
}
|
|
@@ -250,6 +258,9 @@ export default {
|
|
|
await this.$axios({url: '/electricfield/all', method: 'get'}).then(response => {
|
|
|
this.stationList = response.data
|
|
|
})
|
|
|
+ await this.$axios({url: '/enumSelect/alarmEnum', method: 'get'}).then(response => {
|
|
|
+ this.alarmEnum = response.data
|
|
|
+ })
|
|
|
},
|
|
|
drawTable() {
|
|
|
// let data = [
|
|
@@ -353,6 +364,16 @@ export default {
|
|
|
})
|
|
|
return name
|
|
|
},
|
|
|
+ formatAlarmSource(row) {
|
|
|
+ let name= '未知场站名称'
|
|
|
+ this.alarmEnum.forEach(s=>{
|
|
|
+ if(row.alarmSource === s.value){
|
|
|
+ name = s.label
|
|
|
+ return name
|
|
|
+ }
|
|
|
+ })
|
|
|
+ return name
|
|
|
+ },
|
|
|
handleSizeChangeAlarm(val) {
|
|
|
this.alarmPage.pageSize = val
|
|
|
this.alarmPage.currentPage = 1
|
|
@@ -557,7 +578,7 @@ $top-container-height: 8rem;
|
|
|
}
|
|
|
|
|
|
.dialog-title-badge {
|
|
|
- width: 10%;
|
|
|
+ //width: 10%;
|
|
|
|
|
|
::v-deep .el-badge__content.is-fixed {
|
|
|
top: 10px;
|