update:新增航线、航点事件编辑

GuLiMmo

2024-03-20 e72969f25dd1a243e48c783dedc0f198ee08c2b8

 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 {