import React from 'react';
import { Menu, Icon } from 'antd';
import '../leftTab.less';
import './content.less';
import '../content.less';
const SubMenu = Menu.SubMenu;
const MenuItemGroup = Menu.ItemGroup;

const LeftTab = React.createClass({
    getInitialState() {
        return {
            current: 'member', 
            subKey: 'sub1', 
            keyList: [
                { key: 'sub1', value: ['member','permission','role','site'] },
                { key: 'sub2', value: ['organization'] },
                { key: 'sub3', value: ['businessCategory', 'businessProject'] },
                { key: 'sub4', value: ['user','roles','jurisdiction'] },
            ]
        };
    },
    handleClick(e) {
        this.props.handlekey(e.key);
        this.setState({
            current: e.key,
        });
    },
    componentWillMount(){
         const _me = this;
        if (window.location.hash) {
            let theKey = window.location.hash.substr(1);
            this.state.keyList.map(function (item1) {
                item1.value.map(function (item2) {
                    if (theKey == item2) {
                        _me.state.subKey = item1.key
                    };
                });
            });
            this.state.current = theKey;
        };
    },
    render() {
        return (
            <Menu onClick={this.handleClick}
                selectedKeys={[this.state.current]}
                defaultOpenKeys={[this.state.subKey]}
                mode="inline"
                className="account-left"
                >
	            <SubMenu key="sub1" title={<span>用户管理</span>}>	
	            		<Menu.Item key="member">
		                    管理员列表
		                </Menu.Item>
		                <Menu.Item key="permission">
		                    权限控制
		                </Menu.Item>
		                <Menu.Item key="role">
		                    角色控制
		                </Menu.Item>
		                 <Menu.Item key="site" style={{display:'none'}}>
                		    站点设置
                		</Menu.Item>
		        </SubMenu> 
		        <SubMenu key="sub2" title={<span>组织机构管理</span>}>	            	
		                <Menu.Item key="organization">
		                    组织机构
		                </Menu.Item>               	               		           
		        </SubMenu>
		        <SubMenu key="sub3" title={<span>业务品种管理</span>}>		            
		                <Menu.Item key="businessCategory">
		                    业务品类管理
		                </Menu.Item>               
		                <Menu.Item key="businessProject">
		                    业务项目管理
		                </Menu.Item>	               		           
		        </SubMenu>
		        <SubMenu key="sub4" title={<span>新开发用户管理</span>}>	
	            		<Menu.Item key="user">
		                    用户信息
		                </Menu.Item> 
		                <Menu.Item key="roles">
		                    角色信息
		                </Menu.Item>                              
		                <Menu.Item key="jurisdiction">
		                    权限信息
		                </Menu.Item>		           
		        </SubMenu>
            </Menu>
        );
    }
});

export default LeftTab;