| | |
|---|
| | | |
|---|
| | | <div class="right-container"> |
|---|
| | | <div class="header"> |
|---|
| | | {{ titleEnum[dialogMode] }} |
|---|
| | | <span>{{ titleEnum[dialogMode] }}</span> |
|---|
| | | |
|---|
| | | <el-icon class="close-btn" @click.stop="visible = false"><Close /></el-icon> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="dialog-container" v-if="readonly"> |
|---|
| | | <div class="content" v-if="readonly"> |
|---|
| | | <div class="detail-title">区域详情</div> |
|---|
| | | <el-row> |
|---|
| | | <el-col :span="24"> |
|---|
| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup> |
|---|
| | | import { Close } from '@element-plus/icons-vue' |
|---|
| | | |
|---|
| | | import { computed, inject, nextTick, onMounted, ref, watch } from 'vue' |
|---|
| | | import { ElMessage } from 'element-plus' |
|---|
| | | import { fwAreaDivideDetailApi, fwAreaDivideSubmitApi } from './partitionApi' |
|---|
| | |
|---|
| | | const dialogMode = ref('add') // 弹框模式 |
|---|
| | | const submitting = ref(false) // 提交中 |
|---|
| | | const readonly = computed(() => dialogMode.value === 'view') |
|---|
| | | const titleEnum = ref({ edit: '编辑场景', view: '查看场景', add: '新增场景' }) |
|---|
| | | const titleEnum = ref({ edit: '编辑区域', view: '查看区域', add: '新增区域' }) |
|---|
| | | const flyDateRange = ref([]) // 飞行时间 |
|---|
| | | const deviceTableRef = ref(null) |
|---|
| | | const searchName = ref('') |
|---|
| | |
|---|
| | | async function handleSubmit () { |
|---|
| | | const isValid = await formRef.value?.validate().catch(() => false) |
|---|
| | | if (!isValid) return |
|---|
| | | if (dialogMode.value === 'add' && Number(formData.value.areaSize) < 0.5) { |
|---|
| | | ElMessage.warning('区域面积不能小于0.5km²，请重新绘制') |
|---|
| | | return |
|---|
| | | } |
|---|
| | | submitting.value = true |
|---|
| | | try { |
|---|
| | | let str = [...pointList, pointList[0]].map(item => `${item.longitude} ${item.latitude}`).join(',') |
|---|
