| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 | import React from 'react';import { Menu, Icon } from 'antd';import '../leftTab.less';const SubMenu = Menu.SubMenu;const MenuItemGroup = Menu.ItemGroup;const LeftTab = React.createClass({    getInitialState() {        return {            current: 'star',            subKey: 'sub1',            keyList: [                { key: 'sub1', value: ['star', 'lecture'] },                { key: 'sub2', value: ['flash', 'localPolicy', 'nationalPolicy', 'contact','jitao'] },                { key: 'sub3', value: ['activity','activityUserList'] },                { key: 'sub10', value: ['banner'] }            ]        };    },    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="vertical"                className="account-left"                mode="inline" >                <SubMenu key="sub1" title={<span>大咖说</span>}>                    <Menu.Item key="star">                        科技明星                    </Menu.Item>                    <Menu.Item key="lecture">                        科技讲堂                    </Menu.Item>                </SubMenu>                <SubMenu key="sub2" title={<span>策源地</span>}>                    <Menu.Item key="flash">                        科技快讯                    </Menu.Item>                    <Menu.Item key="nationalPolicy">                        国家政策                    </Menu.Item>                    <Menu.Item key="localPolicy">                        地方政策                    </Menu.Item>                    <Menu.Item key="jitao">                        技淘动态                    </Menu.Item>                    <Menu.Item key="contact">                        政府往来                    </Menu.Item>                </SubMenu>                <SubMenu key="sub3" title={<span>活动圈</span>}>                    <Menu.Item key="activity">                        活动圈                    </Menu.Item>                    <Menu.Item key="activityUserList">                        报名用户列表                    </Menu.Item>                </SubMenu>                <SubMenu key="sub10" title={<span>广告图</span>}>                    <Menu.Item key="banner">                        广告图管理                    </Menu.Item>                </SubMenu>            </Menu>        );    }});export default LeftTab;
 |