航线管理页面UI和操作逻辑实现
parent
15fe7ab26b
commit
30c586d9c0
@ -0,0 +1,13 @@
|
||||
import {Airline, AirlinePoint} from "@/types/entityoptions.ts";
|
||||
|
||||
export function newAirlinePt() {
|
||||
let pt: AirlinePoint = {alt: undefined, ch1: 0, ch2: 0, lat: undefined, lon: undefined, nPt: undefined, speed: 0}
|
||||
return pt
|
||||
}
|
||||
|
||||
export function newAirline() {
|
||||
let flyLine: Airline = {
|
||||
PtNum: undefined, code: undefined, isClose: false, name: "", points: [], totalDistance: undefined
|
||||
}
|
||||
return flyLine
|
||||
}
|
||||
@ -1,27 +0,0 @@
|
||||
import axios from "axios";
|
||||
|
||||
function login(username, password)
|
||||
{
|
||||
return axios({
|
||||
method: "POST",
|
||||
url: "/onlinetest/htfp/cac/logIn",
|
||||
headers: {"Content-Type": "application/json"},
|
||||
data: {
|
||||
username: username,
|
||||
password: password,
|
||||
forceLogOutOtherDeviceAccount: false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function requestAirline(uavID){
|
||||
return axios({
|
||||
method: "POST",
|
||||
url: "/onlinetest/htfp/cac/queryUavBundledRouteList",
|
||||
headers: [{"Content-Type": "application/json"},{"X-Authorization-With": sessionStorage.getItem("token")}],
|
||||
data: {
|
||||
uavId: uavID,
|
||||
}
|
||||
})
|
||||
}
|
||||
export {login, requestAirline}
|
||||
@ -0,0 +1,38 @@
|
||||
import {Airline, getUnicode} from "@/types/entityoptions.ts";
|
||||
|
||||
// let route: AirlinePoint = {alt: 0, ch1: 0, ch2: 0, lat: 0, lon: 0, nPt: 0, speed: 0}
|
||||
const route: Airline = {
|
||||
PtNum: 5, code: 1, isClose: false, name: "测试航线1", totalDistance: 12323,
|
||||
unicode:getUnicode(),
|
||||
points: [
|
||||
{ lon: 120.23234234, lat: 30.232323,alt: 550, ch1: 0, ch2: 3, nPt: 1, speed: 0},
|
||||
{ lon: 120.34233234, lat: 30.232312,alt: 550, ch1: 0, ch2: 3, nPt: 2, speed: 0},
|
||||
{ lon: 120.23234324, lat: 30.21223,alt: 550, ch1: 0, ch2: 3, nPt: 3, speed: 0},
|
||||
{ lon: 120.23289964, lat: 30.256323,alt: 550, ch1: 0, ch2: 3, nPt: 4, speed: 0},
|
||||
{ lon: 120.53564234, lat: 30.132323,alt: 550, ch1: 0, ch2: 1, nPt: 5, speed: 0},
|
||||
],
|
||||
}
|
||||
const route2: Airline = {
|
||||
PtNum: 4, code: 2, isClose: true, name: "测试航线2", totalDistance: 2341234,
|
||||
unicode:getUnicode(),
|
||||
points: [
|
||||
{ lon: 120.23234234, lat: 30.232323,alt: 550, ch1: 0, ch2: 3, nPt: 0, speed: 0},
|
||||
{ lon: 120.34233234, lat: 30.232312,alt: 550, ch1: 0, ch2: 3, nPt: 1, speed: 0},
|
||||
{ lon: 120.23234324, lat: 30.21223,alt: 550, ch1: 0, ch2: 3, nPt: 2, speed: 0},
|
||||
{ lon: 120.53564234, lat: 30.132323,alt: 550, ch1: 2, ch2: 1, nPt: 4, speed: 0},
|
||||
],
|
||||
}
|
||||
const route3: Airline = {
|
||||
PtNum: 7, code: 3, isClose: false, name: "测试航线3", totalDistance: 3234134,
|
||||
unicode:getUnicode(),
|
||||
points: [
|
||||
{ lon: 123.23234234, lat: 30.232323,alt: 550, ch1: 0, ch2: 3, nPt: 0, speed: 0},
|
||||
{ lon: 123.34233234, lat: 30.232312,alt: 550, ch1: 0, ch2: 3, nPt: 1, speed: 0},
|
||||
{ lon: 123.23234324, lat: 30.21223,alt: 550, ch1: 0, ch2: 3, nPt: 2, speed: 0},
|
||||
{ lon: 123.23289964, lat: 30.256323,alt: 550, ch1: 0, ch2: 3, nPt: 3, speed: 0},
|
||||
{ lon: 123.53564234, lat: 30.132323,alt: 550, ch1: 0, ch2: 1, nPt: 4, speed: 0},
|
||||
{ lon: 123.53564234, lat: 30.132323,alt: 550, ch1: 0, ch2: 1, nPt: 4, speed: 0},
|
||||
{ lon: 123.53564234, lat: 30.132323,alt: 550, ch1: 0, ch2: 1, nPt: 4, speed: 0},
|
||||
],
|
||||
}
|
||||
export {route,route2,route3}
|
||||
@ -1,54 +0,0 @@
|
||||
import { defineAsyncComponent, render, createVNode } from "vue";
|
||||
export class routeDialog {
|
||||
constructor() {
|
||||
this.component = defineAsyncComponent(
|
||||
() => import("@/components/RouteOptions.vue"));
|
||||
this.vnode = null;
|
||||
this.node = null;
|
||||
this.props = {
|
||||
width: "40%",
|
||||
height: "auto",
|
||||
};
|
||||
}
|
||||
installRouteDialog() {
|
||||
if (!this.vnode) {
|
||||
const dialog = createVNode(this.component, this.props);
|
||||
const container = document.createElement('div');
|
||||
render(dialog, container);
|
||||
this.vnode = dialog;
|
||||
this.node = container.childNodes[0];
|
||||
document.body.appendChild(this.node);
|
||||
}
|
||||
}
|
||||
/**
|
||||
*
|
||||
* @returns {Promise<string>}
|
||||
* @param points 经纬度坐标点数组
|
||||
*/
|
||||
show(points) {
|
||||
// 发送信号，显示窗口
|
||||
const event = new CustomEvent('route-dialog-show', { detail:
|
||||
{ show: true, pts: points }
|
||||
});
|
||||
document.dispatchEvent(event);
|
||||
return new Promise((resolve,reject) => {
|
||||
document.addEventListener('route-dialog-confirm', event => {
|
||||
if(event.detail==='cancel'){
|
||||
reject('cancel')
|
||||
}else{
|
||||
resolve(event.detail);
|
||||
}
|
||||
});
|
||||
})
|
||||
}
|
||||
}
|
||||
const aDialog = new routeDialog();
|
||||
|
||||
/**
|
||||
* 展示一个阻塞式对话框
|
||||
* @returns {Promise<string>}
|
||||
* @param point 经纬度坐标点数组
|
||||
*/
|
||||
export async function showRouteDialog(point) {
|
||||
return aDialog.show(point);
|
||||
}
|
||||
Loading…
Reference in New Issue