leftTab.jsx 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  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: 'myClient',
  10. subKey: 'sub1',
  11. keyList: [
  12. { key: 'sub1', value: ['myClient', 'publicCustomer','companyCustomer'] },
  13. { key: 'sub2', value: ['individualCustomer', 'publicCustomer','queryCustomer'] },
  14. { key: 'sub3', value: ['myBusiness', 'serviceQuery'] },
  15. ]
  16. };
  17. },
  18. handleClick(e) {
  19. this.props.handlekey(e.key);
  20. this.setState({
  21. current: e.key,
  22. });
  23. },
  24. componentWillMount() {
  25. const _me = this;
  26. if (window.location.hash) {
  27. let theKey = window.location.hash.substr(1);
  28. this.state.keyList.map(function (item1) {
  29. item1.value.map(function (item2) {
  30. if (theKey == item2) {
  31. _me.state.subKey = item1.key
  32. };
  33. });
  34. });
  35. this.state.current = theKey;
  36. };
  37. },
  38. render() {
  39. return (
  40. <Menu onClick={this.handleClick}
  41. selectedKeys={[this.state.current]}
  42. defaultOpenKeys={[this.state.subKey]}
  43. mode="vertical"
  44. className="account-left"
  45. mode="inline" >
  46. <SubMenu key="sub1" title={<span>单位客户</span>}>
  47. <Menu.Item key="myClient">
  48. 我的单位客户
  49. </Menu.Item>
  50. <Menu.Item key="publicCustomer">
  51. 公共单位客户
  52. </Menu.Item>
  53. <Menu.Item key="companyCustomer">
  54. 单位客户查询
  55. </Menu.Item>
  56. </SubMenu>
  57. <SubMenu key="sub2" title={<span>个人客户</span>}>
  58. <Menu.Item key="individualCustomer">
  59. 我的个人客户
  60. </Menu.Item>
  61. <Menu.Item key="publicindividualCustomer">
  62. 公共个人客户
  63. </Menu.Item>
  64. <Menu.Item key="queryCustomer">
  65. 个人客户查询
  66. </Menu.Item>
  67. </SubMenu>
  68. <SubMenu key="sub3" title={<span>客户业务</span>}>
  69. <Menu.Item key="myBusiness">
  70. 我的业务
  71. </Menu.Item>
  72. <Menu.Item key="serviceQuery">
  73. 业务查询
  74. </Menu.Item>
  75. </SubMenu>
  76. </Menu>
  77. );
  78. },
  79. });
  80. export default LeftTab;