【类 型】：

【原  因】：
【过  程】：
【影  响】：

src/components/As.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex column mr mac" style="height: 100%;" id="mainBox">
+  <div class="flex column mr mac w-100 h-100" id="mainBox">
     <div class="content" :class="isContainerVisible ? 'slide-in' : ''">
       <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
       <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
@@ -30,6 +30,7 @@
       <div class="flex1 item" style="height: 100%; background-color: antiquewhite;" @click="showContainer">4</div>
     </div>
   </div>
+
 </template>
 
 <script>
@@ -42,8 +43,7 @@ export default {
   },
   methods: {
     showContainer () {
-      this.isContainerVisible = true
-      console.log('hello')
+      this.isContainerVisible = !this.isContainerVisible
     }
   }
 }

src/views/layout/components/main/planes/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="h-100">
-    <map-box ref="mapbox" :key="mapBoxKey" class="ofh">
+    <map-box ref="mapbox" :key="mapBoxKey">
       <template #content>
         <!-- <PlaneStatus :plane="plane" /> -->
-        <As />
+        <As style="position:absolute;" />
         <!-- <ControllerTabs :plane="plane" @mapXOffset="mapXOffset" @makeRoute="makeRoute" @clearRoute="clearRoute" /> -->
       </template>
     </map-box>

src/views/layout/components/main/route/add.vue

@@ -2,7 +2,7 @@
   <div class="h-100">
     <map-box ref="mapbox">
       <template #content>
-        <el-row class="w-40 m-t-20 m-l-20">
+        <el-row class="w-40 m-t-20 m-l-20" style="position: absolute;">
           <el-col :span="24">
             <el-container>
               <el-header height="42px" class="l-h-42 p-l-10 p-r-10 border border-b-n">