Skip to content

X
xiaomai-cloud-class-web
Commit 782b159e by chenshu
Options

fix:修复

parent 60358021
Showing with 26 additions and 12 deletions
src/modules/root/Menu.tsx
...@@ -14,13 +14,12 @@ function Aside(props: any) { ...@@ -14,13 +14,12 @@ function Aside(props: any) {
const ctx: any = useContext(XMContext); const ctx: any = useContext(XMContext);
const [selectKey, setSelectKey] = useState(); const [selectKey, setSelectKey] = useState();
const [openKeys, setOpenKeys] = useState(['']); const [openKeys, setOpenKeys] = useState(['']);
const rootSubmenuKeys = _.pluck(menuList, 'groupCode');
useEffect(() => { useEffect(() => {
const link = props.location.pathname; const link = props.location.pathname;
console.log('link',link);
menuList.map((item: any, index: any) => { menuList.map((item: any, index: any) => {
if (link.indexOf(item.link) !== -1) { if (link.indexOf(item.link) !== -1) {
setSelectKey(item.groupCode); setSelectKey(item.groupCode);
console.log('selectKey',selectKey);
setOpenKeys([]) setOpenKeys([])
} else if (item.children) { } else if (item.children) {
item.children.map((_item: any, _index: any) => { item.children.map((_item: any, _index: any) => {
...@@ -35,9 +34,14 @@ function Aside(props: any) { ...@@ -35,9 +34,14 @@ function Aside(props: any) {
function toggleMenu(item: any) { function toggleMenu(item: any) {
window.RCHistory.push(item.link) window.RCHistory.push(item.link)
} }
function onOpenChange(openKeys:any){ function onOpenChange(key: any) {
setOpenKeys(_.last(openKeys, 1)) if (openKeys.includes(key)) {
setOpenKeys([]);
} else {
setOpenKeys([key]);
}
} }
return ( return (
<div <div
id="left-container" id="left-container"
...@@ -52,10 +56,8 @@ function Aside(props: any) { ...@@ -52,10 +56,8 @@ function Aside(props: any) {
<Menu <Menu
style={{ minHeight: "100%", background: '#0E1935' }} style={{ minHeight: "100%", background: '#0E1935' }}
defaultSelectedKeys={selectKey}
selectedKeys={selectKey} selectedKeys={selectKey}
openKeys={openKeys} openKeys={openKeys}
onOpenChange={onOpenChange}
theme="dark" theme="dark"
inlineCollapsed={false} inlineCollapsed={false}
mode={menuType ? "inline" : "vertical"} mode={menuType ? "inline" : "vertical"}
...@@ -66,12 +68,24 @@ function Aside(props: any) { ...@@ -66,12 +68,24 @@ function Aside(props: any) {
return null; return null;
} }
if (item.children) { if (item.children) {
return <SubMenu key={item.groupCode} style={{ marginTop: 0 }} className="first-menu-item" title={<div > return <SubMenu
<span style={{ marginRight: 6 }} className="iconfont icon" dangerouslySetInnerHTML={{ __html:item.icon}}></span> key={item.groupCode}
{menuType && style={{ marginTop: 0 }}
<span>{item.groupName}</span> className="first-menu-item"
}</div> title={
}> <div>
<span
style={{ marginRight: 6 }}
className="iconfont icon"
dangerouslySetInnerHTML={{ __html: item.icon }}
></span>
{menuType &&
<span>{item.groupName}</span>
}
</div>
}
onTitleClick={() => onOpenChange(item.groupCode)}
>
{ {
item.children.map((_item: any, _index: any) => { item.children.map((_item: any, _index: any) => {
if (ctx.xmState.storeUserPermissionList.indexOf(_item.groupCode) === -1) { if (ctx.xmState.storeUserPermissionList.indexOf(_item.groupCode) === -1) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment