From f09b1de478595fe1ff1a46aa224acc3ec6fae402 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 13 八月 2021 17:55:55 +0800 Subject: [PATCH] 2021-08-13 --- src/components/header/index.jsx | 70 ++++++++++++++++++++++++++++++++--- 1 files changed, 64 insertions(+), 6 deletions(-) diff --git a/src/components/header/index.jsx b/src/components/header/index.jsx index 0fab405..23b1052 100644 --- a/src/components/header/index.jsx +++ b/src/components/header/index.jsx @@ -49,7 +49,8 @@ oriVersion: '', newVersion: '', debug: sessionStorage.getItem('debug') === 'true', - navBar: ['linkage_navigation', 'linkage'].includes(window.GLOB.navBar) ? 'topmenu' : '' + navBar: ['linkage_navigation', 'linkage', 'menu_board'].includes(window.GLOB.navBar) ? 'topmenu' : '', + menuType: window.GLOB.navBar } handleCollapse = () => { @@ -308,8 +309,9 @@ ParentNames: [fst.MenuName, snd.MenuName], MenuNo: trd.MenuNo, EasyCode: trd.EasyCode, - type: 'CommonTable', // 榛樿鍊间负甯哥敤琛� - OpenType: 'newtab' // 鎵撳紑鏂瑰紡 + type: 'CommonTable', + OpenType: 'newtab', + hidden: 'false' } if (trd.LinkUrl && iframes.includes(trd.LinkUrl.split('?')[0])) { @@ -324,6 +326,7 @@ trdItem.type = trdItem.PageParam.Template || trdItem.type trdItem.OpenType = trdItem.PageParam.OpenType || trdItem.OpenType + trdItem.hidden = trdItem.PageParam.hidden || trdItem.hidden if (trdItem.type === 'NewPage') { trdItem.src = trdItem.PageParam.url || '' @@ -356,6 +359,8 @@ return trdItem }) } + + sndItem.children = sndItem.children.filter(item => item.hidden !== 'true') return sndItem }) @@ -697,7 +702,7 @@ render () { const { mainMenu, collapse } = this.props - const { thdMenuList, searchkey, oriVersion, newVersion, debug, menulist, navBar } = this.state + const { thdMenuList, searchkey, oriVersion, newVersion, debug, menulist, navBar, menuType } = this.state const menu = ( <Menu className="header-dropdown"> @@ -737,8 +742,7 @@ })} </ul> : null } - {/* 姝e父鑿滃崟 */} - {navBar === 'topmenu' && menulist ? + {navBar === 'topmenu' && menuType !== 'menu_board' && menulist ? <ul className="header-menu vertical-menu">{ menulist.map(item => { if (item.children && item.children.length > 0) { @@ -781,6 +785,60 @@ })} </ul> : null } + {navBar === 'topmenu' && menuType === 'menu_board' && menulist ? + <ul className="header-menu vertical-menu">{ + menulist.map(item => { + if (item.children && item.children.length > 0) { + return ( + <Dropdown key={item.MenuID} placement="bottomCenter" overlayClassName="vertical-dropdown-menu" overlay={ + <div className="menu-board"> + {item.children.map(cell => { + return ( + <div className="menu-wrap" key={cell.MenuID}> + <div className="title" onClick={e => e.stopPropagation()}>{cell.MenuName}</div> + <div className="menu-detail"> + {cell.children && cell.children.map(m => ( + <div key={m.MenuID} title={m.MenuName} onClick={() => {this.changeVerMenu(m)}}> + {m.MenuName} + </div> + ))} + </div> + </div> + ) + })} + </div> + // <Menu mode="horizontal"> + // {item.children.map(cell => { + // return ( + // <Menu.Item key={cell.MenuID}> + // <div>{cell.MenuName}</div> + // <div> + // {cell.children && cell.children.map(m => ( + // <Menu.Item key={m.MenuID} onClick={() => {this.changeVerMenu(m)}}> + // {m.MenuName} + // </Menu.Item> + // ))} + // </div> + // </Menu.Item> + // ) + // })} + // </Menu> + }> + <li> + <span>{item.MenuName}</span> + </li> + </Dropdown> + ) + } else { + return ( + <li key={item.MenuID} onClick={() => {this.changeVerMenu(item, 'first')}}> + <span>{item.MenuName}</span> + </li> + ) + } + })} + </ul> : null + } {/* 澶村儚銆佺敤鎴峰悕 */} <Dropdown className="header-setting" overlay={menu}> <div> -- Gitblit v1.8.0