| | |
| | | <icon-clock-circle /> |
| | | 知识库 |
| | | </template> |
| | | Content of Tab Panel 2 |
| | | <a-space direction="vertical" size="large"> |
| | | <a-checkbox-group v-model="checkedKeysKnowledge" direction="vertical" @change="onCheckKnowledge"> |
| | | <a-checkbox |
| | | v-for="(knowledg, index) of knowledgeList" |
| | | :value="knowledg.knowledgeId" |
| | | :lable="knowledg.knowledgeName" |
| | | @change="onCheckKnowledge" |
| | | > |
| | | {{ knowledg.knowledgeName }} |
| | | </a-checkbox> |
| | | </a-checkbox-group> |
| | | </a-space> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="3"> |
| | | <template #title> |
| | |
| | | hoverable |
| | | > |
| | | <a-space wrap> |
| | | 菜单功能: |
| | | <a-tag |
| | | v-for="(tag, index) of checkStrictlyMenu" |
| | | :key="tag.menuId" |
| | | @close="handleMenuRemove(tag)" |
| | | > |
| | | {{ tag.menuName }} |
| | | </a-tag> |
| | | </a-space> |
| | | <a-divider /> |
| | | <a-space wrap> |
| | | 知识库: |
| | | <a-tag |
| | | v-for="(tag, index) of checkStrictlyKnowledge" |
| | | :key="tag.knowledgeId" |
| | | @close="handleKnowledgeRemove(tag)" |
| | | > |
| | | {{ tag.knowledgeName }} |
| | | </a-tag> |
| | | </a-space> |
| | | </a-card> |
| | |
| | | import { Pagination } from "@/types/global"; |
| | | import type { TableColumnData } from "@arco-design/web-vue/es/table/interface"; |
| | | import { |
| | | KnowledgeList, |
| | | OrganizationList, |
| | | ResourceList, |
| | | User, |
| | |
| | | let expandKdysMenu = ref([]); |
| | | let checkStrictlyMenu = ref([]); |
| | | |
| | | let checkedKeysKnowledge= ref([]); |
| | | let checkStrictlyKnowledge= ref([]); |
| | | |
| | | let knowledgeList = ref([]); |
| | | |
| | | let menuTips = ref(["权限管理", "账号"]); |
| | | type SizeProps = "mini" | "small" | "medium" | "large"; |
| | |
| | | }); |
| | | } |
| | | }; |
| | | const onCheckKnowledge = (newCheckedKeys, event) => { |
| | | let o = { "knowledgeId": event.target.value, "knowledgeName": event.target.labels[0].innerText }; |
| | | if (event.target.checked) { |
| | | checkStrictlyKnowledge.value.push(o); |
| | | } else { |
| | | checkStrictlyKnowledge.value.forEach((val, idx, array) => { |
| | | // val: 当前值 |
| | | if (val.knowledgeId == event.target.value) { |
| | | checkStrictlyKnowledge.value.splice(idx, 1); |
| | | return true; |
| | | } |
| | | }); |
| | | } |
| | | }; |
| | | const handleRemove = (key) => { |
| | | checkStrictly.value = checkStrictly.value.filter((tag) => tag !== key); |
| | | }; |
| | | const handleMenuRemove = (key) => { |
| | | checkStrictlyMenu.value = checkStrictlyMenu.value.filter((tag) => tag !== key); |
| | | }; |
| | | const handleKnowledgeRemove = (key) => { |
| | | checkStrictlyKnowledge.value = checkStrictlyKnowledge.value.filter((tag) => tag !== key); |
| | | }; |
| | | |
| | | const basePagination: Pagination = { |
| | | current: 1, |
| | | pageSize: 20 |
| | |
| | | }; |
| | | |
| | | const editResourceHandleOk = async () => { |
| | | let resources: Array = [], user: User = { "userId": selectUser.value.userId }; |
| | | let resources: Array = [],Knowledges: Array = [], user: User = { "userId": selectUser.value.userId }; |
| | | checkStrictlyMenu.value.forEach((val) => { |
| | | resources.push(val.menuId); |
| | | }); |
| | | user.resources = resources; |
| | | checkStrictlyKnowledge.value.forEach((val) => { |
| | | Knowledges.push(val.knowledgeId); |
| | | }); |
| | | user.knowledges = Knowledges; |
| | | |
| | | await UserEdit(user).then((res) => { |
| | | fetchData(); |
| | | }); |
| | |
| | | checkedKeysMenu.value = []; |
| | | expandKdysMenu.value = []; |
| | | checkStrictlyMenu.value = []; |
| | | checkStrictlyKnowledge.value=[]; |
| | | checkedKeysKnowledge.value=[]; |
| | | selectUser.value = record; |
| | | record.resources.forEach((val) => { |
| | | checkStrictlyMenu.value.push({ "menuId": val.menuId, "menuName": val.menuName }); |
| | | checkedKeysMenu.value.push(val.menuId); |
| | | expandKdysMenu.value.push(val.menuId); |
| | | }); |
| | | record.knowledges.forEach((val) => { |
| | | checkStrictlyKnowledge.value.push({ "knowledgeId": val.knowledgeId, "knowledgeName": val.knowledgeName }); |
| | | checkedKeysKnowledge.value.push(val.knowledgeId); |
| | | }); |
| | | |
| | | } |
| | |
| | | }); |
| | | }; |
| | | |
| | | |
| | | KnowledgeList().then((res) => { |
| | | knowledgeList.value = res.rows; |
| | | }); |
| | | fetchData(); |
| | | OrganizationData(""); |
| | | MenuData(); |