| | |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="菜单权限"> |
| | | <el-checkbox v-model="menuExpand" @change="handleCheckedTreeExpand($event, 'menu')">展开/折叠</el-checkbox> |
| | | <el-checkbox v-model="menuNodeAll" @change="handleCheckedTreeNodeAll($event, 'menu')">全选/全不选</el-checkbox> |
| | | <el-checkbox v-model="form.menuCheckStrictly" @change="handleCheckedTreeConnect($event, 'menu')">父子联动</el-checkbox> |
| | | <el-tree |
| | | class="tree-border" |
| | | :data="menuOptions" |
| | | show-checkbox |
| | | ref="menu" |
| | | node-key="id" |
| | | :check-strictly="!form.menuCheckStrictly" |
| | | empty-text="加载中,请稍后" |
| | | :props="defaultProps" |
| | | ></el-tree> |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="数据权限" v-show="form.dataScope == 2"> |
| | | <el-checkbox v-model="deptExpand" @change="handleCheckedTreeExpand($event, 'dept')">展开/折叠</el-checkbox> |
| | | <el-checkbox v-model="deptNodeAll" @change="handleCheckedTreeNodeAll($event, 'dept')">全选/全不选</el-checkbox> |
| | | <el-checkbox v-model="form.deptCheckStrictly" @change="handleCheckedTreeConnect($event, 'dept')">父子联动</el-checkbox> |
| | | <el-tree |
| | | class="tree-border" |
| | | :data="deptOptions" |
| | | show-checkbox |
| | | default-expand-all |
| | | ref="dept" |
| | | node-key="id" |
| | | :check-strictly="!form.deptCheckStrictly" |
| | | empty-text="加载中,请稍后" |
| | | :props="defaultProps" |
| | | ></el-tree> |
| | |
| | | open: false, |
| | | // 是否显示弹出层(数据权限) |
| | | openDataScope: false, |
| | | menuExpand: false, |
| | | menuNodeAll: false, |
| | | deptExpand: true, |
| | | deptNodeAll: false, |
| | | // 日期范围 |
| | | dateRange: [], |
| | | // 状态数据字典 |
| | |
| | | if (this.$refs.menu != undefined) { |
| | | this.$refs.menu.setCheckedKeys([]); |
| | | } |
| | | this.menuExpand = false, |
| | | this.menuNodeAll = false, |
| | | this.deptExpand = true, |
| | | this.deptNodeAll = false, |
| | | this.form = { |
| | | roleId: undefined, |
| | | roleName: undefined, |
| | |
| | | status: "0", |
| | | menuIds: [], |
| | | deptIds: [], |
| | | menuCheckStrictly: true, |
| | | deptCheckStrictly: true, |
| | | remark: undefined |
| | | }; |
| | | this.resetForm("form"); |
| | |
| | | this.single = selection.length!=1 |
| | | this.multiple = !selection.length |
| | | }, |
| | | // 树权限(展开/折叠) |
| | | handleCheckedTreeExpand(value, type) { |
| | | if (type == 'menu') { |
| | | let treeList = this.menuOptions; |
| | | for (let i = 0; i < treeList.length; i++) { |
| | | this.$refs.menu.store.nodesMap[treeList[i].id].expanded = value; |
| | | } |
| | | } else if (type == 'dept') { |
| | | let treeList = this.deptOptions; |
| | | for (let i = 0; i < treeList.length; i++) { |
| | | this.$refs.dept.store.nodesMap[treeList[i].id].expanded = value; |
| | | } |
| | | } |
| | | }, |
| | | // 树权限(全选/全不选) |
| | | handleCheckedTreeNodeAll(value, type) { |
| | | if (type == 'menu') { |
| | | this.$refs.menu.setCheckedNodes(value ? this.menuOptions: []); |
| | | } else if (type == 'dept') { |
| | | this.$refs.dept.setCheckedNodes(value ? this.deptOptions: []); |
| | | } |
| | | }, |
| | | // 树权限(父子联动) |
| | | handleCheckedTreeConnect(value, type) { |
| | | if (type == 'menu') { |
| | | this.form.menuCheckStrictly = value ? true: false; |
| | | } else if (type == 'dept') { |
| | | this.form.deptCheckStrictly = value ? true: false; |
| | | } |
| | | }, |
| | | /** 新增按钮操作 */ |
| | | handleAdd() { |
| | | this.reset(); |