From 88fe6911fa3f79cf505c5fef4e5480d62d42b6ee Mon Sep 17 00:00:00 2001 From: e7c_corp <527455294@qq.com> Date: Fri, 12 Apr 2024 14:26:48 +0000 Subject: [PATCH] =?UTF-8?q?update=20src/views/system/role/RoleDataPermissi?= =?UTF-8?q?onForm.vue.=20fix:=20=E5=8E=BB=E9=99=A4=E5=A4=9A=E4=BD=99?= =?UTF-8?q?=E7=9A=84=20=20await=20nextTick()=20=20=20row.dataScopeDeptIds?= =?UTF-8?q?=3F.forEach((deptId:=20number):=20void=20=3D>=20{?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../system/role/RoleDataPermissionForm.vue | 37 +++++++++---------- 1 file changed, 18 insertions(+), 19 deletions(-) diff --git a/src/views/system/role/RoleDataPermissionForm.vue b/src/views/system/role/RoleDataPermissionForm.vue index c00e3972f..86139bde7 100644 --- a/src/views/system/role/RoleDataPermissionForm.vue +++ b/src/views/system/role/RoleDataPermissionForm.vue @@ -91,6 +91,24 @@ const treeRef = ref() // 菜单树组件 Ref const treeNodeAll = ref(false) // 全选/全不选 const checkStrictly = ref(true) // 是否严格模式,即父子不关联 +/** 重置表单 */ +const resetForm = () => { + // 重置选项 + treeNodeAll.value = false + deptExpand.value = true + checkStrictly.value = true + // 重置表单 + formData.value = { + id: 0, + name: '', + code: '', + dataScope: undefined, + dataScopeDeptIds: [] + } + treeRef.value?.setCheckedNodes([]) + formRef.value?.resetFields() +} + /** 打开弹窗 */ const open = async (row: RoleApi.RoleVO) => { dialogVisible.value = true @@ -102,8 +120,6 @@ const open = async (row: RoleApi.RoleVO) => { formData.name = row.name formData.code = row.code formData.dataScope = row.dataScope - await nextTick() - row.dataScopeDeptIds?.forEach((deptId: number): void => { await nextTick() // 需要在 DOM 渲染完成后,再设置选中状态 @@ -136,23 +152,6 @@ const submitForm = async () => { } } -/** 重置表单 */ -const resetForm = () => { - // 重置选项 - treeNodeAll.value = false - deptExpand.value = true - checkStrictly.value = true - // 重置表单 - formData.value = { - id: 0, - name: '', - code: '', - dataScope: undefined, - dataScopeDeptIds: [] - } - treeRef.value?.setCheckedNodes([]) - formRef.value?.resetFields() -} /** 全选/全不选 */ const handleCheckedTreeNodeAll = () => { -- Gitee