87 lines
2.4 KiB
Vue
87 lines
2.4 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> -->
|
|
<el-alert type="error" :closable="false">
|
|
<template>
|
|
<div style="cursor: pointer" @click="toAlarm">设备告警</div>
|
|
</template>
|
|
</el-alert>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
props: {
|
|
tableData: {
|
|
require: true,
|
|
type: Array,
|
|
default: () => {
|
|
return [];
|
|
},
|
|
},
|
|
},
|
|
data() {
|
|
return {};
|
|
},
|
|
methods: {
|
|
toAlarm() {
|
|
this.$router.push({ path: "/dzjk/gzgj", query: this.$route.query });
|
|
},
|
|
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>
|