myTaskCount.jsx 73 KB

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