From e9c48bd7356462ba9257540b130a47a65ad1861d Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 26 八月 2021 17:17:11 +0800 Subject: [PATCH] 2021-08-26 --- src/components/header/index.jsx | 56 +++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 49 insertions(+), 7 deletions(-) diff --git a/src/components/header/index.jsx b/src/components/header/index.jsx index 0fab405..9ba0be0 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', 'menu_board_navigation'].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 }) @@ -668,7 +673,7 @@ } else if (menu.OpenType === 'blank') { menu.selected = true this.props.modifyTabview([menu]) - } else if (this.state.navBar === 'topmenu') { + } else if (this.state.navBar === 'topmenu' && this.state.menuType !== 'menu_board_navigation') { menu.selected = true this.props.modifyTabview([menu]) } else { @@ -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' && menuType !== 'menu_board_navigation' && menulist ? <ul className="header-menu vertical-menu">{ menulist.map(item => { if (item.children && item.children.length > 0) { @@ -781,6 +785,44 @@ })} </ul> : null } + {navBar === 'topmenu' && (menuType === 'menu_board' || menuType === 'menu_board_navigation') && 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> + }> + <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