1741 lines
52 KiB
JavaScript
1741 lines
52 KiB
JavaScript
|
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,
|
|||
|
|
getTaskListData, getUavCurrentHeight, getUavEnabledListData,
|
|||
|
|
reRunTask,
|
|||
|
|
} from '@/api/task'
|
|||
|
|
import LineTarget from './lineTarget'
|
|||
|
|
import axios from 'axios'
|
|||
|
|
|
|||
|
|
let theViewerTools = null
|
|||
|
|
let pickHandler = null
|
|||
|
|
let startPoint = null
|
|||
|
|
let endPoint = null
|
|||
|
|
let linePlot = null
|
|||
|
|
let airlineCollection = {}
|
|||
|
|
let previewEntities = []
|
|||
|
|
let taskListResource = []
|
|||
|
|
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: '拍照任务',
|
|||
|
|
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,
|
|||
|
|
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' }],
|
|||
|
|
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.2': {
|
|||
|
|
width: 777.1751307, // y 方向幅宽
|
|||
|
|
length: 0.1, // x 方向幅宽
|
|||
|
|
theta: 70.91580209, // 下视角
|
|||
|
|
reserved: 100, //预留距离 (m)
|
|||
|
|
direction: 1, //侧视方向
|
|||
|
|
polarization: '0', //极化方式
|
|||
|
|
},
|
|||
|
|
'0.3': {
|
|||
|
|
width: 2025.600568, // y 方向幅宽
|
|||
|
|
length: 0.1, // x 方向幅宽
|
|||
|
|
theta: 80.12850849, // 下视角
|
|||
|
|
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', //极化方式
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
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.2': {
|
|||
|
|
minDistance: 105,
|
|||
|
|
maxDistance: 3461,
|
|||
|
|
defaultAngle: 80.12850849,
|
|||
|
|
},
|
|||
|
|
'0.3': {
|
|||
|
|
minDistance: 105,
|
|||
|
|
maxDistance: 5000,
|
|||
|
|
defaultAngle: 83.14499366,
|
|||
|
|
},
|
|||
|
|
'1': {
|
|||
|
|
minDistance: 105,
|
|||
|
|
maxDistance: 5000,
|
|||
|
|
defaultAngle: 83.14499366,
|
|||
|
|
},
|
|||
|
|
'3': {
|
|||
|
|
minDistance: 105,
|
|||
|
|
maxDistance: 5000,
|
|||
|
|
defaultAngle: 83.14499366,
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
minSpeed: 10,
|
|||
|
|
maxSpeed: 15,
|
|||
|
|
'0.1': {
|
|||
|
|
minDistance: 105,
|
|||
|
|
maxDistance: 1192,
|
|||
|
|
defaultAngle: 62.52119039,
|
|||
|
|
},
|
|||
|
|
'0.2': {
|
|||
|
|
minDistance: 105,
|
|||
|
|
maxDistance: 2325,
|
|||
|
|
defaultAngle: 75.41290323,
|
|||
|
|
},
|
|||
|
|
'0.3': {
|
|||
|
|
minDistance: 105,
|
|||
|
|
maxDistance: 4591,
|
|||
|
|
defaultAngle: 82.53841873,
|
|||
|
|
},
|
|||
|
|
'1': {
|
|||
|
|
minDistance: 105,
|
|||
|
|
maxDistance: 5000,
|
|||
|
|
defaultAngle: 83.14499366,
|
|||
|
|
},
|
|||
|
|
'3': {
|
|||
|
|
minDistance: 105,
|
|||
|
|
maxDistance: 5000,
|
|||
|
|
defaultAngle: 83.14499366,
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
minSpeed: 15,
|
|||
|
|
maxSpeed: 20,
|
|||
|
|
'0.1': {
|
|||
|
|
minDistance: 105,
|
|||
|
|
maxDistance: 910,
|
|||
|
|
defaultAngle: 55.07020714,
|
|||
|
|
},
|
|||
|
|
'0.2': {
|
|||
|
|
minDistance: 105,
|
|||
|
|
maxDistance: 1760,
|
|||
|
|
defaultAngle: 70.91580209,
|
|||
|
|
},
|
|||
|
|
'0.3': {
|
|||
|
|
minDistance: 105,
|
|||
|
|
maxDistance: 3461,
|
|||
|
|
defaultAngle: 80.12850849,
|
|||
|
|
},
|
|||
|
|
'1': {
|
|||
|
|
minDistance: 105,
|
|||
|
|
maxDistance: 5000,
|
|||
|
|
defaultAngle: 83.14499366,
|
|||
|
|
},
|
|||
|
|
'3': {
|
|||
|
|
minDistance: 105,
|
|||
|
|
maxDistance: 5000,
|
|||
|
|
defaultAngle: 83.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,
|
|||
|
|
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',
|
|||
|
|
]),
|
|||
|
|
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()
|
|||
|
|
}
|
|||
|
|
startPoint = null
|
|||
|
|
endPoint = null
|
|||
|
|
if (linePlot) {
|
|||
|
|
linePlot.destroy()
|
|||
|
|
linePlot = null
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
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) {
|
|||
|
|
console.log('任务列表', res.data.data)
|
|||
|
|
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)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
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)
|
|||
|
|
if (info.status + '' !== '2') return
|
|||
|
|
let mode = info.mode + ''
|
|||
|
|
this.taskForm.visible = false
|
|||
|
|
this.form = {
|
|||
|
|
id: info.id,
|
|||
|
|
startAltitude: info.startAltitude,
|
|||
|
|
imageLight: info.imageLight,
|
|||
|
|
imageBit: info.imageBit,
|
|||
|
|
headingDiff: info.headingDiff,
|
|||
|
|
autoFocus: info.autoFocus,
|
|||
|
|
moto: info.moto,
|
|||
|
|
targetChoose: mode === '1' ? '点' : '多边形',
|
|||
|
|
loaderType: 'SAR',
|
|||
|
|
name: info.name,
|
|||
|
|
polarization: info.polarization,
|
|||
|
|
heightMode: 1,
|
|||
|
|
mode: mode,
|
|||
|
|
flyHeight: info.uavList[0]?.height,
|
|||
|
|
initSpeed: info.uavList[0]?.speed,
|
|||
|
|
targetList: [],
|
|||
|
|
ratio: info.uavList[0]?.payloadList[0]?.resolution,
|
|||
|
|
loader: info.uavList[0]?.payloadList[0]?.payloadId,
|
|||
|
|
uav: info.uavList[0]?.uavId,
|
|||
|
|
routepoints: [],
|
|||
|
|
startPoint: {
|
|||
|
|
lon: info.uavList[0]?.startLon,
|
|||
|
|
lat: info.uavList[0]?.startLat,
|
|||
|
|
},
|
|||
|
|
endPoint: {
|
|||
|
|
lon: info.uavList[0]?.endLon,
|
|||
|
|
lat: info.uavList[0]?.endLat,
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this.taskForm.visible = true
|
|||
|
|
theViewerTools = new AreaPlotManager(viewer)
|
|||
|
|
theViewerTools.initPlot(this.theCallback)
|
|||
|
|
if (typeof this.form.startPoint.lon === 'number' && typeof this.form.startPoint.lat === 'number') {
|
|||
|
|
let newPosition = DT.Cesium.Cartesian3.fromDegrees(this.form.startPoint.lon, this.form.startPoint.lat)
|
|||
|
|
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,
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} if (typeof this.form.endPoint.lon === 'number' && typeof this.form.endPoint.lat === 'number') {
|
|||
|
|
let newPosition = DT.Cesium.Cartesian3.fromDegrees(this.form.endPoint.lon, this.form.endPoint.lat)
|
|||
|
|
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,
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
if (mode === '1') {
|
|||
|
|
if (info.pointList.length > 0) {
|
|||
|
|
let toPush = {
|
|||
|
|
groupTargetId: getUnionId(),
|
|||
|
|
targetName: '点1',
|
|||
|
|
targetType: 1,
|
|||
|
|
areaType: 2,
|
|||
|
|
boundary: [[info.pointList[0].longitude, info.pointList[0].latitude],]
|
|||
|
|
}
|
|||
|
|
theViewerTools.restoreEntity(toPush)
|
|||
|
|
this.form.targetList.push(toPush)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
if (info.pointList.length > 0) {
|
|||
|
|
let boundary = []
|
|||
|
|
info.pointList.forEach(item => {
|
|||
|
|
boundary.push([item.longitude, item.latitude])
|
|||
|
|
})
|
|||
|
|
let toPush = {
|
|||
|
|
groupTargetId: getUnionId(),
|
|||
|
|
targetName: '多边形1',
|
|||
|
|
targetType: 4,
|
|||
|
|
areaType: 2,
|
|||
|
|
boundary: boundary
|
|||
|
|
}
|
|||
|
|
theViewerTools.restoreEntity(toPush)
|
|||
|
|
this.form.targetList.push(toPush)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
openAddForm() {
|
|||
|
|
this.form = {
|
|||
|
|
id: '',
|
|||
|
|
startAltitude: undefined,
|
|||
|
|
imageLight: undefined,
|
|||
|
|
imageBit: 0,
|
|||
|
|
headingDiff: 0,
|
|||
|
|
autoFocus: 0,
|
|||
|
|
moto: 0,
|
|||
|
|
targetChoose: undefined,
|
|||
|
|
loaderType: undefined,
|
|||
|
|
direction: 1,
|
|||
|
|
polarization: '0',
|
|||
|
|
name: '',
|
|||
|
|
airlineList: [],
|
|||
|
|
ratio: 0.1,
|
|||
|
|
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
|
|||
|
|
theViewerTools = new AreaPlotManager(viewer)
|
|||
|
|
theViewerTools.initPlot(this.theCallback)
|
|||
|
|
console.log('船舰了吗', theViewerTools)
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*************************任务编辑相关*************************/
|
|||
|
|
/**
|
|||
|
|
* 飞行模式改变
|
|||
|
|
* @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
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
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)
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 航线创建
|
|||
|
|
/**
|
|||
|
|
* 开始绘制
|
|||
|
|
*/
|
|||
|
|
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
|
|||
|
|
|
|||
|
|
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
|
|||
|
|
})
|
|||
|
|
console.log('绘制边界线', result)
|
|||
|
|
console.log('绘制边界线targetType', targetType)
|
|||
|
|
console.log('绘制边界线areaType', areaType)
|
|||
|
|
console.log('绘制边界线targetName', targetName)
|
|||
|
|
console.log('绘制边界线targetName', targetName)
|
|||
|
|
this.endDraw()
|
|||
|
|
},
|
|||
|
|
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
|
|||
|
|
},
|
|||
|
|
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
|
|||
|
|
}
|
|||
|
|
console.log(1111, findIndex, find)
|
|||
|
|
console.log('求变化', this.lastLimitUpdate.index === findIndex && this.lastLimitUpdate.ratio === this.form.ratio)
|
|||
|
|
if (findIndex !== -1) {
|
|||
|
|
let find = this.calculateMap[findIndex]
|
|||
|
|
if (this.lastLimitUpdate.index === findIndex && this.lastLimitUpdate.ratio === this.form.ratio) {
|
|||
|
|
// return
|
|||
|
|
}
|
|||
|
|
let info = 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
|
|||
|
|
|
|||
|
|
console.log('最小距离', this.minDistance)
|
|||
|
|
console.log('最大距离', this.maxDistance)
|
|||
|
|
this.calculateWidth()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
calculateHeightLimit() {
|
|||
|
|
let find = this.calculateMap[this.lastLimitUpdate.index]
|
|||
|
|
let info = 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
|
|||
|
|
console.log('最大最小下视角', this.maxAngle, this.minAngle)
|
|||
|
|
if (this.form.theta > this.maxAngle || this.form.theta < this.minAngle) {
|
|||
|
|
this.form.theta = Math.round((this.maxAngle + this.minAngle) * 100 / 2) / 100
|
|||
|
|
}
|
|||
|
|
console.log('飞行高度', this.form.flyHeight)
|
|||
|
|
console.log('下视角', this.form.theta)
|
|||
|
|
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
|
|||
|
|
console.log('计算前波束角', this.form.waveAngle)
|
|||
|
|
|
|||
|
|
console.log('最小最大波束角', this.maxWaveAngle, this.minWaveAngle)
|
|||
|
|
if (this.form.waveAngle > this.maxWaveAngle || this.form.waveAngle < this.minWaveAngle) {
|
|||
|
|
this.form.waveAngle = this.maxWaveAngle
|
|||
|
|
}
|
|||
|
|
console.log('计算后波束角', this.form.waveAngle)
|
|||
|
|
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 = 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) {
|
|||
|
|
console.log('测试方向', typeof value, this.form.theta * 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
|
|||
|
|
|
|||
|
|
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,
|
|||
|
|
moto: 0,
|
|||
|
|
targetChoose: undefined,
|
|||
|
|
loaderType: undefined,
|
|||
|
|
airlineList: [],
|
|||
|
|
direction: 1,
|
|||
|
|
polarization: '0',
|
|||
|
|
name: '',
|
|||
|
|
ratio: 0.1,
|
|||
|
|
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
|
|||
|
|
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)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
console.log('提交航线', params.airlineList)
|
|||
|
|
/*if (params.mode === '1' || params.mode === '2') {
|
|||
|
|
params.targetList.forEach(item => {
|
|||
|
|
item.boundary.forEach(child => {
|
|||
|
|
pointList.push({
|
|||
|
|
longitude: child[0],
|
|||
|
|
latitude: child[1],
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
if (params.mode === '3') {
|
|||
|
|
params.routepoints.forEach(route => {
|
|||
|
|
pointList.push({
|
|||
|
|
longitude: route.longitude,
|
|||
|
|
latitude: route.latitude,
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}*/
|
|||
|
|
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),
|
|||
|
|
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.ratioMap[params.ratio].length,
|
|||
|
|
theta: params.theta,
|
|||
|
|
reserved: this.ratioMap[params.ratio].reserved,
|
|||
|
|
direction: params.direction,
|
|||
|
|
polarization: params.polarization,
|
|||
|
|
autoFocus: params.autoFocus,
|
|||
|
|
moto: params.moto,
|
|||
|
|
imageLight: parseFloat(params.imageLight),
|
|||
|
|
imageBit: parseFloat(params.imageBit),
|
|||
|
|
headingDiff: parseFloat(params.headingDiff),
|
|||
|
|
}],
|
|||
|
|
airlineList: params.airlineList
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
// if (params.airlineList.length > 0) {
|
|||
|
|
// info.airlineList = params.airlineList
|
|||
|
|
// }
|
|||
|
|
console.log('任务创建提交', info)
|
|||
|
|
if (info.id) {
|
|||
|
|
addTaskFast(info).then(res => {
|
|||
|
|
if (res.data.code === 200) {
|
|||
|
|
console.log('新增任务任务成功')
|
|||
|
|
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) {
|
|||
|
|
console.log('新增任务任务成功')
|
|||
|
|
this.$message.success('新增任务任务成功')
|
|||
|
|
// this.taskForm.visible = false
|
|||
|
|
this.resetForm()
|
|||
|
|
this.getList()
|
|||
|
|
} else {
|
|||
|
|
this.$message.error(res.data.message)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
previewLine() {
|
|||
|
|
this.$refs.form.validate((valid) => {
|
|||
|
|
if (valid) {
|
|||
|
|
this.removePreviewLine()
|
|||
|
|
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.ratioMap[params.ratio].length,
|
|||
|
|
theta: params.theta,
|
|||
|
|
direction: params.direction,
|
|||
|
|
reserved_distance: this.ratioMap[params.ratio].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
|
|||
|
|
)
|
|||
|
|
// previewTaskFast(info).then(res => {
|
|||
|
|
// console.log('预览返回', res)
|
|||
|
|
// if (res.data.code === 200) {
|
|||
|
|
// console.log('预览返回', res.data.data)
|
|||
|
|
// this.addPreviewLine(res.data.data)
|
|||
|
|
// } else {
|
|||
|
|
// this.$message.error(res.data.message)
|
|||
|
|
// }
|
|||
|
|
// })
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
addPreviewLine(data, parentId) {
|
|||
|
|
data.forEach((item, index) => {
|
|||
|
|
let startPosition = DT.Cesium.Cartesian3.fromDegrees(...item.flight_start)
|
|||
|
|
let endPosition = DT.Cesium.Cartesian3.fromDegrees(...item.flight_end)
|
|||
|
|
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 = []
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//#region 航线详情
|
|||
|
|
openTaskLineDetail(info) {
|
|||
|
|
this.taskLineDetail.visible = false
|
|||
|
|
let find = taskListResource.find(item => item.id === info.id)
|
|||
|
|
|
|||
|
|
console.log('信息', find)
|
|||
|
|
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
|
|||
|
|
}
|
|||
|
|
}
|