fix: 修复地图高度和布局问题

src/views/home/index.vue

@@ -196,10 +196,10 @@
         </div>
         <div class="center_box">
           <div class="map_box" ref="mapBoxRef">
-            <MapDemo :style="{ height: this.mapHeight + 'px' }"></MapDemo>
+            <MapDemo :style="{ height: this.mapHeight||650 + 'px' }"></MapDemo>
           </div>
           <div class="lessee_box">
-            <div class="header">
+            <div class="header"></div>
               <img src="../../assets/imgs/side/box_icon.png" alt="" />
               <div class="header_text">场站列表</div>
             </div>
@@ -468,7 +468,7 @@
         stationMaxHeight: 0,
         alarmList: [],
         alarmMaxHeight: 0,
-        mapHeight: 400,
+        mapHeight: 0,
         barOption: {},
         productLineList: []
       };
@@ -1020,7 +1020,7 @@
       flex-direction: column;
       .map_box {
         min-height: 650px;
-        // position: relative;
+        position: relative;
         flex: 1;
         overflow: hidden;
         // display: flex;