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

@@ -3,4 +3,3 @@ export { default as AirportInformation } from './src/AirportInformation.vue';
 export { default as UAVInformation } from './src/UAVInformation.vue';
 export { default as AirportLive } from './src/AirportLive.vue';
 export { default as LivePreview } from './src/LivePreview.vue';
-export { default as Map } from '../workplan/components/map.vue';

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

@@ -1,8 +1,5 @@
 <template>
-  <div>
-    <div style="width: 100%; height: calc(100vh - 80px)">
-      <Map></Map>
-    </div>
+  <div class="flightoperation-container">
     <SelectComponent />
     <AirportInformation @changeLive="changeAirportLive" />
     <UAVInformation />
@@ -12,13 +9,10 @@
     <div
       class="LivePreview"
       v-if="livePreviewVisible"
-      :style="{ bottom: airportLiveVisible ? '300px' : '20px' }"
+      :style="{ bottom: airportLiveVisible ? '300px' : '10px' }"
     >
       <LivePreview />
     </div>
-    <!-- <div class="flightoperation-container">
-      
-    </div> -->
   </div>
 </template>
 <script setup lang="ts">
@@ -29,7 +23,6 @@
     UAVInformation,
     AirportLive,
     LivePreview,
-    Map,
   } from './index';
 
   const airportLiveVisible = ref(false);
@@ -39,11 +32,6 @@
   };
 </script>
 <style lang="less" scoped>
-  .flightoperation-container {
-    position: absolute;
-    top: 0;
-    left: 0;
-  }
   .flightoperation-top {
     display: flex;
   }
@@ -83,11 +71,11 @@
   .AirportLive {
     position: absolute;
     right: 10px;
-    bottom: 20px;
+    bottom: 10px;
   }
   .LivePreview {
     position: absolute;
     right: 10px;
-    bottom: 20px;
+    bottom: 10px;
   }
 </style>

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

@@ -64,9 +64,6 @@
 </script>
 <style lang="less" scoped>
   .airport-information {
-    position: absolute;
-    top: 50px;
-    left: 0;
     width: 260px;
     padding: 10px 20px;
     margin: 10px 0 0 10px;

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

@@ -56,9 +56,6 @@
   .flightoperation-top {
     display: flex;
     margin-top: 10px;
-    position: absolute;
-    top: 0;
-    left: 0;
   }
   .select-item {
     width: 160px;

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

@@ -108,10 +108,6 @@
 </script>
 <style lang="less" scoped>
   .airport-information {
-    position: absolute;
-    top: 350px;
-    left: 0;
-    z-index: 999;
     width: 260px;
     padding: 10px;
     background: #0d0e15;