无人机管理后台前端(已迁走)
xiaoxiao
2025-11-02 1591bdf1abcd66e2ca6433f09fa5335aeeec4804
src/views/layerManagement/components/rightEdit.vue
@@ -8,7 +8,6 @@
          <el-select
            :disabled="isDisabled"
            class="ztzf-layer-search"
            clearable
            v-model="formData.folder_id"
            placeholder="请选择"
@@ -36,11 +35,10 @@
      <div class="itemRow" v-if="layerParams.fenceType === 2">
        <div class="label">禁飞区管控时间</div>
        <div>
            <!-- popper-class="ztzf-layer-date-picker-popper  " -->
          <!-- popper-class="ztzf-layer-date-picker-popper  " -->
          <el-date-picker
            :disabled="isDisabled"
            class="ztzf-layer-date-picker "
            class="ztzf-layer-date-picker"
            v-model="timeValue"
            type="datetimerange"
            format="YYYY-MM-DD HH:mm"
@@ -123,7 +121,7 @@
      </div>
    </div>
    <div class="btnGroups">
      <img  src="/src/assets/images/layerManagement/savebtn.svg" alt="" @click="submitHandle" />
      <img src="/src/assets/images/layerManagement/savebtn.svg" alt="" @click="submitHandle" />
      <img src="/src/assets/images/layerManagement/cancelbtn.svg" @click="cancelHandel" alt="" />
    </div>
  </div>
@@ -173,6 +171,8 @@
watch(
  () => layerParams.value.editDetailData,
  newVal => {
    console.log('newVal', newVal);
    if (newVal && layerParams.value.editingIsProhibited) {
      // 当editDetailData有值时,填充表单
      formData.value = {
@@ -263,10 +263,13 @@
    is_enabled: true,
    area: formData.value.area,
    altitude: formData.value.altitude,
    geo_data: layerParams.value.polygonPosition || formData.value.geo_data,
    geo_data: layerParams.value.polygonPosition
      ? layerParams.value.polygonPosition
      : formData.value.geo_data,
    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;
@@ -284,6 +287,7 @@
    deitFenceApi(params).then(res => {
      ElMessage.success('编辑成功');
      EventBus.emit('gettreeDataApi');
      clearAllData();
      emit('callParentMethod');
    });
@@ -365,9 +369,9 @@
      width: auto !important;
      background: transparent !important;
    }
    :deep(.el-range-editor.is-disabled input ){
      background-color: transparent !important;
   }
    :deep(.el-range-editor.is-disabled input) {
      background-color: transparent !important;
    }
  }
  .detailInfo {
    .infpItem {