fix: 修复样式问题

src/views/dike/runManage/enginerring/components/Drawer.vue

@@ -271,12 +271,12 @@ export default {
   top: 0;
   width: 70%;
   height: 100%;
-  right: 0;
+  right: -70%;
   z-index: 10;
   background-color: #fff;
   transition: left 0.5s ease-in-out;
   box-shadow: -8px 0px 38px 0px rgba(0, 0, 0, 0.6);
-
+  transform: all 0.5s;
   .close-btn {
     width: 32px;
     height: 32px;
@@ -312,7 +312,7 @@ export default {
 }
 
 .masking-in {
-  right: -70%;
+  right: 0;
 }
 
 .l-t-border {

src/views/dike/runManage/enginerring/components/GaoDeMap.vue

@@ -21,10 +21,7 @@
         @close-drawer="drawerVisible = !drawerVisible"
       ></Drawer>
     </div>
-    <el-button
-      class="open-drawer-btn"
-      size="mini"
-      @click="drawerVisible = !drawerVisible"
+    <el-button class="open-drawer-btn" size="mini" @click="drawerVisible = true"
       >展开抽屉</el-button
     >
     <div class="box">