From 6fb7086ac2e8875c5f74eec3b86b37b8f6b406f2 Mon Sep 17 00:00:00 2001
From: helloxujingliang <3225043@qq.com>
Date: Sat, 28 Jun 2025 08:48:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=A7=E8=A1=8C=E4=BB=BB=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/sys/workplan.ts                       |   8 +
 .../workplan/components/airPolygon.vue        |  65 ++++++-
 .../workplan/components/aircraft.vue          |   6 +-
 .../workplan/components/createWorkPlan.vue    | 158 ++++++++++++------
 .../workplan/components/map.vue               |   4 +-
 .../workplan/components/planList.vue          |  61 +++++--
 .../demo/workmanagement/workplan/index.vue    |   8 +-
 7 files changed, 235 insertions(+), 75 deletions(-)

diff --git a/src/api/sys/workplan.ts b/src/api/sys/workplan.ts
index 8efac8b..45cb06c 100644
--- a/src/api/sys/workplan.ts
+++ b/src/api/sys/workplan.ts
@@ -12,6 +12,9 @@ enum Api{
 
     // 无人机
     GetUavPageList = '/api/Manage/GetUavPageList',
+    
+    // 无人机机场
+    GetPortList = '/api/Manage/GetDataList',
 
     // 航线
     GetAirLineList =  '/api/Manage/GetAirLineList',
@@ -53,6 +56,11 @@ export function getUavPageList(params) {
   return defHttp.get({ url: Api.GetUavPageList, params });
 }
 
+// 机场
+export function getPortList(params) {
+  return defHttp.get({ url: Api.GetPortList, params });
+}
+
 // 航线
 export function getAirLineList(params) {
   return defHttp.get({ url: Api.GetAirLineList, params });
diff --git a/src/views/demo/workmanagement/workplan/components/airPolygon.vue b/src/views/demo/workmanagement/workplan/components/airPolygon.vue
index 606cead..edc1ca6 100644
--- a/src/views/demo/workmanagement/workplan/components/airPolygon.vue
+++ b/src/views/demo/workmanagement/workplan/components/airPolygon.vue
@@ -44,7 +44,47 @@
                 </div>
             </div>
 
-            
+          
+            <div class="item">
+                <div class="label">GSD(地面采样距离)</div>
+                <div class="content">
+                    <a-input style="width:100px;" placeholder="" v-model:value="calculatParam.gsd"></a-input>
+                </div>
+                <div class="unit"> cm/pixel</div>
+            </div>
+
+            <div class="item">
+                <div class="label">航线高度</div>
+                <div class="content">
+                    <a-input style="width:100px;" placeholder="" v-model:value="calculatParam.height"></a-input>
+                </div>
+                <div class="unit"> m</div>
+            </div>
+
+            <div class="item">
+                <div class="label">航向重叠率</div>
+                <div class="content">
+                    <a-input style="width:100px;" placeholder="" v-model:value="calculatParam.overlapX"></a-input>
+                </div>
+                <div class="unit"> % </div>
+            </div>
+
+            <div class="item">
+                <div class="label">旁向重叠率</div>
+                <div class="content">
+                    <a-input style="width:100px;" placeholder="" v-model:value="calculatParam.overlapY"></a-input>
+                </div>
+                <div class="unit"> %</div>
+            </div>
+
+            <div class="item">
+                <div class="label">主航线角度</div>
+                <div class="content">
+                    <a-input style="width:100px;" placeholder="" v-model:value="calculatParam.overlapAngle"></a-input>
+                </div>
+                <div class="unit"> °</div>
+            </div>
+
 
             <div class="item flex-column">
                 <div class="label">飞向首航点模式</div>
@@ -87,7 +127,6 @@
                 <div class="unit"> m</div>
             </div>
 
-
             <div class="item flex-column">
                 <div class="label">航线结束动作</div>
                 <div class="content">
@@ -146,7 +185,7 @@
                     <img src="/map/executeHeightMode.png" alt="">
                 </div>
             </div>
-            
+        
 
             <div class="item">
                 <div class="label">全局航线飞行速度</div>
@@ -182,6 +221,15 @@ const setFlyPoint = ()=>{
     emits("setFlyPoint");
 }
 
+// 航线计算参数
+const calculatParam = ref({
+    gsd:5,
+    overlapY:80,
+    overlapX:70,
+    overlapAngle:0,
+    height:120,
+})
+
 // 航线基本信息
 const missionConfig = ref(
     {
@@ -196,6 +244,10 @@ const missionConfig = ref(
             "droneEnumValue": 100,
             "droneSubEnumValue": 1
         },
+        "autoRerouteInfo": {
+            "transitionalAutoRerouteMode": 1,
+            "missionAutoRerouteMode": 1
+        },
         "waylineAvoidLimitAreaMode": 0,
         "payloadInfo": {
             "payloadEnumValue": 99,
@@ -205,6 +257,7 @@ const missionConfig = ref(
     }
 )
 
+
 // 航点基本信息
 const folder = ref({
     "templateId": 0,
@@ -307,6 +360,12 @@ const backPage = ()=>{
     cursor:pointer;
 }
 
+.area-options .item .unit{
+    min-width: 60px;
+    text-align:center;
+
+}
+
 
 ::v-deep .ant-radio-group {
     display: block;
diff --git a/src/views/demo/workmanagement/workplan/components/aircraft.vue b/src/views/demo/workmanagement/workplan/components/aircraft.vue
index 88a137e..10f42eb 100644
--- a/src/views/demo/workmanagement/workplan/components/aircraft.vue
+++ b/src/views/demo/workmanagement/workplan/components/aircraft.vue
@@ -38,7 +38,7 @@
                         <img src="/public/iocn/uav.png" alt="">
                         {{item.name}}
                     </div>
-                    <div class="time">无人机型号：{{item.firmwareVersion}}</div>
+                    <div class="time">无人机型号：{{item.typeId}}</div>
                 </div> 
             </div>
         </div>
@@ -48,7 +48,7 @@
 
     import { PlusOutlined,FileAddOutlined,LeftOutlined,ImportOutlined,MoreOutlined,EditOutlined } from '@ant-design/icons-vue';
     import {ref,defineEmits} from 'vue'
-    import { getUavPageList } from '@/api/sys/workplan';
+    import { getUavPageList,getPortList } from '@/api/sys/workplan';
     
     const emit = defineEmits(["checkAriLine"])
 
@@ -65,7 +65,7 @@
     })
 
     const getList = async ()=>{
-        let res = await getUavPageList(pageQuery.value);
+        let res = await getPortList(pageQuery.value);
         ariLineList.value = res.items;
     }
 
diff --git a/src/views/demo/workmanagement/workplan/components/createWorkPlan.vue b/src/views/demo/workmanagement/workplan/components/createWorkPlan.vue
index 6d9aad6..dafe01d 100644
--- a/src/views/demo/workmanagement/workplan/components/createWorkPlan.vue
+++ b/src/views/demo/workmanagement/workplan/components/createWorkPlan.vue
@@ -18,7 +18,6 @@
                     </a-form-item>
 
                     <a-form-item ref="name" label="任务类型" name="taskType">
-                        
                         <div class="radio-box">
                             <div v-for="(item,index) in taskTypeOptions" :key="index"
                                 :class=" submitForm.taskType == item.value ? 'radio-item-active':'radio-item'" 
@@ -57,25 +56,37 @@
                         </div>
 
                     </a-form-item>
-                    <!-- 
-                    <a-form-item ref="accuracy" label="任务精度" name="accuracy">
-                        <a-radio-group v-model:value="submitForm.accuracy" button-style="solid">
-                            <a-radio-button :value="1">高精度RTK</a-radio-button>
-                            <a-radio-button :value="2">GNSS</a-radio-button>
-                        </a-radio-group>
-                    </a-form-item> -->
 
-                    <!-- <a-form-item ref="accuracy" label="任务策略" name="accuracy">
-                        <a-radio-group v-model:value="submitForm.periodicFormula" button-style="solid">
-                            <a-radio-button :value="1">立即</a-radio-button>
-                            <a-radio-button :value="2">单次定时</a-radio-button>
-                            <a-radio-button :value="3">重复定时</a-radio-button>
-                            <a-radio-button :value="4">继续执行</a-radio-button>
-                        </a-radio-group>
-                    </a-form-item>  -->
+                    
+                    <a-form-item ref="accuracy" label="任务精度" name="accuracy">
+
+                        <div class="radio-box">
+                            <div v-for="(item,index) in waylinePrecisionTypeOptions" :key="index"
+                                :class=" submitForm.waylinePrecisionType == item.value ? 'radio-item-active':'radio-item'" 
+                                @click="submitForm.waylinePrecisionType = item.value"
+                                >
+                                {{item.label}}
+                            </div>
+                        </div>
+
+                        
+                    </a-form-item>
+
+                    <a-form-item ref="accuracy" label="任务策略" name="accuracy">
+
+                        <div class="radio-box">
+                            <div v-for="(item,index) in periodicFormulaOptions" :key="index"
+                                :class=" submitForm.periodicFormula == item.value ? 'radio-item-active':'radio-item'" 
+                                @click="submitForm.periodicFormula = item.value"
+                                >
+                                {{item.label}}
+                            </div>
+                        </div>
+                     
+                    </a-form-item> 
 
                     <div style="display:flex;color:#fff;font-size:12px;padding:20px 0px;">
-                        <div style="flex:1;">智能最佳返航路线</div>
+                        <div style="flex:1;">智能巡检</div>
                         <div>
                             <a-switch v-model:checked="submitForm.aiInspection"
                                 checked-color="#3A57E8"
@@ -111,7 +122,7 @@
                    
                     </a-form-item>
 
-                    <a-form-item ref="outOfContact" label="完成动作" name="outOfContact">
+                    <a-form-item ref="outOfContact" label="完成动作" name="outOfContact" v-if="submitForm.lossOfControlAction == 'executeLostAction'">
                         <div class="radio-box">
                             <div v-for="(item,index) in continuationModeOptions" :key="index"
                                     :class=" submitForm.continuationMode == item.value ? 'radio-item-active':'radio-item'" 
@@ -122,32 +133,30 @@
                         </div>
                     </a-form-item>
                 
-                    <div style="display:flex;color:#fff;font-size:12px;padding:20px 0px;color:#fff;">
-                        <div style="flex:1;">自动断点续飞</div>
-                        <div>
-                            <a-switch v-model:checked="submitForm.breakFly" />
-                        </div>
-                    </div>
-                    
-                
-                    <a-form-item :wrapper-col="{ span: 24, offset: 0 }">
-                        <a-button  @click="resetForm" style="width:44%;">取消</a-button>
-                        <a-button style="margin-left: 10px;width:48%;" type="primary" @click="onSubmit">确定</a-button>
-                    </a-form-item>
+                 
             </a-form>
         </div>
-
+        <div class="footer-container">
+            <div>
+                <a-button  @click="resetForm" style="width:100%;">取消</a-button>
+            </div>
+            <div>
+                <a-button style="width:100%;" type="primary" @click="onSubmit">确定</a-button>
+            </div>
+        </div>
     </div>
 </template>
 <script lang="ts" setup>
 import { ref, defineEmits, defineProps, watch } from "vue";
 import { PlusOutlined,LeftOutlined,DeleteOutlined } from '@ant-design/icons-vue';
-import { addTask } from "@/api/sys/workplan";
+import { addTask,editTask } from "@/api/sys/workplan";
 import { Modal, message } from 'ant-design-vue';
 const formRef = ref();
 const labelCol = { span: 24 };
 const wrapperCol = { span: 24 };
-const props = defineProps(["checkedAriLine","checkedDronePort"]);
+const props = defineProps(["checkedAriLine","checkedDronePort","formData"]);
+
+
 
 const submitForm = ref({
     taskName:null,               // 任务名称
@@ -158,10 +167,18 @@ const submitForm = ref({
     lossOfControlAction:"executeLostAction",    // 返航失控动作
     continuationMode:"goBack",       // 续飞模式
     aiInspection:null,           // AI巡检            
-    periodicFormula:null,        // 周期公式
+    periodicFormula:0,        // 周期公式
     airLineId:1,                 // 航线记录id
+    waylinePrecisionType:0,   // 任务精度
 })
 
+
+
+if(props.formData){
+
+    submitForm.value = props.formData
+}
+
 watch(
     ()=>props.checkedAriLine,
     (newVal,oldVal)=>{
@@ -183,7 +200,6 @@ const removeAirLine = ()=>{
     props.checkedAriLine.value = {};
 }
 
-
 const selectAriLine = ()=> {
     emit("selectAriLine",true)
 }
@@ -197,9 +213,22 @@ const taskTypeOptions = ref([
     {
         value:0,
         label:"普通任务"
-    },{
+    },
+    // {
+    //     value:1,
+    //     label:"蛙跳任务"
+    // }
+])
+
+// 任务精度
+const waylinePrecisionTypeOptions = ref([
+    {
+        value:0,
+        label:"高精度RTK"
+    },
+    {
         value:1,
-        label:"蛙跳任务"
+        label:"GNSS"
     }
 ])
 
@@ -231,16 +260,16 @@ const continuationModeOptions = ref([
 // 周期公式
 const periodicFormulaOptions = ref([
     {
-        value:"goBack",
+        value:0,
         label:"立即"
     },{
-        value:"landing",
+        value:1,
         label:"单次定时"
     },{
-        value:"hover",
+        value:2,
         label:"重复定时"
     },{
-        value:"hover",
+        value:3,
         label:"继续执行"
     }
 ])
@@ -251,24 +280,28 @@ const rules = {
 
 const onSubmit =async () => {
 
-    console.log("submitForm",submitForm.value)
-
-
-    let res = await addTask(submitForm.value);
-
-    if(res){
-
-        message.success("操作成功！");
-
-        emit("successCreatePlan");
+    if(props.formData){
+        // 编辑
+        let res = await editTask(submitForm.value);
+        if(res){
+            message.success("操作成功！");
+            emit("successCreatePlan");
+        }else{
+            message.error("操作失败！");
+        }
     }else{
-        message.error("操作失败！");
+        // 创建
+        let res = await addTask(submitForm.value);
+        if(res){
+            message.success("操作成功！");
+            emit("successCreatePlan");
+        }else{
+            message.error("操作失败！");
+        }
     }
 
     return null;
-
     formRef.value.validate().then(() => {
-        
     }).catch(error => {
       console.log('error', error);
     });
@@ -292,9 +325,24 @@ const resetForm = () => {
 }
 .body-container{
     width:100%;
-    height: calc( 100% - 60px);
+    padding:0px;
+    margin:0px;
+    height: calc( 100% - 110px);
     overflow-y: auto;
 }
+
+.footer-container{
+    padding:20px;
+    width: calc( 100% - 10px);
+    position:absolute;
+    bottom:0px;
+    left:0px;
+    display:flex;
+    gap:20px;
+}
+.footer-container div{
+    flex:1;
+}
 .ant-form-item{
     margin-bottom:12px;
 }
diff --git a/src/views/demo/workmanagement/workplan/components/map.vue b/src/views/demo/workmanagement/workplan/components/map.vue
index d50fbe9..463ad40 100644
--- a/src/views/demo/workmanagement/workplan/components/map.vue
+++ b/src/views/demo/workmanagement/workplan/components/map.vue
@@ -25,6 +25,7 @@ import { GeojsonToWkt } from '@/components/MapboxMaps/src/WktGeojsonTransform';
 import {buildUUID} from '@/utils/uuid'
 import airPoint from './airPoint.vue'
 import * as mars3d from "mars3d";
+
 import "mars3d-space";
 
 import * as Cesium from 'mars3d-cesium'
@@ -674,8 +675,9 @@ const handlerDrawPolygonLine = (lines) => {
             name: "面航线",
             data:lines,
             symbol: {
-                type: "polylineP",
+                type: "polyline",
                 styleOptions: {
+                    arcType: Cesium.ArcType.GEODESIC, // 使用大地线
                     width: 2.0,
                     color:"#0aed8b",
                     // clampToGround: true,
diff --git a/src/views/demo/workmanagement/workplan/components/planList.vue b/src/views/demo/workmanagement/workplan/components/planList.vue
index 160fc95..f5fee26 100644
--- a/src/views/demo/workmanagement/workplan/components/planList.vue
+++ b/src/views/demo/workmanagement/workplan/components/planList.vue
@@ -5,7 +5,7 @@
                 工作计划
             </div>
             <div>
-                <PlusOutlined @click="createWorkPlan" />
+                <PlusOutlined @click="createWorkPlan(null)" />
             </div>
         </div>
         <div class="filter-container">
@@ -46,12 +46,15 @@
                                 <MoreOutlined />
                                 <template #overlay>
                                     <a-menu>
-                                    <a-menu-item>
-                                        <a href="javascript:;">编辑</a>
-                                    </a-menu-item>
-                                    <a-menu-item @click="deletePlan(item.id)">
-                                        <a href="javascript:;">删除</a>
-                                    </a-menu-item>
+                                        <a-menu-item  @click="toDoPlan(item.id)">
+                                            <a href="javascript:;" >执行</a>
+                                        </a-menu-item>
+                                        <a-menu-item @click="createWorkPlan(item)">
+                                            <a href="javascript:;">编辑</a>
+                                        </a-menu-item>
+                                        <a-menu-item @click="deletePlan(item.id)">
+                                            <a href="javascript:;">删除</a>
+                                        </a-menu-item>
                                     </a-menu>
                                 </template>
                             </a-dropdown>
@@ -76,12 +79,12 @@
     import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
     import {ref,defineEmits,createVNode} from 'vue'
     import { Modal, message } from 'ant-design-vue';
-    import { getTaskPageList, deleteTask } from '@/api/sys/workplan';
+    import { getTaskPageList, deleteTask,executeFlyTask,pendingFlyTask } from '@/api/sys/workplan';
 
     const emit = defineEmits(["checkAriLine","createWorkPlan"])
 
-    const createWorkPlan = () => {
-        emit("createWorkPlan");
+    const createWorkPlan = (data) => {
+        emit("createWorkPlan",data);
     }
 
     const ariLineList = ref([]);
@@ -121,6 +124,44 @@
        
     }
 
+    const toDoPlan = async (id) => {
+
+        Modal.confirm({
+          title: '是否确认执行任务?',
+          icon: createVNode(ExclamationCircleOutlined),
+          onCancel() {},
+          async onOk() {
+            let res = await  executeFlyTask({id:id});
+            if(res){
+                message.success("操作成功!");
+                getTaskList();
+            }else{
+                message.error("操作失败!");
+            }
+          },
+        });
+        
+    }
+
+    const pendingPlan = async (id) => {
+
+        Modal.confirm({
+        title: '是否确认挂起任务?',
+        icon: createVNode(ExclamationCircleOutlined),
+        onCancel() {},
+        async onOk() {
+            let res = await  pendingFlyTask({id:id});
+            if(res){
+                message.success("操作成功!");
+                getTaskList();
+            }else{
+                message.error("操作失败!");
+            }
+        },
+        });
+
+    }
+
     const checkAriLine = (item)=> {
         emit("checkAriLine",item);
     }
diff --git a/src/views/demo/workmanagement/workplan/index.vue b/src/views/demo/workmanagement/workplan/index.vue
index b7e0c8d..a3a14c7 100644
--- a/src/views/demo/workmanagement/workplan/index.vue
+++ b/src/views/demo/workmanagement/workplan/index.vue
@@ -11,7 +11,7 @@
 
         <!-- 创建计划弹窗 -->
         <div v-if="workPlanFormShow" style="width:380px;background:#0d0e15ce ;position:absolute;top:30px;left:30px;z-index:1;height: calc( 100vh - 164px);overflow-y:hidden;">
-            <createWorkPlan @successCreatePlan="successCreatePlan" @cancleCraete="cancleCraete" @selectAircraft="selectAircraft" @selectAriLine="selectAriLine" :checkedAriLine="checkedAriLine" :checkedDronePort="checkedDronePort"></createWorkPlan>
+            <createWorkPlan :formData="formData" @successCreatePlan="successCreatePlan" @cancleCraete="cancleCraete" @selectAircraft="selectAircraft" @selectAriLine="selectAriLine" :checkedAriLine="checkedAriLine" :checkedDronePort="checkedDronePort"></createWorkPlan>
         </div>
 
         <!-- 航线库 -->
@@ -90,11 +90,13 @@ const checkDronePort = (item)=>{
     if(item){
         aircraftShow.value = false;
         checkedDronePort.value = item;
-        console.log("checkedDronePort",checkedDronePort.value);
     }
 }
 
-const toCreateWorkPlan = ()=> {
+const formData = ref(null);
+
+const toCreateWorkPlan = (data)=> {
+    formData.value = data;
     planListShow.value = false;
     workPlanFormShow.value = true;
 }