徐景良 2025-08-04 11:42:56 +08:00
commit 85684ea385
2 changed files with 16 additions and 10 deletions

View File

@ -269,7 +269,7 @@
.areaInfoDiv { .areaInfoDiv {
position: relative; position: relative;
height: 100%; height: 100%;
width: 320px; width: 350px;
} }
} }

View File

@ -1,5 +1,9 @@
<template> <template>
<div class="areaInfo"> <div class="areaInfo">
<!-- 关闭按钮 -->
<div class="closeButton">
<CloseOutlined @click="closePathAreaInfo" style="font-size: 20px; color: white" />
</div>
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
<div class="annotationTitle"> 自定义飞行区 </div> <div class="annotationTitle"> 自定义飞行区 </div>
@ -104,13 +108,7 @@
<div class="annotationTitle">绘制者</div> <div class="annotationTitle">绘制者</div>
</a-col> </a-col>
<a-col :span="18"> <a-col :span="18">
<div class="annotationContent"> {{ props.nowShowAreaData.createdUser }}</div> <div class="annotationContent"> {{ props.nowShowAreaData.createUserName }}</div>
</a-col>
<a-col :span="24">
<div class="area_buttons">
<div class="cancelDiv" @click="closePathAreaInfo"></div>
<div class="startDiv" :class="{ disabled: props.nowShowAreaData }">确认</div>
</div>
</a-col> </a-col>
</a-row> </a-row>
</div> </div>
@ -144,7 +142,7 @@
const { createMessage, createConfirm } = useMessage(); const { createMessage, createConfirm } = useMessage();
const props = defineProps(['allAreaDataList', 'nowShowAreaData']); const props = defineProps(['allAreaDataList', 'nowShowAreaData']);
console.log('nowShowAreaData',props.nowShowAreaData)
const emits = defineEmits([ const emits = defineEmits([
'setNowShowAreaData', 'setNowShowAreaData',
'closePathAreaInfo', 'closePathAreaInfo',
@ -239,7 +237,7 @@
min-height: 45px; min-height: 45px;
height: auto; height: auto;
width: 100%; width: 100%;
flex-wrap: wrap;
.annotationTitleButton_right { .annotationTitleButton_right {
height: 20px; height: 20px;
@ -260,6 +258,14 @@
font-size: 18px; font-size: 18px;
} }
} }
//
.closeButton {
position: absolute;
top: 30px;
right: 20px;
z-index: 200;
cursor: pointer;
}
.annotationContent { .annotationContent {
display: flex; display: flex;