|
...
|
...
|
@@ -157,7 +157,7 @@ |
|
|
|
<el-dialog title="岗位的权限设置"
|
|
|
|
:visible.sync="PermFormVisible"
|
|
|
|
:close-on-click-modal="false"
|
|
|
|
top="5vh"
|
|
|
|
top="5vh" width="75%"
|
|
|
|
>
|
|
|
|
<el-row>
|
|
|
|
<el-col :span="4" >
|
|
...
|
...
|
@@ -168,11 +168,11 @@ |
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<el-divider></el-divider>
|
|
|
|
<el-form :model="permForm" label-width="80px" ref="permForm">
|
|
|
|
<el-form :model="permForm" style="width: 95%" ref="permForm">
|
|
|
|
<el-tree :data="permissons" :props="treeDefaultProps"
|
|
|
|
@check="clickDeal"
|
|
|
|
:default-expand-all = "treeExpand"
|
|
|
|
show-checkbox highlight-current check-on-click-node check-strictly
|
|
|
|
show-checkbox highlight-current
|
|
|
|
node-key="permissionId" ref="tree">
|
|
|
|
</el-tree>
|
|
|
|
</el-form>
|
|
...
|
...
|
@@ -224,7 +224,7 @@ |
|
|
|
children: 'children',
|
|
|
|
label: 'name',
|
|
|
|
},
|
|
|
|
treeExpand: false,
|
|
|
|
treeExpand: true,
|
|
|
|
departmentNameList:[],
|
|
|
|
roles: [],
|
|
|
|
permissons: [],
|
|
...
|
...
|
@@ -376,6 +376,7 @@ |
|
|
|
NProgress.start();
|
|
|
|
permList(para).then((res) => {
|
|
|
|
this.permissons = res.data.list;
|
|
|
|
console.log(this.permissons);
|
|
|
|
NProgress.done();
|
|
|
|
}).catch((error) => {
|
|
|
|
if(null!= error.response && error.response!==undefined){
|
|
...
|
...
|
@@ -623,7 +624,6 @@ |
|
|
|
return;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
// 统一处理子节点为相同的勾选状态
|
|
|
|
uniteChildSame(treeList, isSelected){
|
|
|
|
this.$refs.tree.setChecked(treeList.permissionId, isSelected);
|
|
...
|
...
|
@@ -684,7 +684,44 @@ |
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
/*//一级节点选择器*!*!*/
|
|
|
|
.el-tree-node>.el-tree-node__content {
|
|
|
|
font-weight: 900;
|
|
|
|
color: #000000;
|
|
|
|
}
|
|
|
|
/*//二级节点选择器*!*!*/
|
|
|
|
.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__content>.el-tree-node__label {
|
|
|
|
font-size: 14px;
|
|
|
|
color: #000000;
|
|
|
|
font-weight: 500;
|
|
|
|
width: 800px;
|
|
|
|
}
|
|
|
|
.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__content>.el-tree-node__label {
|
|
|
|
font-size: 13px;
|
|
|
|
color: #777777;
|
|
|
|
width: 100px;
|
|
|
|
/*flex-direction: column;*/
|
|
|
|
}
|
|
|
|
.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__content>.el-tree-node__label {
|
|
|
|
font-size: 14px;
|
|
|
|
color: #777777;
|
|
|
|
width: 300px;
|
|
|
|
/*flex-direction: column;*/
|
|
|
|
}
|
|
|
|
/* 控制树形节点横向显示 */
|
|
|
|
.el-tree-node.is-expanded>.el-tree-node__children{
|
|
|
|
display:flex;
|
|
|
|
flex-wrap: wrap; /* flex横向布局换行显示 */
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 去除点击收缩图标时：横向显示的数据会先晃动成纵向显示的再收缩的现象*/
|
|
|
|
.collapse-transition{
|
|
|
|
transition:none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.grid-content {
|
|
|
|
height: 36px;
|
|
|
|
line-height: 36px;
|
...
|
...
|
|
