leftTab.jsx 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  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. { key: 'sub5', value: ['systemMessage','remindMessage','jitaoMessage','butlerMessage'] },
  19. ]
  20. };
  21. },
  22. handleClick(e) {
  23. this.props.handlekey(e.key);
  24. this.setState({
  25. current: e.key,
  26. });
  27. },
  28. componentWillMount(){
  29. const _me = this;
  30. if (window.location.hash) {
  31. let theKey = window.location.hash.substr(1);
  32. this.state.keyList.map(function (item1) {
  33. item1.value.map(function (item2) {
  34. if (theKey == item2) {
  35. _me.state.subKey = item1.key
  36. };
  37. });
  38. });
  39. this.state.current = theKey;
  40. };
  41. },
  42. render() {
  43. return (
  44. <Menu onClick={this.handleClick}
  45. selectedKeys={[this.state.current]}
  46. defaultOpenKeys={[this.state.subKey]}
  47. mode="inline"
  48. className="account-left"
  49. >
  50. <SubMenu key="sub1" title={<span>用户管理</span>}>
  51. <Menu.Item key="member">
  52. 管理员列表
  53. </Menu.Item>
  54. <Menu.Item key="permission">
  55. 权限控制
  56. </Menu.Item>
  57. <Menu.Item key="role">
  58. 角色控制
  59. </Menu.Item>
  60. <Menu.Item key="site" style={{display:'none'}}>
  61. 站点设置
  62. </Menu.Item>
  63. </SubMenu>
  64. <SubMenu key="sub2" title={<span>组织机构管理</span>}>
  65. <Menu.Item key="organization">
  66. 组织机构
  67. </Menu.Item>
  68. </SubMenu>
  69. <SubMenu key="sub3" title={<span>业务品种管理</span>}>
  70. <Menu.Item key="businessCategory">
  71. 业务品类管理
  72. </Menu.Item>
  73. <Menu.Item key="businessProject">
  74. 业务项目管理
  75. </Menu.Item>
  76. </SubMenu>
  77. <SubMenu key="sub4" title={<span>新开发用户管理</span>}>
  78. <Menu.Item key="user">
  79. 用户信息
  80. </Menu.Item>
  81. <Menu.Item key="roles">
  82. 角色信息
  83. </Menu.Item>
  84. <Menu.Item key="jurisdiction">
  85. 权限信息
  86. </Menu.Item>
  87. </SubMenu>
  88. <SubMenu key="sub5" title={<span>推送消息</span>}>
  89. <Menu.Item key="systemMessage">
  90. 系统消息
  91. </Menu.Item>
  92. <Menu.Item key="remindMessage">
  93. 业务提醒
  94. </Menu.Item>
  95. <Menu.Item key="jitaoMessage">
  96. 技淘智推
  97. </Menu.Item>
  98. <Menu.Item key="butlerMessage">
  99. 管家在线
  100. </Menu.Item>
  101. </SubMenu>
  102. </Menu>
  103. );
  104. }
  105. });
  106. export default LeftTab;