|
@@ -3,126 +3,118 @@
|
|
|
<view class="earlyWarning">
|
|
|
<scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
|
|
|
<!-- 预案报警 -->
|
|
|
- <view class="header" v-if="pageType==0">甲烷气体泄露-中风险</view>
|
|
|
+ <view class="header" v-if="form.warningType==4">甲烷气体泄露-中风险</view>
|
|
|
<!-- 化学品 -->
|
|
|
- <view class="header_tow" v-if="pageType==1">化学品违规带离</view>
|
|
|
+ <view class="header_tow" v-if="form.warningType==2">化学品违规带离</view>
|
|
|
<!-- 气瓶 -->
|
|
|
- <view class="header_three" v-if="pageType==2">气瓶违规带离</view>
|
|
|
+ <view class="header_three" v-if="form.warningType==3">气瓶违规带离</view>
|
|
|
<!-- 算法识别 -->
|
|
|
- <view class="header_four" v-if="pageType==3">多人未穿戴实验服</view>
|
|
|
+ <view class="header_four" v-if="form.warningType==1">多人未穿戴实验服</view>
|
|
|
<!-- 预案报警 -->
|
|
|
- <view class="site" v-if="pageType==0">
|
|
|
+ <view class="site" v-if="form.warningType==4">
|
|
|
<img src="@/images/Version2.2/icon_wtzg_xx.png"/>
|
|
|
- <text>一号实验室</text>
|
|
|
+ <text>{{form.subName}}</text>
|
|
|
<text></text>
|
|
|
- <text>一号楼二楼C区C111</text>
|
|
|
+ <text>{{form.buildName}}{{form.floorName}}{{form.roomNum}}</text>
|
|
|
</view>
|
|
|
<!-- 化学品 -->
|
|
|
- <view class="site_tow" v-if="pageType==1 || pageType==2 || pageType==3">
|
|
|
+ <view class="site_tow" v-if="form.warningType==2 || form.warningType==3 || form.warningType==1">
|
|
|
<view class="site_tow_t">
|
|
|
<img src="@/images/Version2.2/icon_wtzg_xx.png"/>
|
|
|
- <text>2023-10-1014:00</text>
|
|
|
+ <text>{{form.warningTime}}</text>
|
|
|
</view>
|
|
|
<view class="site_tow_b">
|
|
|
<img src="@/images/Version2.2/icon_wtzg_xx.png"/>
|
|
|
- <text>一号实验室</text>
|
|
|
+ <text>{{form.subName}}</text>
|
|
|
<text></text>
|
|
|
- <text>一号楼二楼C区C111</text>
|
|
|
+ <text>{{form.buildName}}{{form.floorName}}{{form.roomNum}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 预案报警 -->
|
|
|
- <view class="basics" v-if="pageType==0">
|
|
|
+ <view class="basics" v-if="form.warningType==4">
|
|
|
<view class="small_title"><text></text><text>风险概况</text></view>
|
|
|
<view class="basics_li" style="margin-top:20rpx;">
|
|
|
<text>发生时间:</text>
|
|
|
- <text>10-12 12:00:56至12:03:03 </text>
|
|
|
+ <text>{{form.startTime}}至{{form.endTime}}</text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>持续时间:</text>
|
|
|
- <text>30秒</text>
|
|
|
+ <text>{{form.riskDuration}}</text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>风险响应人员:</text>
|
|
|
- <text>曹秀康、杨虎城、刘波 </text>
|
|
|
+ <text>{{form.responder}}</text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>实验室内人员:</text>
|
|
|
- <text>刘然、李茶、周瑶瑶、李娇、 李雪、陈记、李玉玉</text>
|
|
|
+ <text>{{form.indoorUser}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 化学品 -->
|
|
|
- <view class="basics" v-if="pageType==1">
|
|
|
+ <view class="basics" v-if="form.warningType==2">
|
|
|
<view class="small_title"><text></text><text>化学品信息</text></view>
|
|
|
<view class="basics_li" style="margin-top:20rpx;">
|
|
|
- <text>化学品名称</text>
|
|
|
+ <text>{{form.name}}</text>
|
|
|
<text></text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>存放位置:</text>
|
|
|
- <text>3号柜化学品余量:100g</text>
|
|
|
+ <text>{{form.deposit}}</text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>化学品余量:</text>
|
|
|
- <text>100g</text>
|
|
|
+ <text>{{form.margin}}</text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>申领人:</text>
|
|
|
- <text>曹秀康</text>
|
|
|
+ <text>{{form.apply}}</text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>申领时间:</text>
|
|
|
- <text>10-10 10:00:23</text>
|
|
|
+ <text>{{form.applyTime}}</text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>过期时间:</text>
|
|
|
- <text>10-10 10:00:23</text>
|
|
|
+ <text>{{form.applyTime}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 气瓶 -->
|
|
|
- <view class="basics" v-if="pageType==2">
|
|
|
+ <view class="basics" v-if="form.warningType==3">
|
|
|
<view class="small_title"><text></text><text>气瓶信息</text></view>
|
|
|
<view class="basics_li" style="margin-top:20rpx;">
|
|
|
- <text>气体名称</text>
|
|
|
+ <text>{{form.name}}</text>
|
|
|
<text></text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>气体余量:</text>
|
|
|
- <text>10L</text>
|
|
|
+ <text>{{form.margin}}</text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>气瓶规格:</text>
|
|
|
- <text>100g/瓶 </text>
|
|
|
+ <text>{{form.specification}}</text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>所有人:</text>
|
|
|
- <text>刘然</text>
|
|
|
+ <text>{{form.specification}}</text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>入库时间:</text>
|
|
|
- <text>10-10 10:00:23</text>
|
|
|
+ <text>{{form.specification}}</text>
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>申领人:</text>
|
|
|
- <text>刘然</text>
|
|
|
+ <text>{{form.apply}}</text>apply
|
|
|
</view>
|
|
|
<view class="basics_li">
|
|
|
<text>申领时间:</text>
|
|
|
- <text>10-10 10:00:23</text>
|
|
|
+ <text>{{form.applyTime}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="note" v-if="pageType==0 || pageType==3">
|
|
|
+ <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;">
|
|
|
- <text>曹秀康(实验室负责人)</text>
|
|
|
- <view class="note_li_r"><img src="@/images/icon_yjxx_ytz.png"/><text>已通知</text></view>
|
|
|
- </view>
|
|
|
- <view class="note_li">
|
|
|
- <text>李秀丽(安全责任人)</text>
|
|
|
- <view class="note_li_r"><img src="@/images/icon_yjxx_ytz.png"/><text>已通知</text></view>
|
|
|
- </view>
|
|
|
- <view class="note_li">
|
|
|
- <text>周燕(安全责任人)</text>
|
|
|
- <view class="note_li_r"><img src="@/images/icon_yjxx_ytz.png"/><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=='成功'"><img src="@/images/icon_yjxx_ytz.png"/><text>已通知</text></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="note">
|
|
@@ -134,9 +126,11 @@
|
|
|
</view>
|
|
|
<view class="picture">
|
|
|
<view class="small_title"><text></text><text>报警抓拍</text></view>
|
|
|
- <view class="picture_b" @click="lockImg(item.uploadDtoList)">
|
|
|
- <img src="@/images/icon_yjxx_ytz.png"/>
|
|
|
- <!-- <img :src="baseUrl+imgItem.fileUrl" v-for="(imgItem,imgIndex) in item.uploadDtoList"/> -->
|
|
|
+ <view class="picture_b" >
|
|
|
+ <view class="video">
|
|
|
+ <video id="myvideo" class="video_t" :src="configUrl+infoData.recordVideo"></video>
|
|
|
+ <img class="video_b" @click="lockVideo()" src="@/images/icon_bjzp_spbof.png"/>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="bottom_btn">查看监控</view>
|
|
@@ -147,7 +141,7 @@
|
|
|
|
|
|
<script>
|
|
|
import { config } from '@/api/request/config.js'
|
|
|
-import {checkManageList,conditionCollegeInfo} from '@/api/index.js'
|
|
|
+import {checkManageList,conditionCollegeInfo,warningNoticeLogDetail} from '@/api/index.js'
|
|
|
export default {
|
|
|
name: "rectifyList",
|
|
|
components: {
|
|
@@ -155,41 +149,28 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- pageType:2,//0预案报警信息 1化学品 2气瓶 3算法识别
|
|
|
+ configUrl:config.base_url,
|
|
|
//列表请求参数
|
|
|
getData:{
|
|
|
pageNum:1,
|
|
|
pageSize:20,
|
|
|
},
|
|
|
total:0,
|
|
|
+ id:'',
|
|
|
+ form:{},
|
|
|
|
|
|
}
|
|
|
},
|
|
|
onLoad(option) {
|
|
|
-
|
|
|
+ if(option.id){
|
|
|
+ this.id=option.id;
|
|
|
+ }
|
|
|
},
|
|
|
onShow() {
|
|
|
|
|
|
},
|
|
|
mounted(){
|
|
|
- if(this.pageType==0){
|
|
|
- uni.setNavigationBarTitle({
|
|
|
- title:'预案报警信息'
|
|
|
- })
|
|
|
- }else if(this.pageType==1){
|
|
|
- uni.setNavigationBarTitle({
|
|
|
- title:'化学品预警信息'
|
|
|
- })
|
|
|
- }else if(this.pageType==2){
|
|
|
- uni.setNavigationBarTitle({
|
|
|
- title:'气瓶预警信息'
|
|
|
- })
|
|
|
- }else if(this.pageType==3){
|
|
|
- uni.setNavigationBarTitle({
|
|
|
- title:'算法识别预警信息'
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
+ this.getInfo();
|
|
|
},
|
|
|
methods: {
|
|
|
|
|
@@ -216,7 +197,39 @@ export default {
|
|
|
complete: function(res) {},
|
|
|
})
|
|
|
},
|
|
|
-
|
|
|
+ //视频全屏播放
|
|
|
+ lockVideo(){
|
|
|
+ this.videoContext = uni.createVideoContext("myvideo", this);
|
|
|
+ this.videoContext.requestFullScreen({ direction: 90 });
|
|
|
+ this.videoContext.play();
|
|
|
+ },
|
|
|
+ //获取详情
|
|
|
+ async getInfo(){
|
|
|
+ let _this = this;
|
|
|
+ const {data} = await warningNoticeLogDetail({id:this.id})
|
|
|
+ if(data.code==200){
|
|
|
+ let res=data.data
|
|
|
+ this.form=res;
|
|
|
+
|
|
|
+ if(res.warningType==1){
|
|
|
+ uni.setNavigationBarTitle({
|
|
|
+ title:'算法识别预警信息'
|
|
|
+ })
|
|
|
+ }else if(res.warningType==2){
|
|
|
+ uni.setNavigationBarTitle({
|
|
|
+ title:'化学品预警信息'
|
|
|
+ })
|
|
|
+ }else if(res.warningType==3){
|
|
|
+ uni.setNavigationBarTitle({
|
|
|
+ title:'气瓶预警信息'
|
|
|
+ })
|
|
|
+ }else if(res.warningType==4){
|
|
|
+ uni.setNavigationBarTitle({
|
|
|
+ title:'预案报警信息'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
handleClick(row,doType){
|
|
|
let self=this;
|
|
|
if( doType=='detail'){//详情
|
|
@@ -498,16 +511,29 @@ export default {
|
|
|
flex-wrap: wrap;
|
|
|
padding: 40rpx 30rpx 10rpx;
|
|
|
box-sizing: border-box;
|
|
|
- >img{
|
|
|
- width: 180rpx;
|
|
|
- height: 180rpx;
|
|
|
+
|
|
|
+ .video{
|
|
|
+ position: relative;
|
|
|
+ width: 150rpx;
|
|
|
+ height: 150rpx;
|
|
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
|
margin-right: 38rpx;
|
|
|
margin-bottom: 10rpx;
|
|
|
+ .video_t{
|
|
|
+ width: 150rpx;
|
|
|
+ height: 150rpx;
|
|
|
+ border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
|
+ position: absolute;
|
|
|
+ }
|
|
|
+ .video_b{
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ position: absolute;
|
|
|
+ left: 55rpx;
|
|
|
+ top: 55rpx;
|
|
|
+ }
|
|
|
}
|
|
|
- >img:nth-of-type(3n+3){
|
|
|
- margin-right: 0rpx;
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
.bottom_btn{
|