21 changed files with 2368 additions and 2775 deletions
@ -0,0 +1,70 @@ |
|||||
|
/** |
||||
|
* 克隆 |
||||
|
* 用于EarthComp.vue |
||||
|
*/ |
||||
|
|
||||
|
export function cloneModel(modelObject) { |
||||
|
if (modelObject.czmObject.xbsjType === 'Model') { |
||||
|
const modelConfig = { |
||||
|
ref: '', |
||||
|
name: modelObject.name, |
||||
|
czmObject: { |
||||
|
name: modelObject.czmObject.name, |
||||
|
xbsjType: modelObject.czmObject.xbsjType, |
||||
|
url: modelObject.czmObject.url, |
||||
|
// "color": [0.52, 0.6, 0.58, 1],
|
||||
|
minimumPixelSize: modelObject.czmObject.minimumPixelSize, |
||||
|
// maximumScale: 0.02,
|
||||
|
scale: modelObject.czmObject.scale, |
||||
|
xbsjScale: [...modelObject.czmObject.xbsjScale], |
||||
|
xbsjPosition: [...modelObject.czmObject.xbsjPosition], |
||||
|
xbsjRotation: [...modelObject.czmObject.xbsjRotation], |
||||
|
viewDistance: 150, |
||||
|
distanceDisplayCondition: [1.0, 30000.0], |
||||
|
}, |
||||
|
}; |
||||
|
const index = modelObject.parent.children.push(modelConfig); |
||||
|
return index; |
||||
|
// const model = new window.XE.Obj.Model(window.$earth)
|
||||
|
// model.xbsjFromJSON(modelConfig)
|
||||
|
// const leaf = new window.XE.SceneTree.Leaf(model)
|
||||
|
// window.$earth.sceneTree.root.push(leaf)
|
||||
|
} else { |
||||
|
const objConfig3 = { |
||||
|
ref: '', |
||||
|
name: modelObject.name, |
||||
|
czmObject: { |
||||
|
customProp: modelObject.czmObject.customProp, |
||||
|
name: modelObject.czmObject.name, |
||||
|
xbsjType: modelObject.czmObject.xbsjType, |
||||
|
imageUrl: modelObject.czmObject.imageUrl, |
||||
|
position: [...modelObject.czmObject.position], |
||||
|
scale: modelObject.czmObject.scale, |
||||
|
pinBuilder: { |
||||
|
extText: modelObject.czmObject.pinBuilder.extText, |
||||
|
extTextFont: '30px 楷体', |
||||
|
extTextPixelOffset: [30, -20], |
||||
|
fillColor: [1, 1, 1, 0.9], |
||||
|
outlineColor: [0, 0, 0, 0.9], |
||||
|
}, |
||||
|
far: 1073741824, |
||||
|
}, |
||||
|
}; |
||||
|
const index = modelObject.parent.children.push(objConfig3); |
||||
|
return index; |
||||
|
} |
||||
|
|
||||
|
// return model
|
||||
|
} |
||||
|
|
||||
|
export function cloneShamNode(oldRef, id, title) { |
||||
|
const shamNode = window.$earth.sceneTree.$refs['node_' + oldRef]; |
||||
|
const newShamNode = { |
||||
|
ref: 'node_' + id, |
||||
|
title: title, |
||||
|
expand: false, |
||||
|
children: [], |
||||
|
}; |
||||
|
// that.currentModel = response.result
|
||||
|
shamNode.parent.children.push(newShamNode); |
||||
|
} |
||||
@ -0,0 +1,43 @@ |
|||||
|
/** |
||||
|
* 加载地图实时资源（无人机、车辆、人员、巡逻路线等） |
||||
|
* 用于EarthComp.vue |
||||
|
*/ |
||||
|
import getAllModelInfo from '@/utils/earthMap/getAllModelInfo'; |
||||
|
import getPatrolRouteInfo from '@/utils/earthMap/getPatrolRouteInfo'; |
||||
|
export default async function createRealTimeObj(earthUI = null) { |
||||
|
let models = { |
||||
|
expand: true, |
||||
|
title: '地图实况', |
||||
|
children: [ |
||||
|
{ |
||||
|
expand: false, |
||||
|
title: '巡逻路线', |
||||
|
children: [], |
||||
|
}, |
||||
|
{ |
||||
|
expand: false, |
||||
|
title: '执勤巡逻', |
||||
|
children: [], |
||||
|
}, |
||||
|
{ |
||||
|
expand: false, |
||||
|
title: '预警/报警', |
||||
|
children: [], |
||||
|
}, |
||||
|
{ |
||||
|
expand: false, |
||||
|
title: 'AIS', |
||||
|
children: [], |
||||
|
}, |
||||
|
], |
||||
|
}; |
||||
|
try { |
||||
|
await getAllModelInfo(models); |
||||
|
await getPatrolRouteInfo(models); |
||||
|
//添加对象到场景树
|
||||
|
// window.$earth.sceneTree.root.children.push(models);
|
||||
|
window.$earth.sceneTree.root.children.splice(1, 0, models); |
||||
|
} catch (e) { |
||||
|
console.log(e); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,220 @@ |
|||||
|
/** |
||||
|
* 用于EarthComp.vue |
||||
|
*/ |
||||
|
import { defHttp } from '/@/utils/http/axios'; |
||||
|
import { useUserStore } from '/@/store/modules/user'; |
||||
|
import { useEarthMapStore } from '/@/store/modules/earthMap'; |
||||
|
import { earthMapUrl } from '@/api/earth/earthMap' |
||||
|
import earthUtils from '@/utils/earthMap/earth'; |
||||
|
|
||||
|
let userStore = useUserStore(); |
||||
|
let store = useEarthMapStore(); |
||||
|
export default function getAllModelInfo(models) { |
||||
|
return new Promise((resolve, reject) => { |
||||
|
//模型位置
|
||||
|
|
||||
|
defHttp.get({ url: earthMapUrl.queryAllModelInfo }, { isTransformResponse: false }).then(async (res) => { |
||||
|
if (res.success) { |
||||
|
res.result.forEach((data, index) => { |
||||
|
let childrenConfig: any = {}, |
||||
|
objConfig: any = {}, |
||||
|
pathConfig: any = {}, |
||||
|
viewshedConfig: any = {}, |
||||
|
pinConfig: any = {}; |
||||
|
let positions: any = [], |
||||
|
rotations: any = []; |
||||
|
switch (data.modelType) { |
||||
|
case 1: //无人机
|
||||
|
childrenConfig = { |
||||
|
expand: false, |
||||
|
title: '无人机_' + (index + 1) + '号', |
||||
|
children: [], |
||||
|
}; |
||||
|
objConfig = { |
||||
|
ref: data.eventSerialNum, |
||||
|
czmObject: { |
||||
|
name: '无人机', |
||||
|
xbsjType: 'Model', |
||||
|
url: window._CONFIG['staticDomainURL'] + '/uav.gltf', |
||||
|
minimumPixelSize: 1000, |
||||
|
maximumScale: 20, |
||||
|
xbsjPosition: earthUtils.degreeToRadianInLngLatHeight(data.lon, data.lat, data.height), |
||||
|
distanceDisplayCondition: [10.0, 25000.0], |
||||
|
}, |
||||
|
}; |
||||
|
childrenConfig.children.push(objConfig); |
||||
|
// 加载视域
|
||||
|
viewshedConfig = { |
||||
|
ref: 'viewshed_' + data.eventSerialNum, |
||||
|
czmObject: { |
||||
|
xbsjType: 'Viewshed', |
||||
|
name: '视域', |
||||
|
position: earthUtils.degreeToRadianInLngLatHeight(data.lon, data.lat, data.height), |
||||
|
rotation: earthUtils.degreeToRadianInLngLatHeight(data.yaw, data.pitch, data.roll), |
||||
|
near: 1.0, |
||||
|
far: 1500, |
||||
|
enabled: false, |
||||
|
show: false, |
||||
|
}, |
||||
|
}; |
||||
|
childrenConfig.children.push(viewshedConfig); |
||||
|
//加载历史轨迹
|
||||
|
data.msModelTrajectoryList.forEach((data, index) => { |
||||
|
positions.push(earthUtils.degreeToRadianInLngLatHeight(data.lon, data.lat, data.height)); |
||||
|
rotations.push(earthUtils.degreeToRadianInLngLatHeight(data.yaw, data.pitch, data.roll)); |
||||
|
}); |
||||
|
pathConfig = { |
||||
|
ref: 'path_' + data.eventSerialNum, |
||||
|
czmObject: { |
||||
|
xbsjType: 'Path', |
||||
|
name: '轨迹', |
||||
|
positions: positions, |
||||
|
rotations: rotations, |
||||
|
enabled: false, |
||||
|
show: true, |
||||
|
loop: false, |
||||
|
showDirection: false, |
||||
|
playing: true, |
||||
|
loopPlay: true, |
||||
|
alwaysAlongThePath: true, |
||||
|
currentSpeed: 30, |
||||
|
}, |
||||
|
}; |
||||
|
childrenConfig.children.push(pathConfig); |
||||
|
/* // 显示当前坐标 |
||||
|
pinConfig = { |
||||
|
"ref": "pin_" + data.eventSerialNum, |
||||
|
"czmObject": { |
||||
|
"xbsjType": "Pin", |
||||
|
"name": "当前位置", |
||||
|
"position": earthUtils.degreeToRadianInLngLatHeight(data.lon, data.lat, data.height), |
||||
|
"evalString": "const width = 430;\nconst height = 70;\nfunction createLabelCanvas(p) {\n if (p._labelDiv) {\n p._earth.czm.viewer.container.removeChild(p._labelDiv);\n p._labelDiv = undefined;\n }\n const labelDiv = document.createElement('div');\n labelDiv.style = 'width:'+width+'px;height: '+height+'px;position: absolute; pointer-events: none;'\n\n p._earth.czm.viewer.container.appendChild(labelDiv);\n p._labelDiv = labelDiv;\n\n var dis = XE.MVVM.watch(() => {\n labelDiv.style.display = p.enabled ? 'block' : 'none';\n });\n\n p.disposers.push(() => {\n if (p._labelDiv) {\n p._earth.czm.viewer.container.removeChild(p._labelDiv);\n p._labelDiv = undefined;\n }\n dis();\n });\n\n const labelCanvas = document.createElement('canvas');\n labelCanvas.style = 'width: 100%;height: 100%;';\n\n labelCanvas.width = width;\n labelCanvas.height = height;\n labelDiv.appendChild(labelCanvas);\n return labelCanvas;\n}\n\nfunction createDrawFunc(p) {\n const labelCanvas = createLabelCanvas(p);\n const ctx = labelCanvas.getContext('2d');\n\n function draw(w) {\n ctx.clearRect(0, 0, width, height);\n\n ctx.save();\n ctx.lineWidth = 2;\n ctx.strokeStyle = 'rgb(31, 255,255)';\n ctx.beginPath();\n ctx.moveTo(width, height);\n ctx.lineTo(width-height, 22);\n ctx.lineTo(0, 22);\n ctx.stroke();\n ctx.restore();\n ctx.font = \"15px console\"; \n ctx.fillStyle = 'rgb(255, 255, 0)';\n ctx.fillText('" + |
||||
|
"经度：" + data.lon + "/" + "纬度：" + data.lat + "/" + "高度：" + data.height + "', 0, 20);\n ctx.restore();\n }\n\n p._dDraw = draw;\n}\n\ncreateDrawFunc(p);\n\nlet d = 0;\nlet c = 0;\np._dDraw(c);\nconst preUpdateListener = p._earth.czm.scene.preUpdate.addEventListener(() => {\n if (d !== c) {\n c += (d - c) * 0.1;\n if (Math.abs(c - d) < 0.1) {\n c = d;\n }\n p._dDraw(c);\n }\n});\np.disposers.push(() => preUpdateListener && preUpdateListener());\n\nconst container = p._earth.czm.viewer.container;\nconst unwatch = XE.MVVM.watch(() => [...p.winPos], winPos => {\n if (p._labelDiv) {\n p._labelDiv.style.left = (winPos[0] - p._labelDiv.clientWidth) + 'px';\n p._labelDiv.style.bottom = winPos[3]+'px';\n } \n});\np.disposers.push(() => {\n unwatch && unwatch();\n});", |
||||
|
"isDivImage": true, |
||||
|
"pinBuilder": {}, |
||||
|
"far": 25000 |
||||
|
} |
||||
|
}; |
||||
|
childrenConfig.children.push(pinConfig); */ |
||||
|
//加入树
|
||||
|
models.children[1].children.push(childrenConfig); |
||||
|
break; |
||||
|
case 2: //执勤人员
|
||||
|
childrenConfig = { |
||||
|
expand: false, |
||||
|
title: '执勤人员_' + (index + 1) + '号', |
||||
|
children: [], |
||||
|
}; |
||||
|
objConfig = { |
||||
|
ref: data.eventSerialNum, |
||||
|
czmObject: { |
||||
|
xbsjType: 'GroundImage', |
||||
|
name: '执勤人员', |
||||
|
playing: true, |
||||
|
width: 90, |
||||
|
height: 90, |
||||
|
position: earthUtils.degreeToRadianInLngLatHeight(data.lon, data.lat, 0), |
||||
|
imageUrls: [window._CONFIG['staticDomainURL'] + '/xunluo_point1.png', window._CONFIG['staticDomainURL'] + '/xunluo_point2.png'], |
||||
|
}, |
||||
|
}; |
||||
|
childrenConfig.children.push(objConfig); |
||||
|
//加载历史轨迹
|
||||
|
data.msModelTrajectoryList.forEach((data, index) => { |
||||
|
positions.push(earthUtils.degreeToRadianInLngLatHeight(data.lon, data.lat, data.height)); |
||||
|
rotations.push(earthUtils.degreeToRadianInLngLatHeight(data.yaw, data.pitch, data.roll)); |
||||
|
}); |
||||
|
pathConfig = { |
||||
|
ref: 'path_' + data.eventSerialNum, |
||||
|
czmObject: { |
||||
|
xbsjType: 'Path', |
||||
|
name: '轨迹', |
||||
|
positions: positions, |
||||
|
rotations: rotations, |
||||
|
enabled: false, |
||||
|
show: true, |
||||
|
loop: false, |
||||
|
showDirection: false, |
||||
|
playing: true, |
||||
|
loopPlay: true, |
||||
|
alwaysAlongThePath: true, |
||||
|
currentSpeed: 30, |
||||
|
}, |
||||
|
}; |
||||
|
childrenConfig.children.push(pathConfig); |
||||
|
//加入树
|
||||
|
models.children[1].children.push(childrenConfig); |
||||
|
break; |
||||
|
case 3: //可疑人员
|
||||
|
childrenConfig = { |
||||
|
expand: false, |
||||
|
title: '可疑人员_' + (index + 1) + '号', |
||||
|
children: [], |
||||
|
}; |
||||
|
objConfig = { |
||||
|
ref: data.eventSerialNum, |
||||
|
czmObject: { |
||||
|
xbsjType: 'GroundImage', |
||||
|
name: '可疑人员', |
||||
|
playing: true, |
||||
|
width: 90, |
||||
|
height: 90, |
||||
|
position: earthUtils.degreeToRadianInLngLatHeight(data.lon, data.lat, 0), |
||||
|
imageUrls: [window._CONFIG['staticDomainURL'] + '/keyi_point1.png', window._CONFIG['staticDomainURL'] + '/keyi_point2.png'], |
||||
|
}, |
||||
|
}; |
||||
|
childrenConfig.children.push(objConfig); |
||||
|
//加载历史轨迹
|
||||
|
data.msModelTrajectoryList.forEach((data, index) => { |
||||
|
positions.push(earthUtils.degreeToRadianInLngLatHeight(data.lon, data.lat, data.height)); |
||||
|
rotations.push(earthUtils.degreeToRadianInLngLatHeight(data.yaw, data.pitch, data.roll)); |
||||
|
}); |
||||
|
pathConfig = { |
||||
|
ref: 'path_' + data.eventSerialNum, |
||||
|
czmObject: { |
||||
|
xbsjType: 'Path', |
||||
|
name: '轨迹', |
||||
|
positions: positions, |
||||
|
rotations: rotations, |
||||
|
enabled: false, |
||||
|
show: true, |
||||
|
loop: false, |
||||
|
showDirection: false, |
||||
|
playing: true, |
||||
|
loopPlay: true, |
||||
|
alwaysAlongThePath: true, |
||||
|
currentSpeed: 30, |
||||
|
}, |
||||
|
}; |
||||
|
childrenConfig.children.push(pathConfig); |
||||
|
//加入树
|
||||
|
models.children[2].children.push(childrenConfig); |
||||
|
break; |
||||
|
case 11: //传感器
|
||||
|
objConfig = { |
||||
|
ref: data.eventSerialNum, |
||||
|
czmObject: { |
||||
|
name: data.eventSerialNum, |
||||
|
xbsjType: 'Model', |
||||
|
url: window._CONFIG['staticDomainURL'] + '/zalan.gltf', |
||||
|
minimumPixelSize: 1000, |
||||
|
maximumScale: 0.01, |
||||
|
// xbsjPosition: [window.Cesium.Math.toRadians(data.lon), window.Cesium.Math.toRadians(data.lat), data.height],
|
||||
|
xbsjPosition: earthUtils.degreeToRadianInLngLatHeight(data.lon, data.lat, data.height), |
||||
|
xbsjRotation: earthUtils.degreeToRadianInLngLatHeight(data.yaw, data.pitch, data.roll), |
||||
|
distanceDisplayCondition: [10.0, 25000.0], |
||||
|
customProp: data.eventSerialNum, |
||||
|
color: [0.08235294117647059, 1, 0, 1], |
||||
|
luminanceAtZenith: 2, |
||||
|
}, |
||||
|
}; |
||||
|
//加入树
|
||||
|
models.children[0].children[0].children.push(objConfig); |
||||
|
break; |
||||
|
default: |
||||
|
} |
||||
|
}); |
||||
|
resolve(models); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
} |
||||
@ -0,0 +1,165 @@ |
|||||
|
/** |
||||
|
* 加载雷达和微波 |
||||
|
* 用于EarthComp.vue |
||||
|
*/ |
||||
|
import { defHttp } from '/@/utils/http/axios'; |
||||
|
import { addPin } from '@/utils/earthMap/earthObj'; |
||||
|
import { useUserStore } from '/@/store/modules/user'; |
||||
|
import { useEarthMapStore } from '/@/store/modules/earthMap'; |
||||
|
import { earthMapUrl } from '@/api/earth/earthMap' |
||||
|
import hidePng from '@/assets/earthMap/hide.png'; |
||||
|
import { setLabelStatus } from '@/utils/earthMap/setLabelStatus'; |
||||
|
import { nextTick } from 'vue'; |
||||
|
import $ from 'jquery'; |
||||
|
|
||||
|
let userStore = useUserStore(); |
||||
|
let store = useEarthMapStore(); |
||||
|
export default async function getLabelInfo(models, type) { |
||||
|
console.log("加载雷达和微波"); |
||||
|
return new Promise((resolve, reject) => { |
||||
|
//请求地图标志信息
|
||||
|
defHttp.get({ url: earthMapUrl.queryLabelList }, { isTransformResponse: false }).then(async (res) => { |
||||
|
// console.log("请求地图标志信息",res);
|
||||
|
if (res.success) { |
||||
|
const labelItems = await setLabel(res.result, models, type); |
||||
|
resolve(labelItems); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
async function setLabel(res, models, type) { |
||||
|
const args = { pageNo: 1, pageSize: 999 }; |
||||
|
await defHttp |
||||
|
.get( |
||||
|
{ |
||||
|
url: earthMapUrl.queryDeviceInfoList, |
||||
|
params: args, |
||||
|
}, |
||||
|
{ isTransformResponse: false } |
||||
|
) |
||||
|
.then((reponse) => { |
||||
|
if (reponse.success) { |
||||
|
// console.log("queryDeviceInfoList",reponse);
|
||||
|
const hostDeviceList = reponse.result.records; |
||||
|
for (const hostDevice of hostDeviceList) { |
||||
|
store.hostDeviceMapById.set(hostDevice.id, hostDevice); |
||||
|
} |
||||
|
return store.hostDeviceMapById; |
||||
|
} else { |
||||
|
console.error('获取主机信息错误', reponse); |
||||
|
} |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
throw '获取主机信息错误'; |
||||
|
}); |
||||
|
//根据经纬度算出该点地形高度
|
||||
|
let posArr: any = [], |
||||
|
updatedPositions: any = []; |
||||
|
res.forEach((data, index) => { |
||||
|
updatedPositions.push(window.Cesium.Cartographic.fromDegrees(data.mapLabel.labelLon, data.mapLabel.labelLat, data.mapLabel.labelHeight)); |
||||
|
}); |
||||
|
const labelItems: any = []; |
||||
|
//设置标志
|
||||
|
res.forEach((data, index) => { |
||||
|
const item: any = data.mapLabel; |
||||
|
labelItems.push(item.id); |
||||
|
const objConfig3 = { |
||||
|
ref: item.id, |
||||
|
name: item.lineId, |
||||
|
czmObject: { |
||||
|
customProp: '{"labelAttr":' + item.labelAttr + ',"labelCode":"' + item.labelCode + '","deviceId":"' + data.deviceId + '"}', |
||||
|
name: item.labelName, |
||||
|
xbsjType: 'Pin', |
||||
|
imageUrl: window._CONFIG['staticDomainURL'] + '/' + item.labelImgUrl, |
||||
|
position: [updatedPositions[index].longitude, updatedPositions[index].latitude, Number(item.labelHeight)], |
||||
|
scale: item.labelAttr == 4 ? 1 : 0.7, |
||||
|
pinBuilder: { |
||||
|
extText: item.labelName, |
||||
|
extTextFont: '30px 楷体', |
||||
|
extTextPixelOffset: item.labelAttr == 4 ? [30, -20] : [15, -20], |
||||
|
fillColor: [1, 1, 1, 0.9], |
||||
|
outlineColor: [0, 0, 0, 0.9], |
||||
|
}, |
||||
|
far: 25000, |
||||
|
}, |
||||
|
}; |
||||
|
if (item.labelAttr == 4) { |
||||
|
// console.log("雷达",item);
|
||||
|
store.statusByNodeId.set(item.id, 1); |
||||
|
addLabelNodeToTree(item, models, objConfig3, type); |
||||
|
} else { |
||||
|
// console.log("微波",item);
|
||||
|
store.statusByNodeId.set(item.id, -10); |
||||
|
addLabelNodeToTree(item, models, objConfig3, type); |
||||
|
const device = store.hostDeviceMapById.get(data.deviceId); |
||||
|
if (device) { |
||||
|
//参数3 2为查询状态
|
||||
|
setLabelStatus(device, item.labelCode, item.id, 2); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
return labelItems; |
||||
|
} |
||||
|
|
||||
|
function addLabelNodeToTree(item, models, objConfig3, type) { |
||||
|
//微波
|
||||
|
if (item.labelAttr == 10) { |
||||
|
if (type == 2) { |
||||
|
let childs1 = models.children; |
||||
|
for (const child of childs1) { |
||||
|
if ('node_' + item.lineId == child.ref) { |
||||
|
child.children[2].children.push(objConfig3); |
||||
|
} |
||||
|
} |
||||
|
} else { |
||||
|
const parentNode = store.nodeConfigByRef.get('node_' + item.lineId); |
||||
|
if (!parentNode) { |
||||
|
return; |
||||
|
} |
||||
|
let childs2 = parentNode.children; |
||||
|
childs2[2].children.push(objConfig3); |
||||
|
} |
||||
|
} |
||||
|
//雷达
|
||||
|
else if (item.labelAttr == 4) { |
||||
|
if (type == 2) { |
||||
|
let childs1 = models.children; |
||||
|
for (const child of childs1) { |
||||
|
if ('node_' + item.lineId == child.ref) { |
||||
|
child.children[1].children.push(objConfig3); |
||||
|
} |
||||
|
} |
||||
|
} else { |
||||
|
const parentNode = store.nodeConfigByRef.get('node_' + item.lineId); |
||||
|
if (!parentNode) { |
||||
|
return; |
||||
|
} |
||||
|
let childs2 = parentNode.children; |
||||
|
childs2[1].children.push(objConfig3); |
||||
|
} |
||||
|
} |
||||
|
//雷达（已弃用）
|
||||
|
else if (item.labelAttr == 4) { |
||||
|
console.log('leida'); |
||||
|
|
||||
|
if (type == 2) { |
||||
|
let childs3 = models.children; |
||||
|
for (const child of childs3) { |
||||
|
for (const element of child.children[1].children) { |
||||
|
if ('nodeSecondary_' + item.lineId == element.ref) { |
||||
|
element.children.push(objConfig3); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} else { |
||||
|
const parentNode1 = store.nodeConfigByRef.get('nodeSecondary_' + item.lineId); |
||||
|
// console.log("nodeSecondary_",parentNode1);
|
||||
|
if (!parentNode1) { |
||||
|
return; |
||||
|
} |
||||
|
const childs4 = parentNode1.children; |
||||
|
childs4.push(objConfig3); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,48 @@ |
|||||
|
/** |
||||
|
* 执勤巡逻路线 |
||||
|
* 用于EarthComp.vue |
||||
|
*/ |
||||
|
import { defHttp } from '/@/utils/http/axios'; |
||||
|
import { useUserStore } from '/@/store/modules/user'; |
||||
|
import { useEarthMapStore } from '/@/store/modules/earthMap'; |
||||
|
import { earthMapUrl } from '@/api/earth/earthMap' |
||||
|
import earthUtils from '@/utils/earthMap/earth'; |
||||
|
|
||||
|
let userStore = useUserStore(); |
||||
|
let store = useEarthMapStore(); |
||||
|
|
||||
|
export default function getPatrolRouteInfo(models) { |
||||
|
return new Promise((resolve, reject) => { |
||||
|
//执勤巡逻路线
|
||||
|
defHttp.get({ url: earthMapUrl.queryPatrolRouteInfo }, { isTransformResponse: false }).then(async (res) => { |
||||
|
if (res.success) { |
||||
|
res.result.forEach((data, index) => { |
||||
|
//将路线上的点拼成坐标数组
|
||||
|
let positions: any = []; |
||||
|
data.msLineConstList.forEach((data, index) => { |
||||
|
positions.push(earthUtils.degreeToRadianInLngLatHeight(data.lon, data.lat, data.height)); |
||||
|
}); |
||||
|
const objConfig = { |
||||
|
ref: data.lineCode, |
||||
|
czmObject: { |
||||
|
name: data.lineName, |
||||
|
xbsjType: 'Polyline', |
||||
|
width: 2, |
||||
|
material: { |
||||
|
type: 'XbsjODLineMaterial', |
||||
|
XbsjODLineMaterial: { |
||||
|
bgColor: [0.5, 0.5, 0.5, 1], |
||||
|
color: [0, 1, 0.11, 1], |
||||
|
totoalFrameCount: 200, |
||||
|
}, |
||||
|
}, |
||||
|
positions: positions, |
||||
|
}, |
||||
|
}; |
||||
|
models.children[0].children.push(objConfig); |
||||
|
}); |
||||
|
resolve(models); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
} |
||||
@ -0,0 +1,437 @@ |
|||||
|
/** |
||||
|
* 监听鼠标事件 |
||||
|
* 用于EarthComp.vue |
||||
|
* |
||||
|
*/ |
||||
|
import { nextTick } from 'vue'; |
||||
|
import { defHttp } from '/@/utils/http/axios'; |
||||
|
import $ from 'jquery'; |
||||
|
import { useUserStore } from '/@/store/modules/user'; |
||||
|
import { useEarthMapStore } from '/@/store/modules/earthMap'; |
||||
|
import { earthMapUrl } from '@/api/earth/earthMap' |
||||
|
import { useMessage } from '/@/hooks/web/useMessage'; |
||||
|
import { CircleScan } from '@/utils/earthMap/radarEntity'; |
||||
|
import { radianToDegreeInLngLatHeight } from '@/utils/earthMap/earth'; |
||||
|
import $mitt from '@/utils/earthMap/mitt'; |
||||
|
|
||||
|
let userStore = useUserStore(); |
||||
|
let store = useEarthMapStore(); |
||||
|
const { createMessage } = useMessage(); |
||||
|
|
||||
|
export default function listenMouseHandler(that) { |
||||
|
|
||||
|
const handler = new window.Cesium.ScreenSpaceEventHandler(window.$viewer.scene.canvas); |
||||
|
that._handler = handler; |
||||
|
//取消双击旋转事件
|
||||
|
window.$viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(window.Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK); |
||||
|
/* MOUSE事件（有性能问题，慎用！） */ |
||||
|
|
||||
|
/* 鼠标左键事件 */ |
||||
|
{ |
||||
|
handler.setInputAction((click: any) => { |
||||
|
if (typeof that._pin !== 'undefined') { |
||||
|
// 销毁指示线
|
||||
|
that._pin.destroy(); |
||||
|
} |
||||
|
|
||||
|
let pickedFeature = window.$viewer.scene.pick(click.position); |
||||
|
console.log('点击:', pickedFeature); |
||||
|
|
||||
|
if (pickedFeature && pickedFeature.id) { |
||||
|
// 三维模型
|
||||
|
if (pickedFeature.id.xbsjType && pickedFeature.id.xbsjType === 'Model') { |
||||
|
//点击电线杆触发弹窗
|
||||
|
store.cameraData.forEach((data) => { |
||||
|
if (!$.isEmptyObject(data.msCameraSiteList)) { |
||||
|
if (!data.msCameraSiteList) { |
||||
|
return; |
||||
|
} |
||||
|
data.msCameraSiteList.forEach((data) => { |
||||
|
if (pickedFeature.id.customProp === data.id) { |
||||
|
if ($('.cameraModal ul').length > 0) { |
||||
|
$('.cameraModal ul').remove(); |
||||
|
} |
||||
|
$('.cameraModal').append('<ul></ul>'); |
||||
|
if (!data.msCameraSettingList) return; |
||||
|
// 将监控相机列表传入弹窗组件中
|
||||
|
that.cameraList = data.msCameraSettingList; |
||||
|
// 将监控点位置传入弹窗组件中
|
||||
|
that.monitorPosition = pickedFeature.id._primitive.xbsjPosition; |
||||
|
data.msCameraSettingList.forEach((data, index) => { |
||||
|
let camera_img = |
||||
|
data.type == '4' |
||||
|
? window._CONFIG['staticDomainURL'] + '/qiuji.png' |
||||
|
: data.type == '3' |
||||
|
? window._CONFIG['staticDomainURL'] + '/qiangji.png' |
||||
|
: window._CONFIG['staticDomainURL'] + '/qiangji.png'; |
||||
|
let cameraStatus = data.status == '1' ? 'successStatus' : data.status == '2' ? 'offlineStatus' : 'errorStatus'; |
||||
|
let rtspUrl = data.cameraCode; |
||||
|
// 'rtsp://' + data.user + ':' + data.password + '@' + data.ip + window._CONFIG['cameraMain']
|
||||
|
$('.cameraModal ul').append( |
||||
|
'<li><a class="openIframe" id="' + |
||||
|
data.id + |
||||
|
'" videoUrl="' + |
||||
|
rtspUrl + |
||||
|
'" cameraIP="' + |
||||
|
data.ip + |
||||
|
'" cameraUser="' + |
||||
|
data.user + |
||||
|
'" cameraPsd="' + |
||||
|
data.password + |
||||
|
'"><img src="' + |
||||
|
camera_img + |
||||
|
'" /><div class="' + |
||||
|
cameraStatus + |
||||
|
'">' + |
||||
|
data.cameraName + |
||||
|
'</div> </a></li>' |
||||
|
); |
||||
|
}); |
||||
|
let cameraModal: any = document.getElementById('cameraModal') |
||||
|
cameraModal.style.left = click.position.x + -45 + 'px'; |
||||
|
cameraModal.style.top = click.position.y + -180 + 'px'; |
||||
|
that.cameraModalShow = true; |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
// 船只模型
|
||||
|
if (pickedFeature.id.xbsjType && pickedFeature.id.name.includes('船') && pickedFeature.id.xbsjType === 'Model') { |
||||
|
that.AISInfoWindowShow = true; |
||||
|
// 赋值船只场景id
|
||||
|
that.ship_guid = pickedFeature.id.guid; |
||||
|
} |
||||
|
//雷达扫描范围
|
||||
|
if ( |
||||
|
pickedFeature.id._xbsjOwner && |
||||
|
pickedFeature.id._xbsjOwner.customProp && |
||||
|
JSON.parse(pickedFeature.id._xbsjOwner.customProp).labelAttr == '4' |
||||
|
) { |
||||
|
let labelCode = JSON.parse(pickedFeature.id._xbsjOwner.customProp).labelCode; |
||||
|
console.log(pickedFeature.id._xbsjOwner); |
||||
|
if (pickedFeature.id._xbsjOwner.addViewShedReturn) { |
||||
|
//显示/不显示雷达扫码效果
|
||||
|
// pickedFeature.id._xbsjOwner.addViewShedReturn.show = !pickedFeature.id._xbsjOwner.addViewShedReturn.show;
|
||||
|
// console.log("pickedFeature.id._xbsjOwner.addViewShedReturn",pickedFeature.id._xbsjOwner.addViewShedReturn);
|
||||
|
|
||||
|
//清空当前雷达，并将该方法指向undefined(清空)
|
||||
|
pickedFeature.id._xbsjOwner.addViewShedReturn.clear(); |
||||
|
pickedFeature.id._xbsjOwner.addViewShedReturn = undefined; |
||||
|
} else { |
||||
|
defHttp.get({ url: earthMapUrl.radarList, params: { radarCode: labelCode } }, { isTransformResponse: false }).then((res) => { |
||||
|
if (res.success) { |
||||
|
if (res.result.records.length > 0) { |
||||
|
let data = res.result.records[0]; |
||||
|
let rgb; |
||||
|
if (data.customProp) { |
||||
|
rgb = JSON.parse(data.customProp).color; |
||||
|
} |
||||
|
let radarRadius = data.workingRadius; |
||||
|
let radarRange = data.elevation; |
||||
|
let radarShifting = data.angularRadian; |
||||
|
let left = Number(radarShifting) - Number(radarRange) / 2; |
||||
|
//参数：经纬度、半径、起始角度（正北方向）、结束角度
|
||||
|
console.log('雷达扫描范围', data); |
||||
|
|
||||
|
//弧度转角度
|
||||
|
let degreePosition = radianToDegreeInLngLatHeight( |
||||
|
pickedFeature.id._xbsjOwner.position[0], |
||||
|
pickedFeature.id._xbsjOwner.position[1], |
||||
|
0.1 |
||||
|
); |
||||
|
//创建雷达扫描 深度
|
||||
|
// window.$viewer.scene.globe.depthTestAgainstTerrain = true;
|
||||
|
let rader = new CircleScan(window.$viewer); |
||||
|
rader.add(degreePosition, null, radarRadius, 10000); |
||||
|
pickedFeature.id._xbsjOwner.addViewShedReturn = rader; |
||||
|
|
||||
|
// 雷达扫描2
|
||||
|
// let rader2 = window.$viewer.entities.add({
|
||||
|
// position: Cesium.Cartesian3.fromDegrees(113.528333, 22.156109),
|
||||
|
// name: '雷达扫描',
|
||||
|
// ellipse: {
|
||||
|
// semiMajorAxis: 5000.0,
|
||||
|
// semiMinorAxis: 5000.0,
|
||||
|
// material: new Cesium.RadarScanMaterialProperty({
|
||||
|
// color: new Cesium.Color(1.0, 1.0, 0.0, 0.7),
|
||||
|
// speed: 20.0,
|
||||
|
// }),
|
||||
|
// height: 20.0,
|
||||
|
// heightReference: Cesium.HeightReference.RELATIVE_TO_GROUND,
|
||||
|
// outline: true,
|
||||
|
// outlineColor: new Cesium.Color(1.0, 1.0, 0.0, 1.0)
|
||||
|
// }
|
||||
|
// })
|
||||
|
|
||||
|
// pickedFeature.id._xbsjOwner.addViewShedReturn= addViewShedRadar(
|
||||
|
// pickedFeature.id._xbsjOwner.position,
|
||||
|
// radarRadius,
|
||||
|
// left,
|
||||
|
// Number(radarRange) / 2 + Number(radarShifting),
|
||||
|
// [rgb.r / 255, rgb.g / 255, rgb.b / 255, rgb.a]
|
||||
|
// );
|
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
} else { |
||||
|
//关闭所有气泡窗
|
||||
|
that.cameraModalShow = false; |
||||
|
that.poiModalShow = false; |
||||
|
} |
||||
|
}, window.Cesium.ScreenSpaceEventType.LEFT_CLICK); |
||||
|
} |
||||
|
/* 鼠标右键事件 */ |
||||
|
{ |
||||
|
handler.setInputAction((click) => { |
||||
|
// 判断点击位置是否有实体
|
||||
|
//返回具有 `primitive` 属性的对象，该属性包含场景中特定窗口坐标处的第一个（顶部）图元，如果该位置没有任何内容，则返回未定义的对象。其他属性可能会根据基元的类型进行设置，并可用于进一步识别拾取的对象。
|
||||
|
let pickedFeature = window.$viewer.scene.pick(click.position); |
||||
|
// console.log("pick",pickedFeature);
|
||||
|
|
||||
|
let entity = pickedFeature && pickedFeature.id; |
||||
|
console.log('pick', pickedFeature); |
||||
|
console.log('entity', entity); |
||||
|
if (entity == undefined) { |
||||
|
return; |
||||
|
} |
||||
|
if (typeof pickedFeature !== 'undefined' && pickedFeature.id.xbsjType == 'Model') { |
||||
|
//点击电线杆触发弹窗
|
||||
|
store.cameraData.forEach((data) => { |
||||
|
if (!$.isEmptyObject(data.msCameraSiteList)) { |
||||
|
if (!data.msCameraSettingList) { |
||||
|
return; |
||||
|
} |
||||
|
data.msCameraSiteList.forEach((data) => { |
||||
|
if (pickedFeature.id.customProp === data.id) { |
||||
|
window.$uia.contextMenu.pop([ |
||||
|
{ |
||||
|
text: '监控视域分析属性', |
||||
|
func: () => { |
||||
|
let testConfig = { |
||||
|
ref: 'testView', |
||||
|
name: '雷达视域分析', |
||||
|
position: [1.514482876761954, 0.8497520519403554, -0.7553906497788317], |
||||
|
rotation: [4.535844766941594, 0.32288591161895097, 0], |
||||
|
near: 1, |
||||
|
far: 400, |
||||
|
fovH: Math.PI / 3, |
||||
|
fovV: Math.PI / 6, |
||||
|
show: false, |
||||
|
}; |
||||
|
let Viewshed = new window.XE.Obj.Viewshed(window.$earth); |
||||
|
Viewshed.xbsjFromJSON(testConfig); |
||||
|
window.$uia.showPropertyWindow(Viewshed); |
||||
|
}, |
||||
|
}, |
||||
|
]); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
//巡检监控视频
|
||||
|
else if (typeof pickedFeature !== 'undefined' && entity._name == '视频图元') { |
||||
|
// console.log(pickedFeature)
|
||||
|
// console.log("entity",entity)
|
||||
|
window.$uia.contextMenu.pop([ |
||||
|
{ |
||||
|
text: '编辑', |
||||
|
func: () => { |
||||
|
$mitt.emit('addRoamPathVideoClose'); |
||||
|
// store.commit('customPrimitive', entity.xbsjGuid);
|
||||
|
store.customPrimitive = entity.xbsjGuid; |
||||
|
// 打开对应的创建巡检视频窗口
|
||||
|
nextTick(() => { |
||||
|
that.addRoamVideoShow = true; |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: '删除', |
||||
|
func: () => { |
||||
|
window.$uia.confirm('确认删除?', () => { |
||||
|
defHttp |
||||
|
.delete( |
||||
|
{ |
||||
|
url: '/military/msAreaCustomPrimitive/delete', |
||||
|
params: { id: entity.id }, |
||||
|
}, |
||||
|
{ isTransformResponse: false, joinParamsToUrl: true } |
||||
|
) |
||||
|
.then((response) => { |
||||
|
if (response.code == 200) { |
||||
|
let customPrimitiveList = store.customPrimitiveList; |
||||
|
// console.log("a",customPrimitiveList);
|
||||
|
customPrimitiveList.forEach((element, index) => { |
||||
|
const model = window.$earth.getObject(element); |
||||
|
// console.log("model.id",model.id);
|
||||
|
// console.log("entity.id",entity.id);
|
||||
|
if (model.id == entity.id) { |
||||
|
let customPrimitive = customPrimitiveList.splice(index, 1)[0]; |
||||
|
model.destroy(); |
||||
|
} |
||||
|
}); |
||||
|
// store.dispatch('asyncCustomPrimitive', customPrimitiveList);
|
||||
|
store.customPrimitiveList = customPrimitiveList; |
||||
|
|
||||
|
// notification.close("RoamVideoSet");
|
||||
|
// sessionStorage.setItem("RoamVideoSet", "false");
|
||||
|
} else { |
||||
|
createMessage.error('修改失败', 2); |
||||
|
console.error('删除失败', response); |
||||
|
} |
||||
|
}) |
||||
|
.catch((res) => { |
||||
|
console.error('错误', res); |
||||
|
}); |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
]); |
||||
|
} |
||||
|
//绘画图形
|
||||
|
else if (typeof pickedFeature !== 'undefined' && entity.name == '绘画') { |
||||
|
// console.log("entity", entity);
|
||||
|
window.$uia.contextMenu.pop([ |
||||
|
{ |
||||
|
text: '编辑', |
||||
|
func: () => { |
||||
|
window.$uia.showPropertyWindow(entity); |
||||
|
//记录编辑前信息
|
||||
|
let oldEntity = { |
||||
|
depthTest: entity.depthTest, //深度检测
|
||||
|
color: [...entity.color], //颜色
|
||||
|
outline: { |
||||
|
color: [...entity.outline.color], //边框颜色
|
||||
|
show: entity.outline.show, //边框显示
|
||||
|
width: entity.outline.width, //边框宽度
|
||||
|
}, |
||||
|
positions: [...entity.positions], |
||||
|
}; |
||||
|
nextTick(() => { |
||||
|
// 主要ui窗口
|
||||
|
const mainUI = window.$uia._vm.$refs.mainUI; |
||||
|
// 所有打开的ui窗口Ref值
|
||||
|
const windowsAttrList = Object.keys(mainUI.$refs); |
||||
|
// 寻找当前窗体的工具对象
|
||||
|
const modelToolKey = windowsAttrList.filter((f) => f.indexOf(entity.guid) > -1)[0]; |
||||
|
const modelTool = mainUI.$refs[modelToolKey][0]; |
||||
|
// 当前窗体的元素
|
||||
|
const el = modelTool.$el; |
||||
|
// this.cloneEl(el)
|
||||
|
// 样式
|
||||
|
el.style.width = '380px'; //宽度
|
||||
|
el.children[2].style.padding = '0px'; |
||||
|
el.children[2].style.transition = 'none'; |
||||
|
el.children[2].children[0].children[0].style.minWidth = '370px'; |
||||
|
// 关闭名称input
|
||||
|
el.children[2].children[0].children[0].children[0].style.display = 'none'; |
||||
|
// 关闭创建按钮
|
||||
|
el.children[2].children[0].children[0].children[1].children[0].children[1].style.display = 'none'; |
||||
|
// 关闭贴地
|
||||
|
el.children[2].children[0].children[0].children[2].children[0].style.display = 'none'; |
||||
|
// 关闭拉伸
|
||||
|
el.children[2].children[0].children[0].children[3].children[0].style.display = 'none'; |
||||
|
el.children[2].children[0].children[0].children[3].children[1].style.display = 'none'; |
||||
|
el.children[2].children[0].children[0].children[3].children[2].style.display = 'none'; |
||||
|
el.children[2].children[0].children[0].children[3].children[3].style.marginLeft = '8px'; |
||||
|
// 右上角关闭
|
||||
|
const cancelTopRightBtn = el.children[1].children[1]; |
||||
|
// 取消按钮元素
|
||||
|
const cancelBtn = el.children[3].children[0]; |
||||
|
// 确认按钮元素
|
||||
|
const okBtn = el.children[3].children[1]; |
||||
|
// 取消按钮
|
||||
|
cancelTopRightBtn.onclick = cancelBtn.onclick = function () { |
||||
|
//恢复原来设置
|
||||
|
// console.log("oldEntity", oldEntity);
|
||||
|
// console.log("entity", entity);
|
||||
|
// entity.xbsjFromJSON(oldEntity)
|
||||
|
// entity = JSON.parse(oldEntity)
|
||||
|
entity.depthTest = oldEntity.depthTest; |
||||
|
entity.color = oldEntity.color; |
||||
|
entity.outline = oldEntity.outline; |
||||
|
entity.positions = oldEntity.positions; |
||||
|
entity.editing = false; |
||||
|
}; |
||||
|
okBtn.onclick = function () { |
||||
|
let params = { |
||||
|
id: entity.customProp?.id, |
||||
|
drawData: JSON.stringify(entity), |
||||
|
}; |
||||
|
// console.log("submit", entity);
|
||||
|
defHttp |
||||
|
.post( |
||||
|
{ |
||||
|
url: '/military/dtMapDraw/edit', |
||||
|
params: params, |
||||
|
}, |
||||
|
{ isTransformResponse: false } |
||||
|
) |
||||
|
.then(() => { |
||||
|
createMessage.success('编辑成功', 2); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
createMessage.error('编辑失败', 2); |
||||
|
}); |
||||
|
}; |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: '删除', |
||||
|
func: () => { |
||||
|
window.$uia.confirm('确认删除?', () => { |
||||
|
defHttp |
||||
|
.delete( |
||||
|
{ |
||||
|
url: '/military/dtMapDraw/delete', |
||||
|
params: { id: entity.customProp?.id }, |
||||
|
}, |
||||
|
{ isTransformResponse: false, joinParamsToUrl: true } |
||||
|
) |
||||
|
.then((response) => { |
||||
|
if (response.code == 200) { |
||||
|
let shapeList = store.shapeList; |
||||
|
shapeList.forEach((element, index) => { |
||||
|
const model = window.$earth.getObject(element); |
||||
|
if (model.id == entity.customProp?.id) { |
||||
|
let shape = shapeList.splice(index, 1)[0]; |
||||
|
model.destroy(); |
||||
|
} |
||||
|
}); |
||||
|
store.shapeList = shapeList; |
||||
|
} else { |
||||
|
createMessage.error('删除失败', 2); |
||||
|
console.error('删除失败', response); |
||||
|
} |
||||
|
}) |
||||
|
.catch((res) => { |
||||
|
console.error('错误', res); |
||||
|
}); |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
]); |
||||
|
} |
||||
|
}, window.Cesium.ScreenSpaceEventType.RIGHT_CLICK); //右键事件
|
||||
|
} |
||||
|
/* picked事件 */ |
||||
|
{ |
||||
|
/* let canvasbox = window.$viewer.canvas, pickPosition = {}, cameraModal = this.$refs.cameraModal;//操作cameraModal组件 |
||||
|
canvasbox.onclick = e => { |
||||
|
pickPosition.x = e.offsetX; |
||||
|
pickPosition.y = e.offsetY; |
||||
|
var picked = window.$viewer.scene.pick(pickPosition); |
||||
|
console.log("picked", picked); |
||||
|
if (picked !== undefined && picked.id !== undefined) { |
||||
|
console.log(e) |
||||
|
} else { |
||||
|
that.cameraModalShow = false; |
||||
|
} |
||||
|
} */ |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,918 @@ |
|||||
|
/** |
||||
|
* 图层管理-模型右键菜单 |
||||
|
* 用于EarthComp.vue |
||||
|
*/ |
||||
|
import { defHttp } from '/@/utils/http/axios'; |
||||
|
import { cloneModel, cloneShamNode } from '@/utils/earthMap/clone'; |
||||
|
import { useUserStore } from '/@/store/modules/user'; |
||||
|
import { useEarthMapStore } from '/@/store/modules/earthMap'; |
||||
|
import { setLabelStatus, setAllLabelStatus } from '@/utils/earthMap/setLabelStatus'; |
||||
|
import { earthMapUrl } from '@/api/earth/earthMap' |
||||
|
import { useMessage } from '/@/hooks/web/useMessage'; |
||||
|
import { handleNodeType } from '@/utils/earthMap/handleNodeType'; |
||||
|
import setIconByRef from '@/utils/earthMap/setIconByRef'; |
||||
|
import { nextTick } from 'vue'; |
||||
|
import _ from 'lodash'; |
||||
|
import $mitt from '@/utils/earthMap/mitt'; |
||||
|
import $ from 'jquery'; |
||||
|
|
||||
|
let userStore = useUserStore(); |
||||
|
let store = useEarthMapStore(); |
||||
|
const { createMessage } = useMessage(); |
||||
|
export default function sceneTreePopContextMenu({ item, vueObject }, earthUI, that) { |
||||
|
let earth = window.$earth; |
||||
|
let XE = window.XE; |
||||
|
let sceneTree = earthUI.tools.sceneTree; |
||||
|
let sceneTreeComp = sceneTree._comp; |
||||
|
// 转换方法
|
||||
|
let transform = window.Cesium.Math; |
||||
|
//右键之后设置当前 node
|
||||
|
item._inner.sn.isSelected = true; |
||||
|
const el = vueObject.$el; |
||||
|
let baseItems: any = [ |
||||
|
{ |
||||
|
text: '克隆', |
||||
|
keys: '', |
||||
|
func: () => { |
||||
|
let sn: any = null; |
||||
|
if (item._inner.sn.ref.startsWith('node_')) { |
||||
|
const objectId = item._inner.sn.ref.split('_')[1]; |
||||
|
sn = earth.sceneTree.$refs[objectId]; |
||||
|
} else { |
||||
|
sn = item._inner.sn; |
||||
|
} |
||||
|
if (sn) { |
||||
|
let newSn: any = null; |
||||
|
let newSnData: any = null; |
||||
|
let index = 0; |
||||
|
if (sn.czmObject.xbsjType !== 'Polyline') { |
||||
|
index = cloneModel(sn); |
||||
|
newSn = sn.parent.children[index - 1]; |
||||
|
newSnData = newSn.czmObject; |
||||
|
if (newSnData.xbsjType === 'Model') { |
||||
|
nextTick(() => { |
||||
|
const divs = $('#earthContainer>div>div>div:nth-child(5)') |
||||
|
.children('div') |
||||
|
.eq(1) |
||||
|
.children() |
||||
|
.eq(0) |
||||
|
.children() |
||||
|
.eq(0) |
||||
|
.children() |
||||
|
.each((index, element) => { |
||||
|
if (index <= 1) { |
||||
|
return; |
||||
|
} |
||||
|
const paddingLeft = $(element).children().eq(0).css('padding-left'); |
||||
|
if (paddingLeft === '10px') { |
||||
|
$(element).css('display', 'none'); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
// 保存数据到数据库中
|
||||
|
handleNodeType(sn) |
||||
|
// 传感器
|
||||
|
.sensor(() => { |
||||
|
// debugger
|
||||
|
// 设置 ref 属性 防止数据库中 eventSerialNum 重复
|
||||
|
newSn.ref += '_copy'; |
||||
|
// 发送请求 保存到数据库中
|
||||
|
let saveSensorModelParameter = { |
||||
|
eventSerialNum: newSn.ref, |
||||
|
lon: transform.toDegrees(newSnData.xbsjPosition[0]).toFixed(5), |
||||
|
lat: transform.toDegrees(newSnData.xbsjPosition[1]).toFixed(5), |
||||
|
height: newSnData.xbsjPosition[2].toFixed(2), |
||||
|
yaw: transform.toDegrees(newSnData.xbsjRotation[0]).toFixed(2), |
||||
|
pitch: transform.toDegrees(newSnData.xbsjRotation[1]).toFixed(2), |
||||
|
roll: transform.toDegrees(newSnData.xbsjRotation[2]).toFixed(2), |
||||
|
isShow: 1, |
||||
|
modelType: '11', |
||||
|
eventType: 1, |
||||
|
}; |
||||
|
defHttp.post( |
||||
|
{ |
||||
|
url: earthMapUrl.SaveSensorModel, |
||||
|
params: saveSensorModelParameter, |
||||
|
}, |
||||
|
{ isTransformResponse: false } |
||||
|
).then((res) => { |
||||
|
if (res.success) { |
||||
|
createMessage.success('克隆成功'); |
||||
|
} else { |
||||
|
newSn.parent.children.splice(index, 1); |
||||
|
createMessage.error('克隆成功:' + res.message); |
||||
|
} |
||||
|
}); |
||||
|
}) |
||||
|
// 标志点 微波雷达回调
|
||||
|
.markerPosition(() => { |
||||
|
newSn.title += '_copy'; |
||||
|
let pinImage = newSnData.imageUrl; |
||||
|
const staticDomainURL = window._CONFIG['staticDomainURL'] + '/'; |
||||
|
// 去除 image 地址中的 staticDomainURL 链接
|
||||
|
let imageUri = pinImage.substring(pinImage.indexOf(staticDomainURL) + staticDomainURL.length, pinImage.length); |
||||
|
const jsonObj = JSON.parse(newSnData.customProp); |
||||
|
const labelAttr = jsonObj.labelAttr; |
||||
|
let savePinModelParameter = { |
||||
|
mapLabel: { |
||||
|
labelName: newSnData.name, |
||||
|
labelLon: transform.toDegrees(newSnData.position[0]).toFixed(5), |
||||
|
labelLat: transform.toDegrees(newSnData.position[1]).toFixed(5), |
||||
|
labelHeight: newSnData.position[2].toFixed(2), |
||||
|
labelImgUrl: imageUri, |
||||
|
// 1 启用， 0 禁用
|
||||
|
labelStatus: 1, |
||||
|
// 标记属性-> 3: 标记位置
|
||||
|
labelAttr: labelAttr, |
||||
|
labelCode: '', |
||||
|
lineId: newSn.name, |
||||
|
}, |
||||
|
deviceId: jsonObj.deviceId, |
||||
|
}; |
||||
|
defHttp.post( |
||||
|
{ |
||||
|
url: earthMapUrl.saveMapLabel, |
||||
|
params: savePinModelParameter, |
||||
|
}, { isTransformResponse: false } |
||||
|
).then((res) => { |
||||
|
if (res.success) { |
||||
|
// 修改 ref 成 数据库返回的 id
|
||||
|
newSn.ref = res.result; |
||||
|
setIconByRef(newSn.ref, newSn.ref); |
||||
|
newSn.czmObject.pinBuilder.extText = newSnData.name; |
||||
|
jsonObj.labelCode = ''; |
||||
|
newSn.czmObject.customProp = JSON.stringify(jsonObj); |
||||
|
// 保存成功
|
||||
|
createMessage.success('克隆成功'); |
||||
|
} else { |
||||
|
newSn.parent.children.splice(index, 1); |
||||
|
createMessage.error('克隆失败' + res.message); |
||||
|
} |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
newSn.parent.children.splice(index, 1); |
||||
|
createMessage.error('克隆失败'); |
||||
|
}); |
||||
|
}) |
||||
|
//区域回调
|
||||
|
.polylineCallBack(() => { |
||||
|
// debugger
|
||||
|
const currentModel = new window.XE.Obj.Polyline(window.$earth); |
||||
|
const submitData: any = {}; |
||||
|
const poistions = sn.czmObject.positions; |
||||
|
if (poistions.length <= 0) { |
||||
|
return; |
||||
|
} |
||||
|
submitData.name = sn.czmObject.name + '_copy'; |
||||
|
submitData.lineCode = currentModel.guid; |
||||
|
submitData.isLoop = Number(sn.czmObject.loop); |
||||
|
submitData.isDepthCheck = Number(sn.czmObject.depthTest); |
||||
|
submitData.width = sn.czmObject.width; |
||||
|
submitData.interpolation = sn.czmObject.arcType; |
||||
|
submitData.positions = JSON.stringify(poistions); |
||||
|
switch (sn.czmObject.material.type) { |
||||
|
// 实线
|
||||
|
case 'XbsjColorMaterial': |
||||
|
submitData.materialType = 0; |
||||
|
submitData.color = JSON.stringify(sn.czmObject.material.XbsjColorMaterial.color); |
||||
|
submitData.intervalColor = null; |
||||
|
submitData.dashLength = 0; |
||||
|
submitData.dashStyle = 0; |
||||
|
break; |
||||
|
// 虚线
|
||||
|
case 'XbsjPolylineDashMaterial': |
||||
|
submitData.materialType = 1; |
||||
|
submitData.color = JSON.stringify(sn.czmObject.material.XbsjPolylineDashMaterial.color); |
||||
|
submitData.intervalColor = JSON.stringify(sn.czmObject.material.XbsjPolylineDashMaterial.gapColor); |
||||
|
submitData.dashLength = sn.czmObject.material.XbsjPolylineDashMaterial.dashLength; |
||||
|
submitData.dashStyle = sn.czmObject.material.XbsjPolylineDashMaterial.dashPattern; |
||||
|
break; |
||||
|
// 箭头线
|
||||
|
case 'XbsjPolylineArrowMaterial': |
||||
|
submitData.materialType = 2; |
||||
|
submitData.color = JSON.stringify(sn.czmObject.material.XbsjPolylineArrowMaterial.color); |
||||
|
submitData.intervalColor = null; |
||||
|
submitData.dashLength = 0; |
||||
|
submitData.dashStyle = 0; |
||||
|
break; |
||||
|
// 轨迹线
|
||||
|
case 'XbsjODLineMaterial': |
||||
|
submitData.materialType = 3; |
||||
|
submitData.color = JSON.stringify(sn.czmObject.material.XbsjODLineMaterial.color); |
||||
|
submitData.intervalColor = null; |
||||
|
submitData.dashLength = 0; |
||||
|
submitData.dashStyle = 0; |
||||
|
submitData.cycleFrame = sn.czmObject.material.XbsjODLineMaterial.totoalFrameCount; |
||||
|
break; |
||||
|
} |
||||
|
defHttp |
||||
|
.post( |
||||
|
{ |
||||
|
url: earthMapUrl.saveMapLine, |
||||
|
params: submitData, |
||||
|
}, |
||||
|
{ isTransformResponse: false } |
||||
|
) |
||||
|
.then((response) => { |
||||
|
if (response.success) { |
||||
|
currentModel.name = submitData.name; |
||||
|
currentModel.loop = submitData.isLoop; |
||||
|
currentModel.depthTest = submitData.isDepthCheck; |
||||
|
currentModel.width = submitData.width; |
||||
|
currentModel.arcType = submitData.interpolation; |
||||
|
currentModel.positions = JSON.parse(submitData.positions); |
||||
|
switch (sn.czmObject.material.type) { |
||||
|
// 实线
|
||||
|
case 'XbsjColorMaterial': |
||||
|
currentModel.material.type = 'XbsjColorMaterial'; |
||||
|
currentModel.material.color = submitData.color; |
||||
|
break; |
||||
|
// 虚线
|
||||
|
case 'XbsjPolylineDashMaterial': |
||||
|
currentModel.material.type = 'XbsjPolylineDashMaterial'; |
||||
|
currentModel.material.color = submitData.color; |
||||
|
currentModel.material.XbsjPolylineDashMaterial.gapColor = submitData.intervalColor; |
||||
|
currentModel.material.XbsjPolylineDashMaterial.dashLength = submitData.dashLength; |
||||
|
currentModel.material.XbsjPolylineDashMaterial.dashPattern = submitData.dashStyle; |
||||
|
break; |
||||
|
// 箭头线
|
||||
|
case 'XbsjPolylineArrowMaterial': |
||||
|
currentModel.material.type = 'XbsjPolylineArrowMaterial'; |
||||
|
currentModel.material.XbsjPolylineArrowMaterial.color = submitData.color; |
||||
|
break; |
||||
|
// 轨迹线
|
||||
|
case 'XbsjODLineMaterial': |
||||
|
currentModel.material.type = 'XbsjODLineMaterial'; |
||||
|
currentModel.material.XbsjODLineMaterial.color = submitData.color; |
||||
|
currentModel.material.XbsjODLineMaterial.totoalFrameCount = submitData.cycleFrame; |
||||
|
break; |
||||
|
} |
||||
|
const leaf = new XE.SceneTree.Leaf(currentModel); |
||||
|
leaf.ref = response.result; |
||||
|
sn.parent.children.push(leaf); |
||||
|
} else { |
||||
|
throw '克隆区域数据出错'; |
||||
|
} |
||||
|
}) |
||||
|
.catch((e) => { |
||||
|
currentModel.destroy(); |
||||
|
createMessage.error('克隆区域数据出错', 3); |
||||
|
}); |
||||
|
}) |
||||
|
//监控点
|
||||
|
.modelCallback(() => { |
||||
|
createMessage.warning('监控点不支持克隆'); |
||||
|
}) |
||||
|
.run(); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: '删除', |
||||
|
keys: '', |
||||
|
func: () => { |
||||
|
earthUI.confirm('确认删除图层?', () => { |
||||
|
try { |
||||
|
// debugger
|
||||
|
let sn: any = null; |
||||
|
const ref = item._inner.sn.ref; |
||||
|
// update:-- 判断方式要修改
|
||||
|
if (ref.startsWith('node_')) { |
||||
|
const objectId = item._inner.sn.ref.split('_')[1]; |
||||
|
sn = earth.sceneTree.$refs[objectId]; |
||||
|
} else { |
||||
|
sn = item._inner.sn; |
||||
|
} |
||||
|
let id = sn.ref; |
||||
|
// 删除数据库中的数据
|
||||
|
handleNodeType(sn) |
||||
|
// 传感器
|
||||
|
.sensor(() => { |
||||
|
// 发送请求 删除数据库中的数据
|
||||
|
handlerModelDelete(earthMapUrl.deleteSensor, { eventSerialNum: id }); |
||||
|
}) |
||||
|
// 标志点
|
||||
|
.markerPosition(() => { |
||||
|
if (sn.czmObject.addViewShedReturn) { |
||||
|
window.$earth.czm.viewer.entities.remove(sn.czmObject.addViewShedReturn); |
||||
|
} |
||||
|
if (sn.czmObject.customProp) { |
||||
|
let prop = JSON.parse(sn.czmObject.customProp); |
||||
|
if (prop.labelAttr == 4) { |
||||
|
defHttp.delete( |
||||
|
{ |
||||
|
url: '/military/RadarConfig/deleteByRadarCode', |
||||
|
params: { radarCode: prop.labelCode }, |
||||
|
}, |
||||
|
{ isTransformResponse: false, joinParamsToUrl: true } |
||||
|
); |
||||
|
} |
||||
|
} |
||||
|
handlerModelDelete(earthMapUrl.deleteMapLabel, { |
||||
|
id: id, |
||||
|
}); |
||||
|
}) |
||||
|
// 线
|
||||
|
.modelCallback(() => { |
||||
|
handlerModelDelete(earthMapUrl.deleteSite, { id: id }).then(() => { |
||||
|
sn.destroy(); |
||||
|
const node = item._inner.sn; |
||||
|
const childList = node.parent.children; |
||||
|
childList.splice(childList.indexOf(node), 1); |
||||
|
node.destroy(); |
||||
|
}); |
||||
|
}) |
||||
|
.polylineCallBack(() => { |
||||
|
const childList = item._inner.sn.children; |
||||
|
|
||||
|
for (const child of childList) { |
||||
|
if (child.children.length > 0) { |
||||
|
createMessage.warning('存在下级数据无法删除'); |
||||
|
throw '存在下级数据无法删除'; |
||||
|
} |
||||
|
} |
||||
|
handlerModelDelete(earthMapUrl.deleteMapLine, { id: id }).then(() => { |
||||
|
const nodeRef = 'node_' + id; |
||||
|
const node = window.$earth.sceneTree.$refs[nodeRef]; |
||||
|
const childList = node.parent.children; |
||||
|
childList.splice(childList.indexOf(node), 1); |
||||
|
node.destroy(); |
||||
|
}); |
||||
|
}) |
||||
|
.run(); |
||||
|
const index = sn.parent.children.indexOf(sn); |
||||
|
sn.parent.children.splice(index, 1); |
||||
|
} catch (error) { } |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
]; |
||||
|
const bf = { |
||||
|
text: '布防/撤防', |
||||
|
keys: '', |
||||
|
func: () => { |
||||
|
const xbsjObject = item._inner.sn; |
||||
|
if (!xbsjObject || !xbsjObject.czmObject) return; |
||||
|
const jsonObj = JSON.parse(xbsjObject.czmObject.customProp); |
||||
|
const deviceId = jsonObj.deviceId; |
||||
|
if (!deviceId) { |
||||
|
console.error('主机设备为空'); |
||||
|
return; |
||||
|
} |
||||
|
const labelCode = jsonObj.labelCode; |
||||
|
if (!labelCode) { |
||||
|
console.error('设备编码为null'); |
||||
|
return; |
||||
|
} |
||||
|
const device = store.hostDeviceMapById.get(deviceId); |
||||
|
const ref = xbsjObject.ref; |
||||
|
if (device.deviceType_dictText.indexOf('微波探测器') > -1) { |
||||
|
if (ref && ref.length > 0) { |
||||
|
const state = store.statusByNodeId.get(ref); |
||||
|
if (state == 1) { |
||||
|
setLabelStatus(device, labelCode, ref, 0).then((response) => { |
||||
|
setIconByRef(ref, el); |
||||
|
}); |
||||
|
} else if (state == 0) { |
||||
|
setLabelStatus(device, labelCode, ref, 1).then((response) => { |
||||
|
setIconByRef(ref, el); |
||||
|
}); |
||||
|
} else { |
||||
|
createMessage.error('设备不在线'); |
||||
|
} |
||||
|
} |
||||
|
} else if (device.deviceType_dictText.indexOf('雷达') > -1) { |
||||
|
// console.log("leida");
|
||||
|
//处理单个雷达布防撤防
|
||||
|
//参数
|
||||
|
// {
|
||||
|
// "regionIdList": [
|
||||
|
// 2
|
||||
|
// ], // 周界防区区域ID列表（雷达设备列表的ID）
|
||||
|
// "regionStatus": 0, // 布防状态 0 - 未布防 1 - 布防
|
||||
|
// "defenceRule": { // 布防规则
|
||||
|
// "startTime": "yyyy-MM-dd HH:mm:ss", // 布防开始时间 每日循环情况下只包含时分秒，格式："HH:mm:ss" 非每日循环情况下包含年月日、时分秒，格式："yyyy-MM-dd HH:mm:ss"
|
||||
|
// "endTime": "yyyy-MM-dd HH:mm:ss", // 布防结束时间 每日循环情况下只包含时分秒，格式："HH:mm:ss" 非每日循环情况下包含年月日、时分秒，格式："yyyy-MM-dd HH:mm:ss"
|
||||
|
// "dailyCycle": true // 每日循环布防 true - 是 false - 否
|
||||
|
// }
|
||||
|
// }
|
||||
|
// putAction(this.url.perimeterControl,{})
|
||||
|
} |
||||
|
}, |
||||
|
}; |
||||
|
const selectRef = item._inner.sn.ref; |
||||
|
if (selectRef.startsWith('wbList') || selectRef.startsWith('nodeSecondary_')) { |
||||
|
baseItems = [ |
||||
|
{ |
||||
|
text: '一键布防', |
||||
|
keys: '', |
||||
|
func: () => { |
||||
|
setAllLabelStatus(selectRef, item, true); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: '一键撤防', |
||||
|
keys: '', |
||||
|
func: () => { |
||||
|
setAllLabelStatus(selectRef, item, false); |
||||
|
}, |
||||
|
}, |
||||
|
]; |
||||
|
earthUI.contextMenu.pop(baseItems); |
||||
|
return; |
||||
|
} else if (selectRef.startsWith('monitor') || selectRef.startsWith('ldList')) { |
||||
|
earthUI.contextMenu.pop([]); |
||||
|
return; |
||||
|
} else if (item.level <= 2) { |
||||
|
if (!item._inner.sn.ref.startsWith('node_')) { |
||||
|
earthUI.contextMenu.pop([]); |
||||
|
return; |
||||
|
} else { |
||||
|
baseItems.splice(0, 1); |
||||
|
} |
||||
|
} else { |
||||
|
if (selectRef.startsWith('camera')) { |
||||
|
// baseItems = [bf]
|
||||
|
// earthUI.contextMenu.pop(baseItems)
|
||||
|
return; |
||||
|
} else if (!selectRef.startsWith('node_')) { |
||||
|
//站点
|
||||
|
baseItems.unshift({ |
||||
|
type: 'divider', |
||||
|
}); |
||||
|
baseItems.unshift(bf); |
||||
|
} |
||||
|
} |
||||
|
let num = 2; |
||||
|
//判断定位的位置
|
||||
|
if ( |
||||
|
item.level <= 2 || |
||||
|
selectRef.startsWith('monitor') || |
||||
|
selectRef.startsWith('wbList') || |
||||
|
selectRef.startsWith('ldList') || |
||||
|
//站点
|
||||
|
selectRef.startsWith('node_') |
||||
|
) |
||||
|
num = 0; |
||||
|
baseItems.splice(num, 0, { |
||||
|
text: '定位', |
||||
|
keys: '', |
||||
|
func: () => { |
||||
|
// const czmObject = item._inner.sn.czmObject
|
||||
|
// czmObject.flyTo()
|
||||
|
const ref = item._inner.sn.ref; |
||||
|
let czmObject: any = null; |
||||
|
if (ref.startsWith('node_')) { |
||||
|
const objectId = ref.split('_')[1]; |
||||
|
const sn = earth.sceneTree.$refs[objectId]; |
||||
|
czmObject = sn.czmObject; |
||||
|
} else { |
||||
|
const sn = item._inner.sn; |
||||
|
czmObject = sn.czmObject; |
||||
|
} |
||||
|
|
||||
|
czmObject.flyTo(); |
||||
|
}, |
||||
|
}); |
||||
|
baseItems.push( |
||||
|
...[ |
||||
|
{ |
||||
|
type: 'divider', |
||||
|
}, |
||||
|
{ |
||||
|
text: '属性', |
||||
|
func: () => { |
||||
|
$mitt.emit('windowCancel'); |
||||
|
// 属性面板
|
||||
|
const mainUI = earthUI._vm.$refs.mainUI; |
||||
|
const areaCode = getAreaCode(item); |
||||
|
let sn: any = null; |
||||
|
if (item._inner.sn.ref.startsWith('node_')) { |
||||
|
const objectId = item._inner.sn.ref.split('_')[1]; |
||||
|
sn = earth.sceneTree.$refs[objectId]; |
||||
|
// window.XE.MVVM.watch(() => {
|
||||
|
// item._inner.sn.title = sn.title
|
||||
|
// })
|
||||
|
|
||||
|
sn.czmObject.distanceDisplayCondition = [1.0, 30000.0]; |
||||
|
if (sn.czmObject.xbsjType == 'Model') { |
||||
|
const lineId = item.parent.parent._inner.sn.ref.split('_')[1]; |
||||
|
|
||||
|
that.czmObject = sn.czmObject; |
||||
|
that.node = item; |
||||
|
that.type = 'jkd'; |
||||
|
that.lineId = lineId; |
||||
|
that.areaCode = areaCode; |
||||
|
that.areaByNodeIdModel = store.areaByNodeId; |
||||
|
|
||||
|
nextTick(() => { |
||||
|
that.addModelWinShow = true; |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
return; |
||||
|
} |
||||
|
} else { |
||||
|
sn = item._inner.sn; |
||||
|
if (sn.czmObject.xbsjType == 'Pin') { |
||||
|
const jsonObj = JSON.parse(sn.czmObject.customProp); |
||||
|
|
||||
|
const lineId = jsonObj.labelAttr == 4 ? item.parent._inner.sn.ref.split('_')[1] : item.parent.parent._inner.sn.ref.split('_')[1]; |
||||
|
|
||||
|
that.czmObject = sn.czmObject; |
||||
|
that.node = item; |
||||
|
that.type = jsonObj.labelAttr == 4 ? 'ld' : 'wb'; |
||||
|
that.lineId = lineId; |
||||
|
that.areaCode = areaCode; |
||||
|
that.eidtId = sn.ref; |
||||
|
that.areaByNodeIdModel = store.areaByNodeId; |
||||
|
(that.el = el), |
||||
|
nextTick(() => { |
||||
|
that.addModelWinShow = true; |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
return; |
||||
|
} |
||||
|
} |
||||
|
let index = sn.parent.children.indexOf(sn); |
||||
|
let tempData = sn.czmObject.toAllJSON(); |
||||
|
// 设置属性面板的确定按钮方法
|
||||
|
// 显示属性面板
|
||||
|
earthUI.showPropertyWindow(sn.czmObject); |
||||
|
nextTick(() => { |
||||
|
// 模型窗口
|
||||
|
const windowsAttrList = Object.keys(mainUI.$refs); |
||||
|
// 找到该模型设置属性窗口
|
||||
|
const modelToolKey = windowsAttrList.filter((f) => f.indexOf(sn.czmObject.guid || sn.guid) > -1)[0]; |
||||
|
const modelTool = mainUI.$refs[modelToolKey][0]; |
||||
|
// 对应处理方法
|
||||
|
handleNodeType(sn) |
||||
|
// 感应器
|
||||
|
.sensor(() => { |
||||
|
// 禁用模型名称编辑
|
||||
|
modelTool.$el.getElementsByClassName('xbsj-flatten')[0].children[0].children[1].setAttribute('disabled', 'disabled'); |
||||
|
}) |
||||
|
.default(() => { |
||||
|
// 启用模型名称编辑
|
||||
|
modelTool.$el.getElementsByClassName('xbsj-flatten')[0].children[0].children[1].removeAttribute('disabled'); |
||||
|
}) |
||||
|
.run(); |
||||
|
|
||||
|
// modelTool
|
||||
|
modelTool.ok = () => { |
||||
|
// 确定时清除这个事件
|
||||
|
$mitt.off('windowCancel'); |
||||
|
// 保存前端数据
|
||||
|
const modelToolObj = modelTool._czmObj; |
||||
|
if (!modelToolObj) { |
||||
|
return; |
||||
|
} |
||||
|
modelToolObj.positionEditing = false; |
||||
|
if (modelToolObj.isCreating) { |
||||
|
modelToolObj.isCreating = false; |
||||
|
const sceneObject = new XE.SceneTree.Leaf(modelToolObj); |
||||
|
earthUI.addSceneObject(sceneObject); |
||||
|
} |
||||
|
|
||||
|
// 保存到数据库
|
||||
|
propertiesWindowConfirm(modelTool, sn, index); |
||||
|
// 关闭属性面板
|
||||
|
modelTool.close(); |
||||
|
}; |
||||
|
modelTool.cancel = () => { |
||||
|
// 清除这个事件
|
||||
|
$mitt.off('windowCancel'); |
||||
|
// 关闭属性面板
|
||||
|
modelTool.close(); |
||||
|
let t = modelTool._czmObj; |
||||
|
// 如果是创建的话，需要删除
|
||||
|
t && t.positionEditing === false && t.isCreating && t.isCreating === false && t.destroy(); |
||||
|
// 恢复之前的数据
|
||||
|
t && t.xbsjFromJSON(tempData); |
||||
|
}; |
||||
|
$mitt.on('windowCancel', modelTool.cancel); |
||||
|
// 下面的代码，是切换属性面板里选项窗口， 必须
|
||||
|
// 否侧 ok cancel 等方法执行是原本的方法而不是已经修改的方法
|
||||
|
modelTool.tabShow = '3'; |
||||
|
modelTool.tabShow = '1'; |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
] |
||||
|
); |
||||
|
// 右键菜单-重命名
|
||||
|
// 先销毁之前的 on-change-title 事件
|
||||
|
vueObject.$off('on-change-title', handleChangeTitle); |
||||
|
// 重命名时 on-change-title 事件
|
||||
|
vueObject.$on('on-change-title', handleChangeTitle); |
||||
|
|
||||
|
// 弹出右键菜单
|
||||
|
earthUI.contextMenu.pop(baseItems); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// 右键菜单删除按钮的删除方法
|
||||
|
export function handlerModelDelete(url, params) { |
||||
|
return defHttp |
||||
|
.delete( |
||||
|
{ |
||||
|
url: url, |
||||
|
params: params, |
||||
|
}, |
||||
|
{ isTransformResponse: false, joinParamsToUrl: true } |
||||
|
) |
||||
|
.then((res) => { |
||||
|
if (res.success) { |
||||
|
createMessage.success('删除成功'); |
||||
|
} else { |
||||
|
createMessage.error('删除失败'); |
||||
|
console.log('asdasdasd'); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
export function getAreaCode(item) { |
||||
|
const currentRef = item._inner.sn.ref; |
||||
|
if (!store.areaByNodeId.has(currentRef)) { |
||||
|
if (item.parent) { |
||||
|
return getAreaCode(item.parent); |
||||
|
} |
||||
|
} else { |
||||
|
return store.areaByNodeId.get(currentRef); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// 重命名 on-change-title 事件 使用 lodash.debounce 函数(防抖)
|
||||
|
export const handleChangeTitle = _.debounce(function (options) { |
||||
|
const sn = options.item._inner.sn; |
||||
|
const newTitle = options.title; |
||||
|
|
||||
|
// 修改模型属性后，提交到后台。先判断模型的节点，调用不同的接口
|
||||
|
handleNodeType(sn) |
||||
|
// 感应器
|
||||
|
.sensor(() => { |
||||
|
// 不支持修改名称
|
||||
|
createMessage.warning('不支持修改感应器的名称'); |
||||
|
}) |
||||
|
// 传感器标志线
|
||||
|
.modelCallback(() => { |
||||
|
// 发送请求 保存模型属性
|
||||
|
let editCameraSiteModelParameter = { |
||||
|
id: sn.ref, |
||||
|
sitename: newTitle, |
||||
|
}; |
||||
|
defHttp.put( |
||||
|
{ |
||||
|
url: earthMapUrl.updateSite, |
||||
|
params: editCameraSiteModelParameter, |
||||
|
}, |
||||
|
{ isTransformResponse: false } |
||||
|
).then((res) => { |
||||
|
if (res.success) { |
||||
|
createMessage.success('修改成功'); |
||||
|
} else { |
||||
|
createMessage.error('修改失败'); |
||||
|
} |
||||
|
}) |
||||
|
.catch((error) => { |
||||
|
createMessage.error('修改失败'); |
||||
|
}); |
||||
|
}) |
||||
|
.markerPosition(() => { |
||||
|
// 发送请求 保存模型属性
|
||||
|
let editPinModelParameter = { |
||||
|
id: sn.ref, |
||||
|
labelName: newTitle, |
||||
|
}; |
||||
|
defHttp |
||||
|
.put( |
||||
|
{ |
||||
|
url: earthMapUrl.updateMapLabel, |
||||
|
params: editPinModelParameter, |
||||
|
}, |
||||
|
{ isTransformResponse: false } |
||||
|
) |
||||
|
.then((res) => { |
||||
|
if (res.success) { |
||||
|
// 修改扩展文本
|
||||
|
sn.czmObject.pinBuilder.extText = newTitle; |
||||
|
createMessage.success('修改成功'); |
||||
|
} else { |
||||
|
createMessage.error('修改失败'); |
||||
|
} |
||||
|
}) |
||||
|
.catch((error) => { |
||||
|
createMessage.error('修改失败'); |
||||
|
}); |
||||
|
}) |
||||
|
.run(); |
||||
|
}, 150); |
||||
|
|
||||
|
// 属性面板确定按钮方法
|
||||
|
export function propertiesWindowConfirm(propertiesWindow, sn, index) { |
||||
|
// 属性面板 所修改的模型
|
||||
|
let model: any = null; |
||||
|
if (sn.ref && !sn.ref.startsWith('node_')) { |
||||
|
model = sn; |
||||
|
} else { |
||||
|
model = sn.parent.children[index]; |
||||
|
} |
||||
|
|
||||
|
let modelData = model.czmObject; |
||||
|
// 转换方法
|
||||
|
let transform = window.Cesium.Math; |
||||
|
|
||||
|
// 修改模型属性后，提交到后台。先判断模型的节点，调用不同的接口
|
||||
|
handleNodeType(sn) |
||||
|
// 传感器
|
||||
|
.sensor(() => { |
||||
|
// 发送请求 保存模型属性
|
||||
|
let editSensorParams = { |
||||
|
eventSerialNum: model.ref, |
||||
|
lon: transform.toDegrees(modelData.xbsjPosition[0]).toFixed(5), |
||||
|
lat: transform.toDegrees(modelData.xbsjPosition[1]).toFixed(5), |
||||
|
height: modelData.xbsjPosition[2].toFixed(2), |
||||
|
yaw: transform.toDegrees(modelData.xbsjRotation[0]).toFixed(2), |
||||
|
pitch: transform.toDegrees(modelData.xbsjRotation[1]).toFixed(2), |
||||
|
roll: transform.toDegrees(modelData.xbsjRotation[2]).toFixed(2), |
||||
|
isShow: 1, |
||||
|
// 传感器类型
|
||||
|
modelType: '11', |
||||
|
// 事件类型
|
||||
|
eventType: 1, |
||||
|
}; |
||||
|
defHttp |
||||
|
.put( |
||||
|
{ |
||||
|
url: earthMapUrl.updateSensor, |
||||
|
params: editSensorParams, |
||||
|
}, |
||||
|
{ isTransformResponse: false } |
||||
|
) |
||||
|
.then((res) => { |
||||
|
if (res.success) { |
||||
|
createMessage.success('修改成功'); |
||||
|
} else { |
||||
|
createMessage.error('修改失败: ' + res.message); |
||||
|
} |
||||
|
}); |
||||
|
}) |
||||
|
// 站点
|
||||
|
.modelCallback(() => { |
||||
|
let startNum = modelData.url.lastIndexOf('/') + 1; |
||||
|
let modelName = ''; |
||||
|
if (startNum > 0) { |
||||
|
modelName = modelData.url.substring(startNum, modelData.url.length); |
||||
|
} |
||||
|
// 发送请求 保存模型属性
|
||||
|
let editCameraSiteModelParameter = { |
||||
|
id: model.ref, |
||||
|
longitude: transform.toDegrees(modelData.xbsjPosition[0]).toFixed(6), |
||||
|
latitude: transform.toDegrees(modelData.xbsjPosition[1]).toFixed(6), |
||||
|
height: modelData.xbsjPosition[2], |
||||
|
yaw: transform.toDegrees(modelData.xbsjRotation[0]).toFixed(6), |
||||
|
pitch: transform.toDegrees(modelData.xbsjRotation[1]).toFixed(6), |
||||
|
roll: transform.toDegrees(modelData.xbsjRotation[2]).toFixed(6), |
||||
|
modelUrl: modelName, |
||||
|
sitename: modelData.name, |
||||
|
}; |
||||
|
defHttp |
||||
|
.put( |
||||
|
{ |
||||
|
url: earthMapUrl.updateSite, |
||||
|
params: editCameraSiteModelParameter, |
||||
|
}, |
||||
|
{ isTransformResponse: false } |
||||
|
) |
||||
|
.then((res) => { |
||||
|
if (res.success) { |
||||
|
modelData.pinBuilder.extText = modelData.name; |
||||
|
createMessage.success('修改成功'); |
||||
|
} else { |
||||
|
createMessage.error('修改失败'); |
||||
|
} |
||||
|
}); |
||||
|
}) |
||||
|
// 标志点
|
||||
|
.markerPosition(() => { |
||||
|
let pinImage = modelData.imageUrl; |
||||
|
const staticDomainURL = window._CONFIG['staticDomainURL'] + '/'; |
||||
|
// 去除 image 地址中的 staticDomainURL 链接
|
||||
|
let imageUri = pinImage.substring(pinImage.indexOf(staticDomainURL) + staticDomainURL.length, pinImage.length); |
||||
|
let editPinModelParameter = { |
||||
|
id: model.ref, |
||||
|
labelName: modelData.name, |
||||
|
labelLon: transform.toDegrees(modelData.position[0]).toFixed(5), |
||||
|
labelLat: transform.toDegrees(modelData.position[1]).toFixed(5), |
||||
|
labelHeight: modelData.position[2].toFixed(2), |
||||
|
labelImgUrl: imageUri, |
||||
|
}; |
||||
|
defHttp |
||||
|
.put( |
||||
|
{ |
||||
|
url: earthMapUrl.updateMapLabel, |
||||
|
params: editPinModelParameter, |
||||
|
}, |
||||
|
{ isTransformResponse: false } |
||||
|
) |
||||
|
.then((res) => { |
||||
|
if (res.success) { |
||||
|
modelData.pinBuilder.extText = modelData.name; |
||||
|
createMessage.success('修改成功'); |
||||
|
} else { |
||||
|
createMessage.error('修改失败'); |
||||
|
} |
||||
|
}) |
||||
|
.catch((error) => { |
||||
|
createMessage.error('修改失败'); |
||||
|
}); |
||||
|
}) |
||||
|
.polylineCallBack(() => { |
||||
|
const submitData: any = {}; |
||||
|
const poistions = modelData.positions; |
||||
|
if (poistions.length <= 0) { |
||||
|
return; |
||||
|
} |
||||
|
submitData.id = model.ref; |
||||
|
submitData.name = modelData.name; |
||||
|
if (!modelData.customProp) { |
||||
|
submitData.lineCode = modelData.guid; |
||||
|
} |
||||
|
|
||||
|
submitData.isLoop = Number(modelData.loop); |
||||
|
submitData.isDepthCheck = Number(modelData.depthTest); |
||||
|
submitData.width = modelData.width; |
||||
|
submitData.interpolation = modelData.arcType; |
||||
|
submitData.positions = JSON.stringify(poistions); |
||||
|
switch (modelData.material.type) { |
||||
|
// 实线
|
||||
|
case 'XbsjColorMaterial': |
||||
|
submitData.materialType = 0; |
||||
|
// material.XbsjColorMaterial = {}
|
||||
|
submitData.color = JSON.stringify(modelData.material.XbsjColorMaterial.color); |
||||
|
submitData.intervalColor = null; |
||||
|
submitData.dashLength = 0; |
||||
|
submitData.dashStyle = 0; |
||||
|
break; |
||||
|
// 虚线
|
||||
|
case 'XbsjPolylineDashMaterial': |
||||
|
submitData.materialType = 1; |
||||
|
submitData.color = JSON.stringify(modelData.material.XbsjPolylineDashMaterial.color); |
||||
|
submitData.intervalColor = JSON.stringify(modelData.material.XbsjPolylineDashMaterial.gapColor); |
||||
|
submitData.dashLength = modelData.material.XbsjPolylineDashMaterial.dashLength; |
||||
|
submitData.dashStyle = modelData.material.XbsjPolylineDashMaterial.dashPattern; |
||||
|
// material.XbsjPolylineDashMaterial = {}
|
||||
|
// material.XbsjPolylineDashMaterial.dashLength = data.dashLength
|
||||
|
// material.XbsjPolylineDashMaterial.dashPattern = data.dashStyle
|
||||
|
break; |
||||
|
// 箭头线
|
||||
|
case 'XbsjPolylineArrowMaterial': |
||||
|
submitData.materialType = 2; |
||||
|
// material.XbsjPolylineArrowMaterial = {}
|
||||
|
submitData.color = JSON.stringify(modelData.material.XbsjPolylineArrowMaterial.color); |
||||
|
submitData.intervalColor = null; |
||||
|
submitData.dashLength = 0; |
||||
|
submitData.dashStyle = 0; |
||||
|
break; |
||||
|
// 轨迹线
|
||||
|
case 'XbsjODLineMaterial': |
||||
|
submitData.materialType = 3; |
||||
|
submitData.color = JSON.stringify(modelData.material.XbsjODLineMaterial.color); |
||||
|
submitData.intervalColor = null; |
||||
|
submitData.dashLength = 0; |
||||
|
submitData.dashStyle = 0; |
||||
|
submitData.cycleFrame = modelData.material.XbsjODLineMaterial.totoalFrameCount; |
||||
|
|
||||
|
// material.XbsjODLineMaterial = {}
|
||||
|
// material.XbsjODLineMaterial.color = JSON.parse(data.color)
|
||||
|
// material.XbsjODLineMaterial.totoalFrameCount = data.cycleFrame
|
||||
|
break; |
||||
|
} |
||||
|
defHttp |
||||
|
.put( |
||||
|
{ |
||||
|
url: earthMapUrl.updateMapLine, |
||||
|
params: submitData, |
||||
|
}, |
||||
|
{ isTransformResponse: false } |
||||
|
) |
||||
|
.then((res) => { |
||||
|
if (res.success) { |
||||
|
createMessage.success('修改成功！', 2); |
||||
|
sn.title = submitData.name; |
||||
|
window.$earth.sceneTree.$refs['node_' + sn.ref].title = submitData.name; |
||||
|
} else { |
||||
|
createMessage.error('修改失败', 2); |
||||
|
} |
||||
|
}) |
||||
|
.catch((error) => { |
||||
|
createMessage.error('修改失败', 2); |
||||
|
}); |
||||
|
}) |
||||
|
.run(); |
||||
|
} |
||||
@ -0,0 +1,36 @@ |
|||||
|
/** |
||||
|
* 设置按钮颜色状态 |
||||
|
* 用于EarthComp.vue |
||||
|
*/ |
||||
|
import { defHttp } from '/@/utils/http/axios'; |
||||
|
import { useUserStore } from '/@/store/modules/user'; |
||||
|
import { useEarthMapStore } from '/@/store/modules/earthMap'; |
||||
|
|
||||
|
import circleDot2 from '@/assets/earthMap/circleDot2.png'; |
||||
|
import circleDot1 from '@/assets/earthMap/circleDot1.png'; |
||||
|
import circleDot3 from '@/assets/earthMap/circleDot3.png'; |
||||
|
let userStore = useUserStore(); |
||||
|
let store = useEarthMapStore(); |
||||
|
|
||||
|
export default function setIconByRef(ref, el) { |
||||
|
const status = store.statusByNodeId.get(ref); |
||||
|
if (status != undefined && status != null) { |
||||
|
let img = store.imgByRef.get(ref); |
||||
|
const icon = el.children[0].children[2]; |
||||
|
if (!img) { |
||||
|
img = document.createElement('img'); |
||||
|
store.imgByRef.set(ref, img); |
||||
|
} |
||||
|
if (icon.nodeName == 'I') { |
||||
|
icon.replaceWith(img); |
||||
|
} |
||||
|
if (status == 1) { |
||||
|
img.src = circleDot2; |
||||
|
} else if (status == 0) { |
||||
|
img.src = circleDot1; |
||||
|
} else { |
||||
|
img.src = circleDot3; |
||||
|
} |
||||
|
img.setAttribute('style', 'width:16px;height:16px;margin-top:7px'); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,225 @@ |
|||||
|
/** |
||||
|
* 用于EarthComp.vue |
||||
|
*/ |
||||
|
import { defHttp } from '/@/utils/http/axios'; |
||||
|
import { useUserStore } from '/@/store/modules/user'; |
||||
|
import { useEarthMapStore } from '/@/store/modules/earthMap'; |
||||
|
import { earthMapUrl } from '@/api/earth/earthMap' |
||||
|
|
||||
|
let userStore = useUserStore(); |
||||
|
let store = useEarthMapStore(); |
||||
|
|
||||
|
export function setLabelStatus(device, labelCode, id, code) { |
||||
|
const args = { |
||||
|
device: device, |
||||
|
code: code, // 命令码：0-撤防 1-布防 2-状态查询 3-其他预留
|
||||
|
deviceType: 2, // 设备类型：1-探测主机 2-探测器 3-串口设备 4-预留
|
||||
|
deviceSn: labelCode, // 设备条码
|
||||
|
}; |
||||
|
// console.log("device",device);
|
||||
|
|
||||
|
if (device.deviceType_dictText.indexOf('微波探测器') > -1) { |
||||
|
// console.log("微波探测器");
|
||||
|
|
||||
|
return defHttp.post({ url: '/military/netty/microwaveDetector/maintenance', params: args }, { isTransformResponse: false }) |
||||
|
.then((response) => { |
||||
|
if (response.success) { |
||||
|
const status = response; |
||||
|
store.statusByNodeId.set(id, status); |
||||
|
} else { |
||||
|
store.statusByNodeId.set(id, -10); |
||||
|
} |
||||
|
return response; |
||||
|
}) |
||||
|
.catch((error) => { |
||||
|
store.statusByNodeId.set(id, -10); |
||||
|
return error; |
||||
|
}) |
||||
|
|
||||
|
} else if (device.deviceType_dictText.indexOf('雷达') > -1) { |
||||
|
store.statusByNodeId.set(id, 1); |
||||
|
//雷达周界防区列表
|
||||
|
return defHttp |
||||
|
.get({ url: earthMapUrl.perimeterRegionList, params: { regionType: 2 } }, { isTransformResponse: false }) |
||||
|
.then( |
||||
|
(res) => { |
||||
|
// console.log(res);
|
||||
|
if (res.success) { |
||||
|
// (未测试)
|
||||
|
res.result.forEach((element) => { |
||||
|
if (element.id == id) { |
||||
|
// this.statusByNodeId.set(id, element.isOnline)
|
||||
|
} |
||||
|
}); |
||||
|
} else { |
||||
|
store.statusByNodeId.set(id, 1); |
||||
|
} |
||||
|
return res; |
||||
|
}, |
||||
|
(err) => { |
||||
|
store.statusByNodeId.set(id, 1); |
||||
|
return err; |
||||
|
} |
||||
|
) |
||||
|
.catch((err) => { |
||||
|
store.statusByNodeId.set(id, 1); |
||||
|
return err; |
||||
|
}); |
||||
|
} |
||||
|
return Promise.resolve("未知错误"); |
||||
|
} |
||||
|
|
||||
|
export function setAllLabelStatus(selectRef, item, wbUnifiedResponse) { |
||||
|
|
||||
|
//监控点
|
||||
|
if (selectRef.startsWith('monitor')) { |
||||
|
let grandsons: any = []; |
||||
|
const childs = item.children; |
||||
|
for (const child of childs) { |
||||
|
const grandson1 = child.children; |
||||
|
if (grandson1 && grandson1.length > 0) { |
||||
|
grandsons = grandsons.concat(grandson1); |
||||
|
} |
||||
|
} |
||||
|
for (const grandson of grandsons) { |
||||
|
const xbsjObject = grandson._inner.sn; |
||||
|
const ref = xbsjObject.ref; |
||||
|
if (ref.startsWith('camera_')) { |
||||
|
const state = store.statusByNodeId.get(ref); |
||||
|
if (state == 1) { |
||||
|
store.statusByNodeId.set(ref, 0); |
||||
|
const img = store.imgByRef.get(ref); |
||||
|
img.src = require('@/assets/earthMap/circleDot1.png'); |
||||
|
} else if (state == 0) { |
||||
|
store.statusByNodeId.set(ref, 1); |
||||
|
const img = store.imgByRef.get(ref); |
||||
|
img.src = require('@/assets/earthMap/circleDot1.png'); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
//微波
|
||||
|
else if (selectRef.startsWith('wbList')) { |
||||
|
const parentNode = item.parent; |
||||
|
let areaCode = null; |
||||
|
if (parentNode) { |
||||
|
const falseNodeRef = item.parent._inner.sn.ref; |
||||
|
const nodeRef = falseNodeRef.split('_')[1]; |
||||
|
const trueNode = window.$earth.sceneTree.$refs[nodeRef]; |
||||
|
areaCode = trueNode.czmObject.customProp; |
||||
|
} |
||||
|
const childs1 = item.children; |
||||
|
if (!childs1 || childs1.length < 0) { |
||||
|
return; |
||||
|
} |
||||
|
const length = childs1.length; |
||||
|
let index = -1; |
||||
|
for (const child of childs1) { |
||||
|
index++; |
||||
|
let xbsjObject = child._inner.sn; |
||||
|
let jsonObj = JSON.parse(xbsjObject.czmObject.customProp); |
||||
|
let deviceId = jsonObj.deviceId; |
||||
|
let device = store.hostDeviceMapById.get(deviceId); |
||||
|
if (!device) { |
||||
|
console.error('主机设备为null'); |
||||
|
continue; |
||||
|
} |
||||
|
const args = { |
||||
|
device: device, |
||||
|
isDefence: wbUnifiedResponse, |
||||
|
defenceArea: areaCode, |
||||
|
detectorList: null, |
||||
|
}; |
||||
|
defHttp |
||||
|
.post( |
||||
|
{ |
||||
|
url: earthMapUrl.setDefenseArea, |
||||
|
params: args, |
||||
|
}, |
||||
|
{ isTransformResponse: false } |
||||
|
) |
||||
|
// postAction(this.url.setDefenseArea, args)
|
||||
|
.then((response) => { |
||||
|
if (!response.success) { |
||||
|
return; |
||||
|
} else { |
||||
|
for (let i = index; i < length; i++) { |
||||
|
const child1 = childs1[i]; |
||||
|
const xbsjObject1 = child1._inner.sn; |
||||
|
const ref1 = xbsjObject1.ref; |
||||
|
if (ref1 && ref1.length > 0) { |
||||
|
const state1 = store.statusByNodeId.get(ref1); |
||||
|
if (state1 == 0 && wbUnifiedResponse) { |
||||
|
store.statusByNodeId.set(ref1, 1); |
||||
|
const img1 = store.imgByRef.get(ref1); |
||||
|
if (!img1) return; |
||||
|
img1.src = require('@/assets/earthMap/circleDot2.png'); |
||||
|
} else if (state1 == 1 && !wbUnifiedResponse) { |
||||
|
store.statusByNodeId.set(ref1, 0); |
||||
|
const img1 = store.imgByRef.get(ref1); |
||||
|
if (!img1) return; |
||||
|
img1.src = require('@/assets/earthMap/circleDot1.png'); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
console.log(response); |
||||
|
}); |
||||
|
break; |
||||
|
} |
||||
|
} else if (selectRef.startsWith('nodeSecondary')) { |
||||
|
const childs1 = item.children; |
||||
|
if (!childs1 || childs1.length < 0) { |
||||
|
return; |
||||
|
} |
||||
|
for (const child of childs1) { |
||||
|
let xbsjObject = child._inner.sn; |
||||
|
let jsonObj = JSON.parse(xbsjObject.czmObject.customProp); |
||||
|
let deviceId = jsonObj.deviceId; |
||||
|
let device = store.hostDeviceMapById.get(deviceId); |
||||
|
if (!device) { |
||||
|
console.error('主机设备为null'); |
||||
|
continue; |
||||
|
} |
||||
|
let regionIdList: any = []; |
||||
|
if (item.children.length > 0) { |
||||
|
item.children.forEach((element) => { |
||||
|
regionIdList.push(element._inner.sn.ref); |
||||
|
}); |
||||
|
} |
||||
|
const args = { |
||||
|
regionIdList: regionIdList, // 周界防区区域ID列表（雷达设备列表的ID）
|
||||
|
regionStatus: wbUnifiedResponse ? 1 : 0, // 布防状态 0 - 未布防 1 - 布防
|
||||
|
defenceRule: { |
||||
|
// 布防规则
|
||||
|
startTime: 'yyyy-MM-dd HH:mm:ss', // 布防开始时间 每日循环情况下只包含时分秒，格式："HH:mm:ss" 非每日循环情况下包含年月日、时分秒，格式："yyyy-MM-dd HH:mm:ss"
|
||||
|
endTime: 'yyyy-MM-dd HH:mm:ss', // 布防结束时间 每日循环情况下只包含时分秒，格式："HH:mm:ss" 非每日循环情况下包含年月日、时分秒，格式："yyyy-MM-dd HH:mm:ss"
|
||||
|
dailyCycle: true, // 每日循环布防 true - 是 false - 否
|
||||
|
}, |
||||
|
}; |
||||
|
// putAction(this.url.perimeterControl,{})
|
||||
|
console.log(device, store.statusByNodeId, xbsjObject); |
||||
|
let ref1 = xbsjObject.ref; |
||||
|
let state1 = store.statusByNodeId.get(ref1); |
||||
|
//一键布防撤防测试使用
|
||||
|
if (wbUnifiedResponse) { |
||||
|
state1 = 0; |
||||
|
} else { |
||||
|
state1 = 1; |
||||
|
} |
||||
|
if (state1 == 0 && wbUnifiedResponse) { |
||||
|
store.statusByNodeId.set(ref1, 1); |
||||
|
const img1 = store.imgByRef.get(ref1); |
||||
|
if (!img1) return; |
||||
|
img1.src = require('@/assets/earthMap/circleDot2.png'); |
||||
|
} else if (state1 == 1 && !wbUnifiedResponse) { |
||||
|
store.statusByNodeId.set(ref1, 0); |
||||
|
const img1 = store.imgByRef.get(ref1); |
||||
|
if (!img1) return; |
||||
|
console.log(img1); |
||||
|
img1.src = require('@/assets/earthMap/circleDot1.png'); |
||||
|
} |
||||
|
// break
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
File diff suppressed because it is too large
Loading…
Reference in new issue