From 523d8cf68615134c7780f74933e70a14edb60f01 Mon Sep 17 00:00:00 2001
From: skyouc <958836976@qq.com>
Date: 星期五, 05 九月 2025 17:00:39 +0800
Subject: [PATCH] wcs联调功能优化
---
rsf-admin/src/layout/SubMenu.jsx | 47 ++++++++++++++++++++++++++++-------------------
1 files changed, 28 insertions(+), 19 deletions(-)
diff --git a/rsf-admin/src/layout/SubMenu.jsx b/rsf-admin/src/layout/SubMenu.jsx
index d79867e..a0e937e 100644
--- a/rsf-admin/src/layout/SubMenu.jsx
+++ b/rsf-admin/src/layout/SubMenu.jsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { ReactElement, ReactNode } from 'react';
import {
+ Box,
List,
MenuItem,
ListItemIcon,
@@ -15,18 +16,21 @@
const SubMenu = (props) => {
const { handleToggle, isOpen, name, icon, children, dense } = props;
const translate = useTranslate();
-
const [sidebarIsOpen] = useSidebarState();
const header = (
- <MenuItem dense={dense} onClick={handleToggle} sx={{ display: 'flex', alignItems: 'center' }}>
- <ListItemIcon sx={{ minWidth: 40, color: 'text.secondary', display: 'flex', alignItems: 'center' }}>
- {/* {isOpen ? <ExpandMore /> : icon} */}
- {isOpen ? <KeyboardArrowDownIcon /> : <KeyboardArrowRightIcon />}
- </ListItemIcon>
- <Typography variant="inherit" color="textSecondary" sx={{ ml: 1, display: 'flex', alignItems: 'center' }}>
- {translate(name)}
- </Typography>
+ <MenuItem dense={dense} onClick={handleToggle} sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+ <Box sx={{ display: 'flex', alignItems: 'center', flex: 1 }}>
+ <ListItemIcon sx={{ minWidth: 40, color: 'text.secondary', display: 'flex', alignItems: 'center' }}>
+ {icon}
+ </ListItemIcon>
+ <Typography variant="inherit" color="textSecondary" sx={{ ml: 1, display: 'flex', alignItems: 'center' }}>
+ {translate(name)}
+ </Typography>
+ </Box>
+ <Box sx={{ display: 'flex', alignItems: 'center', minWidth: 24 }}>
+ {isOpen ? <KeyboardArrowDownIcon fontSize="small" sx={{color: 'text.secondary'}} /> : <KeyboardArrowRightIcon fontSize="small" sx={{color: 'text.secondary'}} />}
+ </Box>
</MenuItem>
);
@@ -44,16 +48,21 @@
dense={dense}
component="div"
disablePadding
- sx={{
- '& .MuiMenuItem-root': {
- transition:
- 'padding-left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms',
- paddingLeft: theme =>
- sidebarIsOpen
- ? theme.spacing(4)
- : theme.spacing(2),
- },
- }}
+ // sx={{
+ // '& .MuiMenuItem-root': {
+ // transition:
+ // 'padding-left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms',
+ // paddingLeft: theme =>
+ // sidebarIsOpen
+ // ? theme.spacing(4)
+ // : theme.spacing(2),
+ // },
+ // // 鏄剧ず浜岀骇鑿滃崟鐨刬con
+ // '& .RaMenuItemLink-icon': {
+ // visibility: 'visible !important',
+ // minWidth: '24px'
+ // }
+ // }}
>
{children}
</List>
--
Gitblit v1.9.1