解决一个页面多次调用地图冲突问题

src/views/demo/workmanagement/flightoperation/index.vue

@@ -72,7 +72,7 @@
       @loadLiveStreaming="livePreviewVisible = false"
       @changeCameraType="changeCameraType"
     />
-    <!-- <div class="intelligent-patrol">
+    <div class="intelligent-patrol">
       <div @click="patrolVisible = true">
         <span> <RadarChartOutlined /> </span>
         <span>智能巡检</span>
@@ -83,7 +83,7 @@
       </div>
     </div>
     <Patrol v-if="patrolVisible" @changePatrol="patrolVisible = false" />
-    <Report @changeReport="reportVisible = false" v-if="reportVisible" /> -->
+    <Report @changeReport="reportVisible = false" v-if="reportVisible" />
   </div>
 </template>
 <script setup lang="ts">

src/views/demo/workmanagement/flightoperation/src/Patrol.vue

@@ -92,7 +92,12 @@
 <script setup lang="ts">
   import { reactive, ref, watch, onMounted } from 'vue';
   import { useMessage } from '@/hooks/web/useMessage';
-  import { InfoCircleOutlined, DownOutlined, UpOutlined ,PlusOutlined} from '@ant-design/icons-vue';
+  import {
+    InfoCircleOutlined,
+    DownOutlined,
+    UpOutlined,
+    PlusOutlined,
+  } from '@ant-design/icons-vue';
   import { Map } from '../index';
 
   const { createMessage } = useMessage();
@@ -136,11 +141,14 @@
   const drawarea = ref(false);
   const getAreaData = (val) => {
     console.log(val);
+    data.area = val;
   };
   const patrolMapConfirm = () => {
     if (!data.area) {
       createMessage.warning('请绘制区域');
+      return;
     }
+    drawarea.value = false;
   };
   onMounted(() => {});
 </script>