角色权限关系自定义视图 样式调整

app_web/src/pages/uaa/sys-role-permissioncustom-view/sys-role-permissioncustom-view.less

@@ -40,7 +40,7 @@
         margin-top:30px;margin-bottom:20px;margin-left:40px;
     }
     .roll{
-        height:calc(100vh - 445px) ;overflow:hidden;overflow-x: hidden;overflow-y: auto;
+        height:calc(100vh - 365px) ;overflow:hidden;overflow-x: hidden;overflow-y: auto;
     }
     .tre{
         margin-left:20px;

app_web/src/pages/uaa/sys-role-permissioncustom-view/sys-role-permissioncustom-view.vue

@@ -4,7 +4,7 @@
             <div class="content-container pickup-view">
                 <div class="translate-contant">
                     <!--应用菜单-->
-                    <div class="center" :style="{width : '33%',border:'0px solid red' }">
+                    <div class="center" :style="{width : '33%',border:'1px solid #dcdee2', margin: '0 10px 0 0'}">
                         <context-menu-container class='design-tree-container'>
                             <div>
                                 <div class="text">应用菜单</div>
@@ -17,6 +17,7 @@
                                             node-key="id"
                                             :default-expand-all="false"
                                             highlight-current
+                                            :default-expanded-keys="this.CDdataexpandedKeys"
                                             :props="this.defaultProps"
                                             @check-change="handleCheckChange"
                                     >
@@ -26,7 +27,7 @@
                         </context-menu-container>
                     </div>
                     <!--数据能力-->
-                    <div class="center" :style="{width : '33%',border:'0px solid red' }">
+                    <div class="center" :style="{width : '33%',border:'1px solid #dcdee2', margin: '0 10px 0 0' }">
                         <context-menu-container class='design-tree-container'>
                             <div>
                                 <div class="text">数据能力</div>
@@ -39,6 +40,7 @@
                                             node-key="id"
                                             :default-expand-all="false"
                                             highlight-current
+                                            :default-expanded-keys="this.QXdataexpandedKeys"
                                             :props="this.defaultProps"
                                             @check-change="handleCheckChange"
                                     >
@@ -48,7 +50,7 @@
                         </context-menu-container>
                     </div>
                     <!--统一资源-->
-                    <div class="center" :style="{width : '33%',border:'0px solid red' }">
+                    <div class="center" :style="{width : '33%',border:'1px solid #dcdee2' }">
                         <context-menu-container class='design-tree-container'>
                             <div>
                                 <div class="text">统一资源</div>
@@ -61,6 +63,7 @@
                                             node-key="id"
                                             :default-expand-all="false"
                                             highlight-current
+                                            :default-expanded-keys="this.ZYdataexpandedKeys"
                                             :props="this.defaultProps"
                                             @check-change="handleCheckChange"
                                     >
@@ -113,6 +116,12 @@
         protected ZYdata: any = [];
         /*默认选中节点*/
         protected defaultCheckedNodes: any = [];
+        /*应用菜单数据默认展开节点*/
+        protected CDdataexpandedKeys: any = [];
+        /*数据能力数据默认展开节点*/
+        protected QXdataexpandedKeys: any = [];
+        /*统一资源数据默认展开节点*/
+        protected ZYdataexpandedKeys: any = [];
 
         /**
          * 树显示说明：子树为节点对象的children,节点标签为节点对象的label
@@ -184,11 +193,23 @@
                     _this.ZYdata = response.data[2];
                     _this.defaultCheckedNodes = response.data[3];
 
+                    // 设置默认第一级展开
+                    for (let i = 0; i < _this.CDdata.length; i++) {
+                        _this.CDdataexpandedKeys.push(_this.CDdata[i].id);
+                    }
+                    for (let i = 0; i < _this.QXdata.length; i++) {
+                        _this.QXdataexpandedKeys.push(_this.QXdata[i].id);
+                    }
+                    for (let i = 0; i < _this.ZYdata.length; i++) {
+                        _this.ZYdataexpandedKeys.push(_this.ZYdata[i].id);
+                    }
+
                     // 设置默认选中节点，即当前角色所有权限
                     this.$nextTick(()=>{
                         const CDtree: any = this.$refs.CDtree;
                         const QXtree: any = this.$refs.QXtree;
                         const ZYtree: any = this.$refs.ZYtree;
+
                         CDtree.setCheckedNodes(_this.defaultCheckedNodes);
                         QXtree.setCheckedNodes(_this.defaultCheckedNodes);
                         ZYtree.setCheckedNodes(_this.defaultCheckedNodes);