leftTab.jsx 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  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. { key: 'sub4', value: ['user','roles','jurisdiction'] },
  18. ]
  19. };
  20. },
  21. handleClick(e) {
  22. this.props.handlekey(e.key);
  23. this.setState({
  24. current: e.key,
  25. });
  26. },
  27. componentWillMount(){
  28. if ( window.location.hash ) {
  29. this.state.current = window.location.hash.substr(1);
  30. };
  31. },
  32. render() {
  33. return (
  34. <Menu onClick={this.handleClick}
  35. selectedKeys={[this.state.current]}
  36. mode="inline"
  37. className="account-left"
  38. >
  39. <SubMenu key="sub1" title={<span>用户管理</span>}>
  40. <Menu.Item key="member">
  41. 管理员列表
  42. </Menu.Item>
  43. <Menu.Item key="permission">
  44. 权限控制
  45. </Menu.Item>
  46. <Menu.Item key="role">
  47. 角色控制
  48. </Menu.Item>
  49. <Menu.Item key="site" style={{display:'none'}}>
  50. 站点设置
  51. </Menu.Item>
  52. </SubMenu>
  53. <SubMenu key="sub2" title={<span>组织机构管理</span>}>
  54. <Menu.Item key="organization">
  55. 组织机构
  56. </Menu.Item>
  57. </SubMenu>
  58. <SubMenu key="sub3" title={<span>业务品种管理</span>}>
  59. <Menu.Item key="businessCategory">
  60. 业务品类管理
  61. </Menu.Item>
  62. <Menu.Item key="businessProject">
  63. 业务项目管理
  64. </Menu.Item>
  65. </SubMenu>
  66. <SubMenu key="sub4" title={<span>新开发用户管理</span>}>
  67. <Menu.Item key="user">
  68. 用户信息
  69. </Menu.Item>
  70. <Menu.Item key="roles">
  71. 角色信息
  72. </Menu.Item>
  73. <Menu.Item key="jurisdiction">
  74. 权限信息
  75. </Menu.Item>
  76. </SubMenu>
  77. </Menu>
  78. );
  79. }
  80. });
  81. export default LeftTab;