| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 | 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;
 |