角色管理修改界面数据授权tree添加滚动条

src/views/modules/sys/role-add-or-update.vue

@@ -29,7 +29,7 @@
                   :placeholder="$t('role.remark')"></el-input>
       </el-form-item>
       <el-row>
-        <el-col :span="10">
+        <el-col :span="5">
           <el-form-item size="mini"
                         :label="$t('role.menuList')">
             <el-tree :data="menuList"
@@ -41,7 +41,7 @@
             </el-tree>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="5">
           <el-form-item size="mini"
                         :label="$t('role.deptList')">
             <el-tree :data="deptList"
@@ -53,7 +53,7 @@
             </el-tree>
           </el-form-item>
         </el-col>
-        <el-col :span="10">
+        <el-col :span="4">
           <el-form-item size="mini"
                         :label="$t('role.appMenuList')">
             <el-tree :data="appMenuList"
@@ -268,3 +268,15 @@ export default {
   }
 }
 </script>
+// 添加树样式
+<style lang="scss">
+.el-tree {
+  width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+.el-tree>.el-tree-node {
+  display: inline-block;
+  min-width: 100%;
+}
+</style>