| | |
| | | async function requestModification() { |
| | | suddenlyEdit.value = true |
| | | dialogMode.value = 'edit' |
| | | await getDeviceList(true) |
| | | await getDeviceList() |
| | | nextTick(() => { |
| | | syncSelection() |
| | | viewPlane && viewer.entities.remove(viewPlane) |
| | |
| | | } |
| | | |
| | | // 获取推荐设备列表 |
| | | async function getDeviceList(allList) { |
| | | const all = allList || (['11'].includes(gdStatus.value) && requester.value) |
| | | async function getDeviceList() { |
| | | try { |
| | | const str = [...pointList.value, pointList.value[0]].map(item => `${item.longitude} ${item.latitude}`).join(',') |
| | | let geom = `POLYGON((${str}))` |
| | | const res = await gdManageDeviceListApi({ |
| | | deviceIds: all ? '' : formData.value.recommendDeviceIds, |
| | | devicePayload: dialogMode.value === 'add' ? formData.value.deviceLoadDemand : '', |
| | | geom: dialogMode.value === 'add' ? geom : '', |
| | | deviceIds: dialogMode.value === 'add' ? '' : formData.value.recommendDeviceIds, |
| | | devicePayload: formData.value?.deviceLoadDemand, |
| | | geom: geom, |
| | | }) |
| | | deviceList.value = res?.data?.data ?? [] |
| | | } catch (error) { |
| | |
| | | } |
| | | |
| | | // 设备需求变化 |
| | | function loadDemandChange() { |
| | | async function loadDemandChange() { |
| | | formData.value.recommendDeviceIds = '' |
| | | selectedDevices.value = [] |
| | | getDeviceList() |
| | | await getDeviceList() |
| | | syncSelection() |
| | | } |
| | | |
| | |
| | | submitting.value = false |
| | | } |
| | | } |
| | | |
| | | watch( |
| | | () => dateRange.value, |
| | | newVal => { |
| | | const range = dateRangeFormat(dateRange.value) |
| | | formData.value.executeStartTime = range[0] |
| | | formData.value.executeEndTime = range[1] |
| | | } |
| | | ) |
| | | |
| | | // 加载时间线list |
| | | function loadList() { |
| | |
| | | }) |
| | | } |
| | | |
| | | // 渲染所有设备 |
| | | function setMapDevice() { |
| | | gdManageDeviceListApi().then(res => { |
| | | renderingDevice(res?.data?.data || []) |
| | | }) |
| | | } |
| | | |
| | | // 渲染 |
| | | function renderingDevice(list) { |
| | | function renderingAllDevice(list) { |
| | | list.forEach(item => { |
| | | const position = Cesium.Cartesian3.fromDegrees(item.longitude || 115.0, item.latitude || 27.11) |
| | | viewer.entities.add({ |
| | |
| | | outlineColor: Cesium.Color.WHITE, |
| | | horizontalOrigin: Cesium.HorizontalOrigin.CENTER, |
| | | verticalOrigin: Cesium.VerticalOrigin.BOTTOM, |
| | | pixelOffset: new Cesium.Cartesian2(0, -10), |
| | | pixelOffset: new Cesium.Cartesian2(0, -20), |
| | | }, |
| | | }) |
| | | }) |
| | |
| | | // 打开弹框 |
| | | async function open({ mode = 'add', row } = {}) { |
| | | dialogMode.value = mode |
| | | formData.value = dialogMode.value === 'add' ? initForm() : row |
| | | initMap() |
| | | const allDeviceRes = await gdManageDeviceListApi() |
| | | formData.value = dialogMode.value === 'add' ? initForm() : row |
| | | renderingAllDevice(allDeviceRes?.data?.data || []) |
| | | if (dialogMode.value === 'add') { |
| | | addPolygon() |
| | | } else { |
| | |
| | | hasPatrolTaskList.value && gdPatrolTaskPage() |
| | | dialogMode.value === 'edit' ? editPolygon() : viewPolygon() |
| | | } |
| | | setMapDevice() |
| | | |
| | | await nextTick() |
| | | await getDeviceList() |
| | | syncSelection() |
| | | highlightSelectedDevices() |
| | | } |
| | | |
| | | // 初始化地图实例 |
| | |
| | | viewer = map?.viewer || null |
| | | } |
| | | |
| | | // 高亮选中的设备 |
| | | function highlightSelectedDevices() { |
| | | const selectedIds = (formData.value.recommendDeviceIds || '').split(',').filter(Boolean) |
| | | if (!viewer?.entities) return |
| | | viewer.entities.values.forEach(entity => { |
| | | if (entity.billboard?.image?._value === droneIcon && entity.label) { |
| | | const device = deviceList.value.find(d => d.nickname === entity.label.text._value) |
| | | if (device && selectedIds.includes(String(device.id))) { |
| | | entity.label.fillColor = Cesium.Color.YELLOW |
| | | } else { |
| | | entity.label.fillColor = Cesium.Color.WHITE |
| | | } |
| | | } |
| | | }) |
| | | } |
| | | |
| | | watch(() => formData.value.recommendDeviceIds, highlightSelectedDevices) |
| | | |
| | | watch( |
| | | () => dateRange.value, |
| | | newVal => { |
| | | const range = dateRangeFormat(dateRange.value) |
| | | formData.value.executeStartTime = range[0] |
| | | formData.value.executeEndTime = range[1] |
| | | } |
| | | ) |
| | | |
| | | // 地图加载完毕 |
| | | function mapReady() { |
| | | dialogMode.value === 'add' && mapRef.value.flyBoundary() |
| | | } |