import { lodLayer, viewer } from '@/components/dt-scene/index.vue' // 新增空间态势统计 // 台风列表 import SceneInfo from '@/mixin/scene-info' import LeftSlide from '@/components/LeftSlide.vue' import { mapGetters } from 'vuex' import * as DT from 'dt-sdk' import { ICON_MODE } from '@/enum' import { getUnionId } from '@/utils' import { AreaPlotManager } from '@/utils/area-plot-manager' import { addTaskFast, deleteTaskItem, editTaskName, getLoaderEnabledList, getTaskEditItemDetail, getTaskListData, getUavCurrentHeight, getUavEnabledListData, previewTaskFast, reRunTask, flyTaskUavCommand, stopTaskFly } from '@/api/task' import LineTarget from './lineTarget' import UavTarget from '../twin-situation/uavTarget' let theViewerTools = null let pickHandler = null let startPoint = null let endPoint = null let linePlot = null let airlineCollection = {} let previewEntities = [] let taskListResource = [] let taskUavCollection = {} let taskPlanAreaCollection = {} let sceneEntity = {} export default { name: 'TaskManage', props: { visible: Boolean, sceneComplete: Boolean, readOnly: { type: Boolean, default: false }, }, components: { LeftSlide }, mixins: [SceneInfo], data() { return { IconDelete: require('@/assets/img/platform/delete.png'), rightArrow: require('@/assets/img/platform/right-arrow.png'), startDrawIcon: require('@/assets/img/platform/start-draw.png'), endDrawIcon: require('@/assets/img/platform/end-draw.png'), visibleLocale: false, taskList: { visible: true, data: [ // { // id: 1, // executeIcon: 'ri-dv-line', // executeName: '无人机1', // typeIcon: 'el-icon-camera', // name: '拍照任务', // check: false, // status: 0, // uavCompletion: 30, // isFinish: false, // taskProgressName: '30%', // executeClass: '2', // taskTime: '2024-12-28 14:00:00' // }, ] }, taskForm: { show: false, visible: false, form: {}, title: '新增任务' }, form: { id: '', targetChoose: undefined, loaderType: undefined, direction: 1, startAltitude: undefined, imageLight: undefined, imageBit: 0, headingDiff: 0, polarization: '0', name: '', ratio: '', airlineList: [], heightMode: 1, mode: undefined, width: undefined, theta: undefined, flyHeight: 300, initSpeed: 10, targetList: [], loader: undefined, uav: undefined, routepoints: [], waveAngle: 20, waveRotation: 20, autoFocus: 0, imageMode: '0', moto: 0, // startPoint: { // lon: undefined, // lat: undefined, // }, // endPoint: { // lon: undefined, // lat: undefined, // } }, rules: { name: [{ required: true, message: '请输入任务名称', trigger: 'blur' }], startAltitude: [{ required: true, message: '请输入起飞点高度', trigger: 'blur' }], imageLight: [{ required: true, message: '请输入图片亮度', trigger: 'blur' }], mode: [{ required: true, message: '请选择飞行模式', trigger: 'change' }], imageMode: [{ required: true, message: '请选择成像模式', trigger: 'change' }], targetList: [{ required: true, message: '请选择区域', trigger: 'change' }], uav: [{ required: true, message: '请选择无人机', trigger: 'change' }], loader: [{ required: true, message: '请选择载荷', trigger: 'change' }], loaderType: [{ required: true, message: '请选择载荷类型', trigger: 'change' }], ratio: [{ required: true, message: '请选择分辨率', trigger: 'change' }], }, settingExpand: false, duringDraw: false, duringPick: false, flyModeOptions: [ { label: '点目标模式', value: 1 }, { label: '区域目标模式', value: 2 }, { label: '航线创建', value: 3 } ], drawOptions: [ { label: '点', value: '点' }, { label: '区域', value: '多边形' } ], loaderTypeOptions: [ { label: '可见光', value: 1 }, { label: '红外', value: 2 }, { label: '多光谱', value: 3 }, { label: '激光雷达', value: 4 }, { label: 'SAR', value: 'SAR' } ], loaderOptions: [], ratioOptions: [ { label: '0.1m', value: 0.1 }, { label: '0.3m', value: 0.3 }, { label: '1m', value: 1 }, { label: '3m', value: 3 }, ], directionOptions: [ { label: '左侧视', value: 1 }, { label: '右侧视', value: -1 } ], ratioMap: { '0.1': { width: 317.5523063, // y 方向幅宽 length: 0.1, // x 方向幅宽 theta: 55.07020714, // 下视角 reserved: 100, //预留距离 (m) direction: 1, //侧视方向 polarization: '0', //极化方式 }, '0.15': { width: 2597.873969, // y 方向幅宽 length: 0.1, // x 方向幅宽 theta: 83.1449936, // 下视角 reserved: 100, //预留距离 (m) direction: 1, //侧视方向 polarization: '0', //极化方式 }, '0.2': { width: 2597.87396, // y 方向幅宽 length: 0.1, // x 方向幅宽 theta: 83.1449936, // 下视角 reserved: 100, //预留距离 (m) direction: 1, //侧视方向 polarization: '0', //极化方式 }, '0.3': { width: 4200.426476, // y 方向幅宽 length: 0.1, // x 方向幅宽 theta: 85.0964241, // 下视角 reserved: 100, //预留距离 (m) direction: 1, //侧视方向 polarization: '0', //极化方式 }, '0.5': { width: 5009.03516, // y 方向幅宽 length: 0.1, // x 方向幅宽 theta: 84.99811885, // 下视角 reserved: 100, //预留距离 (m) direction: 1, //侧视方向 polarization: '0', //极化方式 }, '1': { width: 3329.435, // y 方向幅宽 length: 0.1, // x 方向幅宽 theta: 83.14499, // 下视角 reserved: 100, //预留距离 (m) direction: 1, //侧视方向 polarization: '0', //极化方式 }, '3': { width: 3329.435, // y 方向幅宽 length: 0.1, // x 方向幅宽 theta: 83.14499, // 下视角 reserved: 100, //预留距离 (m) direction: 1, //侧视方向 polarization: '0', //极化方式 }, '10': { width: 6808.414439, // y 方向幅宽 length: 0.1, // x 方向幅宽 theta: 86.56482716, // 下视角 reserved: 100, //预留距离 (m) direction: 1, //侧视方向 polarization: '0', //极化方式 }, 'gmti': { width: 6808.414439, // y 方向幅宽 length: 0.1, // x 方向幅宽 theta: 86.56482716, // 下视角 reserved: 100, //预留距离 (m) direction: 1, //侧视方向 polarization: '0', //极化方式 } }, heightModeOptions: [ { label: '海拔高度', value: 1 }, { label: '相对起飞点高度', value: 2 }, { label: '相对地形高度', value: 3 }, ], uavOptions: [], duringAirlinePick: false, calculateMap: [ { minSpeed: 5, maxSpeed: 10, '0.1': { minDistance: 105, maxDistance: 1760, defaultAngle: 70.91580209, }, '0.15': { minDistance: 105, maxDistance: 5000, defaultAngle: 70.91580209, }, '0.2': { minDistance: 105, maxDistance: 5000, defaultAngle: 80.12850849, }, '0.3': { minDistance: 105, maxDistance: 7000, defaultAngle: 83.14499366, }, '1': { minDistance: 105, maxDistance: 5000, defaultAngle: 83.14499366, }, '3': { minDistance: 105, maxDistance: 5000, defaultAngle: 83.14499366, }, '10': { minDistance: 105, maxDistance: 10000, defaultAngle: 82.14499366, }, 'gmti': { minDistance: 105, maxDistance: 10000, defaultAngle: 82.14499366, } }, { minSpeed: 10, maxSpeed: 15, '0.1': { minDistance: 105, maxDistance: 1192, defaultAngle: 62.52119039, }, '0.15': { minDistance: 105, maxDistance: 5000, defaultAngle: 62.52119039, }, '0.2': { minDistance: 105, maxDistance: 5000, defaultAngle: 75.41290323, }, '0.3': { minDistance: 105, maxDistance: 7000, defaultAngle: 82.53841873, }, '1': { minDistance: 105, maxDistance: 5000, defaultAngle: 83.14499366, }, '3': { minDistance: 105, maxDistance: 5000, defaultAngle: 83.14499366, }, '10': { minDistance: 105, maxDistance: 10000, defaultAngle: 82.14499366, }, 'gmti': { minDistance: 105, maxDistance: 10000, defaultAngle: 82.14499366, } }, { minSpeed: 15, maxSpeed: 20, '0.1': { minDistance: 105, maxDistance: 910, defaultAngle: 55.07020714, }, '0.15': { minDistance: 105, maxDistance: 5000, defaultAngle: 55.07020714, }, '0.2': { minDistance: 105, maxDistance: 5000, defaultAngle: 70.91580209, }, '0.3': { minDistance: 105, maxDistance: 7000, defaultAngle: 80.12850849, }, '1': { minDistance: 105, maxDistance: 5000, defaultAngle: 83.14499366, }, '3': { minDistance: 105, maxDistance: 5000, defaultAngle: 83.14499366, }, '10': { minDistance: 105, maxDistance: 10000, defaultAngle: 82.14499366, }, 'gmti': { minDistance: 105, maxDistance: 10000, defaultAngle: 82.14499366, } } ], minDistance: 105, maxDistance: 1760, maxAngle: 80, minAngle: 10, minWaveAngle: 1, maxWaveAngle: 10, airlineCreateInfo: { during: false, id: undefined }, lastLimitUpdate: { index: -1, ratio: undefined }, editName: { visible: false, name: '', id: '', loading: false }, nameRules: { name: [{ required: true, message: '请输入任务名称', trigger: 'blur' }], }, uavReady: false, loaderReady: false, taskLineDetail: { visible: false, title: '航线详情', data: [] }, currentUavInfo: { lon: undefined, lat: undefined, height: undefined }, previewLoading: false, imageModeOptions: [ { label: '条带', value: 0 }, { label: 'GMTI', value: 4 } ], focusOptions: [ { label: '否', value: 0 }, { label: '是', value: 1 } ], motoOptions: [ { label: '否', value: 0 }, { label: '是', value: 1 } ], emptyImg: require('@/assets/img/common/empty.svg'), } }, computed: { ...mapGetters([ 'currentTime', 'sarResolution', 'sarResolutionOptions', 'jobMode', 'jobModeOptions', 'jobStatus', 'polarization', 'polarizationOptions', 'sarImageModeOptions', ]), isIconModeLarge() { return this.iconMode === ICON_MODE.LARGE }, readyUavLocation() { return this.uavReady && this.loaderReady } }, watch: { visible: { handler: function (nv) { if (nv) { this.visibleLocale = nv } }, immediate: true, }, visibleLocale(nv) { if (!nv) { if (lodLayer) { lodLayer.removeAll() viewer.entities.removeAll() } this.$emit('update:visible', false) } }, sceneComplete: { handler: function (nv) { if (nv && this.visibleLocale) { } }, immediate: true, }, 'taskForm.visible'(nv) { if (nv) { this.taskList.visible = false } else { if (this.visibleLocale) { this.taskList.visible = true } if (startPoint) { viewer.entities.remove(startPoint) startPoint = null } if (endPoint) { viewer.entities.remove(endPoint) endPoint = null } console.log('走这一步了吗') if (theViewerTools) { theViewerTools.destroy() } theViewerTools = null // this.$nextTick(() => { // this.form = { // id: '', // targetChoose: undefined, // loaderType: undefined, // direction: 1, // name: '', // ratio: '', // heightMode: 1, // mode: undefined, // flyHeight: 300, // initSpeed: 10, // targetList: [], // loader: undefined, // uav: undefined, // routepoints: [], // } // }) } }, 'form.targetList': { handler: function (newValue, oldValue) { if (newValue.length && this.taskForm.visible && this.$refs.form) { this.$refs.form.validateField('targetList') } }, deep: true }, readyUavLocation(nv) { if (nv) { // this.refreshUavHeight() } } }, created() { this.getLoaderData() this.getList() this.getUavList() // TODO 临时 // this.onLoaderTypeChange('SAR') }, mounted() { // this.openAddForm() }, beforeDestroy() { taskListResource = [] this.removeAllAirline() this.removePreviewLine() this.taskForm.visible = false if (theViewerTools) { theViewerTools.destroy() } theViewerTools = null pickHandler = null if (lodLayer) { // lodLayer.removeAll() // viewer.entities.removeAll() } viewer.entities.removeAll() startPoint = null endPoint = null if (linePlot) { linePlot.destroy() linePlot = null } for (let key in taskPlanAreaCollection) { if (taskPlanAreaCollection[key]) { taskPlanAreaCollection[key].forEach(item => { viewer.entities.remove(item) }) } } for (let key in taskUavCollection) { if (taskUavCollection[key]) { taskUavCollection[key].forEach(item => { item.destroy() }) } } for (let key in sceneEntity) { if (sceneEntity[key]) { viewer.entities.remove(sceneEntity[key]) } } sceneEntity = {} taskPlanAreaCollection = {} taskUavCollection = {} }, methods: { // #region 任务启动部分代码迁移 reRunTask(info) { if (info.status !== 2) return this.$confirm('确定重新执行吗', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(res => { reRunTask({ id: info.id }).then(res => { if (res.data.code === 200) { console.log('重新运行结果', res) this.$message.success('任务重新执行成功') let data = res.data.data data.check = data.status === 1 data.statusName = this.jobStatus[data.status + ''] data.uavList.forEach(child => { if (!child.trailList) { child.trailList = [] } child.jobName = data.name }) this.taskList.data.unshift({ id: data.id, beginTime: data.beginTime, check: data.check, endTime: data.endTime, mode: data.mode, name: data.name, status: data.status, statusName: data.statusName, }) taskListResource.unshift(data) this.addUavToScene(data) // this.addTaskPlanArea(data.pointList, data.id, data.name) } else { this.$message.error(res.data.message) } }) }) }, stopTask(info, index) { this.$confirm('确定结束任务吗', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(res => { stopTaskFly({ id: info.id }).then(res => { if (res.data.code === 200) { info.status = 2 info.statusName = this.jobStatus[info.status + ''] this.$message.success('任务已结束！') } else { this.$message.error(res.data.message) } }) }) }, makeTaskUavFly(info, index) { this.$confirm('确定执行吗', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(res => { flyTaskUavCommand({ id: info.id }).then(res => { if (res.data.code === 200) { info.status = 1 info.check = false info.statusName = this.jobStatus[info.status + ''] this.toggleTaskSceneShow(info, index) this.taskList.data.forEach((child, childIndex) => { if (child.check && child.status === 2) { this.toggleTaskSceneShow(child, childIndex) } }) this.$message.success('起飞成功') } else { this.$message.error(res.data.message) } }) }) }, toggleTaskSceneShow(info, index) { if (info.check) { info.check = false; taskListResource[index].check = false this.removeTaskTarget(info.id); } else { this.addUavToScene(taskListResource[index]) this.addTaskPlanArea(taskListResource[index].pointList, info.id, info.name) info.check = true } }, addTaskPlanArea(data, taskId, taskName) { taskPlanAreaCollection[taskId] = [] let allPositions = [] let centerLon = 0 let centerLat = 0 data.forEach((item, index) => { if (item.length > 1) { let positions = [] item.forEach(child => { positions.push(DT.Cesium.Cartesian3.fromDegrees(child.longitude, child.latitude)) }) positions.push(DT.Cesium.Cartesian3.fromDegrees(item[0].longitude, item[0].latitude)) allPositions = allPositions.concat(positions) let entity = viewer.entities.add({ position: positions[0], label: { text: `${taskName}任务-规划区域${index + 1}`, disableDepthTestDistance: 10000, font: '14px sans-serif', fillColor: DT.Cesium.Color.RED, horizontalOrigin: DT.Cesium.HorizontalOrigin.LEFT, verticalOrigin: DT.Cesium.VerticalOrigin.BOTTOM, pixelOffset: new DT.Cesium.Cartesian2(0, -10), scaleByDistance: new DT.Cesium.NearFarScalar(0, 1, 1, 0.8), distanceDisplayCondition: new DT.Cesium.DistanceDisplayCondition(0, 10000), showBackground: true, backgroundColor: DT.Cesium.Color.fromCssColorString('rgba(255,255,255,0.6)') }, polyline: { positions: positions, width: 2, arcType: DT.Cesium.ArcType.NONE, material: DT.Cesium.Color.RED, depthFailMaterial: DT.Cesium.Color.RED, disableDepthTestDistance: 10000, zIndex: -1 } }) taskPlanAreaCollection[taskId].push(entity) } else if (item.length === 1) { let position = DT.Cesium.Cartesian3.fromDegrees(item[0].longitude, item[0].latitude) allPositions.push(position) let entity = viewer.entities.add({ position, label: { text: `${taskName}任务-规划区域${index + 1}`, disableDepthTestDistance: 10000, font: '14px sans-serif', fillColor: DT.Cesium.Color.RED, horizontalOrigin: DT.Cesium.HorizontalOrigin.LEFT, pixelOffset: new DT.Cesium.Cartesian2(10, 0), showBackground: true, backgroundColor: DT.Cesium.Color.fromCssColorString('rgba(255,255,255,0.6)') }, point: { pixelSize: 4, color: DT.Cesium.Color.RED, disableDepthTestDistance: 10000 } }) taskPlanAreaCollection[taskId].push(entity) } }) if (allPositions.length > 0) { let cat = DT.Cesium.Cartographic.fromCartesian(allPositions[0]) allPositions.push(DT.Cesium.Cartesian3.fromRadians(cat.longitude, cat.latitude, 2000)) viewer.cesiumViewer.camera.flyToBoundingSphere(DT.Cesium.BoundingSphere.fromPoints(allPositions), { duration: 0.1, offset: new DT.Cesium.HeadingPitchRange(0, -Math.PI / 2, 0), }) } }, addUavToScene(info) { let arr = [] info.uavList.forEach(item => { console.log(viewer, item, 8888); let uav = new UavTarget(viewer, item) arr.push(uav) }) taskUavCollection[info.id] = arr }, removeTaskTarget(taskId) { if (taskPlanAreaCollection[taskId]) { taskPlanAreaCollection[taskId].forEach(item => { viewer.entities.remove(item) }) taskPlanAreaCollection[taskId] = null } if (taskUavCollection[taskId]) { taskUavCollection[taskId].forEach(item => { item.destroy() }) taskUavCollection[taskId] = null } }, toggleHistoryPicture(data) { if (taskUavCollection[data.jobId]) { let find = taskUavCollection[data.jobId].find(item => item.uavId + '' === data.uavId + '') if (find) { find.toggleLoaderPictureVisible(data.payloadId, data.fileId) } } }, // #endregion handleCommand(command, item) { switch (command) { case 'edit': this.editTaskName(item) break; case 'copy': this.copyTask(item) break; case 'remove': this.deleteTask(item) break; } }, dealStatusColor(name) { if (name === '执行中') { return '#6ae965' } else if (name === '已完成') { return '#336dff' } }, getUavList() { this.uavReady = false getUavEnabledListData().then(res => { if (res.data.code === 200) { console.log('无人机列表', res.data.data) this.uavOptions = res.data.data // TODO 临时 if (this.uavOptions.length > 0) { this.form.uav = this.uavOptions[0].id this.uavReady = true } } else { this.$message.error(res.data.message) } }) }, onLoaderTypeChange(type) { this.loaderOptions = [] if (type) { this.getLoaderData(type) } }, getLoaderData(type) { // getLoaderList this.loaderReady = false getLoaderEnabledList().then(res => { if (res.data.code === 200) { console.log('载荷数据-------------', res.data.data) this.loaderOptions = res.data.data // TODO 临时 if (this.loaderOptions.length > 0) { this.form.loader = this.loaderOptions[0].id this.loaderReady = true } } else { this.$message.error(res.data.message) } }) }, refreshUavHeight() { if (this.form.uav) { if (this.form.loader) { getUavCurrentHeight({ payloadId: this.form.loader }).then(res => { if (res.data.code === 200) { console.log('请求高度', res.data.data) this.form.startAltitude = res.data.data.altitude this.currentUavInfo = { longitude: res.data.data.longitude, latitude: res.data.data.latitude, height: res.data.data.altitude, } this.$message.success('获取当前高度成功！') } else { this.$message.error(res.data.message) } }) } else { this.$message.warning('请选择雷达！') } } else { this.$message.warning('请选择无人机！') } }, getList() { getTaskListData({ type: 2, orders: [{ column: 'begin_time', asc: false }] }).then(res => { if (res.data.code === 200) { let data = res.data.data let list = [] data.forEach(item => { item.statusName = this.jobStatus[item.status + ''] list.push({ id: item.id, beginTime: item.beginTime, check: item.check, endTime: item.endTime, mode: item.mode, name: item.name, status: item.status, statusName: item.statusName, }) }) taskListResource = data this.taskList.data = list } else { this.$message.error(res.data.message) } }) }, copyTask(info) { getTaskEditItemDetail({ jobId: info.id }).then(res => { if (res.data.code === 200) { console.log('编辑详情', res.data.data) this.editTask(JSON.parse(res.data.data)) } else { this.$message.error(res.data.message) } }) }, editTaskName(info) { this.editName.visible = false this.editName.loading = false this.editName.name = info.name this.editName.id = info.id this.editName.visible = true }, submitName() { this.$refs.form.validate(valid => { if (valid) { let params = { id: this.editName.id, name: this.editName.name, } editTaskName(params).then(res => { this.editName.loading = false if (res.data.code === 200) { this.$message.success('修改成功！') this.editName.visible = false this.getList() } else { this.$message.error(res.data.message) } }).catch(err => { this.editName.loading = false }) } }) }, // 删除任务 deleteTask(info) { this.$confirm('确定删除吗', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(res => { deleteTaskItem([info.id]).then(res => { if (res.data.code === 200) { this.$message.success('删除成功') this.getList() } else { this.$message.error(res.data.message) } }) }) }, /** * 重新执行 * @param info */ reRunTask(info) { this.$confirm('确定重新执行吗', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(res => { reRunTask({ id: info.id }).then(res => { if (res.data.code === 200) { this.$message.success('任务重新执行成功') this.getList() } else { this.$message.error(res.data.message) } }) }) }, /** * 编辑任务 * @param info */ editTask(info) { console.log('复制信息', info) // 移除所有线 this.removeAllAirline() // 移除预览 this.removePreviewLine() this.taskForm.visible = false this.form = info this.form.name = info.name + '-copy' this.form.id = undefined this.calculateLimit() this.getUavList() this.getLoaderData() // TODO 临时 // this.onLoaderTypeChange('SAR') viewer.cesiumViewer.scene.globe.depthTestAgainstTerrain = this.form.mode === '3' this.taskForm.visible = true if (theViewerTools) { theViewerTools.destroy() theViewerTools = null } theViewerTools = new AreaPlotManager(viewer) theViewerTools.initPlot(this.theCallback) this.$nextTick(() => { if (this.$refs.form && this.form.mode === '1') { this.$refs.form.validateField('targetList') } }) switch (this.form.mode) { case '1': // 快速模式 this.form.targetList.forEach(item => { theViewerTools.restoreEntity(item) }) break case '2': break case '3': // 航线创建 this.form.airlineList.forEach(item => { let arr = new LineTarget({ viewer: viewer, id: item.id, endCallback: this.airlineEndCallback, baseHeight: this.form.flyHeight, angle: this.form.waveAngle, // rotation: this.form.theta * this.form.direction, rotation: this.form.theta, name: item.name, }) airlineCollection[item.id] = arr arr.restoreTarget(item) }) break } }, openAddForm() { this.form = { id: '', startAltitude: undefined, imageLight: undefined, imageBit: 0, headingDiff: 0, autoFocus: 0, imageMode: '0', moto: 0, targetChoose: undefined, loaderType: undefined, direction: 1, polarization: '0', name: '', airlineList: [], // ratio: this.sarResolutionOptions[0].value, ratio: 0.2, heightMode: 1, mode: '1', width: undefined, theta: 70.91580209, flyHeight: 300, initSpeed: 10, targetList: [], loader: undefined, uav: undefined, routepoints: [], waveAngle: 20, waveRotation: 20, } this.calculateLimit() this.getUavList() this.getLoaderData() // TODO 临时 // this.onLoaderTypeChange('SAR') this.taskForm.visible = true if (theViewerTools) { theViewerTools.destroy() theViewerTools = null } this.taskList.data.forEach(el => { if (el.check) { this.removeTaskTarget(el.id) el.check = false } }) theViewerTools = new AreaPlotManager(viewer) theViewerTools.initPlot(this.theCallback) console.log('船舰了吗', theViewerTools) }, resetForm() { // this.taskForm.show = false // this.taskForm.visible = false this.removeAllAirline() this.removePreviewLine() this.form = { id: '', startAltitude: undefined, imageLight: undefined, imageBit: 0, headingDiff: 0, autoFocus: 0, imageMode: '0', moto: 0, targetChoose: undefined, loaderType: undefined, airlineList: [], direction: 1, polarization: '0', name: '', ratio: this.sarResolutionOptions[0].value, heightMode: 1, mode: '1', width: undefined, theta: 70.91580209, flyHeight: 300, initSpeed: 10, targetList: [], loader: undefined, uav: undefined, routepoints: [], waveAngle: 20, waveRotation: 20, } this.calculateLimit() this.getUavList() // TODO 临时 this.onLoaderTypeChange('SAR') this.$nextTick(() => { // this.taskForm.visible = true // this.taskForm.show = true if (theViewerTools) { theViewerTools.destroy() theViewerTools = null } theViewerTools = new AreaPlotManager(viewer) theViewerTools.initPlot(this.theCallback) }) }, submit() { this.$refs.form.validate((valid) => { if (valid) { let params = JSON.parse(JSON.stringify(this.form)) let pointList = [] params.targetList.forEach(item => { let arr = [] item.boundary.forEach(child => { arr.push({ longitude: child[0], latitude: child[1], }) }) pointList.push(arr) }) params.airlineList.forEach((item, index) => { if (item.boundaryLonLat) { pointList.push(item.boundaryLonLat) } }) let info = { info1: JSON.stringify(this.form), id: params.id, name: params.name, mode: params.mode, pointList: pointList, startAltitude: params.startAltitude, imageLight: parseFloat(params.imageLight), headingDiff: parseFloat(params.headingDiff), imageBit: parseFloat(params.imageBit), targetType: params.targetChoose === '点' ? '1' : '2', imageMode: params.imageMode, uavList: [ { uavId: params.uav, // startLon: params.startPoint.lon, // startLat: params.startPoint.lat, // endLon: params.endPoint.lon, // endLat: params.endPoint.lat, speed: params.initSpeed, height: params.flyHeight, resolution: params.ratio, startAltitude: params.startAltitude, payloadList: [{ payloadId: params.loader, resolution: params.ratio, width: params.width, length: this.form.imageMode === '4' ? this.ratioMap.gmti.length : this.ratioMap[params.ratio].length, theta: params.theta, reserved: this.form.imageMode === '4' ? this.ratioMap.gmti.reserved : this.ratioMap[params.ratio].reserved, direction: params.direction, polarization: params.polarization, autoFocus: params.autoFocus, imageMode: params.imageMode, moto: params.moto, imageLight: parseFloat(params.imageLight), imageBit: parseFloat(params.imageBit), headingDiff: parseFloat(params.headingDiff), }], airlineList: params.airlineList } ] } if (info.id) { addTaskFast(info).then(res => { if (res.data.code === 200) { this.$message.success('新增任务任务成功') this.taskForm.visible = false this.getList() } else { this.$message.error(res.data.message) } }) } else { addTaskFast(info).then(res => { if (res.data.code === 200) { this.$message.success('新增任务任务成功') this.taskForm.visible = false this.resetForm() this.getList() } else { this.$message.error(res.data.message) } }) } } }) }, /*************************任务编辑相关*************************/ /** * 飞行模式改变 * @param value */ onModeChange(value) { console.log('飞行模式', value) // if (linePlot) { // linePlot.destroy() // linePlot = null // } this.form.targetList.forEach(item => { this.tagClose(item) }) this.endDraw() this.removeAllAirline() this.removePreviewLine() viewer.cesiumViewer.scene.globe.depthTestAgainstTerrain = value === '3' this.lastLimitUpdate = { index: -1, ratio: undefined } // this.form.routepoints = [] switch (value) { case '1': this.settingExpand = false // this.form.targetChoose = '点' break case '2': this.settingExpand = false // this.form.targetChoose = '多边形' break case '3': this.calculateLimit() this.settingExpand = true // this.form.targetChoose = '点' // linePlot = new LinePlot({ // viewer: viewer, // lodLayer: lodLayer, // Cesium: DT.Cesium, // callback: this.pickCallback, // changeCallback: this.onChangeCallback, // endCallback: this.endCallback, // readOnly: this.readOnly, // loop: false // }) // console.log('创建了吗', linePlot) break } }, getDrawTargetDisabled(info) { if (this.form.imageMode === '1') { return info.value === '多边形' } else { return false } }, createLine() { }, /** * 目标类型改变事件 * @author wangxueshen * @date 2022-11-03 * @param {any} val * @returns {any} */ targetTypeChange(val) { this.endDraw() switch (val) { case '区域选择': break case '形状选择': // this.form.targetList = [] // theViewerTools.removebyName('区域1') // const data = { // id: 1, // targetName: '区域1', // targetType: 2, // areaType: 3, // data: [ // [119.65860240889127, 26.341999829244322], // [117.25916413364445, 23.61439484133452], // [120.67063487635603, 21.896506978647942], // [121.88328392808693, 25.240668250328035], // [119.65860240889127, 26.341999829244322] // ] // } // this.form.targetList.push(data) // theViewerTools.addProvinceMap(data.targetName, data.data) break case 'ROI区域': // this.form.targetList = [] // theViewerTools.removebyName('区域1') // this.form.targetList.push({ // id: 2, // targetName: '船舶AIS编号：413118000', // targetType: 3, // }) break default: break } }, /** * tag 删除时间，删除已选择的区域或绘制的图形 * @author wangxueshen * @date 2022-04-28 * @param {any} target * @returns {any} */ tagClose(target) { // 删除 form.targetList 中的项 let tagIndex = this.form.targetList.findIndex( item => target.groupTargetId === item.groupTargetId ) this.form.targetList.splice(tagIndex, 1) // 删除 form.provinceValue 中的项 this.$set(this.form, 'provinceValue', []) this.removePreviewLine() // 清楚当前目标 if (this.form.reqType !== 3) { theViewerTools.removeByName(target.targetName) } }, //#region 绘制代码区域 endDraw(type) { if (theViewerTools) { theViewerTools.endDraw() } }, destroyDraw() { if (theViewerTools) { theViewerTools.destroy() } theViewerTools = null }, startDraw(type) { theViewerTools.startDraw( type, this.theCallback, 'rgba(0, 255, 0, 1)', 'rgba(0, 255, 0, 1)' ) }, drawFromButton() { this.duringDraw = true this.startDraw(this.form.targetChoose) }, theCallback(targetName, targetType, areaType, data) { this.duringDraw = false let result = data if (targetType === 3) { let minLon = Math.min(data[0][0], data[1][0]) let minLat = Math.min(data[0][1], data[1][1]) let maxLon = Math.max(data[0][0], data[1][0]) let maxLat = Math.max(data[0][1], data[1][1]) result = [ [minLon, minLat], [maxLon, minLat], [maxLon, maxLat], [minLon, maxLat], [minLon, minLat] ] } this.form.targetList.push({ groupTargetId: getUnionId(), targetName, targetType, areaType, boundary: result }) this.endDraw() }, // 航线创建 /** * 开始绘制 */ startAirlineDraw() { if (this.readOnly) return if (this.duringAirlinePick) { this.$message.info('已经处于绘制模式！') return } if (this.form.routepoints.length > 0) { this.$confirm('绘制会清除历史数据，是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { this.form.routepoints = [] this.duringAirlinePick = true linePlot.startPick() }) } else { linePlot.startPick() this.duringAirlinePick = true } }, /** * 结束绘制 */ endAirlineDraw() { if (this.readOnly) return if (this.duringAirlinePick) { linePlot.abortPick() } }, pickCallback(position) { let cat = DT.Cesium.Cartographic.fromCartesian(position) let lon = Math.round(DT.Cesium.Math.toDegrees(cat.longitude) * 10000000000000) / 10000000000000 let lat = Math.round(DT.Cesium.Math.toDegrees(cat.latitude) * 10000000000000) / 10000000000000 let length = this.form.routepoints.length this.form.routepoints.push({ longitude: lon, latitude: lat, routePointIndex: length }) // this.calculateDistance() }, // pickCallback(positions) { // this.duringAirlinePick = false // let list = [] // positions.forEach((item, index) => { // let cat = DT.Cesium.Cartographic.fromCartesian(item) // let lon = Math.round(DT.Cesium.Math.toDegrees(cat.longitude) * 10000000000000) / 10000000000000 // let lat = Math.round(DT.Cesium.Math.toDegrees(cat.latitude) * 10000000000000) / 10000000000000 // list.push({ // templateType: 1, // longitude: lon, // latitude: lat, // gimbalPitchAngle: -90 // }) // }) // this.form.list = list // this.calculateDistance() // }, onChangeCallback(info) { let cat = DT.Cesium.Cartographic.fromCartesian(info.position) let lon = Math.round(DT.Cesium.Math.toDegrees(cat.longitude) * 10000000000000) / 10000000000000 let lat = Math.round(DT.Cesium.Math.toDegrees(cat.latitude) * 10000000000000) / 10000000000000 this.form.routepoints[info.index].longitude = lon this.form.routepoints[info.index].latitude = lat // this.calculateDistance() }, endCallback() { this.duringAirlinePick = false }, onTableCommand(info, index) { if (this.readOnly || this.duringAirlinePick) return if (this.form.routepoints.length < 3) { this.$message.warning('至少需要保留两个点！') return } let position = DT.Cesium.Cartesian3.fromDegrees(info.longitude, info.latitude) linePlot.deleteItem({ position: position, index: index }) this.form.routepoints.splice(index, 1) }, onTableInputChange(info, index) { let position = DT.Cesium.Cartesian3.fromDegrees(info.longitude, info.latitude) linePlot.editItem({ position: position, index: index }) }, //#endregion theCallback2(targetName, targetType, areaType, data) { let result = JSON.parse(JSON.stringify(data)) switch (this.addRegion.currentSelfDrawType) { case 'rectangle': this.addRegion.recTopLeft = { lon: result[0][0].toFixed(4), lat: result[0][1].toFixed(4) } this.addRegion.recBottomRight = { lon: result[1][0].toFixed(4), lat: result[1][1].toFixed(4) } this.endDraw() this.updateRectangle() break case 'circle': this.addRegion.circleCenter = { lon: result[0][0].toFixed(4), lat: result[0][1].toFixed(4) } this.addRegion.circleRadius = this.getDistance( { lon: result[0][0], lat: result[0][1] }, { lon: result[1][0], lat: result[1][1] } ) * 1852 this.endDraw() this.updateCircle() break case 'polygon': let lineData = [] let length = result.length result.forEach((item, index) => { if (index < length - 1) { lineData.push({ name: '点' + (index + 1), lon: item[0].toFixed(4), lat: item[1].toFixed(4) }) } }) this.addRegion.polylinePoints = lineData this.addRegion.polylineCount = lineData.length + 1 this.endDraw() this.updatePolygon() break } }, pickPoint(type) { this.duringPick = true if (!pickHandler) { pickHandler = new DT.Cesium.ScreenSpaceEventHandler( viewer.cesiumViewer.scene.canvas ) } pickHandler.setInputAction(evt => { let cartesian = this.getCartesian3FromPX(evt.position) if (cartesian) { let cat = DT.Cesium.Cartographic.fromCartesian(cartesian) let lon = DT.Cesium.Math.toDegrees(cat.longitude) let lat = DT.Cesium.Math.toDegrees(cat.latitude) let newPosition = DT.Cesium.Cartesian3.fromDegrees(lon, lat, 50) newPosition = cartesian if (type === 'startPoint') { if (startPoint) { // viewer.entities.remove(startPoint) startPoint.position = newPosition } else { startPoint = viewer.entities.add({ position: newPosition, label: { text: '航线起点', font: '12px sans-serif', disableDepthTestDistance: 10000, horizontalOrigin: DT.Cesium.HorizontalOrigin.LEFT, verticalOrigin: DT.Cesium.VerticalOrigin.CENTER, pixelOffset: new DT.Cesium.Cartesian2(10, 0), showBackground: true, backgroundColor: DT.Cesium.Color.BLACK.withAlpha(0.7), backgroundPadding: new DT.Cesium.Cartesian2(5, 3), }, point: { pixelSize: 8, color: DT.Cesium.Color.WHITE, disableDepthTestDistance: 10000, } }) } } else { if (endPoint) { // viewer.entities.remove(startPoint) endPoint.position = newPosition } else { endPoint = viewer.entities.add({ position: newPosition, label: { text: '航线终点', font: '12px sans-serif', disableDepthTestDistance: 10000, horizontalOrigin: DT.Cesium.HorizontalOrigin.LEFT, verticalOrigin: DT.Cesium.VerticalOrigin.CENTER, pixelOffset: new DT.Cesium.Cartesian2(10, 0), showBackground: true, backgroundColor: DT.Cesium.Color.BLACK.withAlpha(0.7), backgroundPadding: new DT.Cesium.Cartesian2(5, 3), }, point: { pixelSize: 8, color: DT.Cesium.Color.WHITE, disableDepthTestDistance: 10000, } }) } } this.form[type].lon = Math.round(lon * 1000000000) / 1000000000 this.form[type].lat = Math.round(lat * 1000000000) / 1000000000 pickHandler.removeInputAction(DT.Cesium.ScreenSpaceEventType.LEFT_CLICK) this.duringPick = false } }, DT.Cesium.ScreenSpaceEventType.LEFT_CLICK) }, getCartesian3FromPX(px) { let cartesian let ray = viewer.cesiumViewer.camera.getPickRay(px) if (!ray) return null cartesian = viewer.cesiumViewer.scene.globe.pick(ray, viewer.cesiumViewer.scene) if (!cartesian) { cartesian = viewer.cesiumViewer.camera.pickEllipsoid(px, viewer.cesiumViewer.scene.globe.ellipsoid) } return cartesian }, onImageModeChange(value) { switch (this.form.imageMode) { case '0': // 条带 if (this.form.ratio === '10') { this.form.ratio = this.sarResolutionOptions[0].value } break; case '1': // 聚束模式 if (this.form.ratio === '10') { this.form.ratio = this.sarResolutionOptions[0].value } if (this.form.mode === '1') { if (this.form.targetChoose === '多边形') { this.onModeChange('1') this.form.targetChoose = '点' } } else { this.form.mode = '1' this.onModeChange('1') } break; case '4': // gmti this.form.ratio = '10' break; } this.calculateLimit() }, getRatioDisabled(value) { if (this.form.imageMode !== '4') { return value.value === '10' } else { return value.value !== '10' } }, calculateLimit() { if (this.form.ratio && this.form.initSpeed) { let findIndex = this.calculateMap.findIndex(item => this.form.initSpeed > item.minSpeed && this.form.initSpeed <= item.maxSpeed) if (this.form.initSpeed === 5) { findIndex = 0 } if (findIndex !== -1) { let find = this.calculateMap[findIndex] if (this.lastLimitUpdate.index === findIndex && this.lastLimitUpdate.ratio === this.form.ratio) { // return } let info = this.form.imageMode === '4' ? find.gmt : find[this.form.ratio] this.form.theta = info.defaultAngle this.lastLimitUpdate.index = findIndex this.lastLimitUpdate.ratio = this.form.ratio this.minDistance = Math.max(info.minDistance, this.form.flyHeight / Math.cos(Math.PI / 18)) this.maxDistance = info.maxDistance this.calculateWidth() } } }, calculateHeightLimit() { let find = this.calculateMap[this.lastLimitUpdate.index] let info = this.form.imageMode === '4' ? find.gmti : find[this.form.ratio] this.minDistance = Math.max(info.minDistance, this.form.flyHeight / Math.cos(Math.PI / 18)) this.maxDistance = info.maxDistance this.calculateWidth() }, calculateWidth() { // 算角度范围 let angleMin = 10 if (this.form.flyHeight < this.minDistance) { angleMin = Math.max(180 * Math.acos(this.form.flyHeight / this.minDistance) / Math.PI, 10) } let angleMax = 180 * Math.acos(this.form.flyHeight / this.maxDistance) / Math.PI this.maxAngle = Math.round((angleMax - 1.2) * 10) / 10 this.minAngle = Math.round((angleMin + 1.2) * 10) / 10 if (this.form.theta > this.maxAngle || this.form.theta < this.minAngle) { this.form.theta = Math.round((this.maxAngle + this.minAngle) * 100 / 2) / 100 } let maxWaveAngle = Math.min(this.maxAngle - this.form.theta, this.form.theta - this.minAngle) maxWaveAngle = Math.min(maxWaveAngle + 1.2, 13) maxWaveAngle = Math.ceil(maxWaveAngle * 100) / 100 this.maxWaveAngle = maxWaveAngle if (this.form.waveAngle > this.maxWaveAngle || this.form.waveAngle < this.minWaveAngle) { this.form.waveAngle = this.maxWaveAngle } let width = 2 * (this.form.flyHeight * Math.tan(this.form.theta * Math.PI / 180) - this.form.flyHeight * Math.tan((this.form.theta - this.form.waveAngle) * Math.PI / 180)) width = Math.round(width * 1000000) / 1000000 this.form.width = width this.updateSceneAirline() }, updateWaveAngle() { let width = 2 * (this.form.flyHeight * Math.tan(this.form.theta * Math.PI / 180) - this.form.flyHeight * Math.tan((this.form.theta - this.form.waveAngle) * Math.PI / 180)) width = Math.round(width * 1000000) / 1000000 this.form.width = width this.updateSceneAirline() }, handleRatioChange(value) { let info if (this.form.imageMode === '4') { info = this.ratioMap.gmti } else { info = this.ratioMap[value] } this.form.width = info.width this.form.theta = info.theta }, //#region 航线创建 createAirline() { if (this.airlineCreateInfo.during) { return } this.$message({ type: 'success', message: '在场景中点击鼠标左键创建航线', duration: 4000, }) this.airlineCreateInfo.during = true let id = new Date().getTime() + '' this.airlineCreateInfo.id = id let length = this.form.airlineList.length let name = `航线${length + 1}` let arr = new LineTarget({ viewer: viewer, id: id, endCallback: this.airlineEndCallback, baseHeight: this.form.flyHeight, angle: this.form.waveAngle, // rotation: this.form.theta * this.form.direction, rotation: this.form.theta, name: name, }) airlineCollection[id] = arr arr.startPick() }, updateSceneAirline() { let params = { baseHeight: this.form.flyHeight, angle: this.form.waveAngle, rotation: this.form.theta * this.form.direction, } // this.form.airlineList.forEach(item => { // item.height = this.form.flyHeight // }) for (let key in airlineCollection) { if (airlineCollection[key]) { let find = this.form.airlineList.find(target => target.id == key) if (find) { params.rotation = this.form.theta * find.direction airlineCollection[key].updateHeightAndAngle(params) } } } }, airlineEndCallback(data) { this.airlineCreateInfo.during = false let findIndex = this.form.airlineList.findIndex(item => item.id === data.id) if (findIndex > -1) { let obj = Object.assign({}, this.form.airlineList[findIndex], data) this.form.airlineList.splice(findIndex, 1, obj) } else { let length = this.form.airlineList.length data.name = `航线${length + 1}` this.form.airlineList.push(data) } }, deleteAirlineItem(info, index) { this.form.airlineList.splice(index, 1) if (airlineCollection[info.id]) { airlineCollection[info.id].destroy() airlineCollection[info.id] = null } }, removeAllAirline() { for (let key in airlineCollection) { if (airlineCollection[key]) { airlineCollection[key].destroy() } } this.form.airlineList = [] airlineCollection = {} }, handleDirectionChange(value) { for (let key in airlineCollection) { if (airlineCollection[key]) { let rotation = this.form.theta * value airlineCollection[key].changeWaveRotation(rotation) } } }, handleSelfDirectionChange(value, info, index) { if (airlineCollection[info.id]) { let rotation = this.form.theta * value airlineCollection[info.id].changeWaveRotation(rotation) } }, //#endregion //#region 预览 previewLine() { this.$refs.form.validate((valid) => { if (valid) { this.removePreviewLine() let params = JSON.parse(JSON.stringify(this.form)) let pointList = [] params.targetList.forEach(item => { let arr = [] item.boundary.forEach(child => { arr.push({ longitude: child[0], latitude: child[1], }) }) pointList.push(arr) }) params.airlineList.forEach((item, index) => { if (item.boundaryLonLat) { pointList.push(item.boundaryLonLat) } }) console.log('提交航线', params.airlineList) let info = { id: params.id, name: params.name, mode: params.mode, pointList: pointList, startAltitude: params.startAltitude, imageLight: parseFloat(params.imageLight), headingDiff: parseFloat(params.headingDiff), imageBit: parseFloat(params.imageBit), targetType: params.targetChoose === '点' ? '1' : '2', imageMode: params.imageMode, uavList: [ { uavId: params.uav, // startLon: params.startPoint.lon, // startLat: params.startPoint.lat, // endLon: params.endPoint.lon, // endLat: params.endPoint.lat, speed: params.initSpeed, height: params.flyHeight, resolution: params.ratio, startAltitude: params.startAltitude, payloadList: [{ payloadId: params.loader, resolution: params.ratio, width: params.width, length: this.form.imageMode === '4' ? this.ratioMap.gmti.length : this.ratioMap[params.ratio].length, theta: params.theta, reserved: this.form.imageMode === '4' ? this.ratioMap.gmti.reserved : this.ratioMap[params.ratio].reserved, direction: params.direction, polarization: params.polarization, autoFocus: params.autoFocus, imageMode: params.imageMode, moto: params.moto, imageLight: parseFloat(params.imageLight), imageBit: parseFloat(params.imageBit), headingDiff: parseFloat(params.headingDiff), }], airlineList: params.airlineList } ] } this.previewLoading = true previewTaskFast(info).then(res => { this.previewLoading = false if (res.data.code === 200) { let data = res.data.data for (let key in data) { this.addPreviewLine(data[key], key) } this.$message.success('获取航线成功！') } else { this.$message.error(res.data.message) } }).catch(err => { this.previewLoading = false }) // let params = JSON.parse(JSON.stringify(this.form)) // let pointList = [] // params.targetList.forEach((item, index) => { // let arr = [] // item.boundary.forEach(child => { // arr.push([child[0], child[1]]) // }) // pointList.push({ // type: params.targetChoose === '点' ? 'point' : 'region', // coords: arr, // valid_TYPES: [ // 'region', // 'line', // 'point' // ], // id: index // }) // }) // console.log('提交航线', params.airlineList) // let info = { // optimize: false, // targets: pointList, // uavs: [ // { // id: params.uav, // constraint: { // endurance: 1000000.0, // height: params.flyHeight // }, // start_coord: [this.currentUavInfo.longitude, this.currentUavInfo.latitude], // end_coord: [this.currentUavInfo.longitude, this.currentUavInfo.latitude], // payload: { // type: 'SAR', // width: params.width, // length: this.form.imageMode === 0 ? this.ratioMap[params.ratio].length : this.ratioMap.gmti.length, // theta: params.theta, // direction: params.direction, // reserved_distance: this.form.imageMode === 0 ? this.ratioMap[params.ratio].reserved : this.ratioMap.gmti.reserved, // valid_DIRECTIONS: [ 'left', 'right'], // }, // // } // ] // } // console.log('任务预览提交', info) // this.previewLoading = true // axios.post(window.config.arithmeticPath, info).then(res => { // console.log('预览返回', res) // // if (res.status === 200) { // let data = res.data.data // for (let key in data) { // this.addPreviewLine(data[key], key) // } // } else { // this.$message.error(res.data.message) // } // this.previewLoading = false // }).catch( // this.previewLoading = false // ) } }) }, addPreviewLine(data, parentId) { data.forEach((item, index) => { let startPosition = DT.Cesium.Cartesian3.fromDegrees(item.startLon, item.startLat, item.startHeight) let endPosition = DT.Cesium.Cartesian3.fromDegrees(item.endLon, item.endLat, item.endHeight) let entity = viewer.entities.add({ position: startPosition, label: { text: `航线${index + 1}起点`, font: '24px', showBackground: true, backgroundColor: DT.Cesium.Color.fromCssColorString('rgba(0,0,0,0.7)'), fillColor: DT.Cesium.Color.WHITE, horizontalOrigin: DT.Cesium.HorizontalOrigin.LEFT, pixelOffset: this.labelPixelOffset, disableDepthTestDistance: 20000 }, polyline: { //使用cesium的peoperty positions: [startPosition, endPosition], show: true, material: DT.Cesium.Color.LIMEGREEN, width: 4, } }) previewEntities.push(entity) }) }, removePreviewLine() { previewEntities.forEach((item, index) => { viewer.entities.remove(item) }) previewEntities = [] }, //#endregion //#region 航线详情 openTaskLineDetail(info) { this.taskLineDetail.visible = false let find = taskListResource.find(item => item.id === info.id) if (find && find.uavList) { let line = [] find.uavList.forEach(item => { if (item.airlineList) { item.airlineList.forEach(airline => { line.push({ startLon: airline.startLon, startLat: airline.startLat, startHeight: airline.startHeight, startAlt: airline.startHeight + item.startAltitude, endLon: airline.endLon, endLat: airline.endLat, endHeight: airline.endHeight, endAlt: airline.endHeight + item.startAltitude, }) }) } }) this.taskLineDetail.title = find.name + '-航线详情' this.taskLineDetail.data = line this.taskLineDetail.visible = true } } //#endregion } }