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: 'patent',
            subKey: 'sub1',
            keyList: [
                { key: 'sub1', value: ['patent', 'software', 'intellectual'] },
                { key: 'sub2', value: ['standard', 'activity', 'activityCostList', 'orgTechCenter', 'techProduct', 'ratepay', 'finance', 'achievement', 'honorList','annualReport','cognizance'] },
                { key: 'sub3', value: [] }
            ]
        };
    },
    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="patent">
                        专利申请
                    </Menu.Item>
                    <Menu.Item key="software">
                        软著申请
                    </Menu.Item>
                    <Menu.Item key="intellectual">
                        知识产权管理
                    </Menu.Item>
                </SubMenu>
                <SubMenu key="sub2" title={<span>高企认定</span>}>
                    <Menu.Item key="cognizance">
                        高企申请管理
                    </Menu.Item>
                    <Menu.Item key="standard">
                        标准制定情况
                    </Menu.Item>
                    <Menu.Item key="activity">
                        企业研究开发活动
                    </Menu.Item>
                    <Menu.Item key="activityCostList">
                        企业研发费用详情
                    </Menu.Item>
                    <Menu.Item key="orgTechCenter">
                        技术中心
                    </Menu.Item>
                    <Menu.Item key="techProduct">
                        高新技术产品（服务）情况
                    </Menu.Item>
                    <Menu.Item key="ratepay">
                        纳税申报信息
                    </Menu.Item>
                    <Menu.Item key="finance">
                        财务报表信息
                    </Menu.Item>
                    <Menu.Item key="achievement">
                        科技成果转化
                    </Menu.Item>
                    <Menu.Item key="honorList">
                        企业荣誉及其他证明材料
                    </Menu.Item>
                    <Menu.Item key="annualReport">
                        企业年报
                    </Menu.Item>
                </SubMenu>
                <SubMenu key="sub3" title={<span>科技项目申报</span>}>
                </SubMenu>
            </Menu>
        );
    }
});

export default LeftTab;