update 操作日志完善

web-react/src/views/main/_layout/sider/menu.jsx

@@ -6,9 +6,8 @@ import store from 'store'
 const { getState, subscribe } = store
 
 export default class index extends Component {
-
     state = {
-        ...getState('nav')
+        ...getState('nav'),
     }
 
     constructor(props) {
@@ -23,21 +22,25 @@ export default class index extends Component {
         this.unsubscribe()
     }
 
-    renderMenu = (menu) => {
-        return menu.map((p) => {
+    renderMenu = menu => {
+        return menu.map(p => {
             return p.children ? this.renderSubMenu(p) : this.renderMenuItem(p)
         })
     }
 
-    renderSubMenu = (menu) => {
+    renderSubMenu = menu => {
         return (
-            <Menu.SubMenu key={menu.id} title={menu.meta.title} icon={menu.meta.icon && <AntIcon type={menu.meta.icon} />}>
+            <Menu.SubMenu
+                key={menu.id}
+                title={menu.meta.title}
+                icon={menu.meta.icon && <AntIcon type={menu.meta.icon} />}
+            >
                 {this.renderMenu(menu.children)}
             </Menu.SubMenu>
         )
     }
 
-    renderMenuItem = (menu) => {
+    renderMenuItem = menu => {
         return (
             <Menu.Item key={menu.id} onClick={() => this.onOpenContentWindow(menu)}>
                 {menu.meta.icon && <AntIcon type={menu.meta.icon} />}
@@ -46,12 +49,12 @@ export default class index extends Component {
         )
     }
 
-    onOpenContentWindow = (menu) => {
+    onOpenContentWindow = menu => {
         window.openContentWindow({
             key: menu.id,
             title: menu.meta.title,
             icon: menu.meta.icon,
-            path: menu.component
+            path: menu.component,
         })
     }
 
@@ -60,12 +63,11 @@ export default class index extends Component {
     }
 
     render() {
-
         const props = {
             mode: 'inline',
             selectable: false,
             style: this.props.menuStyle,
-            theme: 'light'
+            theme: 'light',
         }
 
         const on = {
@@ -74,16 +76,20 @@ export default class index extends Component {
 
         return (
             <>
-                {
-                    this.state.nav.map((item, i) => {
+                {this.state.nav.map((item, i) => {
+                    if (item.menu.length) {
                         return (
                             <section key={i}>
                                 <div className="yo-sider-nav--app">{item.app.name}</div>
-                                <Menu {...props} {...on}>{this.renderMenu(item.menu)}</Menu>
+                                <Menu {...props} {...on}>
+                                    {this.renderMenu(item.menu)}
+                                </Menu>
                             </section>
                         )
-                    })
-                }
+                    } else {
+                        return false
+                    }
+                })}
             </>
         )
     }