Merge branch 'hi-ucs-dev' of http://192.168.124.50:3000/wuhongjian/hi-ucs into hi-ucs-dev
This commit is contained in:
commit
95657f9aee
|
@ -2,7 +2,7 @@
|
||||||
* @Author: Light
|
* @Author: Light
|
||||||
* @Date: 2022-11-18 11:53:43
|
* @Date: 2022-11-18 11:53:43
|
||||||
* @LastEditors: Light
|
* @LastEditors: Light
|
||||||
* @LastEditTime: 2022-11-22 14:50:32
|
* @LastEditTime: 2022-11-22 19:13:02
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
@ -69,7 +69,10 @@
|
||||||
</a-list-item>
|
</a-list-item>
|
||||||
</template>
|
</template>
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="title">已申请列表</div>
|
<div class="title">
|
||||||
|
已申请列表
|
||||||
|
<a-button type="link" @click="goToApply">详情</a-button>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</a-list>
|
</a-list>
|
||||||
</div>
|
</div>
|
||||||
|
@ -103,24 +106,23 @@
|
||||||
:footer="null"
|
:footer="null"
|
||||||
@cancel="clear"
|
@cancel="clear"
|
||||||
>
|
>
|
||||||
<div style="width: 100%; display: flex; justify-content: center">
|
<div style="width: 100%; display: flex; justify-content: center">
|
||||||
<div
|
<div style="width: 100%; height: 100%; position: relative">
|
||||||
style="width: 100%; height: 100%; position: relative">
|
<div class="waterMark waterMark-left-top">
|
||||||
<div class="waterMark waterMark-left-top">
|
{{ userInfo.usernameShow }}
|
||||||
{{ 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>
|
</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>
|
</a-modal>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
|
@ -137,7 +139,7 @@
|
||||||
import mybus from '@/myplugins/mybus'
|
import mybus from '@/myplugins/mybus'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import H5Player from '@/views/home/components/H5Player.vue'
|
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 dataList = reactive({ toBeApplied: [], requested: [], selectItem: {} })
|
||||||
const showVisible = ref(false)
|
const showVisible = ref(false)
|
||||||
// 待办
|
// 待办
|
||||||
|
@ -243,10 +245,18 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
const goToApply = () => {
|
||||||
|
router.push({
|
||||||
|
path: '/personalCenter',
|
||||||
|
query: {
|
||||||
|
type: 'apply',
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
const selectItem = (item) => {
|
const selectItem = (item) => {
|
||||||
if (item.approveStatus == '通过') {
|
if (item.approveStatus == '通过') {
|
||||||
dataList.selectItem = item
|
dataList.selectItem = item
|
||||||
getVideoUrl(item.cameraInfo);
|
getVideoUrl(item.cameraInfo)
|
||||||
} else {
|
} else {
|
||||||
dataList.selectItem = {}
|
dataList.selectItem = {}
|
||||||
showVisible.value = false
|
showVisible.value = false
|
||||||
|
@ -302,16 +312,16 @@
|
||||||
initApply()
|
initApply()
|
||||||
const videoUrl = ref('')
|
const videoUrl = ref('')
|
||||||
//获取视频控件所需播放地址
|
//获取视频控件所需播放地址
|
||||||
const getVideoUrl = (data) =>{
|
const getVideoUrl = (data) => {
|
||||||
let param = data;
|
let param = data
|
||||||
getCameraLiveStream(param).then((res) => {
|
getCameraLiveStream(param).then((res) => {
|
||||||
//console.log('555555rrrrr',res)
|
//console.log('555555rrrrr',res)
|
||||||
if(res.data.data){
|
if (res.data.data) {
|
||||||
videoUrl.value = res.data.data.url;
|
videoUrl.value = res.data.data.url
|
||||||
}
|
|
||||||
showVisible.value = true
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
|
showVisible.value = true
|
||||||
|
})
|
||||||
|
}
|
||||||
mybus.on('selectCamera', (obj) => {
|
mybus.on('selectCamera', (obj) => {
|
||||||
// 判断最多10条
|
// 判断最多10条
|
||||||
if (dataList.toBeApplied.length + dataList.requested.length >= 10) {
|
if (dataList.toBeApplied.length + dataList.requested.length >= 10) {
|
||||||
|
@ -392,43 +402,43 @@
|
||||||
height: 3rem;
|
height: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.waterMark {
|
.waterMark {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 99999999;
|
z-index: 99999999;
|
||||||
color: #0058e1;
|
color: #0058e1;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
opacity: 0.4;
|
opacity: 0.4;
|
||||||
transform: rotate(-25deg);
|
transform: rotate(-25deg);
|
||||||
width: 470px;
|
width: 470px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 左上
|
// 左上
|
||||||
.waterMark-left-top {
|
.waterMark-left-top {
|
||||||
left: 50px;
|
left: 50px;
|
||||||
top: 100px;
|
top: 100px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 右上
|
// 右上
|
||||||
.waterMark-right-top {
|
.waterMark-right-top {
|
||||||
right: 50px;
|
right: 50px;
|
||||||
top: 100px;
|
top: 100px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 左下
|
// 左下
|
||||||
.waterMark-left-bottom {
|
.waterMark-left-bottom {
|
||||||
left: 50px;
|
left: 50px;
|
||||||
bottom: 100px;
|
bottom: 100px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 右下
|
// 右下
|
||||||
.waterMark-right-bottom {
|
.waterMark-right-bottom {
|
||||||
right: 50px;
|
right: 50px;
|
||||||
bottom: 100px;
|
bottom: 100px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -193,10 +193,11 @@ import { ElMessage } from 'element-plus'
|
||||||
// 点击左侧根据parentId查询摄像头列表
|
// 点击左侧根据parentId查询摄像头列表
|
||||||
mybus.off('getCameraByParentId')
|
mybus.off('getCameraByParentId')
|
||||||
mybus.on('getCameraByParentId', (parentId) => {
|
mybus.on('getCameraByParentId', (parentId) => {
|
||||||
|
debugger
|
||||||
this.mapSearchParam.parentId = parentId
|
this.mapSearchParam.parentId = parentId
|
||||||
this.mapSearchParam.type = "1"
|
this.mapSearchParam.type = "1"
|
||||||
this.mapSearchParam.pageSize = 10000
|
this.mapSearchParam.pageSize = 10000
|
||||||
this.getCameraByParentId()
|
this.getCameraByParentId('','department')
|
||||||
})
|
})
|
||||||
//表格勾选
|
//表格勾选
|
||||||
mybus.off('selectTablePoint')
|
mybus.off('selectTablePoint')
|
||||||
|
@ -314,6 +315,9 @@ import { ElMessage } from 'element-plus'
|
||||||
lng: item.location.x,
|
lng: item.location.x,
|
||||||
}
|
}
|
||||||
this.hiMapFun.mapFlyTo(latLng)
|
this.hiMapFun.mapFlyTo(latLng)
|
||||||
|
if(this.addressType=='2'){
|
||||||
|
mybus.emit('openOperationPopup', [item]);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
//框选
|
//框选
|
||||||
areaSelectResource(){
|
areaSelectResource(){
|
||||||
|
@ -395,7 +399,7 @@ import { ElMessage } from 'element-plus'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
getCameraByParentId(type) {
|
getCameraByParentId(type,dataName) {
|
||||||
if (!this.whoShow1.itShowXiHaiAn) {
|
if (!this.whoShow1.itShowXiHaiAn) {
|
||||||
getCameraByParentId(this.mapSearchParam).then((res) => {
|
getCameraByParentId(this.mapSearchParam).then((res) => {
|
||||||
console.log('根据parent查询摄像头', res.data.data)
|
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) => {
|
getCameraByCondition(params).then((res) => {
|
||||||
//console.log('根据parent查询摄像头44444', res.data.data)
|
//console.log('根据parent查询摄像头44444', res.data.data)
|
||||||
if(type=='map'){
|
if(type=='map'){
|
||||||
|
|
Loading…
Reference in New Issue