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 | 121 ++++++++++++++++++++++++----------------
1 files changed, 73 insertions(+), 48 deletions(-)
diff --git a/zy-asrs-flow/src/pages/Admin.jsx b/zy-asrs-flow/src/pages/Admin.jsx
index 65c9fa2..0d74f04 100644
--- a/zy-asrs-flow/src/pages/Admin.jsx
+++ b/zy-asrs-flow/src/pages/Admin.jsx
@@ -14,11 +14,13 @@
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();
@@ -56,28 +58,84 @@
);
};
+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 />;
}
- const [menu, setMenu] = useState([]);
+ const [menu, setMenu] = React.useState([]);
- useEffect(() => {
+ React.useEffect(() => {
getMenuList().then(res => {
setMenu(res.data);
+ console.log(res);
}).catch(error => {
console.error(error);
})
}, []);
- const [settings, setSetting] = useState({
+ const [settings, setSetting] = React.useState({
fixSiderbar: true,
layout: 'side', // mix top
splitMenus: true,
+ fixedHeader: true
});
- const [pathname, setPathname] = useState('/list/sub-page/sub-sub-page1');
+ const [pathname, setPathname] = React.useState('/list/sub-page/sub-sub-page1');
return (
<div
@@ -111,7 +169,7 @@
width: '331px',
},
]}
- {...defaultProps}
+ {...route}
location={{
pathname,
}}
@@ -120,7 +178,7 @@
colorBgMenuItemSelected: 'rgba(0,0,0,0.04)',
},
}}
- siderMenuType="group"
+ siderMenuType="sub" // group
menu={{
collapsedShowGroupTitle: true,
}}
@@ -185,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}
@@ -197,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