#

luxiaotao1123

2024-02-05 360c67971411ff2469b854f24b7acef36a3ec008

 zy-asrs-flow/src/pages/Admin.jsx

@@ -19,6 +19,8 @@
import logo from '@/assets/logo.png';
import G6 from './G6';
import { getMenuList } from '@/api/meun';
import Hello from './Hello';
import { Router, Routes, Route, useNavigate } from "react-router-dom";

const SearchInput = () => {
    const { token } = theme.useToken();
@@ -56,6 +58,60 @@
    );
};

const route = {
    route: {
        path: '/',
        routes: [
            {
                name: '列表页',
                path: '/list',
                component: './ListTableList',
                routes: [
                    {
                        path: '/list/sub-page',
                        name: '列表页面',
                        routes: [
                            {
                                path: '/list/sub-page/sub-sub-page1',
                                name: '一级列表页面',
                                component: './G6',
                            },
                            {
                                path: '/list/sub-page/hello',
                                name: '你好世界',
                                component: './Hello',
                            },
                        ],
                    },
                ],
            },
            {
                name: '列表页',
                path: '/list',
                component: './ListTableList',
                routes: [
                    {
                        path: '/list/sub-page',
                        name: '列表页面',
                        routes: [
                            {
                                path: '/list/sub-page/sub-sub-page1',
                                name: '一级列表页面',
                                component: './G6',
                            },
                            {
                                path: '/list/sub-page/hello',
                                name: '你好世界',
                                component: './Hello',
                            },
                        ],
                    },
                ],
            },
        ]
    },
}

export default () => {
    if (typeof document === 'undefined') {
        return <div />;
@@ -77,6 +133,7 @@
        fixSiderbar: true,
        layout: 'side', // mix top
        splitMenus: true,
        fixedHeader: true
    });
    const [pathname, setPathname] = React.useState('/list/sub-page/sub-sub-page1');

@@ -112,7 +169,7 @@
                                width: '331px',
                            },
                        ]}
                        {...defaultProps}
                        {...route}
                        location={{
                            pathname,
                        }}
@@ -121,7 +178,7 @@
                                colorBgMenuItemSelected: 'rgba(0,0,0,0.04)',
                            },
                        }}
                        siderMenuType="group"
                        siderMenuType="sub" // group
                        menu={{
                            collapsedShowGroupTitle: true,
                        }}
@@ -186,11 +243,11 @@
                        }}
                        // menu 菜单的头部点击事件
                        onMenuHeaderClick={(e) => console.log(e)}
                        // Header 自定义菜单项的 render 方法
                        // 自定义菜单项的 render 方法
                        menuItemRender={(item, dom) => (
                            <div
                                onClick={() => {
                                    setPathname(item.path || '/welcome');
                                    setPathname(item.path);
                                }}
                            >
                                {dom}
@@ -198,48 +255,15 @@
                        )}
                        {...settings}
                    >

                        {/* <G6></G6> */}
                        <PageContainer>
                            <G6></G6>
                        </PageContainer>
                        {/* <PageContainer
                            token={{
                                paddingInlinePageContainerContent: num,
                            }}
                            extra={[
                                <Button key="3">操作</Button>,
                                <Button key="2">操作</Button>,
                                <Button
                                    key="1"
                                    type="primary"
                                    onClick={() => {
                                        setNum(num > 0 ? 0 : 40);
                                    }}
                                >
                                    主操作
                                </Button>,
                            ]}
                            subTitle="简单的描述"
                            footer={[
                                <Button key="3">重置</Button>,
                                <Button key="2" type="primary">
                                    提交
                                </Button>,
                            ]}
                        >

                            <ProCard
                                style={{
                                    height: '200vh',
                                    minHeight: 800,
                                }}
                            >
                                <div />
                            </ProCard>
                        {/* <PageContainer>

                        </PageContainer> */}

                        <Routes>
                            <Route path="/list/sub-page/hello" element={<Hello />} />
                        </Routes>


                        <SettingDrawer
                            pathname={pathname}
                            enableDarkTheme