Merge branch 'hi-ucs-dev' of http://192.168.124.50:3000/wuhongjian/hi-ucs into hi-ucs-dev

This commit is contained in:
gongjiale 2022-11-22 19:16:27 +08:00
commit 95657f9aee
2 changed files with 83 additions and 67 deletions

View File

@ -2,7 +2,7 @@
* @Author: Light
* @Date: 2022-11-18 11:53:43
* @LastEditors: Light
* @LastEditTime: 2022-11-22 14:50:32
* @LastEditTime: 2022-11-22 19:13:02
* @Description: 告诉大家这是什么
-->
<template>
@ -69,7 +69,10 @@
</a-list-item>
</template>
<template #header>
<div class="title">已申请列表</div>
<div class="title">
已申请列表
<a-button type="link" @click="goToApply">详情</a-button>
</div>
</template>
</a-list>
</div>
@ -103,24 +106,23 @@
:footer="null"
@cancel="clear"
>
<div style="width: 100%; display: flex; justify-content: center">
<div
style="width: 100%; height: 100%; position: relative">
<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>
<h5-player :video-url="videoUrl"></h5-player>
</div>
<div style="width: 100%; display: flex; justify-content: center">
<div style="width: 100%; height: 100%; position: relative">
<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>
<h5-player :video-url="videoUrl"></h5-player>
</div>
</div>
</a-modal>
</template>
<script setup>
@ -137,7 +139,7 @@
import mybus from '@/myplugins/mybus'
import { useRouter } from 'vue-router'
import H5Player from '@/views/home/components/H5Player.vue'
import {getCameraLiveStream} from '@/api/file'
import { getCameraLiveStream } from '@/api/file'
const dataList = reactive({ toBeApplied: [], requested: [], selectItem: {} })
const showVisible = ref(false)
//
@ -243,10 +245,18 @@
}
}
}
const goToApply = () => {
router.push({
path: '/personalCenter',
query: {
type: 'apply',
},
})
}
const selectItem = (item) => {
if (item.approveStatus == '通过') {
dataList.selectItem = item
getVideoUrl(item.cameraInfo);
getVideoUrl(item.cameraInfo)
} else {
dataList.selectItem = {}
showVisible.value = false
@ -302,16 +312,16 @@
initApply()
const videoUrl = ref('')
//
const getVideoUrl = (data) =>{
let param = data;
getCameraLiveStream(param).then((res) => {
const getVideoUrl = (data) => {
let param = data
getCameraLiveStream(param).then((res) => {
//console.log('555555rrrrr',res)
if(res.data.data){
videoUrl.value = res.data.data.url;
}
showVisible.value = true
})
if (res.data.data) {
videoUrl.value = res.data.data.url
}
showVisible.value = true
})
}
mybus.on('selectCamera', (obj) => {
// 10
if (dataList.toBeApplied.length + dataList.requested.length >= 10) {
@ -392,43 +402,43 @@
height: 3rem;
}
.waterMark {
position: absolute;
z-index: 99999999;
color: #0058e1;
font-size: 22px;
font-weight: bold;
opacity: 0.4;
transform: rotate(-25deg);
width: 470px;
}
.waterMark {
position: absolute;
z-index: 99999999;
color: #0058e1;
font-size: 22px;
font-weight: bold;
opacity: 0.4;
transform: rotate(-25deg);
width: 470px;
}
//
.waterMark-left-top {
left: 50px;
top: 100px;
text-align: left;
}
//
.waterMark-left-top {
left: 50px;
top: 100px;
text-align: left;
}
//
.waterMark-right-top {
right: 50px;
top: 100px;
text-align: right;
}
//
.waterMark-right-top {
right: 50px;
top: 100px;
text-align: right;
}
//
.waterMark-left-bottom {
left: 50px;
bottom: 100px;
text-align: left;
}
//
.waterMark-left-bottom {
left: 50px;
bottom: 100px;
text-align: left;
}
//
.waterMark-right-bottom {
right: 50px;
bottom: 100px;
text-align: right;
}
//
.waterMark-right-bottom {
right: 50px;
bottom: 100px;
text-align: right;
}
}
</style>

View File

@ -193,10 +193,11 @@ import { ElMessage } from 'element-plus'
// parentId
mybus.off('getCameraByParentId')
mybus.on('getCameraByParentId', (parentId) => {
debugger
this.mapSearchParam.parentId = parentId
this.mapSearchParam.type = "1"
this.mapSearchParam.pageSize = 10000
this.getCameraByParentId()
this.getCameraByParentId('','department')
})
//
mybus.off('selectTablePoint')
@ -314,6 +315,9 @@ import { ElMessage } from 'element-plus'
lng: item.location.x,
}
this.hiMapFun.mapFlyTo(latLng)
if(this.addressType=='2'){
mybus.emit('openOperationPopup', [item]);
}
},
//
areaSelectResource(){
@ -395,7 +399,7 @@ import { ElMessage } from 'element-plus'
}
})
},
getCameraByParentId(type) {
getCameraByParentId(type,dataName) {
if (!this.whoShow1.itShowXiHaiAn) {
getCameraByParentId(this.mapSearchParam).then((res) => {
console.log('根据parent查询摄像头', res.data.data)
@ -431,7 +435,9 @@ import { ElMessage } from 'element-plus'
}
}
}
//params.type='0';
if(dataName){
params.type='0';
}
getCameraByCondition(params).then((res) => {
//console.log('parent44444', res.data.data)
if(type=='map'){
@ -443,7 +449,7 @@ import { ElMessage } from 'element-plus'
this.pointAllData = res.data.data;
if(this.mapSearchParam.type!=0)
this.addResourceTomap('videoMap', res.data.data)
else
this.addResourceTomap('videoMap', []) //}