|
@@ -1,5 +1,6 @@
|
|
|
<template>
|
|
|
- <div class="safeCom" @click="clickAlarmItem">
|
|
|
+ <!-- @click="clickAlarmItem" -->
|
|
|
+ <div class="safeCom">
|
|
|
<div class="safeCom_head">
|
|
|
<i
|
|
|
:class="['iconfont', iconfonts()]"
|
|
@@ -15,7 +16,11 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-table :data="alarmList" style="width: 100%" height="calc(100% - 51px)">
|
|
|
+ <el-table
|
|
|
+ :data="dialogTableData"
|
|
|
+ style="width: 100%"
|
|
|
+ height="calc(100% - 100px)"
|
|
|
+ >
|
|
|
<el-table-column
|
|
|
prop="tsName"
|
|
|
label="时间"
|
|
@@ -38,30 +43,35 @@
|
|
|
width="80"
|
|
|
show-overflow-tooltip
|
|
|
/>
|
|
|
- <!-- :prop="alarmType==='custom' ? characteristic : description" -->
|
|
|
<el-table-column
|
|
|
:prop="alarmType === 'custom' ? 'characteristic' : 'description'"
|
|
|
align="center"
|
|
|
label="信息"
|
|
|
show-overflow-tooltip
|
|
|
/>
|
|
|
- <!-- <el-table-column label="级别" width="80" show-overflow-tooltip>
|
|
|
+ <el-table-column
|
|
|
+ prop="faultCause"
|
|
|
+ label="故障原因"
|
|
|
+ align="left"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ <template #default="{ row }">
|
|
|
+ {{ row.faultCause == "NULL" ? "--" : row.faultCause }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop=""
|
|
|
+ label="解除时间"
|
|
|
+ align="center"
|
|
|
+ width="220"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
- <el-tag
|
|
|
- class="ml-2"
|
|
|
- :type="
|
|
|
- scope.row.lv === 5
|
|
|
- ? 'danger'
|
|
|
- : scope.row.lv === 4
|
|
|
- ? 'warning'
|
|
|
- : 'info'
|
|
|
- "
|
|
|
- >{{ scope.row.lvName }}</el-tag
|
|
|
- >
|
|
|
+ <span>{{ scope.row.endts || scope.row.closeTime || "--" }}</span>
|
|
|
</template>
|
|
|
- </el-table-column> -->
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column
|
|
|
+ <!-- <el-table-column
|
|
|
label="状态"
|
|
|
width="75"
|
|
|
align="center"
|
|
@@ -77,8 +87,41 @@
|
|
|
>{{ scope.row.isClose ? "已解除" : "未解除" }}</span
|
|
|
>
|
|
|
</template>
|
|
|
+ </el-table-column> -->
|
|
|
+ <el-table-column
|
|
|
+ label="是否解除"
|
|
|
+ width="120"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ <template #default="scope">
|
|
|
+ <span
|
|
|
+ :style="`color:${
|
|
|
+ scope.row.isClose
|
|
|
+ ? 'var(--el-color-success)'
|
|
|
+ : 'var(--el-color-danger)'
|
|
|
+ }`"
|
|
|
+ >{{ scope.row.isClose ? "已解除" : "未解除" }}</span
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" width="100" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ style="color: #1890ff !important"
|
|
|
+ size="small"
|
|
|
+ @click="confirm(scope.row)"
|
|
|
+ >确认本条</el-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <div style="margin-top: 10px; display: flex; justify-content: end;">
|
|
|
+ <el-button type="primary" plain @click="confirmAll"
|
|
|
+ >确认所有报警</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
<el-dialog
|
|
|
v-model="showDialog"
|
|
|
top="50px"
|