| | |
| | | <div class="itemRow"> |
| | | <div class="label">{{ layerParams.fenceType === 1 ? '围栏' : '禁飞区' }}名称</div> |
| | | <div> |
| | | <el-input :disabled="isDisabled" class="ztzf-input inputName" v-model="formData.name" placeholder="请输入" /> |
| | | <el-input |
| | | :disabled="isDisabled" |
| | | class="ztzf-input inputName" |
| | | v-model="formData.name" |
| | | placeholder="请输入" |
| | | /> |
| | | </div> |
| | | </div> |
| | | <div class="itemRow" v-if="layerParams.fenceType === 2"> |
| | |
| | | <div class="itemRow"> |
| | | <div class="label">{{ layerParams.fenceType === 1 ? '围栏' : '禁飞区' }}备注</div> |
| | | <div> |
| | | <el-input :disabled="isDisabled" v-model="formData.description" :rows="5" type="textarea" placeholder="请输入" /> |
| | | <el-input |
| | | :disabled="isDisabled" |
| | | v-model="formData.description" |
| | | :rows="5" |
| | | type="textarea" |
| | | placeholder="请输入" |
| | | /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | :disabled="isDisabled" |
| | | class="ztzf-input inputName" |
| | | v-model="formData.altitude" |
| | | placeholder="请输入" /></span |
| | | > 米 |
| | | placeholder="请输入" |
| | | /></span> |
| | | 米 |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <span>{{ formData?.create_time }}</span> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="btnGroups"> |
| | |
| | | }); |
| | | |
| | | watch( |
| | | () => layerParams.value.editingIsProhibited, |
| | | newVal => { |
| | | console.log('newVal',newVal); |
| | | |
| | | }, |
| | | { immediate: true } |
| | | ); |
| | | watch( |
| | | () => layerParams.value.fenceArea, |
| | | newArea => { |
| | | if (newArea !== undefined && newArea !== null) { |
| | |
| | | // 监听editDetailData的变化 |
| | | watch( |
| | | () => layerParams.value.editDetailData, |
| | | (newVal) => { |
| | | if (newVal) { |
| | | newVal => { |
| | | if (newVal && layerParams.value.editingIsProhibited) { |
| | | // 当editDetailData有值时,填充表单 |
| | | formData.value = { |
| | | ...formData.value, |
| | |
| | | dayjs(newVal.control_end_time).toDate(), |
| | | ]; |
| | | } |
| | | } else { |
| | | // 当editDetailData为null时,重置表单 |
| | | formData.value = { |
| | | folder_id: '', |
| | | name: '', |
| | | description: '', |
| | | is_enabled: false, |
| | | area: '', |
| | | altitude: '', |
| | | control_start_time: '', |
| | | control_end_time: '', |
| | | geo_data: '', |
| | | altitude: '', |
| | | }; |
| | | timeValue.value = ''; |
| | | } |
| | | }, |
| | | { immediate: true, deep: true } |
| | |
| | | is_enabled: true, |
| | | area: formData.value.area, |
| | | altitude: formData.value.altitude, |
| | | geo_data: layerParams.value.polygonPosition, |
| | | geo_data: layerParams.value.polygonPosition || formData.value.geo_data, |
| | | control_start_time: formData.value.control_start_time, |
| | | control_end_time: formData.value.control_end_time, |
| | | }; |
| | |
| | | emit('callParentMethod'); |
| | | }); |
| | | } |
| | | |
| | | |
| | | |
| | | }; |
| | | onMounted(() => { |
| | | // 获取判断状态(默认设为 1) |
| | |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #DFDFDF; |
| | | color: #dfdfdf; |
| | | margin-bottom: 23px; |
| | | .num { |
| | | span { |
| | |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: bold; |
| | | font-size: 20px; |
| | | color: #FFFFFF; |
| | | color: #ffffff; |
| | | } |
| | | } |
| | | .noFly { |