taskCount.jsx 85 KB

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