content.jsx 6.4 KB

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