content.jsx 4.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. import React from 'react';
  2. import { Button, Radio } from 'antd';
  3. import './content.less';
  4. import Intellectual from './intellectual';
  5. import Activity from './activity';
  6. import Standard from './standard';
  7. import ActivityCostList from './activityCostList';
  8. import TechProduct from './techProduct';
  9. import Ratepay from './ratepay';
  10. import Finance from './finance';
  11. import Achievement from './achievement';
  12. import HonorList from './honorList';
  13. import OrgTechCenter from './orgTechCenter';
  14. import InnovationAbility from './ablt';
  15. import HrSituation from './hrSituation';
  16. const Content = React.createClass({
  17. getInitialState() {
  18. return {
  19. loading: false,
  20. radioKey: 'hrSituation',
  21. };
  22. },
  23. componentWillMount() {
  24. },
  25. returnFoster() {
  26. this.props.returnBtn();
  27. },
  28. onChange(e) {
  29. this.setState({
  30. radioKey: e.target.value
  31. });
  32. },
  33. render() {
  34. return (
  35. <div className="foster-desc" style={{ display: this.props.style }}>
  36. <div className="content-tabs">
  37. <div className="foster-title">
  38. <span className="company-name">某某省某某市某某某公司</span>
  39. <span className="company-number">GF201712345678</span>
  40. <span className="company-time">有效期2014-10-02至2017-10-02</span>
  41. <Button className="foster-return" type="primary" onClick={this.returnFoster}>返回高企培育列表</Button>
  42. </div>
  43. <div className="clearfix foster-component">
  44. <Radio.Group onChange={this.onChange} defaultValue="orgTechCenter">
  45. <Radio.Button value="orgTechCenter">技术中心</Radio.Button>
  46. <Radio.Button value="activity">研发活动</Radio.Button>
  47. <Radio.Button value="activityCostList">研发活动费用详情</Radio.Button>
  48. <Radio.Button value="techProduct">高新技术产品</Radio.Button>
  49. <Radio.Button value="intellectual">知识产权</Radio.Button>
  50. <Radio.Button value="achievement">科技成果转化</Radio.Button>
  51. <Radio.Button value="ratepay">企业纳税申报</Radio.Button>
  52. <Radio.Button value="finance">财务报表</Radio.Button>
  53. <Radio.Button value="hrSituation">企业人员情况</Radio.Button>
  54. <Radio.Button value="honorList">企业荣誉及其他证明材料</Radio.Button>
  55. <Radio.Button value="standard">标准制定情况</Radio.Button>
  56. <Radio.Button value="innovationAbility">企业创新能力</Radio.Button>
  57. </Radio.Group>
  58. </div>
  59. </div>
  60. <div className="content-desc">
  61. {(() => {
  62. switch (this.state.radioKey) {
  63. case 'orgTechCenter':
  64. return <OrgTechCenter />;
  65. case 'activity':
  66. return <Activity />;
  67. case 'activityCostList':
  68. return <ActivityCostList />;
  69. case 'techProduct':
  70. return <TechProduct />;
  71. case 'intellectual':
  72. return <Intellectual />;
  73. case 'achievement':
  74. return <Achievement />;
  75. case 'ratepay':
  76. return <Ratepay />;
  77. case 'finance':
  78. return <Finance />;
  79. case 'hrSituation':
  80. return <HrSituation />;
  81. case 'honorList':
  82. return <HonorList />;
  83. case 'standard':
  84. return <Standard />;
  85. case 'innovationAbility':
  86. return <InnovationAbility />;
  87. };
  88. })()}
  89. </div>
  90. </div>
  91. )
  92. }
  93. });
  94. export default Content;