import React from 'react';
import { Menu, Icon } from 'antd';
import '../leftTab.less';
const SubMenu = Menu.SubMenu;
const MenuItemGroup = Menu.ItemGroup;
import ajax from 'jquery/src/ajax/xhr.js';
import $ from 'jquery/src/ajax';

const LeftTab = React.createClass({
    getInitialState() {
        return {
            current: 'account',
        };
    },
    loadData(){
        $.ajax({
            method: 'post',
            dataType: 'json',
            url: globalConfig.context + '/api/admin/customer/left',
            data: {
                
            }
        }).done(
            function(data) {
                if (!data.data.error.length) {
                    this.setState({
                        state:data.data.aa,
                    })
                } else {
                    message.warning(data.error[0].message);
                }
            }.bind(this)
        );
    },
    handleClick(e) {
        this.props.handlekey(e.key);
        this.setState({
            current: e.key,
        });
    },
    componentWillMount(){
        this.loadData();
        if ( window.location.hash ) {
            this.state.current = window.location.hash.substr(1);
        };
    },
    render() {
        return (
            <Menu onClick={this.handleClick}
                selectedKeys={[this.state.current]}
                mode="vertical"
                className="account-left"
                >
                <Menu.Item key="account">
                    账号管理
                </Menu.Item>
                <Menu.Item key="unit">
                    单位资料
                </Menu.Item>
                <Menu.Item key="personal">
                    个人资料
                </Menu.Item>
                <Menu.Item key="contacts">
                    常用联系人
                </Menu.Item>
                <Menu.Item key="base">
                    基本信息
                </Menu.Item>
                <Menu.Item key="person">
                    个人资料
                </Menu.Item>
                <Menu.Item key="edu">
                    教育信息
                </Menu.Item>
                <Menu.Item key="pfs">
                    职业信息
                </Menu.Item>
                <Menu.Item key="ablt">
                    能力标签
                </Menu.Item>
            </Menu>
        );
    },
});

export default LeftTab;