| | |
| | | dict: sessionStorage.getItem('lang') !== 'en-US' ? mzhCN : menUS, |
| | | } |
| | | |
| | | handleTabview = (e, menu) => { |
| | | handleTabview = (e, menu, index) => { |
| | | e.stopPropagation() |
| | | // 关闭tab页,重新选择显示页 |
| | | let tabs = fromJS(this.state.tabviews).toJS() |
| | |
| | | return tab.MenuID !== menu.MenuID |
| | | }) |
| | | |
| | | if (menu.selected && tabs[0]) { |
| | | tabs[0].selected = true |
| | | if (menu.selected && tabs[index - 1]) { |
| | | tabs[index - 1].selected = true |
| | | this.setState({ |
| | | activeId: tabs[0].MenuID || '' |
| | | activeId: tabs[index - 1].MenuID || '' |
| | | }) |
| | | |
| | | if (this.props.isiframe) { |
| | | this.props.toggleIsiframe(false) |
| | | } |
| | | } |
| | | |
| | | this.props.modifyTabview(tabs) |
| | | } |
| | | |
| | | closeTabView = (id) => { |
| | | // 关闭tab页,重新选择显示页 |
| | | let tabs = fromJS(this.state.tabviews).toJS() |
| | | let index = 0 |
| | | tabs = tabs.filter((tab, i) => { |
| | | if (tab.MenuID === id) { |
| | | index = i |
| | | return false |
| | | } else { |
| | | return true |
| | | } |
| | | }) |
| | | |
| | | if (tabs[index - 1]) { |
| | | tabs[index - 1].selected = true |
| | | this.setState({ |
| | | activeId: tabs[index - 1].MenuID || '' |
| | | }) |
| | | |
| | | if (this.props.isiframe) { |
| | |
| | | } |
| | | this.props.modifyTabview([home]) |
| | | } |
| | | MKEmitter.addListener('closeTabView', this.closeTabView) |
| | | } |
| | | |
| | | UNSAFE_componentWillReceiveProps (nextProps) { |
| | |
| | | this.setState = () => { |
| | | return |
| | | } |
| | | MKEmitter.removeListener('closeTabView', this.closeTabView) |
| | | } |
| | | |
| | | render () { |
| | |
| | | <div className="content-header"> |
| | | {tabviews && tabviews.length > 0 && |
| | | <Tabs activeKey={activeId}> |
| | | {tabviews.map(view => { |
| | | {tabviews.map((view, index) => { |
| | | return ( |
| | | <Tabs.TabPane |
| | | tab={ |
| | |
| | | {view.MenuName} |
| | | </span> |
| | | {view.type !== 'Home' ? |
| | | <Icon type="close" onClick={(e) => {this.handleTabview(e, view)}}/> : null |
| | | <Icon type="close" onClick={(e) => {this.handleTabview(e, view, index)}}/> : null |
| | | } |
| | | </span> |
| | | } |