leftTab.jsx 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. import React from 'react';
  2. import { Menu, Icon } from 'antd';
  3. import '../leftTab.less';
  4. import './content.less';
  5. import '../content.less';
  6. const SubMenu = Menu.SubMenu;
  7. const MenuItemGroup = Menu.ItemGroup;
  8. const LeftTab = React.createClass({
  9. getInitialState() {
  10. return {
  11. current: 'member',
  12. subKey: 'sub1',
  13. keyList: [
  14. { key: 'sub1', value: ['member','permission','role','site'] },
  15. { key: 'sub2', value: ['organization'] },
  16. { key: 'sub3', value: ['businessCategory', 'businessProject'] },
  17. ]
  18. };
  19. },
  20. handleClick(e) {
  21. this.props.handlekey(e.key);
  22. this.setState({
  23. current: e.key,
  24. });
  25. },
  26. componentWillMount(){
  27. if ( window.location.hash ) {
  28. this.state.current = window.location.hash.substr(1);
  29. };
  30. },
  31. render() {
  32. return (
  33. <Menu onClick={this.handleClick}
  34. selectedKeys={[this.state.current]}
  35. mode="inline"
  36. className="account-left"
  37. >
  38. <SubMenu key="sub1" title={<span>用户管理</span>}>
  39. <Menu.Item key="member">
  40. 管理员列表
  41. </Menu.Item>
  42. <Menu.Item key="permission">
  43. 权限控制
  44. </Menu.Item>
  45. <Menu.Item key="role">
  46. 角色控制
  47. </Menu.Item>
  48. <Menu.Item key="site" style={{display:'none'}}>
  49. 站点设置
  50. </Menu.Item>
  51. </SubMenu>
  52. <SubMenu key="sub2" title={<span>组织机构管理</span>}>
  53. <Menu.Item key="organization">
  54. 组织机构
  55. </Menu.Item>
  56. </SubMenu>
  57. <SubMenu key="sub3" title={<span>业务品种管理</span>}>
  58. <Menu.Item key="businessCategory">
  59. 业务品类管理
  60. </Menu.Item>
  61. <Menu.Item key="businessProject">
  62. 业务项目管理
  63. </Menu.Item>
  64. </SubMenu>
  65. </Menu>
  66. );
  67. }
  68. });
  69. export default LeftTab;