merge
parent
368288f0f9
commit
be42041980
|
|
@ -160,7 +160,8 @@
|
||||||
"vxe-table-plugin-export-xlsx": "^3.1.0",
|
"vxe-table-plugin-export-xlsx": "^3.1.0",
|
||||||
"xe-utils": "^3.5.14",
|
"xe-utils": "^3.5.14",
|
||||||
"xlsx": "^0.18.5",
|
"xlsx": "^0.18.5",
|
||||||
"xml-js": "^1.6.11"
|
"xml-js": "^1.6.11",
|
||||||
|
"vue3-cron-plus":"^0.1.9"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@commitlint/cli": "^18.4.4",
|
"@commitlint/cli": "^18.4.4",
|
||||||
|
|
|
||||||
|
|
@ -39,7 +39,7 @@ const flyToTherePosition = ref({
|
||||||
|
|
||||||
|
|
||||||
const flyToThere = (e)=>{
|
const flyToThere = (e)=>{
|
||||||
console.log(e);
|
|
||||||
}
|
}
|
||||||
const planListShow = ref(true);
|
const planListShow = ref(true);
|
||||||
const workPlanFormShow = ref(false);
|
const workPlanFormShow = ref(false);
|
||||||
|
|
|
||||||
|
|
@ -88,6 +88,13 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
<a-form-item ref="accuracy" label="设置时间" name="accuracy">
|
||||||
|
<a-button type="primary" @click="handlerSetTime">选择时间</a-button>
|
||||||
|
</a-form-item>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -152,19 +159,51 @@
|
||||||
<a-button style="width:100%;" type="primary" @click="onSubmit">确定</a-button>
|
<a-button style="width:100%;" type="primary" @click="onSubmit">确定</a-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<Modal
|
||||||
|
title="设置时间"
|
||||||
|
:open="visible"
|
||||||
|
@ok="handleOk"
|
||||||
|
@cancel="handleCancel"
|
||||||
|
footer=""
|
||||||
|
:destroyOnClose="true"
|
||||||
|
wrapClassName="v-code-modal"
|
||||||
|
:width="650"
|
||||||
|
>
|
||||||
|
<vue3CronPlus @change="changeCron"
|
||||||
|
@close="togglePopover(false)"
|
||||||
|
max-height="400px"
|
||||||
|
i18n="cn">
|
||||||
|
</vue3CronPlus>
|
||||||
|
</Modal>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref, defineEmits, defineProps, watch } from "vue";
|
import { ref, defineEmits, defineProps, watch } from "vue";
|
||||||
import { PlusOutlined,LeftOutlined,DeleteOutlined,MoreOutlined } from '@ant-design/icons-vue';
|
import { PlusOutlined,LeftOutlined,DeleteOutlined,MoreOutlined } from '@ant-design/icons-vue';
|
||||||
import { addTask,editTask } from "@/api/sys/workplan";
|
import { addTask,editTask } from "@/api/sys/workplan";
|
||||||
import { Modal, message } from 'ant-design-vue';
|
import { Modal, message } from 'ant-design-vue';
|
||||||
|
import {vue3CronPlus} from 'vue3-cron-plus'
|
||||||
|
import 'vue3-cron-plus/dist/index.css' // 引入样式
|
||||||
|
|
||||||
const formRef = ref();
|
const formRef = ref();
|
||||||
const labelCol = { span: 24 };
|
const labelCol = { span: 24 };
|
||||||
const wrapperCol = { span: 24 };
|
const wrapperCol = { span: 24 };
|
||||||
const props = defineProps(["checkedAriLine","checkedDronePort","formData"]);
|
const props = defineProps(["checkedAriLine","checkedDronePort","formData"]);
|
||||||
|
|
||||||
|
const visible = ref(true);
|
||||||
|
|
||||||
|
const handleOk = ()=>{
|
||||||
|
|
||||||
|
}
|
||||||
|
const handlerSetTime = ()=>{
|
||||||
|
visible.value = true;
|
||||||
|
}
|
||||||
|
const handleCancel = () => {
|
||||||
|
visible.value = false
|
||||||
|
}
|
||||||
|
|
||||||
// const submitForm = ref({
|
// const submitForm = ref({
|
||||||
// taskName:null, // 任务名称
|
// taskName:null, // 任务名称
|
||||||
|
|
@ -181,6 +220,9 @@ const props = defineProps(["checkedAriLine","checkedDronePort","formData"]);
|
||||||
// taskAirLineName : null,
|
// taskAirLineName : null,
|
||||||
// taskDronePortName : null,
|
// taskDronePortName : null,
|
||||||
// })
|
// })
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const submitForm = ref({
|
const submitForm = ref({
|
||||||
"id": null,
|
"id": null,
|
||||||
"taskName": null,
|
"taskName": null,
|
||||||
|
|
@ -356,6 +398,14 @@ const resetForm = () => {
|
||||||
emit("cancleCraete");
|
emit("cancleCraete");
|
||||||
formRef.value.resetFields();
|
formRef.value.resetFields();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const changeCron = ()=>{
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
const togglePopover = (e)=> {
|
||||||
|
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
|
||||||
|
|
@ -1254,19 +1254,19 @@ const loadChangGuangLayer = ()=>{
|
||||||
|
|
||||||
let position = mars3d.LngLatPoint.fromCartesian(e.position);
|
let position = mars3d.LngLatPoint.fromCartesian(e.position);
|
||||||
|
|
||||||
emits('flyToThere', position);
|
|
||||||
|
|
||||||
let mark = graphicLayer.getGraphicById('flytothere');
|
let mark = graphicLayer.getGraphicById('flytothere');
|
||||||
|
|
||||||
if (mark) {
|
if (mark) {
|
||||||
graphicLayer.removeGraphic(mark);
|
graphicLayer.removeGraphic(mark);
|
||||||
}
|
}
|
||||||
|
|
||||||
// 无人机点
|
// 无人机点
|
||||||
const graphic = new mars3d.graphic.BillboardEntity({
|
const graphic = new mars3d.graphic.BillboardEntity({
|
||||||
id: 'flytothere-uav',
|
id: 'flytothere-uav',
|
||||||
name: '标点',
|
name: '标点',
|
||||||
position: [position._lng, position._lat, position._alt],
|
position: [position._lng, position._lat, position._alt+80],
|
||||||
style: {
|
style: {
|
||||||
image: '/map/uav-mark.png',
|
image: '/map/uav-mark.png',
|
||||||
scale: 0.3,
|
scale: 0.3,
|
||||||
|
|
@ -1310,7 +1310,7 @@ const loadChangGuangLayer = ()=>{
|
||||||
let connectLine = new mars3d.graphic.PolylineEntity({
|
let connectLine = new mars3d.graphic.PolylineEntity({
|
||||||
id: 'flytothere-line',
|
id: 'flytothere-line',
|
||||||
positions: [
|
positions: [
|
||||||
[position._lng, position._lat, position._alt],
|
[position._lng, position._lat, position._alt+80],
|
||||||
[position._lng, position._lat, 0],
|
[position._lng, position._lat, 0],
|
||||||
],
|
],
|
||||||
style: {
|
style: {
|
||||||
|
|
@ -1322,6 +1322,10 @@ const loadChangGuangLayer = ()=>{
|
||||||
uavGraphicLayer.addGraphic(graphic);
|
uavGraphicLayer.addGraphic(graphic);
|
||||||
stickGraphicLayer.addGraphic(stickGraphic);
|
stickGraphicLayer.addGraphic(stickGraphic);
|
||||||
uavGraphicLayer.addGraphic(connectLine);
|
uavGraphicLayer.addGraphic(connectLine);
|
||||||
|
|
||||||
|
// 获取无人机的坐标并返回
|
||||||
|
let flyToPosition = mars3d.LngLatPoint.fromCartesian(graphic.position);
|
||||||
|
emits('flyToThere', flyToPosition);
|
||||||
};
|
};
|
||||||
|
|
||||||
// 移动贴地点
|
// 移动贴地点
|
||||||
|
|
@ -1402,8 +1406,6 @@ const loadChangGuangLayer = ()=>{
|
||||||
const latitude = mars3d.Cesium.Math.toDegrees(cartographic.latitude);
|
const latitude = mars3d.Cesium.Math.toDegrees(cartographic.latitude);
|
||||||
const height = cartographic.height; // 高度(米)
|
const height = cartographic.height; // 高度(米)
|
||||||
|
|
||||||
console.log(longitude, latitude, height);
|
|
||||||
|
|
||||||
emits('flyToThere', { _lng: longitude, _lat: latitude, _alt: height });
|
emits('flyToThere', { _lng: longitude, _lat: latitude, _alt: height });
|
||||||
|
|
||||||
let line = uavGraphicLayer.getGraphicById('flytothere-line');
|
let line = uavGraphicLayer.getGraphicById('flytothere-line');
|
||||||
|
|
@ -1594,6 +1596,7 @@ const loadChangGuangLayer = ()=>{
|
||||||
graphicLayer.addGraphic(startGraphic);
|
graphicLayer.addGraphic(startGraphic);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// 设置无人机轨迹
|
// 设置无人机轨迹
|
||||||
const setUAVPosition = () => {
|
const setUAVPosition = () => {
|
||||||
let point = graphicLayer.getGraphicById('set-uav');
|
let point = graphicLayer.getGraphicById('set-uav');
|
||||||
|
|
|
||||||
|
|
@ -57,7 +57,7 @@ const flyToTherePosition = ref({
|
||||||
|
|
||||||
|
|
||||||
const flyToThere = (e)=>{
|
const flyToThere = (e)=>{
|
||||||
console.log(e);
|
|
||||||
}
|
}
|
||||||
const planListShow = ref(true);
|
const planListShow = ref(true);
|
||||||
const workPlanFormShow = ref(false);
|
const workPlanFormShow = ref(false);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue