myTaskCount.jsx 65 KB

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