Compare commits

...

2 Commits

Author SHA1 Message Date
chenchenzai 40b050d75c Merge branch 'hi-ucs-dev' of http://192.168.124.50:3000/wuhongjian/hi-ucs into hi-ucs-dev 2022-11-22 15:39:34 +08:00
chenchenzai 74818f5abc 视频播放修改 2022-11-22 15:34:26 +08:00
5 changed files with 70 additions and 16 deletions

View File

@ -1675,7 +1675,7 @@ export function MapFun(mapObj) {
// })
// }
//_removeLayerByLayerName(layerName)
_removeLayerByLayerName(layerName)
let selectedLayerList = [];
let layers = null;
let clickDataList = [];

View File

@ -19,6 +19,10 @@
type: Number,
default: 0,
},
stopFlag:{
type: Boolean,
default: false
}
},
data() {
return {
@ -204,9 +208,19 @@
}
</script>
<style lang="less">
.tiled-map {
.video-player {
position: relative;
width: 100%;
height: 100%;
position: relative;
.play-button{
width: 100px;
height: 100px;
background-color: red;
position: absolute;
left: 350px;
z-index: 9;
top: 240px;
}
}
</style>

View File

@ -622,10 +622,30 @@
destroyOnClose
footer="{null}"
>
<div style="width: 100%; display: flex; justify-content: center">
<div
style="width: 100%; height: 100%; position: relative"
v-show="isXiHaiAn"
>
<!-- 西海岸--预览视频--遮罩 todo-->
<div class="video-cover-new" @click="videoShowMsg"></div>
<div class="waterMark waterMark-left-top">
{{ userInfo.usernameShow }}
</div>
<div class="waterMark waterMark-right-top">
{{ userInfo.realNameShow }}
</div>
<div class="waterMark waterMark-left-bottom">
{{ userInfo.usernameShow }}
</div>
<div class="waterMark waterMark-right-bottom">
{{ userInfo.realNameShow }}
</div>
<!--地图上点击之后弹出的操作弹窗-->
<camera-popup-on-map
:camera-Data-List="cameraDataList"
></camera-popup-on-map>
<camera-popup-on-map :camera-Data-List="cameraDataList" :selected-flag="selectedFlag"></camera-popup-on-map>
</div>
</div>
</a-modal>
</div>
</div>
@ -2247,6 +2267,8 @@
//
const operationPopupFlag = ref(false)//
//
const selectedFlag = ref(false)
</script>
<style lang="less" scoped>
.infrastructrueBox {
@ -2712,6 +2734,19 @@
cursor: pointer;
}
.video-cover-new {
width: 798px;
height: 600px;
position: absolute;
left: 85px;
top: 15px;
bottom: 0;
right: 0;
background: transparent;
z-index: 99999999;
cursor: pointer;
}
.batch-video-cover {
position: absolute;
left: 0;

View File

@ -25,7 +25,7 @@
</a-carousel>
<div class="operation-content" style="position:ab">
<div class="video-content">
<h5-player :video-url="videoUrl" ref="hPlayer"></h5-player>
<h5-player :video-url="videoUrl" :stop-flag="selectedFlag"></h5-player>
</div>
<div class="text-label">
<span>{{defaultIndex+1}}</span>/<span>{{cameraDataList.length}}</span>
@ -70,6 +70,10 @@
return {}
},
},
selectedFlag:{
type: Boolean,
default: false
}
},
mounted() {
this.getVideoUrl(this.cameraDataList[this.defaultIndex]);
@ -190,8 +194,9 @@
},
//
handleNext(){
if(this.defaultIndex === this.cameraDataList.length){
this.defaultIndex = this.cameraDataList.length;
let lastIndex = this.cameraDataList.length-1;
if(this.defaultIndex === Number(lastIndex)){
this.defaultIndex = 0;
console.log('opopopop',this.cameraDataList[0]);
this.getVideoUrl(this.cameraDataList[0]);
}else{

View File

@ -431,7 +431,7 @@ import { ElMessage } from 'element-plus'
}
}
}
params.type='0';
//params.type='0';
getCameraByCondition(params).then((res) => {
//console.log('parent44444', res.data.data)
if(type=='map'){
@ -441,11 +441,11 @@ import { ElMessage } from 'element-plus'
mybus.emit('getListByMap', params);
}
this.pointAllData = res.data.data;
if(this.mapSearchParam.type!=0){
if(this.mapSearchParam.type!=0)
this.addResourceTomap('videoMap', res.data.data)
}
else
{this.addResourceTomap('videoMap', []) } //}
this.addResourceTomap('videoMap', []) //}
})
}
@ -615,7 +615,7 @@ import { ElMessage } from 'element-plus'
this.getMapPoint(dataEvent, 'icon_camare.png', type)
},
getMapPoint(data, img, type) {
this.hiMapFun.clearAllLayers();
//this.hiMapFun.clearAllLayers();
const features = data
// debugger
this.hiMapFun.addResourceOnMapWithoutSuperMapCluster(