116 lines
3.4 KiB
Vue
116 lines
3.4 KiB
Vue
<template>
|
||
<view >
|
||
<cu-custom bgColor="bg-gradual-blueness" :isBack="true" >
|
||
<block slot="backText">返回</block>
|
||
<block slot="content">AI报警</block>
|
||
</cu-custom>
|
||
<scroll-view scroll-y="false" >
|
||
<view class="form">
|
||
<view class="wui-form-list">
|
||
<view class="cu-form-group group-picker">
|
||
<view class="title">视频名称：</view>
|
||
{{info.VIDEONAME}}
|
||
</view>
|
||
<view class="cu-form-group group-picker">
|
||
<view class="title">报警类型：</view>
|
||
{{info.TYPE}}
|
||
</view>
|
||
<view class="cu-form-group group-picker">
|
||
<view class="title">报警时间：</view>
|
||
{{info.CREATTIME}}
|
||
</view>
|
||
<view class="cu-form-group group-picker">
|
||
<view class="title">报警图片：</view>
|
||
<image :src="baseImgPath+info.IMG_PATH" @click="ViewShowImage" style="width: 100upx;height: 100upx;"></image>
|
||
</view>
|
||
<view class="cu-form-group group-picker">
|
||
<view class="title">报警视频：</view>
|
||
<view class="de-sub-content" style="background-color: #000;width: 120upx;">
|
||
<image src="/static/icon-apps/video.png" mode="aspectFill" @click="playVideo"
|
||
style="width: 120upx;height: 120upx;"></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
<view :class="['cu-modal',{'show':modalShow}]" v-if="modalShow">
|
||
<view class="cu-dialog">
|
||
<view class="cu-bar bg-white justify-end">
|
||
<view class="content">播放视频</view>
|
||
<view class="action" @tap="modalShow = false">
|
||
<text class="cuIcon-close text-red"></text>
|
||
</view>
|
||
</view>
|
||
<video :src="videoSrc" :autoplay="true" @fullscreenchange="fullScreenHandler"></video>
|
||
<view class="cu-bar bg-white justify-end">
|
||
<view class="action">
|
||
<button class="cu-btn line-green text-green" @click="modalShow = false">关闭</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
basePath,baseImgPath
|
||
} from '@/common/tool.js';
|
||
export default {
|
||
data() {
|
||
return {
|
||
baseImgPath,
|
||
AIWARNING_ID: '',
|
||
info:{},
|
||
videoSrc:'',
|
||
modalShow:false
|
||
}
|
||
},
|
||
onLoad(event) {
|
||
this.AIWARNING_ID = event.AIWARNING_ID;
|
||
this.getData()
|
||
},
|
||
methods: {
|
||
fullScreenHandler(e) {
|
||
if (uni.getSystemInfoSync().platform == "ios") { return }
|
||
},
|
||
getData() {
|
||
uni.showLoading({
|
||
title:"加载中..."
|
||
});//加载中动画
|
||
uni.request({
|
||
url: basePath + '/app/aiwarning/goEdit',
|
||
method: 'POST',
|
||
dataType: 'json',
|
||
header: {
|
||
'Content-type':'application/x-www-form-urlencoded'
|
||
},
|
||
data: {
|
||
AIWARNING_ID:this.AIWARNING_ID
|
||
},
|
||
success: (res) => {
|
||
uni.hideLoading();//结束加载中动画
|
||
if (res.data != null) {
|
||
this.info = res.data.pd
|
||
}
|
||
}
|
||
})
|
||
},
|
||
ViewShowImage(){
|
||
uni.previewImage({
|
||
urls: [baseImgPath+this.info.IMG_PATH],
|
||
current: baseImgPath+this.info.IMG_PATH
|
||
});
|
||
},
|
||
playVideo() {
|
||
this.videoSrc = baseImgPath + this.info.VIDEO_PATH
|
||
this.modalShow = true
|
||
}
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
|
||
</style>
|