feat：更新初始化地形

chenyao

2025-11-17 233e4fc4f35bd00a36ee34a7fbf5e47b41db26db

 src/views/layerManagement/components/rightEdit.vue

@@ -1,6 +1,6 @@
<template>
  <div class="rightContainer">
    <div class="contenttitle">{{ layerParams.fenceType === 1 ? '围栏' : '禁飞区' }}信息</div>
    <div class="contenttitle">{{ layerParams.fenceType === 1 ? '识别区' : '禁飞区' }}信息</div>
    <div class="centerBox">
      <div class="itemRow">
        <div class="label">文件夹名称</div>
@@ -22,11 +22,11 @@
        </div>
      </div>
      <div class="itemRow">
        <div class="label">{{ layerParams.fenceType === 1 ? '围栏' : '禁飞区' }}名称</div>
        <div class="label">{{ layerParams.fenceType === 1 ? '识别区' : '禁飞区' }}名称</div>
        <div>
          <el-input
            :disabled="isDisabled"
            class="ztzf-input inputName"
            class="ztzf-layer-input inputName"
            v-model="formData.name"
            placeholder="请输入"
          />
@@ -49,7 +49,7 @@
        </div>
      </div>
      <div class="itemRow">
        <div class="label">{{ layerParams.fenceType === 1 ? '围栏' : '禁飞区' }}备注</div>
        <div class="label">{{ layerParams.fenceType === 1 ? '识别区' : '禁飞区' }}备注</div>
        <div>
          <el-input
            :disabled="isDisabled"
@@ -64,7 +64,7 @@
    <div class="detailInfo">
      <div class="infpItem" v-if="layerParams.editNest && layerParams.fenceType === 1">
        <div class="itemData">
          <div class="title">围栏面积</div>
          <div class="title">识别区面积</div>
          <div class="num">
            <span class="areaStyle">{{ fenceArea }}</span> m²
          </div>
@@ -89,7 +89,7 @@
            <span
              ><el-input
                :disabled="isDisabled"
                class="ztzf-input inputName"
                class="ztzf-layer-input inputName"
                v-model="formData.altitude"
                placeholder="请输入"
            /></span>
@@ -147,7 +147,7 @@
  control_start_time: '',
  control_end_time: '',
  geo_data: '',
  altitude: '',

});
const detailData = ref(null);
const fenceArea = ref(0);
@@ -171,8 +171,6 @@
watch(
  () => layerParams.value.editDetailData,
  newVal => {
    console.log('newVal', newVal);

    if (newVal && layerParams.value.editingIsProhibited) {
      // 当editDetailData有值时，填充表单
      formData.value = {
@@ -269,7 +267,6 @@
    control_start_time: formData.value.control_start_time,
    control_end_time: formData.value.control_end_time,
  };

  // 如果是编辑模式，才添加 id
  if (layerParams.value.decideWhetherToAddOrEdit === 2) {
    params.id = detailData.value.id;
@@ -334,12 +331,13 @@
  position: absolute;
  top: 0;
  right: 0;
  height: 95%;
height: calc(100% - 32px);
  z-index: 99;
  width: 324px;

  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  background: rgba(0,0,0,0.51);
  backdrop-filter: blur(4px);
  border-radius: 8px 8px 8px 8px;
  padding: 16px 12px;