修改机构树样式

src/assets/styles/element-ui.scss

@@ -90,7 +90,7 @@
 }
 
 .tree-container{
-  height: calc(100vh - 185px);
+  height: calc(100vh - 218px);
   overflow: auto;
 }
 

src/components/layoutContainer/index.vue

@@ -64,9 +64,11 @@ export default {
 <style lang="scss" scoped>
 .big_box {
 //   width: 100%;
+
   display: flex;
   .leftBar {
     min-width: 200px;
+    // overflow: scroll;
   }
   .rightBar {
     width: 80%;

src/components/orgTree/index.vue

@@ -29,7 +29,17 @@
         @node-click="handleNodeClick"
         v-bind="$attrs"
       >
-    </el-tree>
+        <span class="custom-tree-node" slot-scope="{ node, data }">
+          <el-tooltip
+            class="item"
+            effect="light"
+            :content="node.label"
+            placement="top-start"
+          >
+            <span>{{ node.label }}</span>
+          </el-tooltip>
+        </span>
+      </el-tree>
     </div>
   </div>
 </template>
@@ -129,12 +139,11 @@ export default {
 };
 </script>
 
-<style lang='scss' scoped>
-  .el-tree-ex {
-    // overflow: auto;
-    ::v-deep .is-current > .el-tree-node__content {
-      background-color: #d1e0f1 !important;
-    }
+<style lang="scss" scoped>
+.el-tree-ex {
+  // overflow: auto;
+  ::v-deep .is-current > .el-tree-node__content {
+    background-color: #d1e0f1 !important;
   }
-
+}
 </style>