| | |
| | | />
|
| | |
|
| | | <!-- 添加或修改角色配置对话框 -->
|
| | | <el-dialog :title="title" :visible.sync="open" width="500px">
|
| | | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
| | | <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
| | | <el-form-item label="角色名称" prop="roleName">
|
| | | <el-input v-model="form.roleName" placeholder="请输入角色名称" />
|
| | |
| | | </el-dialog>
|
| | |
|
| | | <!-- 分配角色数据权限对话框 -->
|
| | | <el-dialog :title="title" :visible.sync="openDataScope" width="500px">
|
| | | <el-dialog :title="title" :visible.sync="openDataScope" width="500px" append-to-body>
|
| | | <el-form :model="form" label-width="80px">
|
| | | <el-form-item label="角色名称">
|
| | | <el-input v-model="form.roleName" :disabled="true" />
|
| | |
| | | import { treeselect as deptTreeselect, roleDeptTreeselect } from "@/api/system/dept";
|
| | |
|
| | | export default {
|
| | | name: "Role",
|
| | | data() {
|
| | | return {
|
| | | // 遮罩层
|
| | |
| | | /** 根据角色ID查询菜单树结构 */
|
| | | getRoleMenuTreeselect(roleId) {
|
| | | roleMenuTreeselect(roleId).then(response => {
|
| | | this.getMenuTreeselect();
|
| | | this.$refs.menu.setCheckedKeys(response.data);
|
| | | this.menuOptions = response.menus;
|
| | | this.$refs.menu.setCheckedKeys(response.checkedKeys);
|
| | | });
|
| | | },
|
| | | /** 根据角色ID查询部门树结构 */
|
| | | getRoleDeptTreeselect(roleId) {
|
| | | roleDeptTreeselect(roleId).then(response => {
|
| | | this.getDeptTreeselect();
|
| | | this.$refs.dept.setCheckedKeys(response.data);
|
| | | this.deptOptions = response.depts;
|
| | | this.$refs.dept.setCheckedKeys(response.checkedKeys);
|
| | | });
|
| | | },
|
| | | // 角色状态修改
|
| | |
| | | },
|
| | | // 表单重置
|
| | | reset() {
|
| | | if (this.$refs.tree != undefined) {
|
| | | this.$refs.tree.setCheckedKeys([]);
|
| | | if (this.$refs.menu != undefined) {
|
| | | this.$refs.menu.setCheckedKeys([]);
|
| | | }
|
| | | this.form = {
|
| | | roleId: undefined,
|