fix:修复

src/modules/root/Menu.tsx

@@ -14,13 +14,12 @@ function Aside(props: any) {
   const ctx: any = useContext(XMContext);
   const [selectKey, setSelectKey] = useState();
   const [openKeys, setOpenKeys] = useState(['']);
+  const rootSubmenuKeys = _.pluck(menuList, 'groupCode');
   useEffect(() => {
     const link = props.location.pathname;
-    console.log('link',link);
     menuList.map((item: any, index: any) => {
       if (link.indexOf(item.link) !== -1) {
         setSelectKey(item.groupCode);
-        console.log('selectKey',selectKey);
         setOpenKeys([])
       } else if (item.children) {
         item.children.map((_item: any, _index: any) => {
@@ -35,9 +34,14 @@ function Aside(props: any) {
   function toggleMenu(item: any) {
     window.RCHistory.push(item.link)
   }
-  function onOpenChange(openKeys:any){
-    setOpenKeys(_.last(openKeys, 1))
+  function onOpenChange(key: any) {
+    if (openKeys.includes(key)) {
+      setOpenKeys([]);
+    } else {
+      setOpenKeys([key]);
+    }
   }
+
   return (
     <div 
         id="left-container"
@@ -52,10 +56,8 @@ function Aside(props: any) {
 
         <Menu
           style={{ minHeight: "100%", background: '#0E1935' }}
-          defaultSelectedKeys={selectKey}
           selectedKeys={selectKey}
           openKeys={openKeys}
-          onOpenChange={onOpenChange}
           theme="dark"
           inlineCollapsed={false}
           mode={menuType ? "inline" : "vertical"}
@@ -66,12 +68,24 @@ function Aside(props: any) {
                 return null;
               }
               if (item.children) {
-                return <SubMenu key={item.groupCode} style={{ marginTop: 0 }} className="first-menu-item" title={<div > 
-                  <span style={{ marginRight: 6 }} className="iconfont icon" dangerouslySetInnerHTML={{ __html:item.icon}}></span>
-                    {menuType &&
-                      <span>{item.groupName}</span>
-                    }</div>
-                  }>
+                return <SubMenu
+                  key={item.groupCode}
+                  style={{ marginTop: 0 }}
+                  className="first-menu-item"
+                  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) => {
                       if (ctx.xmState.storeUserPermissionList.indexOf(_item.groupCode) === -1) {