|
@@ -35,15 +35,16 @@
|
|
|
<view class="small_title"><text></text><text>风险概况</text></view>
|
|
|
<view class="basics_li" style="margin-top:20rpx;">
|
|
|
<text>发生时间:</text>
|
|
|
- <text>{{form.startTime}}至{{form.endTime?form.endTime:'-'}}</text>
|
|
|
+ <text v-if="form.everyDay" style="position: absolute;right: 10rpx;top:-33rpx;">+{{form.everyDayNum}}</text>
|
|
|
+ <text>{{form.startTime}}-{{form.endTime?form.endTime:'-'}}</text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>持续时间:</text>
|
|
|
- <text>{{form.riskDuration}}秒</text>
|
|
|
+ <text>{{form.riskDuration?form.riskDuration:'-'}}秒</text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>风险响应人员:</text>
|
|
|
- <text>{{form.responder}}</text>
|
|
|
+ <text>{{form.responder?form.responder:'-'}}</text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>实验室内人员:</text>
|
|
@@ -110,37 +111,42 @@
|
|
|
<text>{{form.applyTime}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="note" v-if="form.warningType==4 || form.warningType==1">
|
|
|
+ <!-- 通知短信 -->
|
|
|
+ <view class="note" v-if="form.warningType==4 || form.warningType==1" >
|
|
|
<view class="small_title"><text></text><text>通知短信</text></view>
|
|
|
<view class="note_li" style="margin-top:20rpx;" v-for="(item,index) in form.messageVOList">
|
|
|
<text>{{item.name}}</text>
|
|
|
<view class="note_li_r" v-if="item.isSuccess==1"><img src="@/images/icon_yjxx_ytz.png"/><text>已通知</text></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="note" v-if="(form.warningType==2 || form.warningType==3) && form.warningSubType==1 && form.voiceBroadcast==1">
|
|
|
+ <!-- 预警通知 -->
|
|
|
+ <view class="note" v-if="(form.warningType==4 || form.warningType==1) && form.warningSubType!=2 && form.warningSubType!=3 && form.warningSubType!=4 && form.voiceBroadcast==1">
|
|
|
<view class="small_title"><text></text><text>预警通知</text></view>
|
|
|
<view class="note_li" style="margin-top:20rpx;" >
|
|
|
- <text>声光报警通知</text>
|
|
|
- <view class="note_li_r" ><img src="@/images/icon_yjxx_ytz.png"/><text>已通知</text></view>
|
|
|
+ <text>语音播报</text>
|
|
|
+ <view class="note_li_r"><img src="@/images/icon_yjxx_ytz.png"/><text>已通知</text></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="note" v-if="(form.warningType==1 || form.warningType==4) && form.warningSubType==1 && form.voiceBroadcast==1">
|
|
|
+ <view class="note" v-if="(form.warningType==2 || form.warningType==3) && form.warningSubType!=2 && form.warningSubType!=3 && form.warningSubType!=4 && form.voiceBroadcast==1">
|
|
|
<view class="small_title"><text></text><text>预警通知</text></view>
|
|
|
<view class="note_li" style="margin-top:20rpx;" >
|
|
|
- <text>语音播报</text>
|
|
|
- <view class="note_li_r"><img src="@/images/icon_yjxx_ytz.png"/><text>已通知</text></view>
|
|
|
+ <text>声光报警通知</text>
|
|
|
+ <view class="note_li_r" ><img src="@/images/icon_yjxx_ytz.png"/><text>已通知</text></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="picture">
|
|
|
+ <view v-if="form.warningSubType!=2 && form.warningSubType!=3 && form.warningSubType!=4" class="picture">
|
|
|
<view class="small_title"><text></text><text>报警抓拍</text></view>
|
|
|
<view class="picture_b" >
|
|
|
- <view class="video">
|
|
|
+ <view class="video" v-if="form.warningType!=1">
|
|
|
<video id="myvideo" class="video_t" :src="configUrl+form.recordVideo"></video>
|
|
|
<img class="video_b" @click="lockVideo()" src="@/images/icon_bjzp_spbof.png"/>
|
|
|
</view>
|
|
|
+ <view v-if="form.warningType==1" class="img" @click="lockImg(form.warningDetailList)">
|
|
|
+ <img v-for="item in form.warningDetailList" :src="configUrl+item.photoUrl"/>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="bottom_btn" v-if="timeStatus" @click="handleClick('','monitor')">查看监控</view>
|
|
|
+ <view class="bottom_btn" v-if="timeStatus && (form.warningSubType!=2 && form.warningSubType!=3 && form.warningSubType!=4)" @click="handleClick('','monitor')">查看监控</view>
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
|
|
@@ -172,22 +178,26 @@ export default {
|
|
|
},
|
|
|
onLoad(option) {
|
|
|
let self = this;
|
|
|
+
|
|
|
//先判断是否是通过点击列表进入
|
|
|
if(option.warningId){
|
|
|
this.warningId=option.warningId;
|
|
|
}else{
|
|
|
//通过短信外链跳转进来
|
|
|
if(option.id){
|
|
|
+ console.log(11)
|
|
|
if(!uni.getStorageSync('token')){
|
|
|
+ console.log(22)
|
|
|
uni.setStorageSync('warningId',option.id);
|
|
|
+ console.log(uni.getStorageSync('warningId'))
|
|
|
uni.redirectTo({
|
|
|
url: '/pages/login',
|
|
|
});
|
|
|
- }
|
|
|
- }else{
|
|
|
- this.warningId = uni.getStorageSync('warningId');
|
|
|
- uni.removeStorageSync('warningId');
|
|
|
- }
|
|
|
+ }else{
|
|
|
+ this.warningId = option.id;
|
|
|
+ uni.removeStorageSync('warningId');
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
},
|
|
@@ -217,18 +227,16 @@ export default {
|
|
|
console.log('预警没超过30分钟')
|
|
|
this.timeStatus=true;
|
|
|
}
|
|
|
- console.log(this.timeStatus)
|
|
|
|
|
|
},
|
|
|
//查看图片
|
|
|
lockImg(list){
|
|
|
- console.log(list)
|
|
|
if(!list[0]){
|
|
|
return
|
|
|
}
|
|
|
let urlList=[];
|
|
|
for(let i=0;i<list.length;i++){
|
|
|
- urlList.push(this.baseUrl+list[i].fileUrl)
|
|
|
+ urlList.push(this.configUrl+list[i].photoUrl)
|
|
|
}
|
|
|
wx.previewImage({
|
|
|
urls: urlList, //需要预览的图片http链接列表,多张的时候,url直接写在后面就行了
|
|
@@ -244,15 +252,33 @@ export default {
|
|
|
this.videoContext.requestFullScreen({ direction: 90 });
|
|
|
this.videoContext.play();
|
|
|
},
|
|
|
+ //计算两个日期差值(天)
|
|
|
+ datedifference(sDate1, sDate2) { //sDate1和sDate2是2006-12-18格式
|
|
|
+ let dateSpan,tempDate,iDays
|
|
|
+ sDate1 = Date.parse(sDate1)
|
|
|
+ sDate2 = Date.parse(sDate2)
|
|
|
+ dateSpan = sDate2 - sDate1
|
|
|
+ dateSpan = Math.abs(dateSpan)
|
|
|
+ iDays = Math.floor(dateSpan / (24 * 3600 * 1000))
|
|
|
+ return iDays
|
|
|
+ },
|
|
|
//获取详情
|
|
|
async getInfo(){
|
|
|
let _this = this;
|
|
|
- console.log(_this.warningId)
|
|
|
- const {data} = await warningNoticeLogDetail({id:_this.warningId})
|
|
|
+ const {data} = await warningNoticeLogDetail({id:this.warningId})
|
|
|
if(data.code==200){
|
|
|
let res=data.data
|
|
|
this.form=res;
|
|
|
-
|
|
|
+ if(this.form.startTime!='' && this.form.startTime!=null && this.form.endTime !=''&& this.form.endTime !=null){
|
|
|
+
|
|
|
+ if(this.form.startTime.split(' ')[0] != this.form.endTime.split(' ')[0]){
|
|
|
+ this.form.everyDay=true;
|
|
|
+ this.form.everyDayNum=this.datedifference(this.form.endTime.split(' ')[0],this.form.startTime.split(' ')[0])
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(this.form.endTime !=''&& this.form.endTime !=null){
|
|
|
+ this.form.endTime =this.form.endTime.split(' ')[1]
|
|
|
+ }
|
|
|
if(res.warningType==1){
|
|
|
uni.setNavigationBarTitle({
|
|
|
title:'算法识别预警信息'
|
|
@@ -486,7 +512,9 @@ export default {
|
|
|
.basics_li{
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
margin: 0 30rpx;
|
|
|
+ position: relative;
|
|
|
>text:nth-of-type(1){
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC-Medium, PingFang SC;
|
|
@@ -578,6 +606,21 @@ export default {
|
|
|
top: 55rpx;
|
|
|
}
|
|
|
}
|
|
|
+ .img{
|
|
|
+ display: flex;
|
|
|
+ justify-content:flex-start;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ >img{
|
|
|
+ width: 180rpx;
|
|
|
+ height: 180rpx;
|
|
|
+ border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
|
+ margin-right: 38rpx;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ }
|
|
|
+ >img:nth-child(3n+3){
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
}
|
|
|
}
|