Compare commits
2 Commits
5e9759544d
...
8f899ecf3e
Author | SHA1 | Date |
---|---|---|
wuhongjian | 8f899ecf3e | |
wuhongjian | 0fa3708f20 |
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2020-07-07 16:03:23
|
* @Date: 2020-07-07 16:03:23
|
||||||
* @LastEditors: hisense.wuhongjian
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-11-24 15:54:56
|
* @LastEditTime: 2022-11-24 19:38:36
|
||||||
* @Description: 系统静态参数配置
|
* @Description: 系统静态参数配置
|
||||||
*/
|
*/
|
||||||
var _global = {}
|
var _global = {}
|
||||||
|
@ -63,14 +63,14 @@ var CONFIGITEM = {
|
||||||
},
|
},
|
||||||
// 获取摄像头的后端接口地址
|
// 获取摄像头的后端接口地址
|
||||||
camreaInfo: {
|
camreaInfo: {
|
||||||
// cameraUrl: '10.134.135.92:9537', // 西海岸-测试环境
|
cameraUrl: '10.134.135.92:9537', // 西海岸-测试环境
|
||||||
// cameraUrl: '10.134.135.9:9537', // 西海岸-生产环境
|
// cameraUrl: '10.134.135.9:9537', // 西海岸-生产环境
|
||||||
cameraUrl: '192.168.124.236:9537', // 远雄(不挂vpn可直接连)
|
// cameraUrl: '192.168.124.236:9537', // 远雄(不挂vpn可直接连)
|
||||||
},
|
},
|
||||||
backUrl: 'http://10.134.135.9:9797',
|
backUrl: 'http://10.134.135.9:9797',
|
||||||
apiURL: 'http://10.134.135.92:8888/renren-admin',
|
apiURL: 'http://10.134.135.92:8888/renren-admin',
|
||||||
// apiURL: 'http://192.168.124.233:8888/ucs-admin',
|
// apiURL: 'http://192.168.124.233:8888/ucs-admin',
|
||||||
previewUrl: 'http://10.134.135.9:9796/',
|
// previewUrl: 'http://10.134.135.9:9796/',
|
||||||
// websocketURL: '10.134.135.9:8888/ucs-admin', // 正式环境
|
// websocketURL: '10.134.135.9:8888/ucs-admin', // 正式环境
|
||||||
// websocketURL: '10.134.135.92:8888/ucs-admin', // 测试环境
|
// websocketURL: '10.134.135.92:8888/ucs-admin', // 测试环境
|
||||||
websocketURL: '192.168.124.254:8888/ucs-admin', // 李志成-远雄
|
websocketURL: '192.168.124.254:8888/ucs-admin', // 李志成-远雄
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2020-07-07 16:03:23
|
* @Date: 2020-07-07 16:03:23
|
||||||
* @LastEditors: hisense.wuhongjian
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-11-24 16:01:04
|
* @LastEditTime: 2022-11-24 17:33:36
|
||||||
* @Description: 地图静态参数配置
|
* @Description: 地图静态参数配置
|
||||||
*/
|
*/
|
||||||
var _mapConfig = {}
|
var _mapConfig = {}
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
/*
|
/*
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2022-04-20 17:16:35
|
* @Date: 2022-04-20 17:16:35
|
||||||
* @LastEditors: Light
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-11-24 18:04:45
|
* @LastEditTime: 2022-11-24 20:32:27
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
*/
|
*/
|
||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
|
|
|
@ -74,7 +74,7 @@ export function MapFun(mapObj) {
|
||||||
* @param layerName {String} 图层名
|
* @param layerName {String} 图层名
|
||||||
*/
|
*/
|
||||||
const _removeLayerByLayerName = function(layerName) {
|
const _removeLayerByLayerName = function(layerName) {
|
||||||
const layer = layerGroup.get(layerName)
|
const layer = layerGroup.get(layerName) ||
|
||||||
// const feature = featureGroup;
|
// const feature = featureGroup;
|
||||||
// map.popupclose();
|
// map.popupclose();
|
||||||
// debugger;
|
// debugger;
|
||||||
|
|
|
@ -84,18 +84,11 @@ function createMarkerClusterLayer(layerClassName, mapObj) {
|
||||||
})
|
})
|
||||||
markerClusterLayer.on('clusterclick', function(a) {
|
markerClusterLayer.on('clusterclick', function(a) {
|
||||||
let clusterList = [];
|
let clusterList = [];
|
||||||
//console.log('cluster ' + a.layer.getAllChildMarkers());
|
if (mapObj.getZoom() == mapObj.getMaxZoom()) {
|
||||||
if (a.layer.getAllChildMarkers().length < 50) {
|
|
||||||
for (var i = 0; i < a.layer.getAllChildMarkers().length; i++) {
|
for (var i = 0; i < a.layer.getAllChildMarkers().length; i++) {
|
||||||
//console.log('yyyyyyyyy', a.layer.getAllChildMarkers()[i].resourceData);
|
|
||||||
//console.log('yyyyyyyyy', a.layer.getAllChildMarkers()[i].fData);
|
|
||||||
clusterList.push(a.layer.getAllChildMarkers()[i].resourceData);
|
clusterList.push(a.layer.getAllChildMarkers()[i].resourceData);
|
||||||
}
|
}
|
||||||
//console.log('clusterList ' + a.layer.getAllChildMarkers(array, true));
|
|
||||||
//console.log('zzzzzzzzz', mapObj.getZoom(), mapObj.getMaxZoom());
|
|
||||||
if (mapObj.getZoom() == mapObj.getMaxZoom()) {
|
|
||||||
mybus.emit('openOperationPopup', clusterList);
|
mybus.emit('openOperationPopup', clusterList);
|
||||||
}
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -194,13 +187,14 @@ function addPointOnMap({
|
||||||
.openOn(mapObj.map)
|
.openOn(mapObj.map)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
const layer = marker.addTo(mapObj.map);
|
||||||
return isOpenPopup ?
|
featureGroup.addLayer(layer)
|
||||||
marker
|
layerGroup.set('potcon', layer)
|
||||||
.addTo(mapObj.map)
|
// marker
|
||||||
.bindPopup(elementHtml, { className: popupClassName })
|
// .addTo(mapObj.map)
|
||||||
.openPopup() :
|
// .bindPopup(elementHtml, { className: popupClassName })
|
||||||
marker.addTo(mapObj.map)
|
// .openPopup() :
|
||||||
|
// marker.addTo(mapObj.map)
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -919,9 +919,14 @@
|
||||||
const setTitle = () => {
|
const setTitle = () => {
|
||||||
let title = titleNameArray
|
let title = titleNameArray
|
||||||
let whoShow1 = ref(whoShow)
|
let whoShow1 = ref(whoShow)
|
||||||
if (whoShow1 && whoShow1.value.itShowXiHaiAn) {
|
if (
|
||||||
title[0] = title.splice(2, 1, title[0])[0]
|
whoShow1 &&
|
||||||
|
whoShow1.value.itShowXiHaiAn &&
|
||||||
|
title[0].name !== '基础设施'
|
||||||
|
) {
|
||||||
|
;[title[0], title[2]] = [title[2], title[0]]
|
||||||
}
|
}
|
||||||
|
debugger
|
||||||
titleName.value = title
|
titleName.value = title
|
||||||
}
|
}
|
||||||
// 查询
|
// 查询
|
||||||
|
|
|
@ -8,6 +8,7 @@
|
||||||
const IS_MOVE_DEVICE = document.body.clientWidth < 992 // 是否移动设备
|
const IS_MOVE_DEVICE = document.body.clientWidth < 992 // 是否移动设备
|
||||||
const MSE_IS_SUPPORT = !!window.MediaSource // 是否支持mse
|
const MSE_IS_SUPPORT = !!window.MediaSource // 是否支持mse
|
||||||
import { message } from 'ant-design-vue'
|
import { message } from 'ant-design-vue'
|
||||||
|
import mybus from '@/myplugins/mybus'
|
||||||
export default {
|
export default {
|
||||||
name: 'H5Player',
|
name: 'H5Player',
|
||||||
props: {
|
props: {
|
||||||
|
@ -61,6 +62,7 @@
|
||||||
created() {},
|
created() {},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.init()
|
this.init()
|
||||||
|
mybus.emit('closeLoading', true)
|
||||||
this.createPlayer()
|
this.createPlayer()
|
||||||
this.arrangeWindow()
|
this.arrangeWindow()
|
||||||
//videoUrl this.realplay(this.videoUrl,0);//循环传过来的数组进行播放,index根据选中的个数
|
//videoUrl this.realplay(this.videoUrl,0);//循环传过来的数组进行播放,index根据选中的个数
|
||||||
|
@ -113,6 +115,7 @@
|
||||||
//插件错误回调
|
//插件错误回调
|
||||||
console.log('pluginError callback: ', iWndIndex, iErrorCode, oError)
|
console.log('pluginError callback: ', iWndIndex, iErrorCode, oError)
|
||||||
message.error('取流异常,请稍后尝试')
|
message.error('取流异常,请稍后尝试')
|
||||||
|
mybus.emit('closeLoading', false)
|
||||||
},
|
},
|
||||||
windowEventOver: function (iWndIndex) {
|
windowEventOver: function (iWndIndex) {
|
||||||
//鼠标移过回调
|
//鼠标移过回调
|
||||||
|
@ -140,6 +143,7 @@
|
||||||
)
|
)
|
||||||
// 首帧绘制完成后停止
|
// 首帧绘制完成后停止
|
||||||
that.pausePlay(iWndIndex)
|
that.pausePlay(iWndIndex)
|
||||||
|
mybus.emit('closeLoading', false)
|
||||||
},
|
},
|
||||||
performanceLack: function () {
|
performanceLack: function () {
|
||||||
//性能不足回调
|
//性能不足回调
|
||||||
|
@ -161,7 +165,8 @@
|
||||||
// 初始化结束
|
// 初始化结束
|
||||||
// 视频预览
|
// 视频预览
|
||||||
realplay(playURL, index1) {
|
realplay(playURL, index1) {
|
||||||
this.mode = 1 //解码方式:0普通模式 1高级模式
|
mybus.emit('closeLoading', true)
|
||||||
|
this.mode = 0 //解码方式:0普通模式 1高级模式
|
||||||
const { player, mode, urls } = this,
|
const { player, mode, urls } = this,
|
||||||
index = player.currentWindowIndex
|
index = player.currentWindowIndex
|
||||||
// playURL = this.realplay
|
// playURL = this.realplay
|
||||||
|
@ -196,7 +201,7 @@
|
||||||
() => {
|
() => {
|
||||||
this.playback.rate = 0
|
this.playback.rate = 0
|
||||||
console.log('stopAllPlay success')
|
console.log('stopAllPlay success')
|
||||||
this.closeVideoTree()
|
// this.closeVideoTree()
|
||||||
},
|
},
|
||||||
(e) => {
|
(e) => {
|
||||||
console.error(e)
|
console.error(e)
|
||||||
|
|
|
@ -648,10 +648,12 @@
|
||||||
{{ userInfo.realNameShow }}
|
{{ userInfo.realNameShow }}
|
||||||
</div>
|
</div>
|
||||||
<!--地图上点击之后弹出的操作弹窗-->
|
<!--地图上点击之后弹出的操作弹窗-->
|
||||||
<camera-popup-on-map
|
<a-spin size="large" :spinning="spinning">
|
||||||
:camera-Data-List="cameraDataList"
|
<camera-popup-on-map
|
||||||
:reset-flag="resetFlag"
|
:camera-Data-List="cameraDataList"
|
||||||
></camera-popup-on-map>
|
:reset-flag="resetFlag"
|
||||||
|
></camera-popup-on-map>
|
||||||
|
</a-spin>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
|
@ -699,6 +701,7 @@
|
||||||
const current = ref(1)
|
const current = ref(1)
|
||||||
const videoTotal = ref(0)
|
const videoTotal = ref(0)
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
const spinning = ref(true)
|
||||||
const whoShow1 = ref(whoShow)
|
const whoShow1 = ref(whoShow)
|
||||||
const isXiHaiAn = whoShow1.value.itShowXiHaiAn
|
const isXiHaiAn = whoShow1.value.itShowXiHaiAn
|
||||||
const options = reactive({
|
const options = reactive({
|
||||||
|
@ -956,6 +959,10 @@
|
||||||
mapSearchParam.value.parentId = parentId
|
mapSearchParam.value.parentId = parentId
|
||||||
getCamera()
|
getCamera()
|
||||||
})
|
})
|
||||||
|
mybus.off('closeLoading')
|
||||||
|
mybus.on('closeLoading', (val) => {
|
||||||
|
spinning.value = val
|
||||||
|
})
|
||||||
mybus.off('changeRoomInput')
|
mybus.off('changeRoomInput')
|
||||||
mybus.on('changeRoomInput', (val) => {
|
mybus.on('changeRoomInput', (val) => {
|
||||||
console.log('更改=======》')
|
console.log('更改=======》')
|
||||||
|
|
|
@ -237,8 +237,6 @@ import { ElMessage } from 'element-plus'
|
||||||
queryCameraConditionPlace(data) {
|
queryCameraConditionPlace(data) {
|
||||||
let params = {
|
let params = {
|
||||||
placeTypeCode: data,
|
placeTypeCode: data,
|
||||||
pageNum: "1",
|
|
||||||
pageSize: 40000,
|
|
||||||
}
|
}
|
||||||
CameraConditionPlaceType(params).then((res) => {
|
CameraConditionPlaceType(params).then((res) => {
|
||||||
this.addResourceTomap('videoMap', res.data.data)
|
this.addResourceTomap('videoMap', res.data.data)
|
||||||
|
@ -294,7 +292,7 @@ import { ElMessage } from 'element-plus'
|
||||||
if(this.addressType=='2'){
|
if(this.addressType=='2'){
|
||||||
mybus.emit('openOperationPopup', [item]);
|
mybus.emit('openOperationPopup', [item]);
|
||||||
}else{
|
}else{
|
||||||
// this.hiMapFun.removeLayerByLayerName('potcon');
|
this.hiMapFun.removeLayerByLayerName('potcon');
|
||||||
// this.hiMapFun.clearAllLayers();
|
// this.hiMapFun.clearAllLayers();
|
||||||
// this.getCameraAllPage()
|
// this.getCameraAllPage()
|
||||||
this.hiMapFun.addPointOnMap({feature:latLng,iconUrl:'poi-red.png',layerName:'potcon'})
|
this.hiMapFun.addPointOnMap({feature:latLng,iconUrl:'poi-red.png',layerName:'potcon'})
|
||||||
|
@ -384,9 +382,11 @@ import { ElMessage } from 'element-plus'
|
||||||
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)
|
||||||
|
|
||||||
this.addResourceTomap('videoMap', res.data.data)
|
this.addResourceTomap('videoMap', res.data.data)
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
|
this.hiMapFun.mapFlyTo({lat:'36.017043',lng: '119.922772'}, 9)
|
||||||
console.log('根据parent查询摄像头111111',this.mapSearchParam)
|
console.log('根据parent查询摄像头111111',this.mapSearchParam)
|
||||||
let params = {
|
let params = {
|
||||||
regionId:
|
regionId:
|
||||||
|
@ -537,9 +537,6 @@ import { ElMessage } from 'element-plus'
|
||||||
getCameraAllPage(page) {
|
getCameraAllPage(page) {
|
||||||
let params = {
|
let params = {
|
||||||
regionId: "70be8c5b664f4bcf869d82f2e8335051",
|
regionId: "70be8c5b664f4bcf869d82f2e8335051",
|
||||||
// pageNum: "1",
|
|
||||||
// pageSize: 1000,
|
|
||||||
// type: 1,
|
|
||||||
borderPolygonList: []
|
borderPolygonList: []
|
||||||
}
|
}
|
||||||
getCameraByCondition(params).then((res) => {
|
getCameraByCondition(params).then((res) => {
|
||||||
|
|
Loading…
Reference in New Issue