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

Refactor(UrlCard): Optimize UrlCard

Browse Source
This commit is contained in:
Fat Snake
2024-04-28 16:14:04 +08:00
parent aa96359f46
commit 340a842b4c
7 changed files with 89 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/pages/System/index.tsx
View File

@@ -3,7 +3,7 @@ import HideScrollbar from '@/components/common/HideScrollbar'
import FitFullscreen from '@/components/common/FitFullscreen'
import FlexBox from '@/components/common/FlexBox'
import Permission from '@/components/common/Permission'
import SystemCard from '@/components/system/SystemCard.tsx'
import UrlCard from '@/components/common/UrlCard'
const System = () => {
return (
@@ -12,54 +12,54 @@ const System = () => {
<HideScrollbar isShowVerticalScrollbar autoHideWaitingTime={1000}>
<FlexBox direction={'horizontal'} className={'root-content'}>
<Permission path={'/system/statistics'}>
<SystemCard icon={IconOxygenAnalysis} url={'statistics'}>
<UrlCard icon={IconOxygenAnalysis} url={'statistics'}>
系统概况
</SystemCard>
</UrlCard>
</Permission>
<Permission path={'/system/settings'}>
<SystemCard icon={IconOxygenOption} url={'settings'}>
<UrlCard icon={IconOxygenOption} url={'settings'}>
系统设置
</SystemCard>
</UrlCard>
</Permission>
<Permission operationCode={['system:tool:query:tool']}>
<SystemCard icon={IconOxygenTool} url={'tools'}>
<UrlCard icon={IconOxygenTool} url={'tools'}>
工具管理
</SystemCard>
</UrlCard>
</Permission>
<Permission operationCode={['system:tool:query:template']}>
<SystemCard icon={IconOxygenTemplate} url={'tools/template'}>
<UrlCard icon={IconOxygenTemplate} url={'tools/template'}>
模板管理
</SystemCard>
</UrlCard>
</Permission>
<Permission operationCode={['system:tool:query:base']}>
<SystemCard icon={IconOxygenBase} url={'tools/base'}>
<UrlCard icon={IconOxygenBase} url={'tools/base'}>
基板管理
</SystemCard>
</UrlCard>
</Permission>
<Permission operationCode={['system:tool:query:category']}>
<SystemCard icon={IconOxygenCategory} url={'tools/category'}>
<UrlCard icon={IconOxygenCategory} url={'tools/category'}>
类别管理
</SystemCard>
</UrlCard>
</Permission>
<Permission path={'/system/user'}>
<SystemCard icon={IconOxygenUser} url={'user'}>
<UrlCard icon={IconOxygenUser} url={'user'}>
用户管理
</SystemCard>
</UrlCard>
</Permission>
<Permission path={'/system/role'}>
<SystemCard icon={IconOxygenRole} url={'role'}>
<UrlCard icon={IconOxygenRole} url={'role'}>
角色管理
</SystemCard>
</UrlCard>
</Permission>
<Permission path={'/system/group'}>
<SystemCard icon={IconOxygenGroup} url={'group'}>
<UrlCard icon={IconOxygenGroup} url={'group'}>
群组管理
</SystemCard>
</UrlCard>
</Permission>
<Permission path={'/system/log'}>
<SystemCard icon={IconOxygenLog} url={'log'}>
<UrlCard icon={IconOxygenLog} url={'log'}>
系统日志
</SystemCard>
</UrlCard>
</Permission>
</FlexBox>
</HideScrollbar>

11
src/pages/Tools/index.tsx
View File

@@ -28,7 +28,8 @@ import HideScrollbar from '@/components/common/HideScrollbar'
import FlexBox from '@/components/common/FlexBox'
import RepositoryCard from '@/components/tools/RepositoryCard'
import LoadMoreCard from '@/components/tools/LoadMoreCard'
import StoreCard from '@/components/tools/StoreCard.tsx'
import StoreCard from '@/components/tools/StoreCard'
import UrlCard from '@/components/common/UrlCard'
interface ToolCardProps {
tools: ToolVo[]
@@ -540,11 +541,9 @@ const Tools = () => {
<HideScrollbar isShowVerticalScrollbar autoHideWaitingTime={1000}>
<FlexBox direction={'vertical'} className={'root-content'}>
<FlexBox direction={'horizontal'} className={'own-content'}>
<RepositoryCard
icon={<Icon component={IconOxygenNewProject} />}
toolName={'创建工具'}
url={'/create'}
/>
<UrlCard icon={IconOxygenNewProject} url={'/create'}>
创建工具
</UrlCard>
{toolData &&
Object.values(
toolData.reduce((result: Record<string, ToolVo[]>, item) => {