From e72969f25dd1a243e48c783dedc0f198ee08c2b8 Mon Sep 17 00:00:00 2001
From: GuLiMmo <2820890765@qq.com>
Date: Wed, 20 Mar 2024 17:19:04 +0800
Subject: [PATCH] update:新增航线、航点事件编辑

---
 src/pages/page-web/projects/components/route-edit/components/setting.vue |   51 +++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 39 insertions(+), 12 deletions(-)

diff --git a/src/pages/page-web/projects/components/route-edit/components/setting.vue b/src/pages/page-web/projects/components/route-edit/components/setting.vue
index 82b043a..fca2f18 100644
--- a/src/pages/page-web/projects/components/route-edit/components/setting.vue
+++ b/src/pages/page-web/projects/components/route-edit/components/setting.vue
@@ -3,11 +3,15 @@
     <a-popover placement="bottom" trigger="click" :getPopupContainer="(triggerNode: any) => triggerNode.parentNode">
       <template #content>
         <div class="setting-content">
-          <div class="start-point common">
+          <div class="start-point common" v-if="xmlTemplate.missionConfig?.takeOffRefPoint['#text']">
             <div class="title">起飞点</div>
             <div class="value">
               {{ xmlTemplate.missionConfig?.takeOffRefPoint['#text'] !== '' ? '已设置' : '未设置' }}
             </div>
+          </div>
+          <div class="no-start-point" v-else>
+            <img :src="getResource('waylinetool/无人机起降场.png')" alt="icon">
+            <span>参考起飞点未设置</span>
           </div>
           <div class="photo-setting common">
             <div class="title">拍照设置</div>
@@ -27,17 +31,6 @@
                 {{ item.title }}照片
               </li>
             </ul>
-            <!-- <div class="auto-low-light">
-              <div class="title">自动低光</div>
-              <a-tooltip
-                placement="right"
-                :title="tipDescriptionEnums.rowLightModeTip">
-                <a-switch
-                  v-model:checked="setting.orientedPhotoMode"
-                  checkedValue="lowLightSmartShooting"
-                  unCheckedValue="normalPhoto" />
-              </a-tooltip>
-            </div> -->
           </div>
           <!-- 爬升 -->
           <div class="climb-mode common">
@@ -155,6 +148,10 @@
   return new URL(`/src/assets/svg/${name}`, import.meta.url).href
 }
 
+const getResource = (name: string) => {
+  return new URL(`/src/assets/icons/${name}`, import.meta.url).href
+}
+
 const climbImage = getSvgResource('climb.svg')
 const imgs = []
 
@@ -216,6 +213,13 @@
 
 // 拍照选择
 const selectPhotoSetting = (value: string) => {
+  if (!xmlTemplate.value.Folder.payloadParam) {
+    xmlTemplate.value.Folder.payloadParam = {
+      imageFormat: {
+        '#text': '',
+      },
+    }
+  }
   const imageFormat = xmlTemplate.value.Folder.payloadParam.imageFormat
   const imageFormatArr = imageFormat['#text'].split(',')
   if (imageFormatArr.includes(value)) {
@@ -259,6 +263,29 @@
         margin-left: auto;
         color: #409eff;
       }
+
+      .no-setting {
+        &__value {
+          width: 100%;
+          text-align: center;
+          font-weight: bold;
+        }
+      }
+    }
+    .no-start-point {
+      border-radius: 10px;
+      padding: 15px;
+      margin-bottom: 16px;
+      background-color: #409eff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-weight: bold;
+      img {
+        width: 18px;
+        height: 18px;
+        margin-right: 5px;
+      }
     }
 
     .photo-setting {

--
Gitblit v1.9.3