myTaskCount.jsx 78 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248
  1. import React from 'react';
  2. import {
  3. Button,
  4. Input,
  5. Spin,
  6. Table,
  7. message,
  8. DatePicker,
  9. Upload,
  10. Form,
  11. Modal,
  12. Select,
  13. Tabs,
  14. Tag
  15. } from "antd";
  16. import $ from 'jquery/src/ajax';
  17. import moment from 'moment';
  18. import ResolutionDetail from "@/resolutionDetail";
  19. import {
  20. getLiquidationStatus,
  21. getProcessStatus,
  22. splitUrl,
  23. getboutique,
  24. getTaskStatus,
  25. getApproval,
  26. getprovince,
  27. getProjectStatus,
  28. getProjectName
  29. } from "@/tools.js";
  30. import {ChooseList} from "../../order/orderNew/chooseList";
  31. import PatentSchedule from './patentSchedule';
  32. const { TabPane } = Tabs
  33. const MyTaskCount = Form.create()(
  34. React.createClass({
  35. departmentList() {
  36. $.ajax({
  37. method: "get",
  38. dataType: "json",
  39. crossDomain: false,
  40. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  41. data: {},
  42. success: function(data) {
  43. let thedata = data.data;
  44. let theArr = [];
  45. if (!thedata) {
  46. if (data.error && data.error.length) {
  47. message.warning(data.error[0].message);
  48. }
  49. } else {
  50. thedata.map(function(item, index) {
  51. theArr.push({
  52. key: index,
  53. name: item.name,
  54. id: item.id
  55. });
  56. });
  57. }
  58. this.setState({
  59. departmentArr: theArr
  60. });
  61. }.bind(this)
  62. }).always(
  63. function() {
  64. }.bind(this)
  65. );
  66. },
  67. loadData(pageNo) {
  68. this.setState({
  69. visitModul: false,
  70. loading: true,
  71. ispage: pageNo,
  72. modalVisible: false
  73. });
  74. let nameText = this.state.SuperArr;
  75. let superText =
  76. this.state.cid && typeof this.state.cid != "object"
  77. ? nameText[parseInt(this.state.cid)].id
  78. : "";
  79. if (superText) {
  80. $.ajax({
  81. method: "get",
  82. dataType: "json",
  83. crossDomain: false,
  84. url: globalConfig.context + "/api/admin/orderProject/taskHoursList",
  85. data: {
  86. pageNo: pageNo || 1,
  87. pageSize: this.state.pagination.pageSize,
  88. name: this.state.customerName, //名称
  89. taskId: this.state.idSearch, //订单编号
  90. orderNo: this.state.orderNoSearch,
  91. starTime: this.state.releaseDate[0], //开始时间
  92. endTime: this.state.releaseDate[1], //结束时间
  93. contractNo: this.state.contractNoSearch,
  94. cid: superText, //业务分类
  95. depId: this.state.departmenttList, //部门ID
  96. outsource: this.state.outsourceSearch
  97. },
  98. success: function(data) {
  99. let theArr = [];
  100. if (data.error.length || data.data.list == "") {
  101. if (data.error && data.error.length) {
  102. message.warning(data.error[0].message);
  103. }
  104. } else {
  105. for (let i = 0; i < data.data.list.length; i++) {
  106. let thisdata = data.data.list[i];
  107. theArr.push({
  108. key: i,
  109. id: thisdata.id, //ID
  110. orderNo: thisdata.orderNo, //订单编号
  111. taskName: thisdata.taskName, //任务名称
  112. userName: thisdata.userName, //客户名称
  113. cname: thisdata.cname, //项目品类
  114. taskStatus: thisdata.taskStatus, //任务状态
  115. receiverName: thisdata.receiverName, //负责人
  116. hours: thisdata.hours, //任务工时
  117. depName: thisdata.depName, //派单公司
  118. contractNo: thisdata.contractNo,
  119. signTime: thisdata.signTime,
  120. creteTime: thisdata.creteTime,
  121. projectStatus: thisdata.projectStatus,
  122. commodityPrice: thisdata.commodityPrice, //价格
  123. commodityQuantity: thisdata.commodityQuantity, //数量
  124. salesmanName: thisdata.salesmanName, //订单负责人
  125. taskDistributionTime: thisdata.taskDistributionTime,
  126. taskEndTime: thisdata.taskEndTime,
  127. outsource: thisdata.outsource,
  128. splitStatus: thisdata.splitStatus,
  129. splitSuper: thisdata.splitSuper,
  130. splitId: thisdata.splitId
  131. });
  132. }
  133. this.state.pagination.total = data.data.totalCount;
  134. }
  135. if (data.data && data.data.list && !data.data.list.length) {
  136. this.state.pagination.total = 0;
  137. }
  138. this.setState({
  139. dataSource: theArr,
  140. pageNo: pageNo,
  141. pagination: this.state.pagination,
  142. selectedRowKeys: []
  143. });
  144. }.bind(this)
  145. }).always(
  146. function() {
  147. this.setState({
  148. loading: false
  149. });
  150. }.bind(this)
  151. );
  152. } else {
  153. $.ajax({
  154. method: "get",
  155. dataType: "json",
  156. crossDomain: false,
  157. url: globalConfig.context + "/api/admin/orderProject/taskHoursList",
  158. data: {
  159. pageNo: pageNo || 1,
  160. pageSize: this.state.pagination.pageSize,
  161. name: this.state.customerName, //名称
  162. taskId: this.state.idSearch, //订单编号
  163. orderNo: this.state.orderNoSearch,
  164. starTime: this.state.releaseDate[0], //开始时间
  165. endTime: this.state.releaseDate[1], //结束时间
  166. contractNo: this.state.contractNoSearch,
  167. depId: this.state.departmenttList, //部门ID
  168. outsource: this.state.outsourceSearch
  169. },
  170. success: function(data) {
  171. let theArr = [];
  172. if (data.error.length || data.data.list == "") {
  173. if (data.error && data.error.length) {
  174. message.warning(data.error[0].message);
  175. }
  176. } else {
  177. for (let i = 0; i < data.data.list.length; i++) {
  178. let thisdata = data.data.list[i];
  179. thisdata.key = i;
  180. theArr.push(thisdata);
  181. }
  182. this.state.pagination.total = data.data.totalCount;
  183. }
  184. if (data.data && data.data.list && !data.data.list.length) {
  185. this.state.pagination.total = 0;
  186. }
  187. this.setState({
  188. dataSource: theArr,
  189. pageNo: pageNo,
  190. pagination: this.state.pagination,
  191. selectedRowKeys: []
  192. });
  193. }.bind(this)
  194. }).always(
  195. function() {
  196. this.setState({
  197. loading: false
  198. });
  199. }.bind(this)
  200. );
  201. }
  202. },
  203. getInitialState() {
  204. return {
  205. loading: false,
  206. page: 1,
  207. releaseDate: [],
  208. selectedRowKeys: [],
  209. timeRecordparse:{},
  210. orgCodeUrl: [],
  211. paginations: false,
  212. pagination: {
  213. defaultCurrent: 1,
  214. defaultPageSize: 10,
  215. showQuickJumper: true,
  216. pageSize: 10,
  217. onChange: function(page) {
  218. this.loadData(page);
  219. }.bind(this),
  220. showTotal: function(total) {
  221. return "共" + total + "条数据";
  222. }
  223. },
  224. columns: [
  225. {
  226. title: "合同编号",
  227. dataIndex: "contractNo",
  228. key: "contractNo"
  229. },
  230. {
  231. title: "订单编号",
  232. dataIndex: "orderNo",
  233. key: "orderNo"
  234. },
  235. {
  236. title: "项目编号",
  237. dataIndex: "id",
  238. key: "id",
  239. render: (text, record) => {
  240. if (record.splitStatus == 2) {
  241. return <span>{record.splitSuper + "-" + record.splitId}</span>;
  242. } else {
  243. return text;
  244. }
  245. }
  246. },
  247. {
  248. title: "客户名称",
  249. dataIndex: "userName",
  250. key: "userName",
  251. render: text => {
  252. return text && text.length > 9 ? text.substr(0, 9) + "..." : text;
  253. }
  254. },
  255. {
  256. title: "订单部门",
  257. dataIndex: "depName",
  258. key: "depName"
  259. },
  260. {
  261. title: "订单负责人",
  262. dataIndex: "salesmanName",
  263. key: "salesmanName"
  264. },
  265. {
  266. title: "项目类别",
  267. dataIndex: "cname",
  268. key: "cname"
  269. },
  270. {
  271. title: "项目名称",
  272. dataIndex: "taskName",
  273. key: "taskName"
  274. },
  275. {
  276. title: "项目负责人",
  277. dataIndex: "receiverName",
  278. key: "receiverName"
  279. },
  280. {
  281. title: "项目价格(万元)",
  282. dataIndex: "commodityPrice",
  283. key: "commodityPrice"
  284. },
  285. {
  286. title: "实际成本(万元)",
  287. dataIndex: "costAmount",
  288. key: "costAmount"
  289. },
  290. {
  291. title: "已付成本(万元)",
  292. dataIndex: "partyAmount",
  293. key: "partyAmount"
  294. },
  295. {
  296. title: "数量(个)",
  297. dataIndex: "commodityQuantity",
  298. key: "commodityQuantity"
  299. },
  300. {
  301. title: "任务状态",
  302. dataIndex: "taskStatus",
  303. key: "taskStatus",
  304. render: text => {
  305. return getTaskStatus(text);
  306. }
  307. },
  308. {
  309. title: "项目状态",
  310. dataIndex: "projectStatus",
  311. key: "projectStatus",
  312. render: text => {
  313. return getProjectStatus(text);
  314. }
  315. },
  316. {
  317. title: "工时",
  318. dataIndex: "hours",
  319. key: "hours"
  320. },
  321. {
  322. title: "是否外包",
  323. dataIndex: "outsource",
  324. key: "outsource",
  325. render: text => {
  326. if (text == 0) {
  327. return "否";
  328. } else if (text == 1) {
  329. return "是";
  330. }
  331. }
  332. },
  333. {
  334. title: "签单日期",
  335. dataIndex: "signTime",
  336. key: "signTime"
  337. },
  338. {
  339. title: "派单日期",
  340. dataIndex: "creteTime",
  341. key: "creteTime"
  342. },
  343. {
  344. title: "分配时间",
  345. dataIndex: "taskDistributionTime",
  346. key: "taskDistributionTime"
  347. },
  348. {
  349. title: "完成时间",
  350. dataIndex: "taskEndTime",
  351. key: "taskEndTime"
  352. }
  353. ],
  354. data: [],
  355. dataSource: [],
  356. columnsX: [
  357. {
  358. title: "业务项目名称",
  359. dataIndex: "commodityName",
  360. key: "commodityName"
  361. },
  362. {
  363. title: "项目类别",
  364. dataIndex: "cname",
  365. key: "cname"
  366. },
  367. {
  368. title: "项目数量",
  369. dataIndex: "commodityQuantity",
  370. key: "commodityQuantity",
  371. render: (text, record) => {
  372. if (record.splitStatus == 1) {
  373. return (
  374. <span>
  375. {text}{" "}
  376. <Tag
  377. color="#108ee9"
  378. onClick={e => {
  379. e.stopPropagation();
  380. this.showRes(record);
  381. }}
  382. >
  383. 已拆
  384. </Tag>
  385. </span>
  386. );
  387. } else {
  388. return text;
  389. }
  390. }
  391. },
  392. {
  393. title: "金额(万元)",
  394. dataIndex: "commodityPrice",
  395. key: "commodityPrice"
  396. },
  397. {
  398. title: "负责人",
  399. dataIndex: "contacts",
  400. key: "contacts"
  401. },
  402. {
  403. title: "负责人电话",
  404. dataIndex: "contactsMobile",
  405. key: "contactsMobile"
  406. },
  407. {
  408. title: "主要项目",
  409. dataIndex: "main",
  410. key: "main",
  411. render: text => {
  412. return text ? "是" : "否";
  413. }
  414. },
  415. {
  416. title: "项目说明",
  417. dataIndex: "taskComment",
  418. key: "taskComment",
  419. render: text => {
  420. return text && text.length > 8 ? text.substr(0, 8) + "…" : text;
  421. }
  422. }
  423. ],
  424. columnsA: [
  425. {
  426. title: "流程",
  427. dataIndex: "content",
  428. key: "content",
  429. align: "center"
  430. },
  431. {
  432. title: "操作人",
  433. dataIndex: "aName",
  434. key: "aName",
  435. align: "center"
  436. },
  437. {
  438. title: "时间",
  439. dataIndex: "createTimes",
  440. key: "createTimes",
  441. align: "center"
  442. }
  443. ],
  444. dataSourceX: [],
  445. dataSourceA: [],
  446. ContactsLists: [
  447. {
  448. title: "批次",
  449. dataIndex: "num",
  450. key: "num"
  451. },
  452. {
  453. title: "下证时间",
  454. dataIndex: "licenceTimes",
  455. key: "licenceTimes"
  456. },
  457. {
  458. title: "下证数量",
  459. dataIndex: "alreadyNumber",
  460. key: "alreadyNumber"
  461. },
  462. {
  463. title: "未下证数量",
  464. dataIndex: "notCount",
  465. key: "notCount"
  466. }
  467. ]
  468. };
  469. },
  470. //页面加载函数
  471. componentWillMount() {
  472. this.loadData();
  473. this.selectSuperId();
  474. this.departmentList();
  475. },
  476. // //整行点击
  477. tableRowClick(record) {
  478. this.state.RowData = record;
  479. if (record.taskName.substring(0, 5) === "软件著作权") {
  480. this.setState({
  481. speVisible: true,
  482. id: record.id,
  483. splitStatus: record.splitStatus,
  484. splitSuper: record.splitSuper,
  485. splitId: record.splitId,
  486. dataArr: record,
  487. commodityQuantity: record.commodityQuantity
  488. });
  489. } else {
  490. this.setState({
  491. visible: true,
  492. splitStatus: record.splitStatus,
  493. splitSuper: record.splitSuper,
  494. splitId: record.splitId
  495. });
  496. }
  497. this.setState({
  498. isIso: record.taskName.indexOf("贯标") !== -1,
  499. })
  500. this.xiangqing(record.id, record.taskName);
  501. this.xiangqings(record.orderNo);
  502. this.xiangmu(record.orderNo);
  503. this.loaduserss(record);
  504. },
  505. //订单详情
  506. xiangqing(id) {
  507. $.ajax({
  508. method: "get",
  509. dataType: "json",
  510. crossDomain: false,
  511. url: globalConfig.context + "/api/admin/orderProject/orderTaskDetail",
  512. data: {
  513. id: id
  514. },
  515. success: function(data) {
  516. if (data.error.length || data.data.list == "") {
  517. if (data.error && data.error.length) {
  518. message.warning(data.error[0].message);
  519. }
  520. } else {
  521. let thisdata = data.data;
  522. this.setState({
  523. certificationCorporate: thisdata.certificationCorporate,//认证费公司
  524. certificationFee: thisdata.certificationFee,//认证费
  525. ifCertificationFee: thisdata.ifCertificationFee,//是否包含认证费
  526. id: thisdata.id, //ID
  527. orderNo: thisdata.orderNo, //订单编号
  528. userName: thisdata.userName, //客户名称
  529. taskName: thisdata.taskName, //任务名称
  530. cname: thisdata.cname, //项目品类
  531. contractNo: thisdata.contractNo, //合同编号
  532. projectStatus: thisdata.projectStatus, //项目状态
  533. taskStatus: thisdata.taskStatus, //任务状态
  534. taskDate: thisdata.taskDate, //分配时间
  535. taskComment: thisdata.taskComment, //说明
  536. attachmentUrl: thisdata.attachmentUrl
  537. ? splitUrl(
  538. thisdata.attachmentUrl,
  539. ",",
  540. globalConfig.avatarHost + "/upload"
  541. )
  542. : [], //图片地址
  543. salesmanName: thisdata.salesmanName, //订单负责人
  544. startDate: thisdata.startDate, //启动日期
  545. endDate: thisdata.endDate, //结束日期
  546. acceptDate: thisdata.acceptDate, //受理日期
  547. reviewDate: thisdata.reviewDate, //评审日期
  548. publicityDate: thisdata.publicityDate, //公示日期
  549. licenceDate: thisdata.licenceDate, //发证日期
  550. contacts: thisdata.contacts, //联系人
  551. contactMobile: thisdata.contactMobile, //联系人电话
  552. legalPerson: thisdata.legalPerson, //法人
  553. legalPersonTel: thisdata.legalPersonTel, //法人电话
  554. certificateNumber: thisdata.certificateNumber, //证书编号
  555. status: thisdata.status, //状态
  556. formRetrieve: thisdata.formRetrieve, //满意度表格
  557. taskRefund: thisdata.taskRefund, //退单
  558. refundContent: thisdata.refundContent, //退单信息
  559. retrieveContent: thisdata.retrieveContent, //回收信息
  560. arrivalMoney: thisdata.arrivalMoney, //是否到款
  561. setUpAmount: thisdata.setUpAmount, //立项金额
  562. declareUser: thisdata.declareUser, //账号
  563. declarePwd: thisdata.declarePwd, //密码
  564. depName: thisdata.depName, //订单部门
  565. outsourceName: thisdata.outsourceName, //外包公司名称
  566. outsourcePrice: thisdata.outsourcePrice, //外包价格
  567. declarationBatch: thisdata.declarationBatch,
  568. bpType:thisdata.bpType,//0 正常 1专利 2软著 3审计 4双软 5高新 6商标
  569. specialComment: thisdata.specialComment,
  570. urgentDay: thisdata.urgentDay, //有无材料
  571. ifMaterial: thisdata.ifMaterial, //加急情况
  572. spotCheckStatus: thisdata.spotCheckStatus,
  573. setUpStatus: thisdata.setUpStatus,
  574. setUpTime: thisdata.setUpTime,
  575. highTechStatus: thisdata.highTechStatus,
  576. acceptCount:thisdata.acceptCount, //受理数
  577. certificatesCount:thisdata.certificatesCount, //授权数
  578. rejectCount:thisdata.rejectCount, //驳回数
  579. commodityQuantity:thisdata.commodityQuantity, //派单项目数
  580. timeRecordparse: thisdata.timeRecord ? JSON.parse(thisdata.timeRecord) : {},
  581. });
  582. }
  583. }.bind(this)
  584. }).always(
  585. function() {
  586. this.setState({
  587. loading: false
  588. });
  589. }.bind(this)
  590. );
  591. },
  592. // 拆分详细
  593. showRes(record) {
  594. this.setState({
  595. resVisible: true,
  596. resRecord: record
  597. });
  598. },
  599. resCancel() {
  600. this.setState({
  601. resVisible: false
  602. });
  603. },
  604. //订单详情
  605. xiangqings(orderNos) {
  606. $.ajax({
  607. method: "get",
  608. dataType: "json",
  609. crossDomain: false,
  610. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  611. data: {
  612. orderNo: orderNos
  613. },
  614. success: function(data) {
  615. let thisdata = data.data;
  616. let ProvinceCityArr = [];
  617. let ProvinceS = thisdata.locationProvince; //省
  618. let citys = thisdata.locationCity; //市
  619. let Areas = thisdata.locationArea; //区
  620. ProvinceCityArr.push(ProvinceS, citys, Areas);
  621. if (data.error.length || data.data.list == "") {
  622. if (data.error && data.error.length) {
  623. message.warning(data.error[0].message);
  624. }
  625. } else {
  626. this.setState({
  627. processStatus: thisdata.processStatus, //流程状态
  628. liquidationStatus: thisdata.liquidationStatus, //结算状态
  629. approval: thisdata.approval, //特批状态
  630. orderRemarks: thisdata.orderRemarks, //订单留言
  631. salesmanName: thisdata.salesmanName, //营销员名称
  632. salesmanMobile: thisdata.salesmanMobile, //营销员电话
  633. financeName: thisdata.financeName, //财务名称
  634. financeMobile: thisdata.financeMobile, //财务电话
  635. depName: thisdata.depName, //订单部门
  636. locationProvince: thisdata.locationProvince,
  637. locationCity: thisdata.locationCity,
  638. locationArea: thisdata.locationArea,
  639. ProvinceCity: ProvinceCityArr,
  640. postalAddress: thisdata.postalAddress, //详细地址
  641. outsource: thisdata.outsource,
  642. });
  643. }
  644. }.bind(this)
  645. }).always(
  646. function() {
  647. this.setState({
  648. loading: false
  649. });
  650. }.bind(this)
  651. );
  652. },
  653. //查看下证信息
  654. loaduserss(record) {
  655. $.ajax({
  656. method: "get",
  657. dataType: "json",
  658. crossDomain: false,
  659. url:
  660. globalConfig.context + "/api/admin/orderProject/selectTaskProgress",
  661. data: {
  662. tid: record.id
  663. },
  664. success: function(data) {
  665. let theArr = [];
  666. let thisData = [];
  667. if (!thisData) {
  668. if (data.error && data.error.length) {
  669. message.warning(data.error[0].message);
  670. }
  671. thisData = {};
  672. } else {
  673. for (let i = 0; i < data.data.length; i++) {
  674. thisData = data.data[i];
  675. theArr.push({
  676. num: i + 1,
  677. key: i,
  678. id: thisData.id, //编号
  679. alreadyNumber: thisData.alreadyNumber, //下证数
  680. licenceTimes: thisData.licenceTimes, //下证时间
  681. notCount: thisData.notCount, //未下证数
  682. flag: true
  683. });
  684. }
  685. this.setState({
  686. contactList: theArr
  687. });
  688. }
  689. }.bind(this)
  690. }).always(
  691. function() {
  692. this.setState({
  693. loading: false
  694. });
  695. }.bind(this)
  696. );
  697. },
  698. caozuorizhi() {
  699. this.setState({
  700. visibleA: true
  701. });
  702. $.ajax({
  703. method: "get",
  704. dataType: "json",
  705. crossDomain: false,
  706. url: globalConfig.context + "/api/admin/orderProject/TaskLogList",
  707. data: {
  708. id: this.state.id
  709. },
  710. success: function(data) {
  711. let theArr = [];
  712. if (data.error.length || data.data.list == "") {
  713. if (data.error && data.error.length) {
  714. message.warning(data.error[0].message);
  715. }
  716. } else {
  717. for (let i = 0; i < data.data.length; i++) {
  718. let thisdata = data.data[i];
  719. theArr.push({
  720. key: i,
  721. id: thisdata.id, //日志ID
  722. content: thisdata.content, //流程
  723. taskId: thisdata.taskId, //任务ID
  724. aName: thisdata.aName, //负责人
  725. createTimes: thisdata.createTimes //时间
  726. });
  727. }
  728. }
  729. this.setState({
  730. dataSourceA: theArr
  731. });
  732. }.bind(this)
  733. }).always(
  734. function() {
  735. this.setState({
  736. loading: false
  737. });
  738. }.bind(this)
  739. );
  740. },
  741. //关闭操作工时
  742. visitCancelA() {
  743. this.setState({
  744. visibleA: false
  745. });
  746. },
  747. //项目列表
  748. xiangmu(orderNos) {
  749. $.ajax({
  750. method: "get",
  751. dataType: "json",
  752. crossDomain: false,
  753. url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
  754. data: {
  755. orderNo: orderNos
  756. },
  757. success: function(data) {
  758. let theArr = [];
  759. if (data.error.length || data.data.list == "") {
  760. if (data.error && data.error.length) {
  761. message.warning(data.error[0].message);
  762. }
  763. } else {
  764. for (let i = 0; i < data.data.length; i++) {
  765. let thisdata = data.data[i];
  766. theArr.push({
  767. key: i,
  768. id: thisdata.id,
  769. orderNo: thisdata.orderNo, //订单编号
  770. commodityId: thisdata.commodityId, //项目ID
  771. commodityName: thisdata.commodityName, //项目名称
  772. cname: thisdata.cname, //项目类别
  773. commodityPrice: thisdata.commodityPrice, //项目价格
  774. commodityQuantity: thisdata.commodityQuantity, //项目数量
  775. main: thisdata.main, //是否为主要任务
  776. taskComment: thisdata.taskComment, //任务说明
  777. contacts: thisdata.contacts, //联系人
  778. contactsMobile: thisdata.contactsMobile, //联系人电话
  779. taskStatus: thisdata.taskStatus, //是否分配
  780. splitStatus: thisdata.splitStatus, //是否为子项目 2是 1主项目
  781. splitSuper: thisdata.splitSuper,
  782. splitId: thisdata.splitId
  783. });
  784. }
  785. }
  786. this.setState({
  787. dataSourceX: theArr
  788. });
  789. }.bind(this)
  790. }).always(
  791. function() {
  792. this.setState({
  793. loading: false
  794. });
  795. }.bind(this)
  796. );
  797. },
  798. //关闭输入理由框
  799. noCancel() {
  800. this.setState({
  801. noVisible: false
  802. });
  803. },
  804. //搜索
  805. search() {
  806. this.setState({
  807. //signBillVisible:false
  808. });
  809. this.loadData();
  810. },
  811. //重置
  812. reset() {
  813. this.setState({
  814. signBillVisible: false
  815. });
  816. this.state.idSearch = "";
  817. this.state.customerName = "";
  818. this.state.releaseDate[0] = undefined;
  819. this.state.releaseDate[1] = undefined;
  820. this.state.orderNoSearch = "";
  821. this.state.departmenttList = [];
  822. this.state.cid = [];
  823. this.state.contractNoSearch = "";
  824. this.state.outsourceSearch = [];
  825. this.setState({
  826. urgentDay: '', //有无材料
  827. ifMaterial: '', //加急情况
  828. specialComment: '', //特别说明
  829. spotCheckStatus: '',
  830. setUpStatus: '',
  831. setUpTime: '',
  832. highTechStatus: '',
  833. })
  834. this.loadData(this.state.page);
  835. },
  836. resets() {
  837. this.state.orderNo = "";
  838. this.state.customerName = "";
  839. this.state.releaseDate[0] = undefined;
  840. this.state.releaseDate[1] = undefined;
  841. },
  842. getOrgCodeUrl(e) {
  843. this.setState({ orgCodeUrl: e });
  844. },
  845. setColor() {
  846. $(".userName span").after(
  847. "(<span class='ruanzhu'>软著数</span>/<span class='xiazheng'>下证数</span>)"
  848. );
  849. },
  850. closeDesc(e, s) {
  851. this.state.showDesc = e;
  852. if (s) {
  853. this.loadData(this.state.page);
  854. }
  855. },
  856. closeAssign(e, s) {
  857. this.state.roleName = "";
  858. this.state.assignVisible = e;
  859. if (s) {
  860. this.loadData(this.state.page);
  861. }
  862. },
  863. nextCancel() {
  864. this.setState({
  865. addnextVisible: false
  866. });
  867. },
  868. //点击打卡项目详情
  869. tableRowClickX(record) {
  870. this.setState({
  871. jid: record.id, //项目ID
  872. kid: record.commodityId, //商品ID
  873. commodityName: record.commodityName, //金额
  874. commodityPrice: record.commodityPrice, //金额
  875. commodityQuantity: record.commodityQuantity, //数量
  876. taskComment: record.taskComment, //备注
  877. main: record.main.toString(), //是否为主要
  878. addnextVisible: true,
  879. addState: 0
  880. });
  881. },
  882. //关闭详情
  883. visitCancel() {
  884. this.setState({
  885. visible: false,
  886. speVisible: false
  887. });
  888. this.resets();
  889. },
  890. visitOk() {
  891. this.setState({
  892. visible: false
  893. });
  894. this.resets();
  895. },
  896. //关闭详情
  897. visitCancels() {
  898. this.setState({
  899. visibles: false
  900. });
  901. this.resets();
  902. },
  903. //导出
  904. exportExec() {
  905. let nameText = this.state.SuperArr;
  906. let superText =
  907. this.state.cid && typeof this.state.cid != "object"
  908. ? nameText[parseInt(this.state.cid)].id
  909. : "";
  910. if (superText) {
  911. var data = {
  912. orderNo: this.state.orderNoSearch
  913. ? this.state.orderNoSearch
  914. : undefined,
  915. name: this.state.customerName ? this.state.customerName : undefined, //订单负责人
  916. taskId: this.state.idSearch ? this.state.idSearch : undefined, //订单编号
  917. starTime: this.state.releaseDate[0]
  918. ? this.state.releaseDate[0]
  919. : undefined,
  920. endTime: this.state.releaseDate[1]
  921. ? this.state.releaseDate[1]
  922. : undefined,
  923. depId: this.state.departmenttList
  924. ? this.state.departmenttList
  925. : undefined,
  926. cid: superText
  927. };
  928. } else {
  929. var data = {
  930. orderNo: this.state.orderNoSearch
  931. ? this.state.orderNoSearch
  932. : undefined,
  933. name: this.state.customerName ? this.state.customerName : undefined, //订单负责人
  934. taskId: this.state.idSearch ? this.state.idSearch : undefined, //订单编号
  935. starTime: this.state.releaseDate[0]
  936. ? this.state.releaseDate[0]
  937. : undefined,
  938. endTime: this.state.releaseDate[1]
  939. ? this.state.releaseDate[1]
  940. : undefined,
  941. depId: this.state.departmenttList
  942. ? this.state.departmenttList
  943. : undefined
  944. };
  945. }
  946. window.location.href =
  947. globalConfig.context +
  948. "/api/admin/orderProject/exportMyTaskList?" +
  949. $.param(data);
  950. },
  951. visitOks() {
  952. this.setState({
  953. visibles: false
  954. });
  955. this.resets();
  956. },
  957. selectSuperId() {
  958. this.state.data = [];
  959. $.ajax({
  960. method: "get",
  961. dataType: "json",
  962. crossDomain: false,
  963. url: globalConfig.context + "/api/admin/ProjectSize/getAllCname",
  964. data: {
  965. flag: 0
  966. },
  967. success: function(data) {
  968. let theArr = [];
  969. let thedata = data.data;
  970. if (!thedata) {
  971. if (data.error && data.error.length) {
  972. message.warning(data.error[0].message);
  973. }
  974. thedata = {};
  975. }
  976. var contactIds = [];
  977. for (var i = 0; i < data.data.length; i++) {
  978. let theData = data.data[i];
  979. theArr.push(
  980. <Select.Option value={i.toString()} key={theData.cname}>
  981. {theData.cname}
  982. </Select.Option>
  983. );
  984. }
  985. this.setState({
  986. SuperArr: thedata,
  987. contactsOption: theArr,
  988. orderStatusOptions: data.data
  989. });
  990. }.bind(this)
  991. }).always(
  992. function() {
  993. this.loadData(this.state.ispage);
  994. }.bind(this)
  995. );
  996. },
  997. changeList(arr) {
  998. const newArr = [];
  999. this.state.columns.forEach(item => {
  1000. arr.forEach(val => {
  1001. if (val === item.title) {
  1002. newArr.push(item);
  1003. }
  1004. });
  1005. });
  1006. this.setState({
  1007. changeList: newArr
  1008. });
  1009. },
  1010. render() {
  1011. const formItemLayout = {
  1012. labelCol: { span: 8 },
  1013. wrapperCol: { span: 14 }
  1014. };
  1015. const utils = {
  1016. getSatisfaction: function(num) {
  1017. switch (num) {
  1018. case 0:
  1019. return "未收回";
  1020. case 1:
  1021. return "已收回";
  1022. default:
  1023. return "其它";
  1024. }
  1025. },
  1026. getChargeback: function(num) {
  1027. switch (num) {
  1028. case 0:
  1029. return "已完成";
  1030. case 1:
  1031. return "未完成";
  1032. default:
  1033. return "其它";
  1034. }
  1035. }
  1036. };
  1037. const isWai = [
  1038. {
  1039. id: 0,
  1040. name: "非外包"
  1041. },
  1042. {
  1043. id: 1,
  1044. name: "外包"
  1045. }
  1046. ];
  1047. const FormItem = Form.Item;
  1048. const { RangePicker } = DatePicker;
  1049. const departmentArr = this.state.departmentArr || [];
  1050. return (
  1051. <div className="user-content">
  1052. {this.state.resVisible ? (
  1053. <ResolutionDetail
  1054. cancel={this.resCancel}
  1055. detail={this.state.resRecord}
  1056. visible={this.state.resVisible}
  1057. id={this.state.resRecord.orderNo}
  1058. />
  1059. ) : (
  1060. ""
  1061. )}
  1062. <div className="content-title">
  1063. <span>工时数据统计</span>
  1064. </div>
  1065. <div className="user-search">
  1066. <Tabs
  1067. defaultActiveKey="1"
  1068. onChange={this.callback}
  1069. className="test"
  1070. >
  1071. <TabPane tab="搜索" key="1">
  1072. <Input
  1073. placeholder="客户名称"
  1074. style={{
  1075. width: "150px",
  1076. marginBottom: "10px",
  1077. marginLeft: 10,
  1078. marginRight: 10,
  1079. }}
  1080. value={this.state.customerName}
  1081. onChange={(e) => {
  1082. this.setState({ customerName: e.target.value });
  1083. }}
  1084. />
  1085. <Input
  1086. placeholder="任务编号"
  1087. style={{ width: "150px", marginRight: 10 }}
  1088. value={this.state.idSearch}
  1089. onChange={(e) => {
  1090. this.setState({ idSearch: e.target.value });
  1091. }}
  1092. />
  1093. <Input
  1094. placeholder="订单编号"
  1095. style={{ width: "150px", marginRight: 10 }}
  1096. value={this.state.orderNoSearch}
  1097. onChange={(e) => {
  1098. this.setState({
  1099. orderNoSearch: e.target.value,
  1100. });
  1101. }}
  1102. />
  1103. <Input
  1104. placeholder="合同编号"
  1105. style={{ width: "150px", marginRight: 10 }}
  1106. value={this.state.contractNoSearch}
  1107. onChange={(e) => {
  1108. this.setState({
  1109. contractNoSearch: e.target.value,
  1110. });
  1111. }}
  1112. />
  1113. <Select
  1114. placeholder="订单部门"
  1115. style={{ width: 150, marginRight: 10 }}
  1116. value={this.state.departmenttList}
  1117. onChange={(e) => {
  1118. this.setState({ departmenttList: e });
  1119. }}
  1120. >
  1121. {departmentArr.map(function (item) {
  1122. return (
  1123. <Select.Option key={item.id}>{item.name}</Select.Option>
  1124. );
  1125. })}
  1126. </Select>
  1127. <Select
  1128. placeholder="项目类别"
  1129. style={{ width: "150", marginRight: "10px" }}
  1130. value={this.state.cid}
  1131. onChange={(e) => {
  1132. this.setState({ cid: e });
  1133. }}
  1134. notFoundContent="未获取到上级品类列表"
  1135. >
  1136. {this.state.contactsOption}
  1137. </Select>
  1138. <Select
  1139. placeholder="是否外包"
  1140. style={{ width: "150", marginRight: "10px" }}
  1141. value={this.state.outsourceSearch}
  1142. onChange={(e) => {
  1143. this.setState({ outsourceSearch: e });
  1144. }}
  1145. >
  1146. {isWai.map(function (item) {
  1147. return (
  1148. <Select.Option key={item.id}>{item.name}</Select.Option>
  1149. );
  1150. })}
  1151. </Select>
  1152. <span style={{ marginRight: "10px" }}>合同签订时间 :</span>
  1153. <RangePicker
  1154. value={[
  1155. this.state.releaseDate[0]
  1156. ? moment(this.state.releaseDate[0])
  1157. : null,
  1158. this.state.releaseDate[1]
  1159. ? moment(this.state.releaseDate[1])
  1160. : null,
  1161. ]}
  1162. onChange={(data, dataString) => {
  1163. this.setState({ releaseDate: dataString });
  1164. }}
  1165. />
  1166. <Button
  1167. type="primary"
  1168. onClick={this.search}
  1169. style={{
  1170. marginLeft: "10px",
  1171. marginRight: 10,
  1172. marginBottom: 10,
  1173. }}
  1174. >
  1175. 搜索
  1176. </Button>
  1177. <Button onClick={this.reset}>重置</Button>
  1178. </TabPane>
  1179. <TabPane tab="导出" key="2">
  1180. <Button
  1181. type="primary"
  1182. onClick={this.exportExec}
  1183. style={{ margin: 10 }}
  1184. >
  1185. 导出工时数据
  1186. </Button>
  1187. </TabPane>
  1188. <TabPane tab="更改表格显示数据" key="3">
  1189. <div style={{ marginLeft: 10 }}>
  1190. <ChooseList
  1191. columns={this.state.columns}
  1192. changeFn={this.changeList}
  1193. changeList={this.state.changeList}
  1194. top={55}
  1195. margin={11}
  1196. />
  1197. </div>
  1198. </TabPane>
  1199. </Tabs>
  1200. <div className="patent-table">
  1201. <Spin spinning={this.state.loading}>
  1202. <Table
  1203. columns={
  1204. this.state.changeList
  1205. ? this.state.changeList
  1206. : this.state.columns
  1207. }
  1208. dataSource={this.state.dataSource}
  1209. pagination={this.state.pagination}
  1210. onRowClick={this.tableRowClick.bind(this)}
  1211. scroll={{ x: "max-content", y: 0 }}
  1212. bordered
  1213. size="small"
  1214. />
  1215. </Spin>
  1216. </div>
  1217. </div>
  1218. <Modal
  1219. className="customeDetails"
  1220. footer=""
  1221. title="项目概况"
  1222. width="900px"
  1223. visible={this.state.visible}
  1224. onOk={this.visitOk}
  1225. onCancel={this.visitCancel}
  1226. >
  1227. <Form
  1228. layout="horizontal"
  1229. onSubmit={this.handleSubmit}
  1230. id="demand-form"
  1231. style={{ paddingBottom: "00px" }}
  1232. >
  1233. <Spin spinning={this.state.loading}>
  1234. <div className="clearfix">
  1235. <div className="clearfix">
  1236. <FormItem
  1237. className="half-item"
  1238. {...formItemLayout}
  1239. label="项目状态"
  1240. >
  1241. <span>{getProjectName(parseInt(this.state.projectStatus))}</span>
  1242. <Button
  1243. type="primary"
  1244. size="small"
  1245. style={{ marginTop: '5px', position: 'absolute' }}
  1246. onClick={this.caozuorizhi}
  1247. >
  1248. 操作日志
  1249. </Button>
  1250. </FormItem>
  1251. <FormItem
  1252. className="half-item"
  1253. {...formItemLayout}
  1254. label="合同编号"
  1255. >
  1256. <span>{this.state.contractNo}</span>
  1257. </FormItem>
  1258. </div>
  1259. <div className="clearfix">
  1260. <FormItem
  1261. className="half-item"
  1262. {...formItemLayout}
  1263. label="是否特批"
  1264. >
  1265. <span>{getApproval(this.state.approval)}</span>
  1266. </FormItem>
  1267. <FormItem
  1268. className="half-item"
  1269. {...formItemLayout}
  1270. label="结算状态"
  1271. >
  1272. <span>
  1273. {getLiquidationStatus(this.state.liquidationStatus)}
  1274. </span>
  1275. </FormItem>
  1276. <FormItem
  1277. className="half-item"
  1278. {...formItemLayout}
  1279. label="流程状态"
  1280. >
  1281. <span>{getProcessStatus(this.state.processStatus)}</span>
  1282. </FormItem>
  1283. <FormItem
  1284. className="half-item"
  1285. {...formItemLayout}
  1286. label="订单编号"
  1287. >
  1288. <span>{this.state.orderNo}</span>
  1289. </FormItem>
  1290. </div>
  1291. <div className="clearfix">
  1292. <FormItem
  1293. className="half-item"
  1294. {...formItemLayout}
  1295. label="满意度表格"
  1296. >
  1297. <span>
  1298. {utils.getSatisfaction(this.state.formRetrieve)}
  1299. </span>
  1300. </FormItem>
  1301. {
  1302. <FormItem
  1303. className="half-item"
  1304. {...formItemLayout}
  1305. label="(满意度)备注"
  1306. >
  1307. <span>{this.state.retrieveContent}</span>
  1308. </FormItem>
  1309. }
  1310. {/*<FormItem*/}
  1311. {/* className="half-item"*/}
  1312. {/* {...formItemLayout}*/}
  1313. {/* label="退单"*/}
  1314. {/*>*/}
  1315. {/* <span>{utils.getChargeback(this.state.taskRefund)}</span>*/}
  1316. {/*</FormItem>*/}
  1317. </div>
  1318. <div className="clearfix">
  1319. <div style={{
  1320. paddingLeft: '8%',
  1321. }}>
  1322. <div style={{color:'#000',fontWeight:500}}>
  1323. 特别说明
  1324. <span style={{color: '#58a3ff',}}>(针对项目的特殊情况说明)</span>
  1325. </div>
  1326. <div style={{
  1327. display:'flex',
  1328. }}>
  1329. <span style={{paddingRight:'10px',whiteSpace:"nowrap"}}>备注:</span>
  1330. <span style={{
  1331. flex: 1,
  1332. wordBreak: 'break-all',
  1333. }}>{this.state.specialComment}</span>
  1334. </div>
  1335. </div>
  1336. {/*<FormItem*/}
  1337. {/* className="half-item"*/}
  1338. {/* {...formItemLayout}*/}
  1339. {/* label="(退单)备注"*/}
  1340. {/*>*/}
  1341. {/* <span>{this.state.refundContent}</span>*/}
  1342. {/*</FormItem>*/}
  1343. </div>
  1344. <div className="clearfix">
  1345. <h3 className="sub-title">任务信息</h3>
  1346. {/*0通用 1专利 2软著 3审计 4双软 5高新 6商标*/}
  1347. {/*高新与贯标需要显示*/}
  1348. {
  1349. this.state.bpType === 5 || this.state.isIso ?
  1350. <div>
  1351. <FormItem
  1352. className="half-item"
  1353. {...formItemLayout}
  1354. label="认证费"
  1355. >
  1356. <span>
  1357. {
  1358. this.state.ifCertificationFee === 1 ? '包含' : '不包含'
  1359. }
  1360. </span>
  1361. </FormItem>
  1362. {this.state.ifCertificationFee === 1 ?<FormItem
  1363. className="half-item"
  1364. {...formItemLayout}
  1365. label="认证费(万元)"
  1366. >
  1367. <span>
  1368. {
  1369. this.state.certificationFee
  1370. }
  1371. </span>
  1372. </FormItem> : null}
  1373. {this.state.ifCertificationFee === 1 ? <FormItem
  1374. className="half-item"
  1375. {...formItemLayout}
  1376. label=""
  1377. /> : null}
  1378. {this.state.ifCertificationFee === 1 ? <FormItem
  1379. className="half-item"
  1380. {...formItemLayout}
  1381. label="付款公司名称"
  1382. >
  1383. <span>
  1384. {this.state.certificationCorporate}
  1385. </span>
  1386. </FormItem>:null}
  1387. </div> : null
  1388. }
  1389. <FormItem
  1390. className="half-item"
  1391. {...formItemLayout}
  1392. label="任务编号"
  1393. >
  1394. <span>
  1395. {this.state.splitStatus == 2
  1396. ? this.state.splitSuper + "-" + this.state.splitId
  1397. : this.state.id}
  1398. </span>
  1399. </FormItem>
  1400. <FormItem
  1401. className="half-item"
  1402. {...formItemLayout}
  1403. label="任务名称"
  1404. >
  1405. <span>{this.state.taskName}</span>
  1406. </FormItem>
  1407. <FormItem
  1408. className="half-item"
  1409. {...formItemLayout}
  1410. label="任务状态"
  1411. >
  1412. <span>{getTaskStatus(this.state.taskStatus)}</span>
  1413. </FormItem>
  1414. <FormItem
  1415. className="half-item"
  1416. {...formItemLayout}
  1417. label="任务类别"
  1418. >
  1419. <span>{this.state.cname}</span>
  1420. </FormItem>
  1421. <FormItem
  1422. className="half-item"
  1423. {...formItemLayout}
  1424. label="证书编号"
  1425. >
  1426. <span>{this.state.certificateNumber}</span>
  1427. </FormItem>
  1428. </div>
  1429. {/*{this.state.outsource === 1 ? (*/}
  1430. {/* <div className="clearfix">*/}
  1431. {/* <h3 className="sub-title">外包信息</h3>*/}
  1432. {/* <FormItem*/}
  1433. {/* className="half-item"*/}
  1434. {/* {...formItemLayout}*/}
  1435. {/* label="外包公司"*/}
  1436. {/* >*/}
  1437. {/* <span>{this.state.outsourceName}</span>*/}
  1438. {/* </FormItem>*/}
  1439. {/* <FormItem*/}
  1440. {/* className="half-item"*/}
  1441. {/* {...formItemLayout}*/}
  1442. {/* label="外包成本(万元)"*/}
  1443. {/* >*/}
  1444. {/* <span>{this.state.outsourcePrice}</span>*/}
  1445. {/* </FormItem>*/}
  1446. {/* </div>*/}
  1447. {/*) : (*/}
  1448. {/* ""*/}
  1449. {/*)}*/}
  1450. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  1451. <div className="clearfix">
  1452. <h3 className="sub-title">联系信息</h3>
  1453. <FormItem
  1454. className="half-item"
  1455. {...formItemLayout}
  1456. label="客户名称"
  1457. >
  1458. <span>{this.state.userName}</span>
  1459. </FormItem>
  1460. <FormItem
  1461. className="half-item"
  1462. {...formItemLayout}
  1463. label="企业法人"
  1464. >
  1465. <span>{this.state.legalPerson}</span>
  1466. </FormItem>
  1467. <FormItem
  1468. className="half-item"
  1469. {...formItemLayout}
  1470. label="法人电话"
  1471. >
  1472. <span>{this.state.legalPersonTel}</span>
  1473. </FormItem>
  1474. <FormItem
  1475. className="half-item"
  1476. {...formItemLayout}
  1477. label="客户联系人"
  1478. >
  1479. <span>{this.state.contacts}</span>
  1480. </FormItem>
  1481. <FormItem
  1482. className="half-item"
  1483. {...formItemLayout}
  1484. label="联系人电话"
  1485. >
  1486. <span>{this.state.contactMobile}</span>
  1487. </FormItem>
  1488. <FormItem
  1489. className="half-item"
  1490. {...formItemLayout}
  1491. label="企业地址"
  1492. >
  1493. <span>
  1494. {getprovince(this.state.locationProvince)}/
  1495. {getprovince(this.state.locationCity)}/
  1496. {getprovince(this.state.locationArea)}
  1497. </span>
  1498. </FormItem>
  1499. <FormItem
  1500. className="half-item"
  1501. {...formItemLayout}
  1502. label=""
  1503. ></FormItem>
  1504. <FormItem className="half-item" {...formItemLayout}>
  1505. <span style={{ paddingLeft: "12em" }}>
  1506. {this.state.postalAddress}
  1507. </span>
  1508. </FormItem>
  1509. </div>
  1510. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  1511. <div className="clearfix">
  1512. <h3 className="sub-title">订单负责人信息</h3>
  1513. <FormItem
  1514. className="half-item"
  1515. {...formItemLayout}
  1516. label="负责人"
  1517. >
  1518. <span>
  1519. {this.state.salesmanName +
  1520. "(" +
  1521. this.state.depName +
  1522. ")"}
  1523. </span>
  1524. </FormItem>
  1525. <FormItem
  1526. className="half-item"
  1527. {...formItemLayout}
  1528. label="负责人电话"
  1529. >
  1530. <span>{this.state.salesmanMobile}</span>
  1531. </FormItem>
  1532. <FormItem
  1533. className="half-item"
  1534. {...formItemLayout}
  1535. label="财务负责人"
  1536. >
  1537. <span>{this.state.financeName}</span>
  1538. </FormItem>
  1539. <FormItem
  1540. className="half-item"
  1541. {...formItemLayout}
  1542. label="财务负责人电话"
  1543. >
  1544. <span>{this.state.financeMobile}</span>
  1545. </FormItem>
  1546. </div>
  1547. <div className="clearfix">
  1548. <h3 className="sub-title">申报系统账户信息</h3>
  1549. {/*<span style={{color:'red'}}>注:仅技术部可见</span>*/}
  1550. <FormItem
  1551. className="half-item"
  1552. {...formItemLayout}
  1553. label="用户名"
  1554. >
  1555. <span>{this.state.declareUser ? "*" : ""}</span>
  1556. </FormItem>
  1557. <FormItem
  1558. className="half-item"
  1559. {...formItemLayout}
  1560. label="密码"
  1561. >
  1562. <span>{this.state.declarePwd ? "*" : ""}</span>
  1563. </FormItem>
  1564. </div>
  1565. <div className="clearfix">
  1566. <h3 className="sub-title">项目申报进度</h3>
  1567. <div style={{display:'flex',flexFlow:'row wrap',marginLeft: '11px',marginTop:'20px'}}>
  1568. {this.state.startDate ? <div style={{marginRight:'30px',marginBottom:'15px'}}>
  1569. <span style={{marginRight:'15px'}}>启动时间:</span>
  1570. <span>{this.state.startDate}</span>
  1571. </div> : null}
  1572. {/*旧数据处理*/}
  1573. {/* endDate 完成时间 对应已提交时间 4*/}
  1574. {/* acceptDate 受理时间 对应已推荐时间 6*/}
  1575. {/* publicityDate 公示时间 对应已拟公示时间 8*/}
  1576. {/* licenceDate 发证时间 对应已下证时间 10*/}
  1577. {/* setUpAmount 立项金额 18*/}
  1578. {
  1579. this.state.timeRecordparse && Object.keys(this.state.timeRecordparse).map(v=>(
  1580. <div style={{marginRight:'30px',marginBottom:'15px'}}>
  1581. <span style={{marginRight:'15px'}}>{this.state.timeRecordparse[v]['title']}:</span>
  1582. <span>
  1583. {v === '18' ?
  1584. this.state.timeRecordparse[v]['setUpAmount']:
  1585. v === '10' ?
  1586. this.state.timeRecordparse[v]['certificateNumber']:
  1587. this.state.timeRecordparse[v]['date']
  1588. }
  1589. </span>
  1590. </div>
  1591. ))
  1592. }
  1593. {
  1594. [
  1595. {id:4,name:'完成时间',value:this.state.endDate},
  1596. {id:6,name:'受理时间',value:this.state.acceptDate},
  1597. {id:8,name:'公示时间',value:this.state.publicityDate},
  1598. {id:10,name:'发证时间',value:this.state.licenceDate},
  1599. {id:18,name:'立项金额',value:this.state.setUpAmount}
  1600. ].map(v=>(
  1601. !this.state.timeRecordparse[parseInt(v.id)] && v.value && <div style={{marginRight:'30px',marginBottom:'15px'}}>
  1602. <span style={{marginRight:'15px'}}>{v.name}:</span>
  1603. <span>{v.value}</span>
  1604. </div>
  1605. ))
  1606. }
  1607. </div>
  1608. {/*专利显示 bpType: 0 正常 1专利 2软著 3审计 4双软 5高新 6商标*/}
  1609. {
  1610. this.state.bpType === 1 || this.state.bpType === 6 ?
  1611. <div>
  1612. <FormItem
  1613. labelCol={{ span: 3 }}
  1614. wrapperCol={{ span: 16 }}
  1615. label="是否高新企业"
  1616. >
  1617. <span>
  1618. {
  1619. this.state.highTechStatus === 1 ? '是':
  1620. this.state.highTechStatus === 0 ? '否' : ''
  1621. }
  1622. </span>
  1623. </FormItem>
  1624. <FormItem/>
  1625. <PatentSchedule
  1626. readOnly
  1627. bpType={this.state.bpType}
  1628. taskId={this.state.id}
  1629. acceptCount={this.state.acceptCount}
  1630. certificatesCount={this.state.certificatesCount}
  1631. rejectCount={this.state.rejectCount}
  1632. commodityQuantity={this.state.commodityQuantity}
  1633. refresh={()=>{this.xiangqing(this.state.id)}}
  1634. />
  1635. </div> :
  1636. <div>
  1637. <FormItem
  1638. className="half-item"
  1639. {...formItemLayout}
  1640. label="申报批次"
  1641. >
  1642. <span>{this.state.declarationBatch}</span>
  1643. </FormItem>
  1644. <FormItem
  1645. className="half-item"
  1646. {...formItemLayout}
  1647. label="是否到款"
  1648. >
  1649. <span>
  1650. {this.state.arrivalMoney ? "已到企业" : "未到企业"}
  1651. </span>
  1652. </FormItem>
  1653. </div>}
  1654. </div>
  1655. {this.state.bpType !== 1 && this.state.bpType !== 6 ? <div className="clearfix">
  1656. <FormItem
  1657. labelCol={{ span: 3 }}
  1658. wrapperCol={{ span: 18 }}
  1659. label="附件"
  1660. >
  1661. <Upload
  1662. className="demandDetailShow-upload"
  1663. listType="picture-card"
  1664. fileList={this.state.attachmentUrl}
  1665. onPreview={(file) => {
  1666. this.setState({
  1667. previewImage: file.url || file.thumbUrl,
  1668. previewVisible: true,
  1669. });
  1670. }}
  1671. />
  1672. <Modal
  1673. maskClosable={false}
  1674. footer={null}
  1675. visible={this.state.previewVisible}
  1676. onCancel={() => {
  1677. this.setState({ previewVisible: false });
  1678. }}
  1679. >
  1680. <img
  1681. alt=""
  1682. style={{ width: "100%" }}
  1683. src={this.state.previewImage || ""}
  1684. />
  1685. </Modal>
  1686. </FormItem>
  1687. </div> : null}
  1688. {this.state.bpType !== 1 && this.state.bpType !== 6 ? <div className="clearfix">
  1689. <FormItem
  1690. labelCol={{ span: 3 }}
  1691. wrapperCol={{ span: 16 }}
  1692. label="项目说明"
  1693. >
  1694. <span>{this.state.taskComment}</span>
  1695. </FormItem>
  1696. </div> : null}
  1697. <div>
  1698. <h3 className="sub-title">项目业务</h3>
  1699. {this.state.processStatus == 0 ? (
  1700. <Button
  1701. type="primary"
  1702. onClick={this.addDetailed}
  1703. style={{
  1704. float: "right",
  1705. marginRight: "50px",
  1706. marginBottom: "15px",
  1707. }}
  1708. >
  1709. 添加项目明细
  1710. </Button>
  1711. ) : (
  1712. ""
  1713. )}
  1714. </div>
  1715. <div className="patent-table">
  1716. <Spin spinning={this.state.loading}>
  1717. <Table
  1718. columns={this.state.columnsX}
  1719. dataSource={this.state.dataSourceX}
  1720. pagination={this.state.paginations}
  1721. onRowClick={this.tableRowClickX}
  1722. bordered
  1723. size={"small"}
  1724. />
  1725. </Spin>
  1726. </div>
  1727. </div>
  1728. </Spin>
  1729. </Form>
  1730. </Modal>
  1731. <Modal
  1732. maskClosable={false}
  1733. visible={this.state.addnextVisible}
  1734. onOk={this.nextCancel}
  1735. onCancel={this.nextCancel}
  1736. width="900px"
  1737. title="项目任务详情"
  1738. footer=""
  1739. className="admin-desc-content"
  1740. >
  1741. <Form
  1742. layout="horizontal"
  1743. onSubmit={this.nextSubmit}
  1744. id="demand-form"
  1745. >
  1746. <Spin spinning={this.state.loading}>
  1747. <div className="clearfix">
  1748. <FormItem
  1749. className="half-item"
  1750. {...formItemLayout}
  1751. label="项目名称"
  1752. >
  1753. <span>{this.state.commodityName}</span>
  1754. </FormItem>
  1755. <FormItem
  1756. className="half-item"
  1757. {...formItemLayout}
  1758. label="项目数量"
  1759. >
  1760. <span>{this.state.commodityQuantity}</span>
  1761. </FormItem>
  1762. <FormItem
  1763. className="half-item"
  1764. {...formItemLayout}
  1765. label="金额(万元)"
  1766. >
  1767. <span>{this.state.commodityPrice}</span>
  1768. </FormItem>
  1769. <FormItem
  1770. className="half-item"
  1771. {...formItemLayout}
  1772. label="主要项目"
  1773. >
  1774. <span>{getboutique(this.state.main)}</span>
  1775. </FormItem>
  1776. <div className="clearfix">
  1777. <FormItem
  1778. labelCol={{ span: 4 }}
  1779. wrapperCol={{ span: 16 }}
  1780. label="服务说明"
  1781. >
  1782. <span>{this.state.taskComment}</span>
  1783. </FormItem>
  1784. </div>
  1785. </div>
  1786. </Spin>
  1787. </Form>
  1788. </Modal>
  1789. <Modal
  1790. width="800px"
  1791. title="操作日志"
  1792. footer=""
  1793. className="admin-desc-content"
  1794. >
  1795. <div className="patent-table patent-table-center">
  1796. <Spin spinning={this.state.loading}>
  1797. <Table columns={this.state.columnsY} bordered size={"small"} />
  1798. </Spin>
  1799. </div>
  1800. </Modal>
  1801. <Modal
  1802. maskClosable={false}
  1803. visible={this.state.speVisible}
  1804. onOk={this.visitOk}
  1805. onCancel={this.visitCancel}
  1806. width="900px"
  1807. title="项目概况"
  1808. footer=""
  1809. className="admin-desc-content"
  1810. >
  1811. <div className="clearfix">
  1812. <FormItem
  1813. className="half-item"
  1814. {...formItemLayout}
  1815. label="项目状态"
  1816. >
  1817. <span>{getProjectName(parseInt(this.state.projectStatus))}</span>
  1818. <Button
  1819. type="primary"
  1820. size="small"
  1821. style={{ marginTop: '5px', position: 'absolute' }}
  1822. onClick={this.caozuorizhi}
  1823. >
  1824. 操作日志
  1825. </Button>
  1826. </FormItem>
  1827. <FormItem
  1828. className="half-item"
  1829. {...formItemLayout}
  1830. label="合同编号"
  1831. >
  1832. <span>{this.state.contractNo}</span>
  1833. </FormItem>
  1834. </div>
  1835. <div className="clearfix">
  1836. <FormItem
  1837. className="half-item"
  1838. {...formItemLayout}
  1839. label="是否特批"
  1840. >
  1841. <span>{getApproval(this.state.approval)}</span>
  1842. </FormItem>
  1843. <FormItem
  1844. className="half-item"
  1845. {...formItemLayout}
  1846. label="结算状态"
  1847. >
  1848. <span>
  1849. {getLiquidationStatus(this.state.liquidationStatus)}
  1850. </span>
  1851. </FormItem>
  1852. <FormItem
  1853. className="half-item"
  1854. {...formItemLayout}
  1855. label="流程状态"
  1856. >
  1857. <span>{getProcessStatus(this.state.processStatus)}</span>
  1858. </FormItem>
  1859. <FormItem
  1860. className="half-item"
  1861. {...formItemLayout}
  1862. label="订单编号"
  1863. >
  1864. <span>{this.state.orderNo}</span>
  1865. </FormItem>
  1866. </div>
  1867. <div className="clearfix">
  1868. <FormItem
  1869. className="half-item"
  1870. {...formItemLayout}
  1871. label="满意度表格"
  1872. >
  1873. <span>{utils.getSatisfaction(this.state.formRetrieve)}</span>
  1874. </FormItem>
  1875. {
  1876. <FormItem
  1877. className="half-item"
  1878. {...formItemLayout}
  1879. label="(满意度)备注"
  1880. >
  1881. <span>{this.state.retrieveContent}</span>
  1882. </FormItem>
  1883. }
  1884. {/*<FormItem className="half-item" {...formItemLayout} label="退单">*/}
  1885. {/* <span>{utils.getChargeback(this.state.taskRefund)}</span>*/}
  1886. {/*</FormItem>*/}
  1887. </div>
  1888. {/*软著显示 bpType: 0 正常 1专利 2软著 3审计 4双软 5高新 6商标*/}
  1889. {this.state.bpType === 2 ? <div className="clearfix">
  1890. <FormItem
  1891. className="half-item"
  1892. {...formItemLayout}
  1893. label="加急天数"
  1894. >
  1895. {
  1896. this.state.urgentDay === 1 ? '是' :
  1897. this.state.urgentDay === 0 ? '否' : ''
  1898. }
  1899. </FormItem>
  1900. <FormItem
  1901. className="half-item"
  1902. {...formItemLayout}
  1903. label="有无材料"
  1904. >
  1905. {
  1906. this.state.ifMaterial === 1 ? '是':
  1907. this.state.ifMaterial === 0 ? '否': ''
  1908. }
  1909. </FormItem>
  1910. </div> : null}
  1911. <div className="clearfix">
  1912. <div style={{
  1913. paddingLeft: '8%',
  1914. }}>
  1915. <div style={{color:'#000',fontWeight:500}}>
  1916. 特别说明
  1917. <span style={{color: '#58a3ff',}}>(针对项目的特殊情况说明)</span>
  1918. </div>
  1919. <div style={{
  1920. display:'flex',
  1921. }}>
  1922. <span style={{paddingRight:'10px',whiteSpace:"nowrap"}}>备注:</span>
  1923. <span style={{
  1924. flex: 1,
  1925. wordBreak: 'break-all',
  1926. }}>{this.state.specialComment}</span>
  1927. </div>
  1928. </div>
  1929. {
  1930. // <FormItem
  1931. // className="half-item"
  1932. // {...formItemLayout}
  1933. // label="(退单)备注"
  1934. // >
  1935. // <span>{this.state.refundContent}</span>
  1936. // </FormItem>
  1937. }
  1938. </div>
  1939. <div className="clearfix">
  1940. <h3 className="sub-title">任务信息</h3>
  1941. <FormItem
  1942. className="half-item"
  1943. {...formItemLayout}
  1944. label="任务编号"
  1945. >
  1946. <span>
  1947. {this.state.splitStatus == 2
  1948. ? this.state.splitSuper + "-" + this.state.splitId
  1949. : this.state.id}
  1950. </span>
  1951. </FormItem>
  1952. <FormItem
  1953. className="half-item"
  1954. {...formItemLayout}
  1955. label="任务名称"
  1956. >
  1957. <span>{this.state.taskName}</span>
  1958. </FormItem>
  1959. <FormItem
  1960. className="half-item"
  1961. {...formItemLayout}
  1962. label="任务状态"
  1963. >
  1964. <span>{getTaskStatus(this.state.taskStatus)}</span>
  1965. </FormItem>
  1966. <FormItem
  1967. className="half-item"
  1968. {...formItemLayout}
  1969. label="任务类别"
  1970. >
  1971. <span>{this.state.cname}</span>
  1972. </FormItem>
  1973. <FormItem
  1974. className="half-item"
  1975. {...formItemLayout}
  1976. label="证书编号"
  1977. >
  1978. <span>{this.state.certificateNumber}</span>
  1979. </FormItem>
  1980. </div>
  1981. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  1982. <div className="clearfix">
  1983. <h3 className="sub-title">联系信息</h3>
  1984. <FormItem
  1985. className="half-item"
  1986. {...formItemLayout}
  1987. label="客户名称"
  1988. >
  1989. <span>{this.state.userName}</span>
  1990. </FormItem>
  1991. <FormItem
  1992. className="half-item"
  1993. {...formItemLayout}
  1994. label="企业法人"
  1995. >
  1996. <span>{this.state.legalPerson}</span>
  1997. </FormItem>
  1998. <FormItem
  1999. className="half-item"
  2000. {...formItemLayout}
  2001. label="法人电话"
  2002. >
  2003. <span>{this.state.legalPersonTel}</span>
  2004. </FormItem>
  2005. <FormItem
  2006. className="half-item"
  2007. {...formItemLayout}
  2008. label="客户联系人"
  2009. >
  2010. <span>{this.state.contacts}</span>
  2011. </FormItem>
  2012. <FormItem
  2013. className="half-item"
  2014. {...formItemLayout}
  2015. label="联系人电话"
  2016. >
  2017. <span>{this.state.contactMobile}</span>
  2018. </FormItem>
  2019. <FormItem
  2020. className="half-item"
  2021. {...formItemLayout}
  2022. label="企业地址"
  2023. >
  2024. <span>
  2025. {getprovince(this.state.locationProvince)}/
  2026. {getprovince(this.state.locationCity)}/
  2027. {getprovince(this.state.locationArea)}
  2028. </span>
  2029. </FormItem>
  2030. <FormItem
  2031. className="half-item"
  2032. {...formItemLayout}
  2033. label=""
  2034. ></FormItem>
  2035. <FormItem className="half-item" {...formItemLayout} label="">
  2036. <span style={{ paddingLeft: "12em" }}>
  2037. {this.state.postalAddress}
  2038. </span>
  2039. </FormItem>
  2040. </div>
  2041. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  2042. <div className="clearfix">
  2043. <h3 className="sub-title">订单负责人信息</h3>
  2044. <FormItem
  2045. className="half-item"
  2046. {...formItemLayout}
  2047. label="负责人"
  2048. >
  2049. <span>
  2050. {this.state.salesmanName + "(" + this.state.depName + ")"}
  2051. </span>
  2052. </FormItem>
  2053. <FormItem
  2054. className="half-item"
  2055. {...formItemLayout}
  2056. label="负责人电话"
  2057. >
  2058. <span>{this.state.salesmanMobile}</span>
  2059. </FormItem>
  2060. <FormItem
  2061. className="half-item"
  2062. {...formItemLayout}
  2063. label="财务负责人"
  2064. >
  2065. <span>{this.state.financeName}</span>
  2066. </FormItem>
  2067. <FormItem
  2068. className="half-item"
  2069. {...formItemLayout}
  2070. label="财务负责人电话"
  2071. >
  2072. <span>{this.state.financeMobile}</span>
  2073. </FormItem>
  2074. </div>
  2075. <div className="clearfix" style={{ marginTop: "10px" }}>
  2076. <FormItem
  2077. labelCol={{ span: 3 }}
  2078. wrapperCol={{ span: 18 }}
  2079. label="附件"
  2080. >
  2081. <Upload
  2082. className="demandDetailShow-upload"
  2083. listType="picture-card"
  2084. fileList={this.state.attachmentUrl}
  2085. onPreview={(file) => {
  2086. this.setState({
  2087. previewImage: file.url || file.thumbUrl,
  2088. previewVisible: true,
  2089. });
  2090. }}
  2091. ></Upload>
  2092. <Modal
  2093. maskClosable={false}
  2094. footer={null}
  2095. visible={this.state.previewVisible}
  2096. onCancel={() => {
  2097. this.setState({ previewVisible: false });
  2098. }}
  2099. >
  2100. <img
  2101. alt=""
  2102. style={{ width: "100%" }}
  2103. src={this.state.previewImage || ""}
  2104. />
  2105. </Modal>
  2106. </FormItem>
  2107. </div>
  2108. <div className="clearfix">
  2109. <FormItem
  2110. labelCol={{ span: 3 }}
  2111. wrapperCol={{ span: 16 }}
  2112. label="备注"
  2113. >
  2114. <span>{this.state.taskComment}</span>
  2115. </FormItem>
  2116. </div>
  2117. <div className="clearfix">
  2118. <h3 className="sub-title">项目申报进度</h3>
  2119. <div style={{display:'flex',flexFlow:'row wrap',marginLeft: '11px',marginTop:'20px'}}>
  2120. {this.state.startDate ? <div style={{marginRight:'30px',marginBottom:'15px'}}>
  2121. <span style={{marginRight:'15px'}}>启动时间:</span>
  2122. <span>{this.state.startDate}</span>
  2123. </div> : null}
  2124. {/*旧数据处理*/}
  2125. {/* endDate 完成时间 对应已提交时间 4*/}
  2126. {/* acceptDate 受理时间 对应已推荐时间 6*/}
  2127. {/* publicityDate 公示时间 对应已拟公示时间 8*/}
  2128. {/* licenceDate 发证时间 对应已下证时间 10*/}
  2129. {/* setUpAmount 立项金额 18*/}
  2130. {
  2131. this.state.timeRecordparse && Object.keys(this.state.timeRecordparse).map(v=>(
  2132. <div style={{marginRight:'30px',marginBottom:'15px'}}>
  2133. <span style={{marginRight:'15px'}}>{this.state.timeRecordparse[v]['title']}:</span>
  2134. <span>
  2135. {v === '18' ?
  2136. this.state.timeRecordparse[v]['setUpAmount']:
  2137. v === '10' ?
  2138. this.state.timeRecordparse[v]['certificateNumber']:
  2139. this.state.timeRecordparse[v]['date']
  2140. }
  2141. </span>
  2142. </div>
  2143. ))
  2144. }
  2145. {
  2146. [
  2147. {id:4,name:'完成时间',value:this.state.endDate},
  2148. {id:6,name:'受理时间',value:this.state.acceptDate},
  2149. {id:8,name:'公示时间',value:this.state.publicityDate},
  2150. {id:10,name:'发证时间',value:this.state.licenceDate},
  2151. {id:18,name:'立项金额',value:this.state.setUpAmount}
  2152. ].map(v=>(
  2153. !this.state.timeRecordparse[parseInt(v.id)] && v.value && <div style={{marginRight:'30px',marginBottom:'15px'}}>
  2154. <span style={{marginRight:'15px'}}>{v.name}:</span>
  2155. <span>{v.value}</span>
  2156. </div>
  2157. ))
  2158. }
  2159. </div>
  2160. <FormItem
  2161. className="half-item"
  2162. {...formItemLayout}
  2163. label="申报批次"
  2164. >
  2165. <span>{this.state.declarationBatch}</span>
  2166. </FormItem>
  2167. <FormItem
  2168. className="half-item"
  2169. {...formItemLayout}
  2170. label="软著派单数量"
  2171. >
  2172. <span>{this.state.commodityQuantity}</span>
  2173. </FormItem>
  2174. <div className="patent-table patent-table-center">
  2175. <Spin spinning={this.state.loading}>
  2176. <Table
  2177. columns={this.state.ContactsLists}
  2178. dataSource={this.state.contactList}
  2179. bordered
  2180. size="small"
  2181. pagination={false}
  2182. />
  2183. </Spin>
  2184. </div>
  2185. </div>
  2186. <div className="clearfix">
  2187. <h3 className="sub-title">项目业务</h3>
  2188. <div className="patent-table">
  2189. <Spin spinning={this.state.loading}>
  2190. <Table
  2191. columns={this.state.columnsX}
  2192. dataSource={this.state.dataSourceX}
  2193. pagination={this.state.paginations}
  2194. onRowClick={this.tableRowClickX}
  2195. bordered
  2196. size="small"
  2197. />
  2198. </Spin>
  2199. </div>
  2200. </div>
  2201. </Modal>
  2202. <Modal
  2203. width="800px"
  2204. visible={this.state.visibleA}
  2205. onCancel={this.visitCancelA}
  2206. title="操作日志"
  2207. footer=""
  2208. className="admin-desc-content"
  2209. >
  2210. <div className="patent-table patent-table-center">
  2211. <Spin spinning={this.state.loading}>
  2212. <Table
  2213. columns={this.state.columnsA}
  2214. dataSource={this.state.dataSourceA}
  2215. bordered
  2216. size="small"
  2217. pagination={false}
  2218. />
  2219. </Spin>
  2220. </div>
  2221. </Modal>
  2222. </div>
  2223. );
  2224. }
  2225. })
  2226. );
  2227. export default MyTaskCount;