debug

src/components/editview/leftToolBar.vue

@@ -36,7 +36,6 @@
     >
       <legendList :chiceStatus="chiceStatus"></legendList>
     </el-drawer>
-    <!-- :visible.sync="drawer" -->
   </div>
 </template>
 <script>
@@ -122,12 +121,12 @@ li {
   list-style-type: none;
 }
 .left-tool-bar {
-  background: rgba(255, 255, 255, 1);
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  box-sizing: border-box;
   height: calc(~"100% - 2px");
+  position: relative;
   .btn-list {
     height: 100%;
+    z-index: 99;
+    position: relative;
     ul {
       width: 54px;
       height: 100%;
@@ -171,7 +170,8 @@ li {
 .el-drawer__wrapper {
   left: 64px;
   top: 86px;
-  // box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  width: 242px;
+  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
+  width: 221px;
+  border-right: 1px solid #eee;
 }
 </style>

src/components/editview/leftToolBar/legendList.vue

@@ -16,6 +16,8 @@
       @closeModel="showAddItemModel = false"
       :showAddItemModel="showAddItemModel"
     ></addItemModel>
+
+    <div class="close-lengend"></div>
   </div>
 </template>
 <script>
@@ -31,12 +33,23 @@ export default {
       showAddItemModel: false,
       // choiceLegend: "" //选中绘制类型
     };
-  }
+  },
 };
 </script>
 <style scoped lang="less">
 .lengend-list {
   width: 100%;
   height: 100%;
+  position: relative;
+  .close-lengend{
+    width: 20px;
+    height: 40px;
+    position: absolute;
+    right: -20px;
+    top: 50%;
+    transform: translateY(-50%);
+    background: red;
+    z-index: 999;
+  }
 }
 </style>

src/components/editview/topoEditer.vue

@@ -29,7 +29,6 @@ export default {
       scene: null,
     };
   },
-
 };
 </script>
 <style lang="less">
@@ -38,6 +37,7 @@ export default {
   height: 100%;
   .top-bar {
     width: 100%;
+    z-index: 99;
   }
   .contents {
     width: 100%;