|
|
@@ -10,30 +10,32 @@
|
|
|
<div class="addPage_b_t">
|
|
|
<div class="addPage_b_t_l">
|
|
|
<div class="small_title">风险概况</div>
|
|
|
- <div class="addPage_b_t_l_b">
|
|
|
- <li><i>事故原因：</i><i>甲烷气体泄露</i></li>
|
|
|
- <li><i>风险级别：</i><i>中风险</i></li>
|
|
|
- <li><i>发生时间：</i><i>2021年10月12日 12:02:36 - 12:03:05</i></li>
|
|
|
- <li><i>持续时间：</i><i>29秒</i></li>
|
|
|
- <li><i>风险响应人员：</i><i>曹秀康、杨虎城、刘波</i></li>
|
|
|
- <li><i>实验室内人员：</i><i>姓名、姓名、姓名、姓名、姓名、姓名、姓名、姓名、姓名、姓名、姓名、姓名</i></li>
|
|
|
+ <div class="addPage_b_t_l_b" v-if="form">
|
|
|
+ <li><i>事故原因：</i><i>{{form.riskReason?form.riskReason:''}}</i></li>
|
|
|
+ <li v-if="form.riskReason==1"><i>风险级别：</i><i>低风险</i></li>
|
|
|
+ <li v-if="form.riskReason==2"><i>风险级别：</i><i>中风险</i></li>
|
|
|
+ <li v-if="form.riskReason==3"><i>风险级别：</i><i>较高风险</i></li>
|
|
|
+ <li v-if="form.riskReason==4"><i>风险级别：</i><i>高风险</i></li>
|
|
|
+ <li><i>发生时间：</i><i>{{form.startDate?form.startDate:''}} - {{form.endDate?form.endDate:''}}</i></li>
|
|
|
+ <li><i>持续时间：</i><i>{{form.riskDuration?form.riskDuration:''}}秒</i></li>
|
|
|
+ <li><i>风险响应人员：</i><i>{{form.handledPerson?form.handledPerson:''}}</i></li>
|
|
|
+ <li><i>实验室内人员：</i><i>{{form.internalPerson?form.internalPerson:''}}</i></li>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="addPage_b_t_c">
|
|
|
<div class="small_title">现场记录<i>(预案发生一个月后将自动清理）</i></div>
|
|
|
- <div class="addPage_b_t_c_b">
|
|
|
- <img src="@/assets/images/login-background.jpg">
|
|
|
+ <div class="addPage_b_t_c_b" v-if="form">
|
|
|
+<!-- <img src="@/assets/images/login-background.jpg">-->
|
|
|
+ <video class="video" :src="form.recordVideo?form.recordVideo:''" autoplay controls ></video>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="addPage_b_t_r">
|
|
|
<div class="small_title">消息推送记录</div>
|
|
|
- <div class="addPage_b_t_r_b">
|
|
|
- <li><i>12:05:06</i><i>语音播报</i><i>甲烷监测实验室</i></li>
|
|
|
- <li><i>12:05:06</i><i>语音播报</i><i>甲烷监测实验室</i></li>
|
|
|
- <li><i>12:05:06</i><i>语音播报</i><i>甲烷监测实验室</i></li>
|
|
|
- <li><i>12:05:06</i><i>语音播报</i><i>甲烷监测实验室</i></li>
|
|
|
- <li><i>12:05:06</i><i>语音播报</i><i>甲烷监测实验室</i></li>
|
|
|
- <li><i>12:05:06</i><i>语音播报</i><i>甲烷监测实验室</i></li>
|
|
|
+ <div class="addPage_b_t_r_b" v-if="msgsPush.length>0">
|
|
|
+ <li v-for="(item,index3) in msgsPush" :key="index3">
|
|
|
+ <i>{{item.createTime}}</i>
|
|
|
+ <i>{{item.pushType.code==0?'语音播报':'短信推送'}}</i>
|
|
|
+ <i>{{item.showInfo}}</i></li>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -55,6 +57,13 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
+import {
|
|
|
+ abnormalLogOrderByList,
|
|
|
+ riskExeRecordList,
|
|
|
+ riskPlanAbnormalDesc,
|
|
|
+ viewWarnMessage
|
|
|
+} from '@/api/laboratory/subject'
|
|
|
+
|
|
|
export default {
|
|
|
name: "addPage",
|
|
|
props:{
|
|
|
@@ -63,54 +72,9 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
pageType:1,
|
|
|
- planAxis:[
|
|
|
- {
|
|
|
- riskPlanName:'甲烷泄露（低风险）',
|
|
|
- sensorJsonValue:'9',
|
|
|
- createTime:'2021-12-10 14:00:01',
|
|
|
- },
|
|
|
- {
|
|
|
- riskPlanName:'甲烷泄露（低风险）',
|
|
|
- sensorJsonValue:'9',
|
|
|
- createTime:'2021-12-10 14:00:01',
|
|
|
- },
|
|
|
- {
|
|
|
- riskPlanName:'甲烷泄露（低风险）',
|
|
|
- sensorJsonValue:'9',
|
|
|
- createTime:'2021-12-10 14:00:01',
|
|
|
- },
|
|
|
- {
|
|
|
- riskPlanName:'甲烷泄露（低风险）',
|
|
|
- sensorJsonValue:'9',
|
|
|
- createTime:'2021-12-10 14:00:01',
|
|
|
- },
|
|
|
- {
|
|
|
- riskPlanName:'甲烷泄露（低风险）',
|
|
|
- sensorJsonValue:'9',
|
|
|
- createTime:'2021-12-10 14:00:01',
|
|
|
- },
|
|
|
- {
|
|
|
- riskPlanName:'甲烷泄露（低风险）',
|
|
|
- sensorJsonValue:'9',
|
|
|
- createTime:'2021-12-10 14:00:01',
|
|
|
- },
|
|
|
- {
|
|
|
- riskPlanName:'甲烷泄露（低风险）',
|
|
|
- sensorJsonValue:'9',
|
|
|
- createTime:'2021-12-10 14:00:01',
|
|
|
- },
|
|
|
- {
|
|
|
- riskPlanName:'甲烷泄露（低风险）',
|
|
|
- sensorJsonValue:'9',
|
|
|
- createTime:'2021-12-10 14:00:01',
|
|
|
- },
|
|
|
- {
|
|
|
- riskPlanName:'甲烷泄露（低风险）',
|
|
|
- sensorJsonValue:'9',
|
|
|
- createTime:'2021-12-10 14:00:01',
|
|
|
- },
|
|
|
- ]
|
|
|
-
|
|
|
+ planAxis:[],
|
|
|
+ form:{},
|
|
|
+ msgsPush:[],
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -119,9 +83,47 @@ export default {
|
|
|
this.$parent.handleClick('','','back');
|
|
|
this.$parent.getList();
|
|
|
},
|
|
|
+ getInfo(){
|
|
|
+ let _this=this;
|
|
|
+ riskPlanAbnormalDesc(_this.pageData.id).then( response => {
|
|
|
+ let res=response.data;
|
|
|
+ if(response.code==200){
|
|
|
+ if(res){
|
|
|
+ _this.form=res
|
|
|
+ _this.form.endDate=res.endDate.split(' ')[1]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ //风险轨迹
|
|
|
+ abnormalLogOrderByList(_this.pageData.id).then( response => {
|
|
|
+ let res=response.data;
|
|
|
+ if(response.code==200){
|
|
|
+ _this.planAxis=res;
|
|
|
+ for(let i=0;i< _this.planAxis.length;i++){
|
|
|
+ if( _this.planAxis[i].sensorJson){
|
|
|
+ _this.planAxis[i].sensorJsonValue = JSON.parse(_this.planAxis[i].sensorJson)[0].value;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ console.log( _this.planAxis)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ //消息推送记录
|
|
|
+ viewWarnMessage(_this.pageData.id).then( response => {
|
|
|
+ let res=response.data;
|
|
|
+ if(response.code==200){
|
|
|
+ let data=response.data;
|
|
|
+ _this.msgsPush=data
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
|
|
|
},
|
|
|
mounted() {
|
|
|
+ console.log(this.pageData)
|
|
|
+ this.getInfo();
|
|
|
|
|
|
|
|
|
}
|
|
|
@@ -233,11 +235,15 @@ export default {
|
|
|
width: 380px;
|
|
|
height: 222px;
|
|
|
}
|
|
|
+ .video{
|
|
|
+ width: 380px;
|
|
|
+ height: 222px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.addPage_b_t_r{
|
|
|
.addPage_b_t_r_b{
|
|
|
- width: 382px;
|
|
|
+ width: 456px;
|
|
|
>li{
|
|
|
margin-bottom: 20px;
|
|
|
>i{
|
|
|
@@ -250,13 +256,13 @@ export default {
|
|
|
display: inline-block;
|
|
|
}
|
|
|
>i:nth-of-type(1){
|
|
|
- width: 92px;
|
|
|
+ width: 148px;
|
|
|
}
|
|
|
>i:nth-of-type(2){
|
|
|
- width: 104px;
|
|
|
+ width: 84px;
|
|
|
}
|
|
|
>i:nth-of-type(3){
|
|
|
- width: 182px;
|
|
|
+ width: 224px;
|
|
|
}
|
|
|
}
|
|
|
}
|
dedsudiyu