highTechInfo.jsx 75 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569
  1. import React from 'react';
  2. import { Icon, Button, Spin, message, Table } from 'antd';
  3. import {
  4. getSearchUrl, getScaleState, getCompanyType,
  5. getTechField, getIndustryType, getCatagory, getIntellectualObtainWay,
  6. getTechnicalSource
  7. } from '../../../tools.js';
  8. import ajax from 'jquery/src/ajax/xhr.js';
  9. import $ from 'jquery/src/ajax';
  10. import moment from 'moment';
  11. import './highTechFoster.less';
  12. const highTechInfo = React.createClass({
  13. getInitialState() {
  14. return {
  15. loading: false,
  16. year: new Date().getFullYear() - 1,
  17. field: [],
  18. registerType: [],
  19. address: [],
  20. netAssetRate:0,
  21. salesRevenueRate:0,
  22. humanColumns: [
  23. {
  24. title: '公民类型',
  25. dataIndex: 'type',
  26. key: 'type',
  27. width: '130px',
  28. render: (text, record, index) => {
  29. if (text == '0') {
  30. return '中国公民';
  31. } else if (text == '1') {
  32. return '外籍公民';
  33. };
  34. }
  35. }, {
  36. title: '姓名',
  37. dataIndex: 'name',
  38. key: 'name'
  39. }, {
  40. title: '身份证(护照)号',
  41. dataIndex: 'idNumber',
  42. key: 'idNumber'
  43. }, {
  44. title: '投资额(万元)',
  45. dataIndex: 'investment',
  46. key: 'investment'
  47. }
  48. ],
  49. legalColumns: [
  50. {
  51. title: '法人类型',
  52. dataIndex: 'type',
  53. key: 'type',
  54. width: '130px',
  55. render: (text, record, index) => {
  56. if (text == '0') {
  57. return '中国企业法人';
  58. } else if (text == '1') {
  59. return '外籍企业法人';
  60. };
  61. }
  62. }, {
  63. title: '名称',
  64. dataIndex: 'name',
  65. key: 'name'
  66. }, {
  67. title: '组织机构代码或统一社会信用代码',
  68. dataIndex: 'orgCode',
  69. key: 'orgCode'
  70. }, {
  71. title: '投资额(万元)',
  72. dataIndex: 'investment',
  73. key: 'investment'
  74. }
  75. ],
  76. moneyColumns: [
  77. {
  78. title: '',
  79. dataIndex: 'year',
  80. key: 'year',
  81. }, {
  82. title: '净资产',
  83. dataIndex: 'netAsset',
  84. key: 'netAsset',
  85. }, {
  86. title: '销售收入',
  87. dataIndex: 'salesRevenue',
  88. key: 'salesRevenue',
  89. }, {
  90. title: '利润总额',
  91. dataIndex: 'grossProfit',
  92. key: 'grossProfit',
  93. }
  94. ],
  95. intellectualColumns: [
  96. {
  97. title: '知识产权编号',
  98. dataIndex: 'intellectualPropertyNumber',
  99. key: 'intellectualPropertyNumber',
  100. }, {
  101. title: '知识产权名称',
  102. dataIndex: 'intellectualPropertyName',
  103. key: 'intellectualPropertyName',
  104. }, {
  105. title: '类型',
  106. dataIndex: 'catagory',
  107. key: 'catagory',
  108. render: (text) => {
  109. return getCatagory(text);
  110. }
  111. }, {
  112. title: '授权日期',
  113. dataIndex: 'authorizationDateFormattedDate',
  114. key: 'authorizationDateFormattedDate',
  115. }, {
  116. title: '授权号',
  117. dataIndex: 'authorizationNumber',
  118. key: 'authorizationNumber',
  119. }, {
  120. title: '获取方式',
  121. dataIndex: 'obtainWay',
  122. key: 'obtainWay',
  123. render: (text) => {
  124. return getIntellectualObtainWay(text);
  125. }
  126. }
  127. ],
  128. activityCostColumns: [
  129. {
  130. title: '研发活动编号',
  131. dataIndex: 'activityNumber',
  132. key: 'activityNumber'
  133. }, {
  134. title: '内部研究开发费用',
  135. dataIndex: 'internalAllCost',
  136. key: 'internalAllCost'
  137. }, {
  138. title: '人员人工费用',
  139. dataIndex: 'internalLaborCost',
  140. key: 'internalLaborCost'
  141. }, {
  142. title: '直接投入费用',
  143. dataIndex: 'internalDirectCost',
  144. key: 'internalDirectCost'
  145. }, {
  146. title: '折旧费用与长期待摊费用',
  147. dataIndex: 'internalDepreciationCost',
  148. key: 'internalDepreciationCost'
  149. }, {
  150. title: '设计费用',
  151. dataIndex: 'internalDesignCost',
  152. key: 'internalDesignCost'
  153. }, {
  154. title: '装备调试费用与试验费用',
  155. dataIndex: 'internalEquipmentCost',
  156. key: 'internalEquipmentCost'
  157. }, {
  158. title: '其他费用',
  159. dataIndex: 'internalOtherCost',
  160. key: 'internalOtherCost'
  161. }, {
  162. title: '委托外部研究开发费用',
  163. dataIndex: 'externalTotalCost',
  164. key: 'externalTotalCost'
  165. }, {
  166. title: '境内外部研发费用',
  167. dataIndex: 'externalAbroadCost',
  168. key: 'externalAbroadCost'
  169. }, {
  170. title: '研发费用合计',
  171. dataIndex: 'allCost',
  172. key: 'allCost'
  173. }
  174. ],
  175. standardColumns: [
  176. {
  177. title: '编号',
  178. dataIndex: 'key',
  179. key: 'key'
  180. }, {
  181. title: '标准名称',
  182. dataIndex: 'standardName',
  183. key: 'standardName'
  184. }, {
  185. title: '标准级别',
  186. dataIndex: 'standardLevel',
  187. key: 'standardLevel',
  188. render: text => {
  189. switch (text) {
  190. case 0:
  191. return "国家";
  192. case 1:
  193. return "行业";
  194. };
  195. }
  196. }, {
  197. title: '标准编号',
  198. dataIndex: 'standardNumber',
  199. key: 'standardNumber'
  200. }, {
  201. title: '参与方式',
  202. dataIndex: 'participateWay',
  203. key: 'participateWay',
  204. render: text => {
  205. switch (text) {
  206. case 0:
  207. return "主持";
  208. case 1:
  209. return "参与";
  210. };
  211. }
  212. }
  213. ]
  214. };
  215. },
  216. //第一
  217. loadInfoData(uid) {
  218. this.setState({
  219. loading: true
  220. });
  221. $.ajax({
  222. method: "get",
  223. dataType: "json",
  224. crossDomain: false,
  225. url: globalConfig.context + "/api/admin/basic/info",
  226. data: {
  227. uid: uid
  228. }
  229. }).done(function (data) {
  230. let thisdata = data.data;
  231. if (!data.data) {
  232. if (data.error && data.error.length) {
  233. message.warning(data.error[0].message);
  234. };
  235. } else {
  236. this.setState({
  237. id: thisdata.id,
  238. uid: thisdata.uid,
  239. hid: thisdata.hid,
  240. unitName: thisdata.unitName,
  241. postalAddress: thisdata.postalAddress,
  242. postcode: thisdata.postcode,
  243. contacts: thisdata.contacts,
  244. contactMobile: thisdata.contactMobile,
  245. contactsFixedTel: thisdata.contactsFixedTel,
  246. firstContacts: thisdata.firstContacts,
  247. firstMobile: thisdata.firstMobile,
  248. contactsFax: thisdata.contactsFax,
  249. legalPersonTel: thisdata.legalPersonTel,
  250. legalPersonFax: thisdata.legalPersonFax,
  251. legalPersonEmail: thisdata.legalPersonEmail,
  252. registeredCapital: thisdata.registeredCapital,
  253. registrationTime: thisdata.registrationTime,
  254. legalPerson: thisdata.legalPerson,
  255. legalPersonIdCard: thisdata.legalPersonIdCard,
  256. orgCode: thisdata.orgCode,
  257. ratepayCode: thisdata.ratepayCode,
  258. industry: thisdata.industry,
  259. enterpriseScale: thisdata.enterpriseScale,
  260. foreignInvestment: thisdata.foreignInvestment,
  261. taxAuthority: thisdata.taxAuthority,
  262. ratepayMethod: thisdata.ratepayMethod,
  263. listed: thisdata.listed,
  264. listedDate: thisdata.listedDate,
  265. listedType: thisdata.listedType,
  266. stockCode: thisdata.stockCode,
  267. highTechZone: thisdata.highTechZone,
  268. highTechName: thisdata.highTechName,
  269. riskInvestment: thisdata.riskInvestment,
  270. businessScope: thisdata.businessScope,
  271. firmTotal: thisdata.firmTotal,
  272. techTotal: thisdata.techTotal,
  273. listedDateFormattedDate: thisdata.listedDateFormattedDate,
  274. registrationTimeFormattedDate: thisdata.registrationTimeFormattedDate,
  275. address: [thisdata.province, thisdata.city, thisdata.area],
  276. field: thisdata.field ? thisdata.field.split(',') : [],
  277. registerType: thisdata.registerType ? thisdata.registerType.split(',') : []
  278. });
  279. };
  280. }.bind(this)).always(function () {
  281. this.setState({
  282. loading: false
  283. });
  284. this.loadHighTechList(this.state.uid);
  285. }.bind(this));
  286. },
  287. loadHumanData(uid) {
  288. this.setState({
  289. loading: true
  290. });
  291. $.ajax({
  292. method: "get",
  293. dataType: "json",
  294. crossDomain: false,
  295. url: globalConfig.context + "/api/admin/basic/listNature",
  296. data: {
  297. uid: uid
  298. }
  299. }).done(function (data) {
  300. let theTableData = [];
  301. if (!data.data) {
  302. if (data.error && data.error.length) {
  303. message.warning(data.error[0].message);
  304. };
  305. return;
  306. };
  307. data.data.map(function (item) {
  308. theTableData.push({
  309. id: item.id,
  310. uid: item.uid,
  311. type: item.type,
  312. name: item.name,
  313. idNumber: item.idNumber,
  314. investment: item.investment
  315. });
  316. });
  317. this.setState({
  318. humanTableData: theTableData
  319. });
  320. }.bind(this)).always(function () {
  321. this.setState({
  322. loading: false
  323. });
  324. }.bind(this));
  325. },
  326. loadLegalData(uid) {
  327. this.setState({
  328. loading: true
  329. });
  330. $.ajax({
  331. method: "get",
  332. dataType: "json",
  333. crossDomain: false,
  334. url: globalConfig.context + "/api/admin/basic/listLegalPerson",
  335. data: {
  336. uid: uid
  337. }
  338. }).done(function (data) {
  339. let theTableData = [];
  340. if (!data.data) {
  341. if (data.error && data.error.length) {
  342. message.warning(data.error[0].message);
  343. };
  344. return;
  345. };
  346. data.data.map(function (item) {
  347. theTableData.push({
  348. id: item.id,
  349. uid: item.uid,
  350. type: item.type,
  351. name: item.name,
  352. orgCode: item.idNumber,
  353. investment: item.investment
  354. });
  355. });
  356. this.setState({
  357. legalTableData: theTableData
  358. });
  359. }.bind(this)).always(function () {
  360. this.setState({
  361. loading: false
  362. });
  363. }.bind(this));
  364. },
  365. //第二
  366. loadHighTechList(uid) {
  367. $.ajax({
  368. method: "post",
  369. dataType: "json",
  370. crossDomain: false,
  371. url: globalConfig.context + "/api/admin/listCognizance",
  372. data: {
  373. uid: uid
  374. },
  375. success: function (data) {
  376. if (!data.data || !data.data.list) {
  377. if (data.error && data.error.length) {
  378. message.warning(data.error[0].message);
  379. };
  380. } else {
  381. let _me = this;
  382. for (let i = 0; i < data.data.list.length; i++) {
  383. let thisdata = data.data.list[i];
  384. if (thisdata.year == this.state.year) {
  385. _me.loadHighTechApply(uid, thisdata.cid, this.state.year)
  386. }
  387. };
  388. };
  389. }.bind(this),
  390. }).always(function () {
  391. this.loadIntellectualData(uid);
  392. }.bind(this));
  393. },
  394. loadHighTechApply(uid, cid, year) {
  395. $.ajax({
  396. method: "post",
  397. dataType: "json",
  398. crossDomain: false,
  399. url: globalConfig.context + "/api/admin/cognizanceDetail",
  400. data: {
  401. uid: uid,
  402. cid: cid,
  403. year: year
  404. }
  405. }).done(function (data) {
  406. if (!data.data) {
  407. if (data.error && data.error.length) {
  408. message.warning(data.error[0].message);
  409. };
  410. } else {
  411. this.state.moneyTable = [
  412. {
  413. key: 1,
  414. year: '前一年',
  415. netAsset: data.data.netAsset1,
  416. salesRevenue: data.data.salesRevenue1,
  417. grossProfit: data.data.grossProfit1
  418. }, {
  419. key: 2,
  420. year: '前二年',
  421. netAsset: data.data.netAsset2,
  422. salesRevenue: data.data.salesRevenue2,
  423. grossProfit: data.data.grossProfit2
  424. }, {
  425. key: 3,
  426. year: '前三年',
  427. netAsset: data.data.netAsset3,
  428. salesRevenue: data.data.salesRevenue3,
  429. grossProfit: data.data.grossProfit3
  430. }
  431. ];
  432. if (data.data.netAsset2 == 0) {
  433. this.state.netAssetRate = 0;
  434. } else if (data.data.netAsset3 == 0) {
  435. this.state.netAssetRate = (data.data.netAsset1 / data.data.netAsset2) - 1;
  436. } else {
  437. this.state.netAssetRate = 1 / 2 * (data.data.netAsset2 / data.data.netAsset3 + data.data.netAsset1 / data.data.netAsset2) - 1;
  438. };
  439. if (this.state.netAssetRate < 0 || isNaN(this.state.netAssetRate)) {
  440. this.state.netAssetRate = 0
  441. };
  442. if (data.data.salesRevenue2 == 0) {
  443. this.state.salesRevenueRate = 0;
  444. } else if (data.data.salesRevenue3 == 0) {
  445. this.state.salesRevenueRate = (data.data.salesRevenue1 / data.data.salesRevenue2) - 1;
  446. } else {
  447. this.state.salesRevenueRate = 1 / 2 * (data.data.salesRevenue2 / data.data.salesRevenue3 + data.data.salesRevenue1 / data.data.salesRevenue2) - 1;
  448. };
  449. if (this.state.salesRevenueRate < 0 || isNaN(this.state.salesRevenueRate)) {
  450. this.state.salesRevenueRate = 0
  451. };
  452. this.setState({
  453. firstCatagory: data.data.firstCatagory,
  454. secondCatagory: data.data.secondCatagory,
  455. firmTotal: data.data.firmTotal,
  456. techTotal: data.data.techTotal,
  457. researchCost: data.data.researchCost,
  458. territory: data.data.territory,
  459. basicResearchCost: data.data.basicResearchCost,
  460. totalRevenue: data.data.totalRevenue,
  461. lastYearRevenue: data.data.lastYearRevenue,
  462. accident: data.data.accident
  463. });
  464. };
  465. }.bind(this));
  466. },
  467. //第三
  468. loadIntellectualData(uid) {
  469. $.ajax({
  470. method: "get",
  471. dataType: "json",
  472. crossDomain: false,
  473. url: globalConfig.context + "/api/admin/summary/intellectualProperty",
  474. data: {
  475. uid: uid
  476. }
  477. }).done(function (data) {
  478. let theTableData = [];
  479. if (!data.data) {
  480. if (data.error && data.error.length) {
  481. message.warning(data.error[0].message);
  482. };
  483. } else {
  484. this.setState({
  485. inventionPatent: data.data.inventionPatent, //发明专利数
  486. defensePatent: data.data.defensePatent, //国防专利数
  487. nationalCrop: data.data.nationalCrop, //国家级农作物品种数
  488. newPlantCariety: data.data.newPlantCariety, //植物新品种数
  489. nationalDrug: data.data.nationalDrug, //国家新药数
  490. chineseMedicine: data.data.chineseMedicine, //国家一级中药保护品种数
  491. utilityPatent: data.data.utilityPatent, //实用新型专利数
  492. circuitDesign: data.data.circuitDesign, //集成电路布图设计专有权数
  493. exteriorPatent: data.data.exteriorPatent, //外观设计专利数
  494. softwareWorks: data.data.softwareWorks //软件著作权数
  495. });
  496. };
  497. }.bind(this)).always(function () {
  498. this.loadIntellectualListData(uid);
  499. }.bind(this));
  500. },
  501. loadIntellectualListData(uid) {
  502. $.ajax({
  503. method: "get",
  504. dataType: "json",
  505. crossDomain: false,
  506. url: globalConfig.context + "/api/admin/summary/intellectualPropertyList",
  507. data: {
  508. uid: uid
  509. }
  510. }).done(function (data) {
  511. let theTableData = [];
  512. if (!data.data) {
  513. if (data.error && data.error.length) {
  514. message.warning(data.error[0].message);
  515. };
  516. } else {
  517. data.data.map(function (item) {
  518. theTableData.push({
  519. id: item.id,
  520. uid: item.uid,
  521. pid: item.pid,
  522. intellectualPropertyNumber: item.intellectualPropertyNumber,
  523. intellectualPropertyName: item.intellectualPropertyName,
  524. sortNumber: item.sortNumber,
  525. catagory: item.catagory,
  526. obtainWay: item.obtainWay,
  527. authorizationNumber: item.authorizationNumber,
  528. authorizationDate: item.authorizationDate,
  529. propertyRightUrl: item.propertyRightUrl,
  530. type: item.type,
  531. authorizationDateFormattedDate: item.authorizationDateFormattedDate,
  532. propertyRightDownloadFileName: item.propertyRightDownloadFileName
  533. });
  534. });
  535. };
  536. this.setState({
  537. intellectualTableData: theTableData
  538. });
  539. }.bind(this)).always(function () {
  540. this.loadHRData(uid);
  541. }.bind(this));
  542. },
  543. loadHRData(uid) {
  544. $.ajax({
  545. method: "post",
  546. dataType: "json",
  547. crossDomain: false,
  548. url: globalConfig.context + "/api/admin/orgHumanResource",
  549. data: {
  550. uid: uid,
  551. year: this.state.year
  552. }
  553. }).done(function (data) {
  554. if (!data.data || !data.data.list) {
  555. if (data.error && data.error.length) {
  556. message.warning(data.error[0].message);
  557. };
  558. } else {
  559. let thisdata = data.data.list[0] || {};
  560. this.setState({
  561. aboveFifty: thisdata.aboveFifty,
  562. belowThirty: thisdata.belowThirty,
  563. college: thisdata.college,
  564. doctor: thisdata.doctor,
  565. firmAbroad: thisdata.firmAbroad,
  566. firmCore: thisdata.firmCore,
  567. firmForeign: thisdata.firmForeign,
  568. firmInService: thisdata.firmInService,
  569. firmPartTime: thisdata.firmPartTime,
  570. firmTemporary: thisdata.firmTemporary,
  571. firmTotal: thisdata.firmTotal,
  572. fortyoneToFifty: thisdata.fortyoneToFifty,
  573. intermediateTitle: thisdata.intermediateTitle,
  574. juniorTitle: thisdata.juniorTitle,
  575. master: thisdata.master,
  576. seniorMechanic: thisdata.seniorMechanic,
  577. seniorTitle: thisdata.seniorTitle,
  578. techAbroad: thisdata.techAbroad,
  579. techCore: thisdata.techCore,
  580. techForeign: thisdata.techForeign,
  581. techInService: thisdata.techInService,
  582. techPartTime: thisdata.techPartTime,
  583. techTemporary: thisdata.techTemporary,
  584. techTotal: thisdata.techTotal,
  585. thirtyoneToThirtyfour: thisdata.thirtyoneToThirtyfour,
  586. undergraduate: thisdata.undergraduate,
  587. });
  588. };
  589. }.bind(this)).always(function () {
  590. this.loadActivityData(uid);
  591. }.bind(this));
  592. },
  593. //第四
  594. loadActivityData(uid) {
  595. $.ajax({
  596. method: "get",
  597. dataType: "json",
  598. crossDomain: false,
  599. url: globalConfig.context + "/api/admin/summary/activity",
  600. data: {
  601. uid: uid
  602. }
  603. }).done(function (data) {
  604. let theArr = [];
  605. if (!data.data) {
  606. if (data.error && data.error.length) {
  607. message.warning(data.error[0].message);
  608. }
  609. } else {
  610. data.data.map(function (item) {
  611. theArr.push(
  612. <li key={item.id}>
  613. <p style={{ marginBottom: '10px', fontSize: '14px' }}><span>活动编号 </span> {item.activityNumber}</p>
  614. <div className="clearfix">
  615. <div className="half-item">
  616. <span className="item-title">研发活动名称</span>
  617. <span>{item.activityName}</span>
  618. </div>
  619. <div className="half-item">
  620. <span className="item-title">起止时间</span>
  621. <span>{item.startDateFormattedDate + ' -- ' + item.endDateFormattedDate}</span>
  622. </div>
  623. </div>
  624. <div className="all-item">
  625. <span className="item-title">技术领域</span>
  626. <span>{getTechField(Number(item.technicalField1), item.technicalField2 ? Number(item.technicalField2) : null, item.technicalField3 ? Number(item.technicalField3) : null)}</span>
  627. </div>
  628. <div className="clearfix">
  629. <div className="half-item">
  630. <span className="item-title">技术来源</span>
  631. <span>{getTechnicalSource(item.technicalSource)}</span>
  632. </div>
  633. <div className="half-item">
  634. <span className="item-title">知识产权编号</span>
  635. <span>{item.intellectualPropertyNumber}</span>
  636. </div>
  637. <div className="half-item">
  638. <span className="item-title">研发费用总预算</span>
  639. <span>{item.budget}</span>
  640. <span>万元</span>
  641. </div>
  642. <div className="half-item">
  643. <span className="item-title">研发费用近三年总支出</span>
  644. <span>{item.firstYearExpenditure + item.secondYearExpenditure + item.thirdYearExpenditure}</span>
  645. <span>万元</span>
  646. </div>
  647. <div className="half-item">
  648. <span className="item-title">其中 第一年</span>
  649. <span>{item.firstYearExpenditure}</span>
  650. <span>万元</span>
  651. </div>
  652. <div className="half-item">
  653. <span className="item-title">第二年</span>
  654. <span>{item.secondYearExpenditure}</span>
  655. <span>万元</span>
  656. </div>
  657. <div className="half-item">
  658. <span className="item-title">第三年</span>
  659. <span>{item.thirdYearExpenditure}</span>
  660. <span>万元</span>
  661. </div>
  662. </div>
  663. <div className="all-item">
  664. <span className="item-title">目的及组织实施方式</span>
  665. <span>{item.implement}</span>
  666. </div>
  667. <div className="all-item">
  668. <span className="item-title">核心技术及创新点</span>
  669. <span>{item.technologyInnovation}</span>
  670. </div>
  671. <div className="all-item">
  672. <span className="item-title">取得的阶段性成果</span>
  673. <span>{item.achievement}</span>
  674. </div>
  675. </li>
  676. )
  677. });
  678. };
  679. this.setState({
  680. activityData: theArr
  681. });
  682. }.bind(this)).always(function () {
  683. this.loadActivityCostData(uid);
  684. }.bind(this));
  685. },
  686. //第五
  687. loadActivityCostData(uid) {
  688. $.when($.ajax({
  689. method: "post",
  690. dataType: "json",
  691. crossDomain: false,
  692. url: globalConfig.context + "/api/admin/activityCostList",
  693. data: {
  694. uid: uid,
  695. year: this.state.year - 2
  696. }
  697. }), $.ajax({
  698. method: "post",
  699. dataType: "json",
  700. crossDomain: false,
  701. url: globalConfig.context + "/api/admin/activityCostList",
  702. data: {
  703. uid: uid,
  704. year: this.state.year - 1
  705. }
  706. }), $.ajax({
  707. method: "post",
  708. dataType: "json",
  709. crossDomain: false,
  710. url: globalConfig.context + "/api/admin/activityCostList",
  711. data: {
  712. uid: uid,
  713. year: this.state.year
  714. }
  715. })).done(function (data1, data2, data3) {
  716. let firstArr = [];
  717. let secondArr = [];
  718. let thirdArr = [];
  719. if (!data1[0].data && !data1[0].data.list) {
  720. if (data1[0].error && data1[0].error.length) {
  721. message.warning(data1[0].error[0].message);
  722. };
  723. } else {
  724. data1[0].data.list.map(function (item) {
  725. firstArr.push({
  726. id: item.id,
  727. uid: item.uid,
  728. aid: item.aid,
  729. activityNumber: item.activityNumber,
  730. year: item.year,
  731. startDate: item.startDate,
  732. endDate: item.endDate,
  733. internalAllCost:
  734. item.internalLaborCost + item.internalDirectCost + item.internalDepreciationCost +
  735. item.internalAmortizationCost + item.internalAmortizationCost + item.internalDesignCost +
  736. item.internalEquipmentCost + item.internalOtherCost,
  737. internalLaborCost: item.internalLaborCost,
  738. internalDirectCost: item.internalDirectCost,
  739. internalDepreciationCost: item.internalDepreciationCost,
  740. internalAmortizationCost: item.internalAmortizationCost,
  741. internalDesignCost: item.internalDesignCost,
  742. internalEquipmentCost: item.internalEquipmentCost,
  743. internalOtherCost: item.internalOtherCost,
  744. externalTotalCost: item.externalTotalCost,
  745. externalAbroadCost: item.externalAbroadCost,
  746. allCost:
  747. item.internalLaborCost + item.internalDirectCost + item.internalDepreciationCost +
  748. item.internalAmortizationCost + item.internalAmortizationCost + item.internalDesignCost +
  749. item.internalEquipmentCost + item.internalOtherCost + item.externalTotalCost,
  750. enterpriseFiller: item.enterpriseFiller,
  751. signDate: item.signDate,
  752. signDateFormattedDate: item.signDateFormattedDate,
  753. sortNumber: item.sortNumber,
  754. startDateFormattedDate: item.startDateFormattedDate,
  755. endDateFormattedDate: item.endDateFormattedDate,
  756. accountDownloadFileName: item.accountDownloadFileName,
  757. accountUrl: item.accountUrl
  758. });
  759. });
  760. };
  761. if (!data2[0].data && !data2[0].data.list) {
  762. if (data2[0].error && data2[0].error.length) {
  763. message.warning(data2[0].error[0].message);
  764. };
  765. } else {
  766. data2[0].data.list.map(function (item) {
  767. secondArr.push({
  768. id: item.id,
  769. uid: item.uid,
  770. aid: item.aid,
  771. activityNumber: item.activityNumber,
  772. year: item.year,
  773. startDate: item.startDate,
  774. endDate: item.endDate,
  775. internalAllCost:
  776. item.internalLaborCost + item.internalDirectCost + item.internalDepreciationCost +
  777. item.internalAmortizationCost + item.internalAmortizationCost + item.internalDesignCost +
  778. item.internalEquipmentCost + item.internalOtherCost,
  779. internalLaborCost: item.internalLaborCost,
  780. internalDirectCost: item.internalDirectCost,
  781. internalDepreciationCost: item.internalDepreciationCost,
  782. internalAmortizationCost: item.internalAmortizationCost,
  783. internalDesignCost: item.internalDesignCost,
  784. internalEquipmentCost: item.internalEquipmentCost,
  785. internalOtherCost: item.internalOtherCost,
  786. externalTotalCost: item.externalTotalCost,
  787. externalAbroadCost: item.externalAbroadCost,
  788. allCost:
  789. item.internalLaborCost + item.internalDirectCost + item.internalDepreciationCost +
  790. item.internalAmortizationCost + item.internalAmortizationCost + item.internalDesignCost +
  791. item.internalEquipmentCost + item.internalOtherCost + item.externalTotalCost,
  792. enterpriseFiller: item.enterpriseFiller,
  793. signDate: item.signDate,
  794. signDateFormattedDate: item.signDateFormattedDate,
  795. sortNumber: item.sortNumber,
  796. startDateFormattedDate: item.startDateFormattedDate,
  797. endDateFormattedDate: item.endDateFormattedDate,
  798. accountDownloadFileName: item.accountDownloadFileName,
  799. accountUrl: item.accountUrl
  800. });
  801. });
  802. };
  803. if (!data3[0].data && !data3[0].data.list) {
  804. if (data3[0].error && data3[0].error.length) {
  805. message.warning(data3[0].error[0].message);
  806. };
  807. } else {
  808. data3[0].data.list.map(function (item) {
  809. thirdArr.push({
  810. id: item.id,
  811. uid: item.uid,
  812. aid: item.aid,
  813. activityNumber: item.activityNumber,
  814. year: item.year,
  815. startDate: item.startDate,
  816. endDate: item.endDate,
  817. internalAllCost:
  818. item.internalLaborCost + item.internalDirectCost + item.internalDepreciationCost +
  819. item.internalAmortizationCost + item.internalAmortizationCost + item.internalDesignCost +
  820. item.internalEquipmentCost + item.internalOtherCost,
  821. internalLaborCost: item.internalLaborCost,
  822. internalDirectCost: item.internalDirectCost,
  823. internalDepreciationCost: item.internalDepreciationCost,
  824. internalAmortizationCost: item.internalAmortizationCost,
  825. internalDesignCost: item.internalDesignCost,
  826. internalEquipmentCost: item.internalEquipmentCost,
  827. internalOtherCost: item.internalOtherCost,
  828. externalTotalCost: item.externalTotalCost,
  829. externalAbroadCost: item.externalAbroadCost,
  830. allCost:
  831. item.internalLaborCost + item.internalDirectCost + item.internalDepreciationCost +
  832. item.internalAmortizationCost + item.internalAmortizationCost + item.internalDesignCost +
  833. item.internalEquipmentCost + item.internalOtherCost + item.externalTotalCost,
  834. enterpriseFiller: item.enterpriseFiller,
  835. signDate: item.signDate,
  836. signDateFormattedDate: item.signDateFormattedDate,
  837. sortNumber: item.sortNumber,
  838. startDateFormattedDate: item.startDateFormattedDate,
  839. endDateFormattedDate: item.endDateFormattedDate,
  840. accountDownloadFileName: item.accountDownloadFileName,
  841. accountUrl: item.accountUrl
  842. });
  843. });
  844. };
  845. this.setState({
  846. firstActivityData: firstArr,
  847. secondActivityData: secondArr,
  848. thirdActivityData: thirdArr
  849. });
  850. }.bind(this)).always(function () {
  851. this.loadTechProductData(uid);
  852. }.bind(this));
  853. },
  854. //第六
  855. loadTechProductData(uid) {
  856. $.ajax({
  857. method: "post",
  858. dataType: "json",
  859. crossDomain: false,
  860. url: globalConfig.context + "/api/admin/techProductList",
  861. data: {
  862. uid: uid,
  863. year: this.state.year
  864. }
  865. }).done(function (data) {
  866. let theArr = [];
  867. if (!data.data) {
  868. if (data.error && data.error.length) {
  869. message.warning(data.error[0].message);
  870. }
  871. } else {
  872. data.data.list.map(function (item) {
  873. theArr.push(
  874. <li key={item.id}>
  875. <p style={{ marginBottom: '10px', fontSize: '14px' }}><span>编号 </span> {item.serialNumber}</p>
  876. <div className="all-item">
  877. <span className="item-title">产品(服务)名称</span>
  878. <span>{item.productName}</span>
  879. </div>
  880. <div className="all-item">
  881. <span className="item-title">技术领域</span>
  882. <span>{getTechField(Number(item.technicalField1), item.technicalField2 ? Number(item.technicalField2) : null, item.technicalField3 ? Number(item.technicalField3) : null)}</span>
  883. </div>
  884. <div className="clearfix">
  885. <div className="half-item">
  886. <span className="item-title">技术来源</span>
  887. <span>{getTechnicalSource(item.technicalSource)}</span>
  888. </div>
  889. <div className="half-item">
  890. <span className="item-title">上年度销售收入</span>
  891. <span>{item.lastYearRevenue}</span>
  892. <span>万元</span>
  893. </div>
  894. <div className="half-item">
  895. <span className="item-title">是否主要产品(服务)</span>
  896. <span>{item.mainProduct == 1 ? '是' : '否'}</span>
  897. </div>
  898. <div className="half-item">
  899. <span className="item-title">知识产权编号</span>
  900. <span>{item.intellectualPropertyNumber}</span>
  901. </div>
  902. </div>
  903. <div className="all-item">
  904. <span className="item-title">关键技术及主要技术指标</span>
  905. <span>{item.keyTechnology}</span>
  906. </div>
  907. <div className="all-item">
  908. <span className="item-title">与同类产品(服务)的竞争优势</span>
  909. <span>{item.competitiveEdge}</span>
  910. </div>
  911. <div className="all-item">
  912. <span className="item-title">知识产权获得情况及其对产品(服务)在技术上发挥的支持作用</span>
  913. <span>{item.conditionEffect}</span>
  914. </div>
  915. </li>
  916. )
  917. });
  918. };
  919. this.setState({
  920. techProductData: theArr
  921. });
  922. }.bind(this)).always(function () {
  923. this.loadAbilityData(uid);
  924. }.bind(this));
  925. },
  926. //第七
  927. loadAbilityData(uid) {
  928. $.ajax({
  929. method: "post",
  930. dataType: "json",
  931. url: globalConfig.context + "/api/admin/able",
  932. data: {
  933. uid: uid
  934. },
  935. success: function (data) {
  936. if (data.data) {
  937. this.setState({
  938. intellectRight: data.data.intellectRight,
  939. scienceAchievement: data.data.scienceAchievement,
  940. researchInnovation: data.data.researchInnovation,
  941. personnel: data.data.personnel
  942. });
  943. } else if (data.error && data.error.length) {
  944. message.warning(data.error[0].message);
  945. };
  946. }.bind(this),
  947. }).always(function () {
  948. this.loadStandardData(uid);
  949. }.bind(this));
  950. },
  951. //第八
  952. loadStandardData(uid) {
  953. $.ajax({
  954. method: "post",
  955. dataType: "json",
  956. crossDomain: false,
  957. url: globalConfig.context + "/api/admin/standard",
  958. data: {
  959. uid: uid,
  960. year: this.state.year
  961. },
  962. success: function (data) {
  963. let theArr = [];
  964. if (!data.data || !data.data.list) {
  965. if (data.error && data.error.length) {
  966. message.warning(data.error[0].message);
  967. }
  968. } else {
  969. for (let i = 0; i < data.data.list.length; i++) {
  970. let thisdata = data.data.list[i];
  971. theArr.push({
  972. key: i + 1,
  973. id: thisdata.id,
  974. uid: thisdata.uid,
  975. standardName: thisdata.standardName,
  976. standardNumber: thisdata.standardNumber,
  977. year: thisdata.year,
  978. enclosureUrl: thisdata.enclosureUrl,
  979. standardLevel: thisdata.standardLevel,
  980. participateWay: thisdata.participateWay,
  981. createTime: thisdata.createTime,
  982. createTimeFormattedDate: thisdata.createTimeFormattedDate
  983. });
  984. };
  985. };
  986. this.setState({
  987. standardTableData: theArr,
  988. });
  989. }.bind(this),
  990. });
  991. },
  992. componentWillMount() {
  993. if (window.location.search) {
  994. let theArr = getSearchUrl(window.location.search);
  995. this.loadInfoData(theArr[0]);
  996. this.loadHumanData(theArr[0]);
  997. this.loadLegalData(theArr[0]);
  998. };
  999. },
  1000. render() {
  1001. let theData = this.state;
  1002. return (
  1003. <Spin spinning={theData.loading}>
  1004. <div id="Info-box">
  1005. <div className="Info-title">
  1006. {theData.unitName}高企认定材料
  1007. </div>
  1008. <div className="Info-content" >
  1009. <div className="clearfix">
  1010. <div className="half-item">
  1011. <span className="item-title">年份</span>
  1012. <span>{theData.year}</span>
  1013. </div>
  1014. <div className="half-item">
  1015. <span className="item-title">公司名字</span>
  1016. <span>{theData.unitName}</span>
  1017. </div>
  1018. <div className="half-item">
  1019. <span className="item-title">通讯地址</span>
  1020. <span>{theData.postalAddress}</span>
  1021. </div>
  1022. <div className="half-item">
  1023. <span className="item-title">法定代表人</span>
  1024. <span>{theData.legalPerson}</span>
  1025. </div>
  1026. </div>
  1027. <div className="content-title">
  1028. <span>企业注册登记表</span>
  1029. </div>
  1030. <p>法定代表人</p>
  1031. <div className="clearfix">
  1032. <div className="half-item">
  1033. <span className="item-title">电话</span>
  1034. <span>{theData.legalPersonTel}</span>
  1035. </div>
  1036. <div className="half-item">
  1037. <span className="item-title">传真</span>
  1038. <span>{theData.legalPersonFax}</span>
  1039. </div>
  1040. <div className="half-item">
  1041. <span className="item-title">E-mail</span>
  1042. <span>{theData.legalPersonEmail}</span>
  1043. </div>
  1044. </div>
  1045. <p>联系人</p>
  1046. <div className="clearfix">
  1047. <div className="half-item">
  1048. <span className="item-title">姓名</span>
  1049. <span>{theData.firstContacts}</span>
  1050. </div>
  1051. <div className="half-item">
  1052. <span className="item-title">手机</span>
  1053. <span>{theData.firstMobile}</span>
  1054. </div>
  1055. <div className="half-item">
  1056. <span className="item-title">电话</span>
  1057. <span>{theData.contactsFixedTel}</span>
  1058. </div>
  1059. <div className="half-item">
  1060. <span className="item-title">传真</span>
  1061. <span>{theData.contactsFax}</span>
  1062. </div>
  1063. </div>
  1064. <div className="clearfix">
  1065. <div className="half-item">
  1066. <span className="item-title">通讯地址</span>
  1067. <span>{theData.postalAddress}</span>
  1068. </div>
  1069. <div className="half-item">
  1070. <span className="item-title">邮政编码</span>
  1071. <span>{theData.postcode}</span>
  1072. </div>
  1073. </div>
  1074. <div className="all-item">
  1075. <span className="item-title">企业名称</span>
  1076. <span>{theData.unitName}</span>
  1077. </div>
  1078. <div className="clearfix">
  1079. <div className="half-item">
  1080. <span className="item-title">法定代表人</span>
  1081. <span>{theData.legalPerson}</span>
  1082. </div>
  1083. <div className="half-item">
  1084. <span className="item-title">身份证号/护照号</span>
  1085. <span>{theData.legalPersonIdCard}</span>
  1086. </div>
  1087. <div className="half-item">
  1088. <span className="item-title">注册时间</span>
  1089. <span>{theData.registrationTime}</span>
  1090. </div>
  1091. <div className="half-item">
  1092. <span className="item-title">企业规模</span>
  1093. <span>{getScaleState(theData.enterpriseScale)}</span>
  1094. </div>
  1095. <div className="half-item">
  1096. <span className="item-title">注册类型</span>
  1097. <span>{getCompanyType(Number(theData.registerType[0]), theData.registerType[1] ? Number(theData.registerType[1]) : null)}</span>
  1098. </div>
  1099. <div className="half-item">
  1100. <span className="item-title">外资来源地</span>
  1101. <span>{theData.foreignInvestment}</span>
  1102. </div>
  1103. </div>
  1104. <div className="all-item">
  1105. <span className="item-title">技术领域</span>
  1106. <span>{getTechField(Number(theData.field[0]), theData.field[1] ? Number(theData.field[1]) : null, theData.field[2] ? Number(theData.field[2]) : null)}</span>
  1107. </div>
  1108. <div className="clearfix">
  1109. <div className="half-item">
  1110. <span className="item-title">组织机构代码/统一社会信用代码</span>
  1111. <span>{theData.orgCode}</span>
  1112. </div>
  1113. <div className="half-item">
  1114. <span className="item-title">税务登记号/统一社会信用代码</span>
  1115. <span>{theData.ratepayCode}</span>
  1116. </div>
  1117. </div>
  1118. <div className="clearfix">
  1119. <div className="half-item">
  1120. <span className="item-title">主管税务机关</span>
  1121. <span>{
  1122. (() => {
  1123. if (theData.taxAuthority == '0') {
  1124. return '国税';
  1125. } else if (theData.taxAuthority == '1') {
  1126. return '地税';
  1127. };
  1128. })()
  1129. }</span>
  1130. </div>
  1131. <div className="half-item">
  1132. <span className="item-title">所得税征收方式</span>
  1133. <span>{
  1134. (() => {
  1135. if (theData.ratepayMethod == '0') {
  1136. return '查账征收';
  1137. } else if (theData.ratepayMethod == '1') {
  1138. return '核定征收';
  1139. };
  1140. })()
  1141. }</span>
  1142. </div>
  1143. <div className="half-item">
  1144. <span className="item-title">行政区域</span>
  1145. <span>{theData.address[0] + ' / ' + theData.address[1] + ' / ' + theData.address[2]}</span>
  1146. </div>
  1147. <div className="half-item">
  1148. <span className="item-title">注册资金</span>
  1149. <span>{theData.registeredCapital}</span>
  1150. <span>万元</span>
  1151. </div>
  1152. <div className="half-item">
  1153. <span className="item-title">是否高新区</span>
  1154. <span>{
  1155. (() => {
  1156. if (theData.highTechZone == '0') {
  1157. return '否';
  1158. } else if (theData.highTechZone == '1') {
  1159. return '是';
  1160. };
  1161. })()
  1162. }</span>
  1163. </div>
  1164. <div className="half-item">
  1165. <span className="item-title">高新区名称</span>
  1166. <span>{theData.highTechName}</span>
  1167. </div>
  1168. <div className="half-item">
  1169. <span className="item-title">是否上市</span>
  1170. <span>{
  1171. (() => {
  1172. if (theData.listed == '0') {
  1173. return '否';
  1174. } else if (theData.listed == '1') {
  1175. return '是';
  1176. };
  1177. })()
  1178. }</span>
  1179. </div>
  1180. <div className="half-item">
  1181. <span className="item-title">上市类型</span>
  1182. <span>{
  1183. (() => {
  1184. if (theData.listedType == '0') {
  1185. return '股票型上市公司';
  1186. } else if (theData.listedType == '1') {
  1187. return '债券型上市公司';
  1188. };
  1189. })()
  1190. }</span>
  1191. </div>
  1192. <div className="half-item">
  1193. <span className="item-title">上市时间</span>
  1194. <span>{theData.listedDate}</span>
  1195. </div>
  1196. <div className="half-item">
  1197. <span className="item-title">股票代码</span>
  1198. <span>{theData.stockCode}</span>
  1199. </div>
  1200. <div className="half-item">
  1201. <span className="item-title">所属行业</span>
  1202. <span>{getIndustryType(theData.industry)}</span>
  1203. </div>
  1204. <div className="half-item">
  1205. <span className="item-title">是否引入风投</span>
  1206. <span>{
  1207. (() => {
  1208. if (theData.riskInvestment == '0') {
  1209. return '否';
  1210. } else if (theData.riskInvestment == '1') {
  1211. return '是';
  1212. };
  1213. })()
  1214. }</span>
  1215. </div>
  1216. <p>自然人股权</p>
  1217. <Table className="company-table" style={{ padding: '10px 20px' }}
  1218. columns={this.state.humanColumns}
  1219. dataSource={this.state.humanTableData}
  1220. pagination={false} />
  1221. <p>法人股权</p>
  1222. <Table className="company-table" style={{ padding: '10px 20px' }}
  1223. columns={this.state.legalColumns}
  1224. dataSource={this.state.legalTableData}
  1225. pagination={false} />
  1226. </div>
  1227. <div className="content-title">
  1228. <span>高新企业认定申请</span>
  1229. <span>(主要情况)</span>
  1230. </div>
  1231. <div className="all-item">
  1232. <span className="item-title">技术领域</span>
  1233. <span>{getTechField(Number(theData.field[0]), theData.field[1] ? Number(theData.field[1]) : null, theData.field[2] ? Number(theData.field[2]) : null)}</span>
  1234. </div>
  1235. <p>获得知识产权数量(件)</p>
  1236. <div className="clearfix">
  1237. <div className="half-item">
  1238. <span className="item-title">Ⅰ 类</span>
  1239. <span>{theData.firstCatagory}</span>
  1240. </div>
  1241. <div className="half-item">
  1242. <span className="item-title">Ⅱ 类</span>
  1243. <span>{theData.secondCatagory}</span>
  1244. </div>
  1245. </div>
  1246. <p>人力资源情况(人)</p>
  1247. <div className="clearfix">
  1248. <div className="half-item">
  1249. <span className="item-title">职工总数</span>
  1250. <span>{theData.firmTotal}</span>
  1251. </div>
  1252. <div className="half-item">
  1253. <span className="item-title">科技人员数</span>
  1254. <span>{theData.techTotal}</span>
  1255. </div>
  1256. </div>
  1257. <p>近三年经营状况(万元)</p>
  1258. <Table
  1259. pagination={false}
  1260. dataSource={this.state.moneyTable}
  1261. columns={this.state.moneyColumns} />
  1262. <div className="clearfix">
  1263. <div className="half-item">
  1264. <span className="item-title">净资产增长率</span>
  1265. <span>{(this.state.netAssetRate * 100).toFixed(2) + '%'}</span>
  1266. </div>
  1267. <div className="half-item">
  1268. <span className="item-title">销售收入增长率</span>
  1269. <span>{(this.state.salesRevenueRate * 100).toFixed(2) + '%'}</span>
  1270. </div>
  1271. </div>
  1272. <div className="clearfix">
  1273. <div className="half-item">
  1274. <span className="item-title">近三年研究开发费用总额</span>
  1275. <span>{theData.researchCost}</span>
  1276. <span> 万元</span>
  1277. </div>
  1278. <div className="half-item">
  1279. <span className="item-title">在中国境内研发费用总和</span>
  1280. <span>{theData.territory}</span>
  1281. <span> 万元</span>
  1282. </div>
  1283. <div className="half-item">
  1284. <span className="item-title">基础研究投入费用总额</span>
  1285. <span>{theData.basicResearchCost}</span>
  1286. <span> 万元</span>
  1287. </div>
  1288. <div className="half-item">
  1289. <span className="item-title">近一年企业总收入</span>
  1290. <span>{theData.totalRevenue}</span>
  1291. <span> 万元</span>
  1292. </div>
  1293. <div className="half-item">
  1294. <span className="item-title">近一年高新技术产品收入</span>
  1295. <span>{theData.lastYearRevenue}</span>
  1296. <span> 万元</span>
  1297. </div>
  1298. <div className="half-item">
  1299. <span className="item-title" style={{ width: 400 }}>申请认定前一年内是否发生过重大安全、重大质量或严重环境违法行为</span>
  1300. <span>{(() => {
  1301. if (theData.accident == 0) {
  1302. return '否';
  1303. } else if (theData.accident == 1) {
  1304. return '是';
  1305. };
  1306. })()}</span>
  1307. </div>
  1308. </div>
  1309. <div className="content-title">
  1310. <span>高新企业认定申请</span>
  1311. <span>(知识产权汇总)</span>
  1312. </div>
  1313. <p>获得知识产权数量(件)(Ⅰ 类)</p>
  1314. <div className="clearfix">
  1315. <div className="half-item">
  1316. <span className="item-title">发明专利</span>
  1317. <span>{theData.inventionPatent}</span>
  1318. </div>
  1319. <div className="half-item">
  1320. <span className="item-title">国防专利</span>
  1321. <span>{theData.defensePatent}</span>
  1322. </div>
  1323. <div className="half-item">
  1324. <span className="item-title">植物新品种</span>
  1325. <span>{theData.newPlantCariety}</span>
  1326. </div>
  1327. <div className="half-item">
  1328. <span className="item-title">国家级农作物品种</span>
  1329. <span>{theData.nationalCrop}</span>
  1330. </div>
  1331. <div className="half-item">
  1332. <span className="item-title">国家新药</span>
  1333. <span>{theData.nationalDrug}</span>
  1334. </div>
  1335. <div className="half-item">
  1336. <span className="item-title">国家一级中药保护品种</span>
  1337. <span>{theData.chineseMedicine}</span>
  1338. </div>
  1339. <div className="half-item">
  1340. <span className="item-title">集成电路布图</span>
  1341. <span>{theData.circuitDesign}</span>
  1342. </div>
  1343. </div>
  1344. <p>获得知识产权数量(件)(Ⅱ 类)</p>
  1345. <div className="clearfix">
  1346. <div className="half-item">
  1347. <span className="item-title">实用新型</span>
  1348. <span>{theData.utilityPatent}</span>
  1349. </div>
  1350. <div className="half-item">
  1351. <span className="item-title">软著</span>
  1352. <span>{theData.softwareWorks}</span>
  1353. </div>
  1354. <div className="half-item">
  1355. <span className="item-title">外观设计</span>
  1356. <span>{theData.exteriorPatent}</span>
  1357. </div>
  1358. </div>
  1359. <Table
  1360. pagination={false}
  1361. dataSource={this.state.intellectualTableData}
  1362. columns={this.state.intellectualColumns} />
  1363. <div className="content-title">
  1364. <span>人力资源情况表</span>
  1365. </div>
  1366. <p>总体情况</p>
  1367. <div className="clearfix">
  1368. <div className="half-item">
  1369. <span className="item-title" style={{ marginLeft: 150 }}>企业职工</span>
  1370. </div>
  1371. <div className="half-item">
  1372. <span className="item-title" style={{ marginLeft: 150 }}>科技人员</span>
  1373. </div>
  1374. <div className="half-item">
  1375. <span className="item-title">总数</span>
  1376. <span>{theData.firmTotal}</span>
  1377. </div>
  1378. <div className="half-item">
  1379. <span className="item-title"></span>
  1380. <span>{theData.techTotal}</span>
  1381. </div>
  1382. <div className="half-item">
  1383. <span className="item-title">在职人员</span>
  1384. <span>{theData.firmInService}</span>
  1385. </div>
  1386. <div className="half-item">
  1387. <span className="item-title"></span>
  1388. <span>{theData.techInService}</span>
  1389. </div>
  1390. <div className="half-item">
  1391. <span className="item-title">兼职人员</span>
  1392. <span>{theData.firmPartTime}</span>
  1393. </div>
  1394. <div className="half-item">
  1395. <span className="item-title"></span>
  1396. <span>{theData.techPartTime}</span>
  1397. </div>
  1398. <div className="half-item">
  1399. <span className="item-title">临时聘用人员</span>
  1400. <span>{theData.firmTemporary}</span>
  1401. </div>
  1402. <div className="half-item">
  1403. <span className="item-title"></span>
  1404. <span>{theData.techTemporary}</span>
  1405. </div>
  1406. <div className="half-item">
  1407. <span className="item-title">外籍人员</span>
  1408. <span>{theData.firmForeign}</span>
  1409. </div>
  1410. <div className="half-item">
  1411. <span className="item-title"></span>
  1412. <span>{theData.techForeign}</span>
  1413. </div>
  1414. <div className="half-item">
  1415. <span className="item-title">留学归国人员</span>
  1416. <span>{theData.firmAbroad}</span>
  1417. </div>
  1418. <div className="half-item">
  1419. <span className="item-title"></span>
  1420. <span>{theData.techAbroad}</span>
  1421. </div>
  1422. <div className="half-item">
  1423. <span className="item-title">千人计划</span>
  1424. <span>{theData.firmCore}</span>
  1425. </div>
  1426. <div className="half-item">
  1427. <span className="item-title"></span>
  1428. <span>{theData.techCore}</span>
  1429. </div>
  1430. </div>
  1431. <p>全体人员结构</p>
  1432. <p>学历</p>
  1433. <div className="clearfix">
  1434. <div className="half-item">
  1435. <span className="item-title">博士</span>
  1436. <span>{theData.doctor}</span>
  1437. </div>
  1438. <div className="half-item">
  1439. <span className="item-title">硕士</span>
  1440. <span>{theData.master}</span>
  1441. </div>
  1442. <div className="half-item">
  1443. <span className="item-title">本科</span>
  1444. <span>{theData.undergraduate}</span>
  1445. </div>
  1446. <div className="half-item">
  1447. <span className="item-title">大专及以下</span>
  1448. <span>{theData.college}</span>
  1449. </div>
  1450. </div>
  1451. <p>职称</p>
  1452. <div className="clearfix">
  1453. <div className="half-item">
  1454. <span className="item-title">高级职称</span>
  1455. <span>{theData.seniorTitle}</span>
  1456. </div>
  1457. <div className="half-item">
  1458. <span className="item-title">中级职称</span>
  1459. <span>{theData.intermediateTitle}</span>
  1460. </div>
  1461. <div className="half-item">
  1462. <span className="item-title">初级职称</span>
  1463. <span>{theData.juniorTitle}</span>
  1464. </div>
  1465. <div className="half-item">
  1466. <span className="item-title">高级技工</span>
  1467. <span>{theData.seniorMechanic}</span>
  1468. </div>
  1469. </div>
  1470. <p>年龄</p>
  1471. <div className="clearfix">
  1472. <div className="half-item">
  1473. <span className="item-title">30及以下</span>
  1474. <span>{theData.belowThirty}</span>
  1475. </div>
  1476. <div className="half-item">
  1477. <span className="item-title">31-40</span>
  1478. <span>{theData.thirtyoneToThirtyfour}</span>
  1479. </div>
  1480. <div className="half-item">
  1481. <span className="item-title">41-50</span>
  1482. <span>{theData.fortyoneToFifty}</span>
  1483. </div>
  1484. <div className="half-item">
  1485. <span className="item-title">51及以上</span>
  1486. <span>{theData.aboveFifty}</span>
  1487. </div>
  1488. </div>
  1489. <div className="content-title">
  1490. <span>企业研究开发活动情况表</span>
  1491. </div>
  1492. <ul>{this.state.activityData}</ul>
  1493. <div className="content-title">
  1494. <span>企业年度研发费用结构明细表</span>
  1495. </div>
  1496. <p style={{ marginBottom: '10px', fontSize: '14px' }}>{this.state.year - 2} 年度 单位:万元</p>
  1497. <Table columns={this.state.activityCostColumns}
  1498. dataSource={this.state.firstActivityData}
  1499. pagination={false} />
  1500. <p style={{ marginBottom: '10px', fontSize: '14px' }}>{this.state.year - 1} 年度 单位:万元</p>
  1501. <Table columns={this.state.activityCostColumns}
  1502. dataSource={this.state.secondActivityData}
  1503. pagination={false} />
  1504. <p style={{ marginBottom: '10px', fontSize: '14px' }}>{this.state.year} 年度 单位:万元</p>
  1505. <Table columns={this.state.activityCostColumns}
  1506. dataSource={this.state.thirdActivityData}
  1507. pagination={false} />
  1508. <div className="content-title">
  1509. <span>上年度高新技术产品(服务)情况表</span>
  1510. </div>
  1511. <ul>{this.state.techProductData}</ul>
  1512. <div className="content-title">
  1513. <span>创业创新能力</span>
  1514. </div>
  1515. <div className="clearfix">
  1516. <div className="all-item">
  1517. <span className="item-title">知识产权对企业竞争力的作用</span>
  1518. <span>{theData.intellectRight}</span>
  1519. </div>
  1520. <div className="all-item">
  1521. <span className="item-title">科技成果转化情况</span>
  1522. <span>{theData.scienceAchievement}</span>
  1523. </div>
  1524. <div className="all-item">
  1525. <span className="item-title">研究开发与技术创新组织管理情况</span>
  1526. <span>{theData.researchInnovation}</span>
  1527. </div>
  1528. <div className="all-item">
  1529. <span className="item-title">管理与科技人员情况</span>
  1530. <span>{theData.personnel}</span>
  1531. </div>
  1532. </div>
  1533. <div className="content-title">
  1534. <span>企业参与国家标准或行业制定情况汇总表</span>
  1535. </div>
  1536. <Table columns={this.state.standardColumns}
  1537. dataSource={this.state.standardTableData}
  1538. pagination={false} />
  1539. </div>
  1540. </div>
  1541. </Spin>
  1542. );
  1543. }
  1544. });
  1545. export default highTechInfo;