taskCount.jsx 71 KB

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