|
|
|
@ -52,13 +52,13 @@ |
|
|
|
<div class="warp"> |
|
|
|
<div class="warp"> |
|
|
|
<div class="item flex-center" v-for="(item, index) in listData" :key="index" style="position: relative" |
|
|
|
<div class="item flex-center" v-for="(item, index) in listData" :key="index" style="position: relative" |
|
|
|
@mouseenter="showAlarkAlert(item, index)" @mouseleave="closeAlarkAlert(item, index)"> |
|
|
|
@mouseenter="showAlarkAlert(item, index)" @mouseleave="closeAlarkAlert(item, index)"> |
|
|
|
<div v-if="item.confirmStatus === 0" @click="doCancelWarn(item.id)" |
|
|
|
<div v-if="item.confirmStatus == '0'" @click="doCancelWarn(item.id)" |
|
|
|
:style="{ display: item.showAlert ? 'flex' : 'none' }" class="alark-alert"> |
|
|
|
:style="{ display: item.showAlert ? 'flex' : 'none' }" class="alark-alert"> |
|
|
|
<p> |
|
|
|
<p> |
|
|
|
<img src="../../../public/img/monitoring/electricity/close-alark-icon.png" alt="" /> |
|
|
|
<img src="../../../public/img/monitoring/electricity/close-alark-icon.png" alt="" /> |
|
|
|
<span>确认告警</span> |
|
|
|
<span>确认告警</span> |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
<span v-if="item.confirmStatus === 0 && item.warnStatus == 1">|</span> |
|
|
|
<span v-if="item.confirmStatus == '0' && item.warnStatus == 1">|</span> |
|
|
|
<p v-if="item.warnStatus == 1" @click="doRecoveryWarn(item)"> |
|
|
|
<p v-if="item.warnStatus == 1" @click="doRecoveryWarn(item)"> |
|
|
|
<i class="el-icon-refresh-right" style="margin-right:10px;"></i> |
|
|
|
<i class="el-icon-refresh-right" style="margin-right:10px;"></i> |
|
|
|
<span>告警恢复</span> |
|
|
|
<span>告警恢复</span> |
|
|
|
|