FatttSnake/oxygen-ui
1
0
Fork 0
Code Pull Requests Activity

Add system setting

Browse Source
This commit is contained in:
Fat Snake
2023-11-01 10:31:41 +08:00
parent d26c4da45f
commit 9b6ab39ea1
6 changed files with 76 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/pages/SystemFramework.tsx Normal file
View File

@@ -0,0 +1,37 @@
import React from 'react'
import system from '@/router/system'
import '@/assets/css/pages/tools-framework.scss'
import FitFullScreen from '@/components/common/FitFullScreen'
import Sidebar from '@/components/common/sidebar'
import SidebarItemList from '@/components/common/sidebar/SidebarItemList'
import SidebarItem from '@/components/common/sidebar/SidebarItem'
const SystemFramework: React.FC = () => {
return (
<>
<FitFullScreen className={'flex-horizontal'}>
<div className={'left-panel'}>
<Sidebar title={'系统设置'}>
<SidebarItemList>
{system.map((value) => {
return value.menu ? (
<SidebarItem
path={value.absolutePath}
icon={value.icon}
text={value.name}
key={value.id}
/>
) : undefined
})}
</SidebarItemList>
</Sidebar>
</div>
<div className={'right-panel'}>
<Outlet />
</div>
</FitFullScreen>
</>
)
}
export default SystemFramework

17
src/pages/UserFramework.tsx
View File

@@ -1,17 +1,28 @@
import React from 'react'
import FitFullScreen from '@/components/common/FitFullScreen'
import user from '@/router/user'
import '@/assets/css/pages/tools-framework.scss'
import FitFullScreen from '@/components/common/FitFullScreen'
import Sidebar from '@/components/common/sidebar'
import SidebarItemList from '@/components/common/sidebar/SidebarItemList'
import SidebarItem from '@/components/common/sidebar/SidebarItem'
import user from '@/router/user.tsx'
const ToolsFramework: React.FC = () => {
return (
<>
<FitFullScreen className={'flex-horizontal'}>
<div className={'left-panel'}>
<Sidebar title={'个人中心'}>
<Sidebar
title={'个人中心'}
bottomFixed={
<SidebarItemList>
<SidebarItem
path={'/system'}
icon={IconFatwebSetting}
text={'系统设置'}
/>
</SidebarItemList>
}
>
<SidebarItemList>
{user.map((value) => {
return value.menu ? (