leftTab.jsx 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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. import ajax from 'jquery/src/ajax/xhr.js';
  7. import $ from 'jquery/src/ajax';
  8. const LeftTab = React.createClass({
  9. getInitialState() {
  10. return {
  11. current: 'base',
  12. };
  13. },
  14. loadData(){
  15. $.ajax({
  16. method: 'post',
  17. dataType: 'json',
  18. url: globalConfig.context + '/api/admin/customer/left',
  19. data: {
  20. }
  21. }).done(
  22. function(data) {
  23. if (!data.data.error.length) {
  24. this.setState({
  25. state:data.data.aa,
  26. })
  27. } else {
  28. message.warning(data.error[0].message);
  29. }
  30. }.bind(this)
  31. );
  32. },
  33. handleClick(e) {
  34. this.props.handlekey(e.key);
  35. this.setState({
  36. current: e.key,
  37. });
  38. },
  39. componentWillMount(){
  40. this.loadData();
  41. if ( window.location.hash ) {
  42. this.state.current = window.location.hash.substr(1);
  43. };
  44. },
  45. render() {
  46. return (
  47. <Menu onClick={this.handleClick}
  48. selectedKeys={[this.state.current]}
  49. mode="vertical"
  50. className="account-left"
  51. >
  52. <Menu.Item key="account">
  53. 账号管理
  54. </Menu.Item>
  55. <Menu.Item key="unit">
  56. 单位资料
  57. </Menu.Item>
  58. <Menu.Item key="personal">
  59. 个人资料
  60. </Menu.Item>
  61. <Menu.Item key="contacts">
  62. 常用联系人
  63. </Menu.Item>
  64. <Menu.Item key="base">
  65. 基本信息
  66. </Menu.Item>
  67. <Menu.Item key="person">
  68. 个人资料
  69. </Menu.Item>
  70. <Menu.Item key="edu">
  71. 教育信息
  72. </Menu.Item>
  73. <Menu.Item key="pfs">
  74. 职业信息
  75. </Menu.Item>
  76. <Menu.Item key="ablt">
  77. 能力标签
  78. </Menu.Item>
  79. </Menu>
  80. );
  81. },
  82. });
  83. export default LeftTab;