用户权限管理编辑/查看页样式改进

src/views/userManage/AuthManageEdit.vue

@@ -166,18 +166,33 @@
   color: #606266;
 }
 
-::v-deep .tree>.el-row>.el-col>.el-tree {
-  &>.el-tree-node>.el-tree-node__content {
-    height: 40px;
-    .el-tree-node__label {
-      font-size: 18px;
+::v-deep .tree {
+  height: calc(100% - 104px);
+  .el-row {
+    height: calc(100% - 44px);
+    overflow: auto;
+    &>.el-col, &>.el-col>.el-tree>.el-tree-node {
+      height: 100%;
+    }
+    &>.el-col>.el-tree {
+      height: 100%;
+      &>.el-tree-node>.el-tree-node__content {
+        height: 40px;
+        .el-tree-node__label {
+          font-size: 18px;
+        }
+      }
+      .el-tree-node__label {
+        font-size: 16px;
+      }
+      .el-tree-node__content {
+        height: 35px;
+      }
+      .el-tree-node__children {
+        height: calc(100% - 40px);
+        overflow: auto;
+      }
     }
-  }
-  .el-tree-node__label {
-    font-size: 16px;
-  }
-  .el-tree-node__content {
-    height: 35px;
   }
 }
 </style>