leftTab.jsx 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  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: 'patent',
  10. };
  11. },
  12. handleClick(e) {
  13. this.props.handlekey(e.key);
  14. this.setState({
  15. current: e.key,
  16. });
  17. },
  18. componentWillMount() {
  19. if (window.location.hash) {
  20. this.state.current = window.location.hash.substr(1);
  21. };
  22. },
  23. render() {
  24. return (
  25. <Menu onClick={this.handleClick}
  26. selectedKeys={[this.state.current]}
  27. defaultOpenKeys={["sub1", "sub2", "sub3"]}
  28. mode="vertical"
  29. className="account-left"
  30. mode="inline"
  31. >
  32. <SubMenu key="sub1" title={<span>知识产权申请</span>}>
  33. <Menu.Item key="patent">
  34. 专利申请
  35. </Menu.Item>
  36. <Menu.Item key="software">
  37. 软著申请
  38. </Menu.Item>
  39. <Menu.Item key="intellectual">
  40. 知识产权管理
  41. </Menu.Item>
  42. </SubMenu>
  43. <SubMenu key="sub2" title={<span>高企认定</span>}>
  44. <Menu.Item key="standard">
  45. 标准制定情况
  46. </Menu.Item>
  47. <Menu.Item key="activity">
  48. 企业研究开发活动
  49. </Menu.Item>
  50. <Menu.Item key="activityCostList">
  51. 企业研发费用详情
  52. </Menu.Item>
  53. <Menu.Item key="techProduct">
  54. 上年度高新技术产品(服务)情况
  55. </Menu.Item>
  56. <Menu.Item key="ratepay">
  57. 纳税申报信息
  58. </Menu.Item>
  59. <Menu.Item key="finance">
  60. 财务报表信息
  61. </Menu.Item>
  62. </SubMenu>
  63. <SubMenu key="sub3" title={<span>科技项目申报</span>}>
  64. </SubMenu>
  65. </Menu>
  66. );
  67. }
  68. });
  69. export default LeftTab;