Browse Source

fix: 懒加载无效

main
刘凯 1 year ago
parent
commit
4d7f07dd33
  1. 12
      src/views/system/dept/index.vue
  2. 12
      src/views/system/role/index.vue

12
src/views/system/dept/index.vue

@ -8,7 +8,7 @@ import { useModal } from '@/components/Modal'
import { IconEnum } from '@/enums/appEnum' import { IconEnum } from '@/enums/appEnum'
import { BasicTable, TableAction, useTable } from '@/components/Table' import { BasicTable, TableAction, useTable } from '@/components/Table'
import { deleteDept, lazyGetDeptList } from '@/api/system/dept' import { deleteDept, lazyGetDeptList } from '@/api/system/dept'
import type { Department } from '@/api/system/dept/types' import type { Department, LazyGetDeptListParams } from '@/api/system/dept/types'
import { usePermission } from '@/hooks/web/usePermission' import { usePermission } from '@/hooks/web/usePermission'
defineOptions({ name: 'SystemDept' }) defineOptions({ name: 'SystemDept' })
@ -19,8 +19,7 @@ const [registerModal, { openModal }] = useModal<Department>()
const { hasPermission } = usePermission() const { hasPermission } = usePermission()
const [register, { reload }] = useTable<Department>({ async function lazyGetDeptListWrap(params: LazyGetDeptListParams) {
async api(params) {
try { try {
const list = await lazyGetDeptList(params) const list = await lazyGetDeptList(params)
return list.map(item => ({ return list.map(item => ({
@ -31,9 +30,12 @@ const [register, { reload }] = useTable<Department>({
catch { catch {
return [] return []
} }
}, }
const [register, { reload }] = useTable<Department>({
api: lazyGetDeptListWrap,
load(record) { load(record) {
return lazyGetDeptList({ parentId: record.id }) return lazyGetDeptListWrap({ parentId: record.id })
}, },
columns, columns,
formConfig: { formConfig: {

12
src/views/system/role/index.vue

@ -7,7 +7,7 @@ import { useMessage } from '@/hooks/web/useMessage'
import { useModal } from '@/components/Modal' import { useModal } from '@/components/Modal'
import { BasicTable, TableAction, useTable } from '@/components/Table' import { BasicTable, TableAction, useTable } from '@/components/Table'
import { deleteRole, lazyGetRoleList } from '@/api/system/role' import { deleteRole, lazyGetRoleList } from '@/api/system/role'
import type { Role } from '@/api/system/role/types' import type { GetRoleListParams, Role } from '@/api/system/role/types'
import { usePermission } from '@/hooks/web/usePermission' import { usePermission } from '@/hooks/web/usePermission'
defineOptions({ name: 'SystemRole' }) defineOptions({ name: 'SystemRole' })
@ -18,8 +18,7 @@ const [registerMenuModal, { openModal: openMenuModal }] = useModal<string>()
const { hasPermission } = usePermission() const { hasPermission } = usePermission()
const [registerTable, { reload }] = useTable<Role>({ async function lazyGetRoleListWrap(params: GetRoleListParams) {
async api(params) {
try { try {
const list = await lazyGetRoleList(params) const list = await lazyGetRoleList(params)
return list.map(item => ({ return list.map(item => ({
@ -30,9 +29,12 @@ const [registerTable, { reload }] = useTable<Role>({
catch { catch {
return [] return []
} }
}, }
const [registerTable, { reload }] = useTable<Role>({
api: lazyGetRoleListWrap,
load(record) { load(record) {
return lazyGetRoleList({ parentId: record.id }) return lazyGetRoleListWrap({ parentId: record.id })
}, },
columns, columns,
formConfig: { formConfig: {

Loading…
Cancel
Save