leftTab.jsx 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. import React from 'react';
  2. import { Menu, Icon } from 'antd';
  3. import '../leftTab.less';
  4. const SubMenu = Menu.SubMenu;
  5. const MenuItemGroup = Menu.ItemGroup;
  6. const LeftTab = React.createClass({
  7. getInitialState() {
  8. return {
  9. current: 'base',
  10. };
  11. },
  12. handleClick(e) {
  13. this.props.handlekey(e.key);
  14. this.setState({
  15. current: e.key,
  16. });
  17. },
  18. componentWillMount(){
  19. if ( window.location.hash ) {
  20. this.state.current = window.location.hash.substr(1);
  21. };
  22. },
  23. render() {
  24. return (
  25. <Menu onClick={this.handleClick}
  26. selectedKeys={[this.state.current]}
  27. mode="vertical"
  28. className="account-left"
  29. >
  30. <Menu.Item key="account">
  31. 账号管理
  32. </Menu.Item>
  33. <Menu.Item key="unit">
  34. 单位资料
  35. </Menu.Item>
  36. <Menu.Item key="personal">
  37. 个人资料
  38. </Menu.Item>
  39. <Menu.Item key="contacts">
  40. 常用联系人
  41. </Menu.Item>
  42. <Menu.Item key="base">
  43. 基本信息
  44. </Menu.Item>
  45. <Menu.Item key="person">
  46. 个人资料
  47. </Menu.Item>
  48. <Menu.Item key="edu">
  49. 教育信息
  50. </Menu.Item>
  51. <Menu.Item key="pfs">
  52. 职业信息
  53. </Menu.Item>
  54. <Menu.Item key="ablt">
  55. 能力标签
  56. </Menu.Item>
  57. </Menu>
  58. );
  59. },
  60. });
  61. export default LeftTab;