leftTab.jsx 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  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: 'comprehensive',
  10. };
  11. },
  12. handleClick(e) {
  13. this.props.handlekey(e.key);
  14. this.setState({
  15. current: e.key,
  16. });
  17. },
  18. render() {
  19. return (
  20. <Menu onClick={this.handleClick}
  21. selectedKeys={[this.state.current]}
  22. defaultOpenKeys={['sub1']}
  23. mode="vertical"
  24. className="account-left"
  25. mode="inline"
  26. >
  27. <SubMenu key="sub1" title={<span>专利申请管理</span>}>
  28. <Menu.Item key="comprehensive">
  29. 专利综合管理
  30. </Menu.Item>
  31. <Menu.Item key="payment">
  32. 待缴费专利管理
  33. </Menu.Item>
  34. <Menu.Item key="correction">
  35. 补正审查通知管理
  36. </Menu.Item>
  37. <Menu.Item key="express">
  38. 专利纸件收发登记
  39. </Menu.Item>
  40. <Menu.Item key="applyFee">
  41. 专利申请费用管理
  42. </Menu.Item>
  43. </SubMenu>
  44. <SubMenu key="sub2" title={<span>软著申请管理</span>}>
  45. </SubMenu>
  46. <SubMenu key="sub3" title={<span>高企认定管理</span>}>
  47. </SubMenu>
  48. <SubMenu key="sub4" title={<span>科技项目申报管理</span>}>
  49. </SubMenu>
  50. </Menu>
  51. );
  52. }
  53. });
  54. export default LeftTab;