highTechInfo.jsx 74 KB

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