leftTab.jsx 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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. const _me = this;
  28. if (window.location.hash) {
  29. let theKey = window.location.hash.substr(1);
  30. this.state.keyList.map(function (item1) {
  31. item1.value.map(function (item2) {
  32. if (theKey == item2) {
  33. _me.state.subKey = item1.key
  34. };
  35. });
  36. });
  37. this.state.current = theKey;
  38. };
  39. },
  40. render() {
  41. return (
  42. <Menu onClick={this.handleClick}
  43. selectedKeys={[this.state.current]}
  44. defaultOpenKeys={[this.state.subKey]}
  45. mode="vertical"
  46. className="account-left"
  47. mode="inline" >
  48. <SubMenu key="sub1" title={<span>用户管理</span>}>
  49. <Menu.Item key="member">
  50. 管理员列表
  51. </Menu.Item>
  52. <Menu.Item key="permission">
  53. 权限控制
  54. </Menu.Item>
  55. <Menu.Item key="role">
  56. 角色控制
  57. </Menu.Item>
  58. <Menu.Item key="site" style={{display:'none'}}>
  59. 站点设置
  60. </Menu.Item>
  61. </SubMenu>
  62. <SubMenu key="sub2" title={<span>组织机构管理</span>}>
  63. <Menu.Item key="organization">
  64. 组织机构
  65. </Menu.Item>
  66. </SubMenu>
  67. <SubMenu key="sub3" title={<span>业务品种管理</span>}>
  68. <Menu.Item key="businessCategory">
  69. 业务品类管理
  70. </Menu.Item>
  71. <Menu.Item key="businessProject">
  72. 业务项目管理
  73. </Menu.Item>
  74. </SubMenu>
  75. </Menu>
  76. );
  77. },
  78. });
  79. export default LeftTab;