1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- import React from 'react';
- import { Menu, Icon } from 'antd';
- import './leftTab.less';
- const SubMenu = Menu.SubMenu;
- const MenuItemGroup = Menu.ItemGroup;
- import {getMenu} from './publicMenu.jsx'
- const LeftTab = React.createClass({
- getInitialState() {
- return {
- current: '',
- subKey: '',
- };
- },
- handleClick(e) {
- this.props.handlekey(e.key);
- this.setState({
- current: e.key,
- });
- },
- componentWillMount() {
- let me_=this;
- var ids=window.location.href.indexOf('rid=')
- var idk=window.location.href.substr(ids+4)
- var rid=idk.split('#')
- var menu=getMenu(rid);
- let cur,sub;
- if(menu[0].subMenus.length){
- cur=menu[0].subMenus[0].url.split('#');
- sub=menu[0].url;
- }else{
- cur=menu[0].url.split('#');
- sub=''
- };
- this.setState({
- current:rid.length>1?rid[1]:cur[1],
- subKey:sub
- });
- var htmlMenu=[];
- for(var j=0;j<menu.length;j++){
- if(menu[j].subMenus.length){
- htmlMenu.push(
- <SubMenu key={menu[j].url} title={<span>{menu[j].name}</span>}>
- {
- menu[j].subMenus.map(function(item){
- let urls=item.url.split('#');
- return <Menu.Item key={urls[1]}>{item.name}</Menu.Item>
- })
- }
- </SubMenu>
- );
- }else{
- let urlt=menu[j].url.split('#');
- htmlMenu.push(
- <Menu.Item key={urlt[1]}>{menu[j].name}</Menu.Item>
- )
- }
- };
- this.setState({
- htmlMenus:htmlMenu
- })
- const _me = this;
- if (window.location.hash&&menu[0].subMenus.length) {
- let theKey = window.location.hash.substr(1);
- menu.map(function (item1) {
- item1.subMenus.map(function (item2) {
- let urls=item2.url.split('#')
- if (theKey == urls[1]) {
- _me.state.subKey = item1.url
- };
- });
- });
- this.state.current = theKey;
- }else{
- this.state.current = window.location.hash.substr(1);
- };
- },
- render() {
- return (
- <Menu onClick={this.handleClick}
- selectedKeys={[this.state.current]}
- defaultOpenKeys={[this.state.subKey]}
- mode="vertical"
- className="account-left"
- mode="inline">
- {this.state.htmlMenus}
- </Menu>
- );
- },
- });
- export default LeftTab;
|