<template>
|
<div class="alarm-details">
|
<van-nav-bar title="告警详情" @click-left="$router.back()" left-arrow fixed safe-area-inset-top placeholder>
|
</van-nav-bar>
|
<div class="detailsCon">
|
<div class="card">
|
<div class="commonTitle cardTitle">
|
{{alarmInfo.alarmData.alarmname}}
|
</div>
|
<div class="commonTitle">
|
<div class="label">
|
站点名称：
|
</div>
|
<div class="text">
|
{{alarmInfo.alarmData.stationname}}
|
</div>
|
</div>
|
<div class="commonTitle">
|
<div class="label">
|
电池组：
|
</div>
|
<div class="text">
|
{{alarmInfo.alarmData.battGroupName}}
|
</div>
|
</div>
|
<div class="commonTitle">
|
<div class="label">
|
告警等级：
|
</div>
|
<div class="text">
|
{{alarmInfo.alarmData.alarmtype}}
|
</div>
|
</div>
|
<div class="commonTitle">
|
<div class="label">
|
告警时间：
|
</div>
|
<div class="text">
|
{{alarmInfo.alarmData.alm_start_time}}
|
</div>
|
</div>
|
<div class="commonTitle">
|
<div class="label">
|
确认时间：
|
</div>
|
<div class="text">
|
{{alarmInfo.alarmData.alm_confirmed_time}}
|
</div>
|
</div>
|
<div class="commonTitle">
|
<div class="label">
|
告警值：
|
</div>{{alarmInfo.alarmData.alm_value}}
|
</div>
|
<div class="commonTitle">
|
<div class="label">
|
处理状态：
|
</div>
|
<div class="text" v-if="alarmInfo.status==2">
|
处理中
|
</div>
|
<div class="text" v-else-if="alarmInfo.status==3">
|
已处理
|
</div>
|
<div class="text" v-else>
|
待处理
|
</div>
|
</div>
|
</div>
|
<div class="subBtn" @click="startHandle" v-if="alarmInfo.status==1">开始处理</div>
|
<div class="card" v-if="alarmInfo.status==2">
|
<van-steps :active="stepsActive">
|
<van-step>处理中</van-step>
|
<van-step>待审核</van-step>
|
<van-step>已完成</van-step>
|
</van-steps>
|
</div>
|
<div class="subBtn" @click="toPage('edit')" v-if="alarmInfo.status==2">继续处理</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import {
|
updateWorkAlarm
|
} from '@/assets/js/api'
|
export default {
|
data() {
|
return {
|
stepsActive: 0,
|
alarmInfo: {
|
id: 0,
|
alarmRecId: 0,
|
battGroupId: 0,
|
managerId: 0,
|
status: 0,
|
dispatchTime: "",
|
alarmData: {
|
num: 0,
|
BattGroupId: 0,
|
MonNum: 0,
|
alm_signal_id: 0,
|
alm_level: 0,
|
alm_start_time: "",
|
alm_end_time: "",
|
alm_value: 0,
|
alm_is_confirmed: 0,
|
alm_confirmed_time: "",
|
stationname: "",
|
battGroupName: "",
|
alarmname: "",
|
alarmtype: ""
|
}
|
}
|
}
|
},
|
mounted() {
|
this.alarmInfo = JSON.parse(this.$route.query.alarmData);
|
},
|
methods: {
|
toPage(type) {
|
this.$router.push({
|
path: '/alarmHandle',
|
query: {
|
id: this.alarmInfo.id,
|
type: type
|
}
|
})
|
},
|
//开始处理
|
startHandle() {
|
let postData = this.$units.deepClone(this.alarmInfo)
|
postData.status = 2;
|
postData.userId = sessionStorage.getItem('userId');
|
updateWorkAlarm(postData).then((res) => {
|
let resData = JSON.parse(res.data.result)
|
if (resData.code == 1) {
|
this.toPage('add')
|
}
|
}).catch((err) => {
|
console.log(err)
|
});
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.alarm-details {
|
width: 100%;
|
height: 100%;
|
background: #F5F5F5;
|
}
|
|
.detailsCon {
|
padding: 24px;
|
}
|
|
.card {
|
background-color: #FFFFFF;
|
border-radius: 16px;
|
margin: 0 auto 24px;
|
width: 702px;
|
padding: 24px;
|
box-shadow: 0px 4px 20px 0px rgba(75, 136, 249, 0.2);
|
}
|
|
.commonTitle {
|
font-size: 28px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #333333;
|
line-height: 40px;
|
padding-bottom: 24px;
|
border-bottom: 1px solid #EEEEEE;
|
margin-bottom: 22px;
|
display: flex;
|
align-items: center;
|
}
|
|
.cardTitle {
|
font-weight: bold;
|
}
|
|
.commonTitle .label {
|
line-height: 40px;
|
display: inline-block;
|
width: 150px;
|
}
|
|
.commonTitle .text {
|
flex: 1;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
.subBtn {
|
width: 702px;
|
height: 98px;
|
background: #4B88F9;
|
border-radius: 8px;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
color: #FFFFFF;
|
font-size: 36px;
|
margin-top: 48px;
|
}
|
</style>
|
