feat: 优化显示效果
parent
0e92472904
commit
fb4dd70a02
|
@ -6,6 +6,7 @@ import type {
|
||||||
import type { SystemTenantPackageApi } from '#/api/system/tenant-package';
|
import type { SystemTenantPackageApi } from '#/api/system/tenant-package';
|
||||||
|
|
||||||
import { Page, useVbenModal } from '@vben/common-ui';
|
import { Page, useVbenModal } from '@vben/common-ui';
|
||||||
|
import { Plus } from '@vben/icons';
|
||||||
|
|
||||||
import { Button, message } from 'ant-design-vue';
|
import { Button, message } from 'ant-design-vue';
|
||||||
|
|
||||||
|
|
|
@ -127,21 +127,21 @@ function getAllNodeIds(nodes: any[], ids: number[] = []): number[] {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<Modal :title="getTitle">
|
<Modal :title="getTitle" class="w-[40%]">
|
||||||
<Form class="mx-6">
|
<Form class="mx-6">
|
||||||
<template #menuIds="slotProps">
|
<template #menuIds="slotProps">
|
||||||
<Spin :spinning="menuLoading" class="w-full">
|
<!-- TODO @芋艿:可优化,使用 antd 的 tree?原因是,更原生 -->
|
||||||
<!-- TODO @芋艿:可优化,使用 antd 的 tree?原因是,更原生 -->
|
<VbenTree
|
||||||
<VbenTree
|
class="max-h-[400px] overflow-y-auto"
|
||||||
:tree-data="menuTree"
|
:loading="menuLoading"
|
||||||
multiple
|
:tree-data="menuTree"
|
||||||
bordered
|
multiple
|
||||||
:expanded="expandedKeys"
|
bordered
|
||||||
v-bind="slotProps"
|
:expanded="expandedKeys"
|
||||||
value-field="id"
|
v-bind="slotProps"
|
||||||
label-field="name"
|
value-field="id"
|
||||||
/>
|
label-field="name"
|
||||||
</Spin>
|
/>
|
||||||
</template>
|
</template>
|
||||||
</Form>
|
</Form>
|
||||||
<template #prepend-footer>
|
<template #prepend-footer>
|
||||||
|
|
Loading…
Reference in New Issue