【重构】Vue3 管理后台:[系统管理 -> 角色管理] 使用 Element Plus 原生实现

This commit is contained in:
Chika
2023-04-01 10:03:11 +08:00
parent cebe6f93db
commit 20b3eacce9
3 changed files with 203 additions and 69 deletions

View File

@ -146,11 +146,14 @@
<RoleForm ref="formRef" @success="getList" />
<!-- 表单弹窗菜单权限 -->
<MenuPermissionForm ref="menuPermissionFormRef" @success="getList" />
<!-- 表单弹窗数据权限 -->
<DataPermissionForm ref="dataPermissionFormRef" @success="getList" />
</template>
<script setup lang="tsx">
import * as RoleApi from '@/api/system/role'
import RoleForm from './RoleForm.vue'
import MenuPermissionForm from './MenuPermissionForm.vue'
import DataPermissionForm from './DataPermissionForm.vue'
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
@ -201,10 +204,17 @@ const openForm = (type: string, id?: number) => {
formRef.value.open(type, id)
}
/** 数据权限操作 */
/** 菜单权限操作 */
const menuPermissionFormRef = ref()
/** 数据权限操作 */
const dataPermissionFormRef = ref()
const handleScope = async (type: string, row: RoleApi.RoleVO) => {
menuPermissionFormRef.value.openModal(type, row)
if (type === 'menu') {
menuPermissionFormRef.value.openModal(type, row)
} else if (type === 'data') {
dataPermissionFormRef.value.openModal(type, row)
}
}
/** 删除按钮操作 */