朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 ad462006fe09b1d20797e211f354dda728cb89a8 1 个父辈 ced82bab

组织机构配置权限功能完善

内嵌 并排对比
正在显示 1 个修改的文件 包含 89 行增加 和 68 行删除
... ... @@ -161,48 +161,51 @@
:close-on-click-modal="false"
top="5vh" width="75%"
>
<template>
<el-tabs style="border: 0px;background-color: rgba(0,0,0,0)" v-model="activeName" @tab-click="handleClick">
<el-tab-pane style="border: 0px;background-color: rgba(0,0,0,0)" label="权限管理" name="first">
<el-row>
<el-col :span="4" >
<el-button type="primary" @click.native="treeMerge(false)">合并节点</el-button>
</el-col>
<el-col :span="4">
<el-button type="success" @click.native="treeMerge(true)">展开节点</el-button>
</el-col>
</el-row>
<el-divider></el-divider>
<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
node-key="permissionId" ref="tree">
</el-tree>
</el-form>
<div align="center" class="dialog-footer" style="margin-bottom: 20px">
<el-button @click.native="PermFormVisible = false">取消</el-button>
<el-button type="primary" @click.native="setPermSubmit" :loading="addLoading">提交</el-button>
</div>
</el-tab-pane>
<el-tab-pane label="数据权限" name="second">
<el-divider></el-divider>
<el-form :model="permForms" style="width: 95%" ref="permForm">
<el-tree :data="departmentList" :props="treeDefaultPropss"
@check="dataPermTreeClickDeal"
:default-expand-all = "treeExpands"
show-checkbox highlight-current
node-key="data_perm_id" ref="trees">
</el-tree>
</el-form>
<div align="center" class="dialog-footer" style="margin-bottom: 20px">
<el-button @click.native="PermFormVisible = false">取消</el-button>
<el-button type="primary" @click.native="setDataPerm" :loading="addLoading">提交</el-button>
</div>
</el-tab-pane>
</el-tabs>
</template>
<div v-loading.lock="isLoading">
<template>
<el-tabs style="border: 0px;background-color: rgba(0,0,0,0)" v-model="activeName" @tab-click="handleClick">
<el-tab-pane style="border: 0px;background-color: rgba(0,0,0,0)" label="权限管理" name="first">
<el-row>
<el-col :span="4" >
<el-button type="primary" @click.native="treeMerge(false)">合并节点</el-button>
</el-col>
<el-col :span="4">
<el-button type="success" @click.native="treeMerge(true)">展开节点</el-button>
</el-col>
</el-row>
<el-divider></el-divider>
<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
node-key="permissionId" ref="tree">
</el-tree>
</el-form>
<div align="center" class="dialog-footer" style="margin-bottom: 20px">
<el-button @click.native="PermFormVisible = false">取消</el-button>
<el-button type="primary" @click.native="setPermSubmit" :loading="addLoading">提交</el-button>
</div>
</el-tab-pane>
<el-tab-pane label="数据权限" name="second">
<el-divider></el-divider>
<el-form :model="permForms" style="width: 95%" ref="permForm">
<el-tree :data="departmentList" :props="treeDefaultPropss"
@check="dataPermTreeClickDeal"
:default-expand-all = "treeExpands"
show-checkbox highlight-current
node-key="data_perm_id" ref="trees">
</el-tree>
</el-form>
<div align="center" class="dialog-footer" style="margin-bottom: 20px">
<el-button @click.native="PermFormVisible = false">取消</el-button>
<el-button type="primary" @click.native="setDataPerm" :loading="addLoading">提交</el-button>
</div>
</el-tab-pane>
</el-tabs>
</template>
</div>
</el-dialog>
</section>
</template>
... ... @@ -268,6 +271,8 @@
pageNum: 1,
pageSize: 5,
listLoading: false,
loading:{},
isLoading: false,
sels: [],//列表选中列
dialogMap: {
update: '编辑',
... ... @@ -486,6 +491,14 @@
},
// 配置权限管理
setPerm: function (index, row) {
// this.loading = this.$loading({
// lock: true,
// text: '加载中',
// spinner: 'el-icon-loading',
// background: 'rgba(0, 0, 0, 0.7)',
// fullscreen: true
// });
this.isLoading = true;
this.PermFormVisible = true;
this.activeName= 'first';
//获取接口权限
... ... @@ -530,6 +543,8 @@
}).catch(error => {
// 关闭加载
_this.$message.error(error.toString())
}).finally(()=>{
this.isLoading = false;
})
},
// 配置数据权限
... ... @@ -548,30 +563,6 @@
this.$refs.trees.setCheckedKeys(this.permForms.permissionIds);
});
},
//提交数据权限
setDataPerm(){
let _this = this;
if (this.currentRolePermList && this.currentRolePermList.length>0){
this.currentRolePermList.forEach((v,i) =>{
_this.permForms.permissionIds[i]=v.data_perm_id;
})
}
dataPermSet(this.permForms).then((response) => {
const res = response.data
// 添加失败
if (res.code !== '200') {
// 关闭加载
return this.$message.error(res.msg)
}
// 添加，成功
this.$message.success(res.msg)
// 隐藏对话框
this.PermFormVisible = false;
}).catch(error => {
this.$message.error(error.toString())
})
},
//显示新增界面，每次点开初始化数据
handleAdd: function (index,row) {
this.addFormVisible = true;
... ... @@ -789,8 +780,37 @@
// }
}
},
dataPermTreeClickDeal: function (currentObj, treeStatus) {
this.permForms.permissionIds.push(currentObj.data_perm_id);
dataPermTreeClickDeal: function (currentObj, tree) {
// alert(JSON.stringify(tree.checkedKeys))
// alert("选择前的数组="+this.permForms.permissionIds)
this.permForms.permissionIds = tree.checkedKeys
// alert("选择后的数组="+this.permForms.permissionIds)
},
//提交数据权限
setDataPerm(){
this.loading = this.$loading({
lock: true,
text: '正在提交',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
let _this = this;
dataPermSet(this.permForms).then((response) => {
const res = response.data
// 添加失败
if (res.code !== '200') {
// 关闭加载
return this.$message.error(res.msg)
}
// 添加，成功
this.$message.success(res.msg)
// 隐藏对话框
this.PermFormVisible = false;
}).catch(error => {
this.$message.error(error.toString())
}).finally(()=>{
this.loading.close()
})
},
},
... ... @@ -805,6 +825,7 @@
}
};
this.isExpansion=true;
}
}
... ...