content.jsx 5.2 KB

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