| | |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-plus" |
| | | size="mini" |
| | | @click="handleAdd" |
| | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="el-icon-edit" |
| | | size="mini" |
| | | :disabled="single" |
| | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="danger" |
| | | plain |
| | | icon="el-icon-delete" |
| | | size="mini" |
| | | :disabled="multiple" |
| | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="warning" |
| | | plain |
| | | icon="el-icon-download" |
| | | size="mini" |
| | | @click="handleExport" |
| | |
| | | <el-input v-model="form.roleKey" :disabled="true" /> |
| | | </el-form-item> |
| | | <el-form-item label="权限范围"> |
| | | <el-select v-model="form.dataScope"> |
| | | <el-select v-model="form.dataScope" @change="dataScopeSelectChange"> |
| | | <el-option |
| | | v-for="item in dataScopeOptions" |
| | | :key="item.value" |
| | |
| | | // 所有菜单节点数据 |
| | | getMenuAllCheckedKeys() { |
| | | // 目前被选中的菜单节点 |
| | | let checkedKeys = this.$refs.menu.getHalfCheckedKeys(); |
| | | let checkedKeys = this.$refs.menu.getCheckedKeys(); |
| | | // 半选中的菜单节点 |
| | | let halfCheckedKeys = this.$refs.menu.getCheckedKeys(); |
| | | let halfCheckedKeys = this.$refs.menu.getHalfCheckedKeys(); |
| | | checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys); |
| | | return checkedKeys; |
| | | }, |
| | | // 所有部门节点数据 |
| | | getDeptAllCheckedKeys() { |
| | | // 目前被选中的部门节点 |
| | | let checkedKeys = this.$refs.dept.getHalfCheckedKeys(); |
| | | let checkedKeys = this.$refs.dept.getCheckedKeys(); |
| | | // 半选中的部门节点 |
| | | let halfCheckedKeys = this.$refs.dept.getCheckedKeys(); |
| | | let halfCheckedKeys = this.$refs.dept.getHalfCheckedKeys(); |
| | | checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys); |
| | | return checkedKeys; |
| | | }, |
| | |
| | | menuIds: [], |
| | | deptIds: [], |
| | | menuCheckStrictly: true, |
| | | deptCheckStrictly: true, |
| | | deptCheckStrictly: true, |
| | | remark: undefined |
| | | }; |
| | | this.resetForm("form"); |
| | |
| | | this.open = true; |
| | | this.$nextTick(() => { |
| | | roleMenu.then(res => { |
| | | this.$refs.menu.setCheckedKeys(res.checkedKeys); |
| | | let checkedKeys = res.checkedKeys |
| | | checkedKeys.forEach((v) => { |
| | | this.$nextTick(()=>{ |
| | | this.$refs.menu.setChecked(v, true ,false); |
| | | }) |
| | | }) |
| | | }); |
| | | }); |
| | | this.title = "修改角色"; |
| | | }); |
| | | }, |
| | | /** 选择角色权限范围触发 */ |
| | | dataScopeSelectChange(value) { |
| | | if(value !== '2') { |
| | | this.$refs.dept.setCheckedKeys([]); |
| | | } |
| | | }, |
| | | /** 分配数据权限操作 */ |
| | | handleDataScope(row) { |
| | | this.reset(); |