From 360c67971411ff2469b854f24b7acef36a3ec008 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 05 二月 2024 15:59:29 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/pages/Admin.jsx | 145 ++++++++++++++++++++++++++++++------------------
1 files changed, 90 insertions(+), 55 deletions(-)
diff --git a/zy-asrs-flow/src/pages/Admin.jsx b/zy-asrs-flow/src/pages/Admin.jsx
index 63e4b11..0d74f04 100644
--- a/zy-asrs-flow/src/pages/Admin.jsx
+++ b/zy-asrs-flow/src/pages/Admin.jsx
@@ -4,22 +4,23 @@
} from '@ant-design/icons';
import {
PageContainer,
- ProCard,
ProConfigProvider,
ProLayout,
SettingDrawer,
} from '@ant-design/pro-components';
import {
- Button,
ConfigProvider,
Dropdown,
Input,
theme,
} from 'antd';
-import React, { useState } from 'react';
+import React from 'react';
import defaultProps from './_defaultProps';
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();
@@ -50,25 +51,92 @@
}}
/>
}
- placeholder="鎼滅储鏂规"
+ placeholder="璇疯緭鍏�"
bordered={false}
/>
</div>
);
};
-export default () => {
- const [settings, setSetting] = useState({
- fixSiderbar: true,
- layout: 'mix',
- splitMenus: true,
- });
+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',
+ },
+ ],
+ },
+ ],
+ },
+ ]
+ },
+}
- const [pathname, setPathname] = useState('/list/sub-page/sub-sub-page1');
- const [num, setNum] = useState(40);
+export default () => {
if (typeof document === 'undefined') {
return <div />;
}
+
+ const [menu, setMenu] = React.useState([]);
+
+ React.useEffect(() => {
+ getMenuList().then(res => {
+ setMenu(res.data);
+ console.log(res);
+ }).catch(error => {
+ console.error(error);
+ })
+ }, []);
+
+
+ const [settings, setSetting] = React.useState({
+ fixSiderbar: true,
+ layout: 'side', // mix top
+ splitMenus: true,
+ fixedHeader: true
+ });
+ const [pathname, setPathname] = React.useState('/list/sub-page/sub-sub-page1');
+
return (
<div
id="pro-layout" style={{ height: '100vh', overflow: 'auto' }}
@@ -101,7 +169,7 @@
width: '331px',
},
]}
- {...defaultProps}
+ {...route}
location={{
pathname,
}}
@@ -110,7 +178,7 @@
colorBgMenuItemSelected: 'rgba(0,0,0,0.04)',
},
}}
- siderMenuType="group"
+ siderMenuType="sub" // group
menu={{
collapsedShowGroupTitle: true,
}}
@@ -175,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}
@@ -187,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
--
Gitblit v1.9.1