|
@ -18,6 +18,7 @@ import type { MenuDataItem } from '@ant-design/pro-layout/es/typing' |
|
|
import { convertToMenu, flattenTree } from '@/utils' |
|
|
import { convertToMenu, flattenTree } from '@/utils' |
|
|
import { Flex, Menu, Space } from 'antd' |
|
|
import { Flex, Menu, Space } from 'antd' |
|
|
import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons' |
|
|
import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons' |
|
|
|
|
|
import { If } from 'react-if' |
|
|
|
|
|
|
|
|
//根据menuData生成Breadcrumb所需的数据
|
|
|
//根据menuData生成Breadcrumb所需的数据
|
|
|
const getBreadcrumbData = (menuData: MenuItem[], pathname: string) => { |
|
|
const getBreadcrumbData = (menuData: MenuItem[], pathname: string) => { |
|
@ -186,6 +187,7 @@ export default () => { |
|
|
} |
|
|
} |
|
|
> |
|
|
> |
|
|
|
|
|
|
|
|
|
|
|
<If condition={childMenuRef.current?.length > 0}> |
|
|
<Flex className={styles.childMenus}> |
|
|
<Flex className={styles.childMenus}> |
|
|
{ |
|
|
{ |
|
|
!collapsed && <div className={styles.childMenuTop}> |
|
|
!collapsed && <div className={styles.childMenuTop}> |
|
@ -193,6 +195,7 @@ export default () => { |
|
|
</div> |
|
|
</div> |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Menu |
|
|
<Menu |
|
|
mode={'inline'} |
|
|
mode={'inline'} |
|
|
inlineCollapsed={collapsed} |
|
|
inlineCollapsed={collapsed} |
|
@ -229,6 +232,8 @@ export default () => { |
|
|
} |
|
|
} |
|
|
</div> |
|
|
</div> |
|
|
</Flex> |
|
|
</Flex> |
|
|
|
|
|
</If> |
|
|
|
|
|
|
|
|
<Flex flex={1} className={styles.body} aria-description={'main-body'} vertical={true}> |
|
|
<Flex flex={1} className={styles.body} aria-description={'main-body'} vertical={true}> |
|
|
<div className={styles.bodyHeader}> |
|
|
<div className={styles.bodyHeader}> |
|
|
<PageBreadcrumb |
|
|
<PageBreadcrumb |
|
|