80 lines
2.2 KiB
Vue
80 lines
2.2 KiB
Vue
|
<template>
|
||
|
|
<el-card shadow="always" class="common-card-container common-card-container-body-no-padding">
|
||
|
|
<div slot="header">
|
||
|
|
<span class="card-title">当前报警</span>
|
||
|
|
</div>
|
||
|
|
<div class="ssgj-container">
|
||
|
|
<el-table
|
||
|
|
class="common-table"
|
||
|
|
:data="tableData"
|
||
|
|
height="100%"
|
||
|
|
stripe
|
||
|
|
style="width: 100%">
|
||
|
|
<el-table-column
|
||
|
|
prop="deviceName"
|
||
|
|
label="名称">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
label="状态"
|
||
|
|
>
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<span :class="{'circle warning-status' : scope.row.status !== 0}">{{ $store.state.ems.warnOptions[scope.row.status]}}</span>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
class-name="alarm-content"
|
||
|
|
prop="alarmContent"
|
||
|
|
show-overflow-tooltip
|
||
|
|
label="告警内容">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
label="工单"
|
||
|
|
fixed="right"
|
||
|
|
show-overflow-tooltip
|
||
|
|
>
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<el-button type="text" size="mini" v-if="scope.row.ticketNo" @click="toTicket">已生成工单(工单号:{{scope.row.ticketNo}})</el-button>
|
||
|
|
<el-button type="primary" size="mini" v-else @click="toTicket">生成工单</el-button>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
</el-table>
|
||
|
|
</div>
|
||
|
|
</el-card>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default{
|
||
|
|
props:{
|
||
|
|
tableData:{
|
||
|
|
require:true,
|
||
|
|
type:Array,
|
||
|
|
default:()=>{
|
||
|
|
return []
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data(){
|
||
|
|
return {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods:{
|
||
|
|
toTicket(){
|
||
|
|
this.$router.push({path:'/ticket'})
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
//实时告警
|
||
|
|
.ssgj-container{
|
||
|
|
padding:20px;
|
||
|
|
height: 250px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
::v-deep{
|
||
|
|
.el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th{
|
||
|
|
background:#FFF2CB ;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|