| | |
| | | </a-col> |
| | | <a-col :span="10"> |
| | | <a-form-item |
| | | required |
| | | field="role" |
| | | label="角色" |
| | | :rules="[{ required: true, message: '角色必选' }]" |
| | | > |
| | | <a-select |
| | | multiple |
| | | v-model="editform.role" |
| | | :options="roles" |
| | | :field-names="fieldNames" |
| | |
| | | > |
| | | </a-tree> |
| | | </a-card> |
| | | <a-card class="card-demo" title="用户所属机构" hoverable> |
| | | <a-space wrap> |
| | | <a-tag |
| | | v-for="(tag, index) of checkStrictly" |
| | | :key="tag.deptId" |
| | | @close="handleRemove(tag)" |
| | | > |
| | | {{ tag.deptName }} |
| | | </a-tag> |
| | | </a-space> |
| | | </a-card> |
| | | <div :style="{ 'display': 'flex', 'flex-direction': 'column' }"> |
| | | <a-card class="card-demo" title="用户所属部门" :style="{ 'width': '460px', 'height': '500px', 'overflow-y': 'auto' }"> |
| | | <a-space wrap> |
| | | <a-tag |
| | | v-for="(tag, index) of checkStrictly" |
| | | :key="tag.deptId" |
| | | > |
| | | {{ tag.deptName }} |
| | | </a-tag> |
| | | </a-space> |
| | | <a-divider /> |
| | | <a-space wrap> |
| | | 部门角色: |
| | | <a-tag |
| | | v-for="(tag, index) of checkStrictlyDeptRole" |
| | | :key="tag.roleId" |
| | | > |
| | | {{ tag.roleName }} |
| | | </a-tag> |
| | | </a-space> |
| | | </a-card> |
| | | </div> |
| | | </div> |
| | | </a-modal> |
| | | <a-modal |
| | |
| | | let checkStrictlyKnowledge = ref([]); |
| | | let checkStrictlyDialog = ref([]); |
| | | let checkStrictlyAgent = ref([]); |
| | | let checkStrictlyDeptRole = ref([]); |
| | | let formRef = ref(); |
| | | |
| | | let menuTips = ref(['权限管理', '账号']); |
| | |
| | | loginName: '', |
| | | userName: '', |
| | | psw: '', |
| | | role: '', |
| | | role: [], |
| | | }); |
| | | |
| | | let size = ref<SizeProps>('medium'); |
| | |
| | | const onCheck = (newCheckedKeys, event) => { |
| | | let o = { deptId: event.node.deptId, deptName: event.node.deptName }; |
| | | if (event.checked) { |
| | | event.node.roles.forEach( |
| | | (val) => { |
| | | checkStrictlyDeptRole.value.push(val); |
| | | } |
| | | ); |
| | | checkStrictly.value.push(o); |
| | | } else { |
| | | checkStrictly.value.forEach((val, idx, array) => { |
| | | // val: 当前值 |
| | | if (val.deptId == event.node.deptId) { |
| | | checkStrictly.value.splice(idx, 1); |
| | | checkStrictlyDeptRole.value.forEach((val2, idx2, array2) => { |
| | | if (val2.deptId == event.node.deptId) { |
| | | checkStrictlyDeptRole.value.splice(idx2, 1); |
| | | } |
| | | }); |
| | | return true; |
| | | } |
| | | }); |
| | |
| | | uuu = res.data; |
| | | }); |
| | | } |
| | | deptvisible.value = true; |
| | | checkedKeys.value = []; |
| | | expandKdys.value = []; |
| | | checkStrictly.value = []; |
| | | selectUser.value = uuu; |
| | | if (uuu.dept?false:true) { |
| | | deptvisible.value = true; |
| | | checkedKeys.value = []; |
| | | expandKdys.value = []; |
| | | checkStrictly.value = []; |
| | | selectUser.value = uuu; |
| | | } |
| | | } |
| | | }; |
| | | const editHandleOk = () => { |
| | |
| | | if (t == 2) { |
| | | visible.value = true; |
| | | formRef.value?.resetFields(); |
| | | editform.value.role=[]; |
| | | save.value = '编辑'; |
| | | editform.value.userId = record.userId; |
| | | editform.value.userName = record.userName; |
| | |
| | | editform.value.email = record.email; |
| | | editform.value.phoneNumber = record.phoneNumber; |
| | | if (record.roles?.length > 0) { |
| | | editform.value.role = record.roles[0].roleId; |
| | | //遍历record.roles |
| | | record.roles.forEach((val) => { |
| | | editform.value.role.push(val.roleId); |
| | | }) |
| | | } |
| | | } |
| | | //删除 |
| | |
| | | checkedKeys.value = []; |
| | | expandKdys.value = []; |
| | | checkStrictly.value = []; |
| | | checkStrictlyDeptRole.value=[]; |
| | | selectUser.value = record; |
| | | expandKdys.value.push('0'); |
| | | expandKdys.value.push("0"); |
| | | if (record?.dept) { |
| | | record.dept.forEach((val) => { |
| | | checkStrictly.value.push({ |
| | | deptId: val.deptId, |
| | | deptName: val.deptName, |
| | | deptName: val.deptName |
| | | }); |
| | | checkedKeys.value.push(val.deptId); |
| | | expandKdys.value.push(val.deptId); |
| | | record.roles.forEach( |
| | | (r) => { |
| | | if (r.dept) { |
| | | r.dept.forEach((d) => { |
| | | if (d.deptId == val.deptId) { |
| | | checkStrictlyDeptRole.value.push({ |
| | | roleId: r.roleId, |
| | | roleName: r.roleName, |
| | | deptId:d.deptId, |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | ); |
| | | }); |
| | | } |
| | | } |