fix: 修改右侧面板显示/隐藏方式

src/views/stationOperation/components/MapPane.vue

@@ -1,11 +1,5 @@
 <template>
   <div class="map-pane" :class="{ 'pane-hide': !showPane }">
-    <!-- 展开右侧配置栏按钮开始 -->
-    <div class="toggle-show-btn" v-if="!showPane">
-      <img src="@/assets/images/station-operation/toggle.png" @click="showPane = true" />
-    </div>
-    <!-- 展开右侧配置栏按钮结束 -->
-
     <!-- 操作栏开始 -->
     <div class="map-pane-operators">
       <div>
@@ -26,7 +20,7 @@
           <img
             v-if="active == 1"
             src="@/assets/images/station-operation/station-operate-active.png"
-            @click="showPane = false"
+            @click="showPane = !showPane"
           />
           <img v-else src="@/assets/images/station-operation/station-operate.png" @click="onPaneChange(1)" />
         </div>
@@ -34,7 +28,7 @@
           <img
             v-if="active == 2"
             src="@/assets/images/station-operation/filter-station-active.png"
-            @click="showPane = false"
+            @click="showPane = !showPane"
           />
           <img v-else src="@/assets/images/station-operation/filter-station.png" @click="onPaneChange(2)" />
         </div>
@@ -836,23 +830,14 @@ export default {
 
   &.pane-hide {
     // 向右隐藏
-    transform: translate(105%);
+    transform: translate(90%);
-  }
-
-   > .toggle-show-btn {
-    position: absolute;
-    left: -25px;
-    top: 50%;
-    transform: translateY(-50%);
-    cursor: pointer;
-    pointer-events: all;
-
   }
 
   // 操作栏
   &-operators {
     user-select: none;
     pointer-events:all;
+    height: 200px;
 
     img {
       cursor: pointer;