更改了diaog弹框弹出位置 隐藏了机构树超出宽度 显示滚动条情况

src/components/elDialog/dialog.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-dialog v-bind="$attrs" v-on="$listeners" :close-on-click-modal="false">
+    <el-dialog v-bind="$attrs" v-on="$listeners" :close-on-click-modal="false" class="centerDialog">
       <slot></slot>
       <slot name="footer" class="dialog-footer"></slot>
     </el-dialog>
@@ -19,8 +19,14 @@ export default {
   methods: {},
 };
 </script>
-<style lang="scss">
+<style lang="scss" >
 .dialog-footer {
   text-align: right;
 }
 </style>
+<style lang="scss" scoped>
+  .centerDialog{
+    position: absolute;
+    top: 20%;
+  } 
+</style>

src/components/layoutContainer/index.vue

@@ -63,13 +63,13 @@ export default {
 </script>
 <style lang="scss" scoped>
 .big_box {
-  width: 100%;
+//   width: 100%;
   display: flex;
   .leftBar {
     min-width: 200px;
   }
   .rightBar {
-    width: 85%;
+    width: 80%;
   }
   .dragonet {
     width: 10px;

src/components/orgTree/index.vue

@@ -131,7 +131,7 @@ export default {
 
 <style lang='scss' scoped>
   .el-tree-ex {
-    overflow: auto;
+    // overflow: auto;
     ::v-deep .is-current > .el-tree-node__content {
       background-color: #d1e0f1 !important;
     }