contractJsy.js 34 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174
  1. import React from "react";
  2. import { Button, Input, Spin, Table, message, Form, Modal, Tabs } from "antd";
  3. import $ from "jquery/src/ajax";
  4. import {
  5. getNewOrderStatus,
  6. getProcessStatusNew,
  7. splitUrl,
  8. getjiedian,
  9. getboutique,
  10. getCuikuan,
  11. getProjectStatus
  12. } from "@/tools.js";
  13. import "./customer.less";
  14. import { ChangeDetail } from "./changeComponent/changeDetailJsy.js";
  15. import { SearchInput } from "./changeComponent/searchInput.js";
  16. import OrderDetail from "./changeComponent/orderDetail";
  17. const contractChange = Form.create()(
  18. React.createClass({
  19. loadData(pageNo) {
  20. this.setState({
  21. loading: true
  22. });
  23. $.ajax({
  24. method: "get",
  25. dataType: "json",
  26. crossDomain: false,
  27. url: globalConfig.context + "/api/admin/orderChange/orderChangeList",
  28. data: {
  29. pageNo: pageNo || this.state.page || 1,
  30. pageSize: this.state.pagination.pageSize,
  31. userName: this.state.searchData.userNameSearch,
  32. processState: this.props.processState,
  33. timeType: this.state.searchData.timeTypeSearch,
  34. startTime: this.state.searchData.releaseDate[0],
  35. endTime: this.state.searchData.releaseDate[1],
  36. salesmanName: this.state.searchData.salesmanNameSearch,
  37. complete: this.state.searchData.completeSearch || 1,
  38. depId: this.state.searchData.depIdSearch
  39. },
  40. success: function(data) {
  41. let theArr = [];
  42. if (data.error.length || data.data.list == "") {
  43. if (data.error && data.error.length) {
  44. message.warning(data.error[0].message);
  45. }
  46. } else {
  47. for (let i = 0; i < data.data.list.length; i++) {
  48. let thisdata = data.data.list[i];
  49. theArr.push({
  50. key: i,
  51. orderNo: thisdata.orderNo,
  52. createTimes: thisdata.createTimes,
  53. nickname: thisdata.nickname,
  54. orderType: thisdata.orderType,
  55. establishTimes: thisdata.establishTimes,
  56. orderStatus: thisdata.orderStatus,
  57. totalAmount: thisdata.totalAmount,
  58. settlementAmount: thisdata.settlementAmount,
  59. arrears: thisdata.arrears,
  60. salesmanName: thisdata.salesmanName,
  61. depName: thisdata.depName,
  62. processState: thisdata.processState,
  63. type: thisdata.type,
  64. status: thisdata.status,
  65. id: thisdata.id,
  66. processStateText: getProcessStatusNew(
  67. thisdata.processState,
  68. thisdata.status
  69. )
  70. });
  71. }
  72. this.state.pagination.total = data.data.totalCount;
  73. this.state.pagination.current = data.data.pageNo;
  74. }
  75. if (data.data && data.data.list && !data.data.list.length) {
  76. this.state.pagination.total = 0;
  77. }
  78. this.setState({
  79. dataSource: theArr,
  80. pageNo: pageNo,
  81. pagination: this.state.pagination
  82. });
  83. }.bind(this)
  84. }).always(
  85. function() {
  86. this.setState({
  87. loading: false
  88. });
  89. }.bind(this)
  90. );
  91. },
  92. getInitialState() {
  93. return {
  94. page: 1,
  95. searchData: {
  96. releaseDate: []
  97. },
  98. primaryOrderData: {}, //原订单数据
  99. orderData: {}, //现订单数据
  100. pictureUrl: [],
  101. voucherUrl: [],
  102. attachmentUrl: [],
  103. contractData: {},
  104. additionalOrderData: {},
  105. paginations: false,
  106. activeKey: "1",
  107. confirmLoading: false,
  108. aloading: false,
  109. pagination: {
  110. defaultCurrent: 1,
  111. defaultPageSize: 10,
  112. showQuickJumper: true,
  113. pageSize: 10,
  114. onChange: function(page) {
  115. this.loadData(page);
  116. this.setState({
  117. page
  118. })
  119. }.bind(this),
  120. showTotal: function(total) {
  121. return "共" + total + "条数据";
  122. }
  123. },
  124. columns: [
  125. {
  126. title: "订单编号",
  127. dataIndex: "orderNo",
  128. key: "orderNo"
  129. },
  130. {
  131. title: "提交时间",
  132. dataIndex: "createTimes",
  133. key: "createTimes"
  134. },
  135. {
  136. title: "客户名称",
  137. dataIndex: "nickname",
  138. key: "nickname"
  139. },
  140. {
  141. title: "订单类型",
  142. dataIndex: "orderType",
  143. key: "orderType",
  144. render: text => {
  145. return text ? "科技项目" : "认证项目";
  146. }
  147. },
  148. {
  149. title: "下单时间",
  150. dataIndex: "establishTimes",
  151. key: "establishTimes"
  152. },
  153. {
  154. title: "订单状态",
  155. dataIndex: "orderStatus",
  156. key: "orderStatus",
  157. render: text => {
  158. return getNewOrderStatus(text);
  159. }
  160. },
  161. {
  162. title: "合同额(万元)",
  163. dataIndex: "totalAmount",
  164. key: "totalAmount",
  165. render: () => {
  166. return "***";
  167. }
  168. },
  169. {
  170. title: "已付额(万元)",
  171. dataIndex: "settlementAmount",
  172. key: "settlementAmount",
  173. render: () => {
  174. return "***";
  175. }
  176. },
  177. {
  178. title: "欠款(万元)",
  179. dataIndex: "arrears",
  180. key: "arrears",
  181. render: () => {
  182. return "***";
  183. }
  184. },
  185. {
  186. title: "订单负责人",
  187. dataIndex: "salesmanName",
  188. key: "salesmanName"
  189. },
  190. {
  191. title: "订单部门",
  192. dataIndex: "depName",
  193. key: "depName"
  194. },
  195. {
  196. title: "审核状态",
  197. dataIndex: "processStateText",
  198. key: "processStateText"
  199. }
  200. ],
  201. dataSource: [],
  202. // 传递给子组件的
  203. dataProps: [],
  204. columnsX: [
  205. {
  206. title: "业务项目名称",
  207. dataIndex: "commodityName",
  208. key: "commodityName"
  209. },
  210. {
  211. title: "项目类别",
  212. dataIndex: "cname",
  213. key: "cname"
  214. },
  215. {
  216. title: "项目数量",
  217. dataIndex: "commodityQuantity",
  218. key: "commodityQuantity"
  219. },
  220. {
  221. title: "金额(万元)",
  222. dataIndex: "commodityPrice",
  223. key: "commodityPrice"
  224. },
  225. {
  226. title: "负责人",
  227. dataIndex: "contacts",
  228. key: "contacts"
  229. },
  230. {
  231. title: "负责人电话",
  232. dataIndex: "contactsMobile",
  233. key: "contactsMobile"
  234. },
  235. {
  236. title: "项目状态",
  237. dataIndex: "projectStatus",
  238. key: "projectStatus",
  239. render: text => {
  240. return getProjectStatus(text);
  241. }
  242. },
  243. {
  244. title: "主要项目",
  245. dataIndex: "main",
  246. key: "main",
  247. render: text => {
  248. return text ? "是" : "否";
  249. }
  250. },
  251. {
  252. title: "项目说明",
  253. dataIndex: "taskComment",
  254. key: "taskComment",
  255. render: text => {
  256. return text && text.length > 8 ? text.substr(0, 8) + "…" : text;
  257. }
  258. }
  259. ],
  260. columnsrizhi: [
  261. {
  262. title: "流程",
  263. dataIndex: "processName",
  264. key: "processName"
  265. },
  266. {
  267. title: "操作人",
  268. dataIndex: "adminName",
  269. key: "adminName"
  270. },
  271. {
  272. title: "时间",
  273. dataIndex: "createDate",
  274. key: "createDate"
  275. }
  276. ],
  277. dataSourceX: [],
  278. ContactsLists: [
  279. {
  280. title: "催款科目",
  281. dataIndex: "dunSubject",
  282. key: "dunSubject",
  283. render: text => {
  284. return getjiedian(text);
  285. }
  286. },
  287. {
  288. title: "金额(万)",
  289. dataIndex: "money",
  290. key: "money"
  291. },
  292. {
  293. title: "催款状态",
  294. dataIndex: "dunStatus",
  295. key: "dunStatus",
  296. render: text => {
  297. return getCuikuan(text);
  298. }
  299. }
  300. ]
  301. };
  302. },
  303. //页面加载函数
  304. componentWillMount() {
  305. this.loadData();
  306. },
  307. //整行点击
  308. tableRowClick(record) {
  309. this.setState(
  310. {
  311. visible: true,
  312. type: record.type,
  313. status: record.status,
  314. buttonStatus: true,
  315. orderStatus: record.orderStatus,
  316. processStateText: record.processStateText,
  317. id: record.id,
  318. orderNo: record.orderNo
  319. },
  320. () => {
  321. this.xiangqing(record.orderNo);
  322. this.xiangmu(record.orderNo);
  323. this.jiedian(record.orderNo);
  324. }
  325. );
  326. },
  327. //点击打卡项目详情
  328. tableRowClickX(record) {
  329. this.setState({
  330. jid: record.id, //项目ID
  331. kid: record.commodityId, //商品ID
  332. commodityName: record.commodityName, //金额
  333. commodityPrice: record.commodityPrice, //金额
  334. commodityQuantity: record.commodityQuantity, //数量
  335. taskComment: record.taskComment, //备注
  336. main: record.main.toString(), //是否为主要
  337. addnextVisible: true,
  338. addState: 0
  339. });
  340. },
  341. //项目详情关闭
  342. nextCancel() {
  343. this.setState({
  344. addnextVisible: false
  345. });
  346. },
  347. // 合同变更详情
  348. ChangeDetail(orderNo) {
  349. let url = window.location.href.substring(7);
  350. $.ajax({
  351. method: "get",
  352. dataType: "json",
  353. crossDomain: false,
  354. url:
  355. globalConfig.context +
  356. "/api/admin/orderChange/orderChangeDetailsById",
  357. data: {
  358. id: this.state.id
  359. },
  360. success: function(data) {
  361. if (data.data) {
  362. let thisdata = data.data;
  363. Object.assign(thisdata, {
  364. processStateText: this.state.processStateText,
  365. userName: this.state.userName,
  366. contractNo: this.state.contractNo
  367. });
  368. this.setState({
  369. contractData: thisdata,
  370. voucherUrl: thisdata.voucherUrl
  371. ? splitUrl(
  372. thisdata.voucherUrl,
  373. ",",
  374. globalConfig.avatarHost + "/upload",
  375. url
  376. )
  377. : []
  378. });
  379. }
  380. }.bind(this)
  381. });
  382. },
  383. //订单详情
  384. xiangqing(orderNos) {
  385. $.ajax({
  386. method: "get",
  387. dataType: "json",
  388. crossDomain: false,
  389. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  390. data: {
  391. orderNo: orderNos
  392. },
  393. success: function(data) {
  394. if (data.error.length || data.data.list == "") {
  395. if (data.error && data.error.length) {
  396. message.warning(data.error[0].message);
  397. }
  398. } else {
  399. let thisdata = data.data;
  400. this.setState({
  401. userName: thisdata.userName,
  402. primaryOrderNo: thisdata.primaryOrder,
  403. additionalOrder: thisdata.additionalOrder,
  404. contractNo: thisdata.contractNo,
  405. // arrears: thisdata.arrears,
  406. orderData: thisdata
  407. });
  408. }
  409. }.bind(this)
  410. });
  411. },
  412. // 原订单数据
  413. primaryOrder(primaryOrder) {
  414. $.ajax({
  415. method: "get",
  416. dataType: "json",
  417. crossDomain: false,
  418. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  419. data: {
  420. orderNo: primaryOrder
  421. },
  422. success: function(data) {
  423. if (data.error.length || data.data.list == "") {
  424. if (data.error && data.error.length) {
  425. message.warning(data.error[0].message);
  426. }
  427. } else {
  428. let thisdata = data.data;
  429. this.setState({
  430. primaryOrderData: thisdata
  431. });
  432. }
  433. }.bind(this)
  434. });
  435. },
  436. // 附加订单数据
  437. additionalOrder(additionalOrder) {
  438. $.ajax({
  439. method: "get",
  440. dataType: "json",
  441. crossDomain: false,
  442. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  443. data: {
  444. orderNo: additionalOrder
  445. },
  446. success: function(data) {
  447. if (data.error.length || data.data.list == "") {
  448. if (data.error && data.error.length) {
  449. message.warning(data.error[0].message);
  450. }
  451. } else {
  452. let thisdata = data.data;
  453. this.setState({
  454. additionalOrderData: thisdata
  455. });
  456. }
  457. }.bind(this)
  458. });
  459. },
  460. //项目列表
  461. xiangmu(orderNos) {
  462. $.ajax({
  463. method: "get",
  464. dataType: "json",
  465. crossDomain: false,
  466. url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
  467. data: {
  468. orderNo: orderNos
  469. },
  470. success: function(data) {
  471. let theArr = [];
  472. if (data.error.length || data.data.list == "") {
  473. if (data.error && data.error.length) {
  474. message.warning(data.error[0].message);
  475. }
  476. } else {
  477. for (let i = 0; i < data.data.length; i++) {
  478. let thisdata = data.data[i];
  479. theArr.push({
  480. key: i,
  481. id: thisdata.id,
  482. orderNo: thisdata.orderNo, //订单编号
  483. commodityId: thisdata.commodityId, //项目ID
  484. commodityName: thisdata.commodityName, //项目名称
  485. cname: thisdata.cname, //项目类别
  486. commodityPrice: thisdata.commodityPrice, //项目价格
  487. commodityQuantity: thisdata.commodityQuantity, //项目数量
  488. main: thisdata.main, //是否为主要任务
  489. taskComment: thisdata.taskComment, //任务说明
  490. contacts: thisdata.contacts, //联系人
  491. contactsMobile: thisdata.contactsMobile, //联系人电话
  492. projectStatus: thisdata.projectStatus //项目状态
  493. });
  494. }
  495. }
  496. this.setState({
  497. dataSourceX: theArr
  498. });
  499. }.bind(this)
  500. });
  501. },
  502. search(obj) {
  503. this.setState(
  504. {
  505. searchData: obj
  506. },
  507. () => {
  508. this.loadData(1);
  509. }
  510. );
  511. },
  512. rizhi(orderNo) {
  513. $.ajax({
  514. method: "get",
  515. dataType: "json",
  516. crossDomain: false,
  517. url: "/api/admin/newOrder/selectOrderLog",
  518. data: {
  519. orderNo: orderNo
  520. },
  521. success: function(data) {
  522. let theArr = [];
  523. let thisData = data.data;
  524. if (!thisData.length) {
  525. if (data.error && data.error.length) {
  526. message.warning(data.error[0].message);
  527. }
  528. thisData = {};
  529. } else {
  530. for (let i = 0; i < data.data.length; i++) {
  531. let thisdata = data.data[i];
  532. theArr.push({
  533. processName: thisdata.processName,
  534. adminName: thisdata.adminName,
  535. createDate: thisdata.createDate
  536. });
  537. }
  538. }
  539. this.setState({
  540. dataSourcerizhi: theArr
  541. });
  542. }.bind(this)
  543. });
  544. },
  545. getOrderLog(orderNo) {
  546. this.setState({
  547. rizhivisible: true
  548. });
  549. this.rizhi(orderNo);
  550. },
  551. closeOrderLog() {
  552. this.setState({
  553. rizhivisible: false
  554. });
  555. },
  556. //节点列表
  557. jiedian(orderNos) {
  558. $.ajax({
  559. method: "get",
  560. dataType: "json",
  561. crossDomain: false,
  562. url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
  563. data: {
  564. orderNo: orderNos
  565. },
  566. success: function(data) {
  567. let theArr = [];
  568. let thisData = [];
  569. if (data.error.length || data.data.list == "") {
  570. if (data.error && data.error.length) {
  571. message.warning(data.error[0].message);
  572. }
  573. } else {
  574. for (let i = 0; i < data.data.length; i++) {
  575. thisData = data.data[i];
  576. theArr.push({
  577. key: i,
  578. dunSubject: thisData.dunSubject
  579. ? thisData.dunSubject.toString()
  580. : "", //催款科目
  581. id: thisData.id, //节点Id
  582. money: thisData.money, //催款金额
  583. dunStatus: thisData.dunStatus //催款状态
  584. });
  585. }
  586. this.setState({
  587. contactList: theArr
  588. });
  589. }
  590. }.bind(this)
  591. });
  592. },
  593. //审核通过
  594. examOk() {
  595. $.ajax({
  596. method: "post",
  597. dataType: "json",
  598. crossDomain: false,
  599. url: globalConfig.context + "/api/admin/newOrder/auditOrderNew",
  600. data: {
  601. orderNo: this.state.orderNo,
  602. orderStatus: 2
  603. },
  604. success: function(data) {
  605. if (data.error.length || data.data.list == "") {
  606. if (data.error && data.error.length) {
  607. message.warning(data.error[0].message);
  608. }
  609. } else {
  610. message.success("该订单已通过审核~");
  611. this.setState({
  612. visible: false
  613. });
  614. this.reset();
  615. }
  616. }.bind(this)
  617. }).always(
  618. function() {
  619. this.setState({
  620. loading: false
  621. });
  622. }.bind(this)
  623. );
  624. },
  625. //通过发给外包
  626. outsourcing() {
  627. $.ajax({
  628. method: "post",
  629. dataType: "json",
  630. crossDomain: false,
  631. url: globalConfig.context + "/api/admin/newOrder/auditOrderNew",
  632. data: {
  633. orderNo: this.state.orderNo,
  634. orderStatus: 2,
  635. outsource: 1
  636. },
  637. success: function(data) {
  638. if (data.error.length || data.data.list == "") {
  639. if (data.error && data.error.length) {
  640. message.warning(data.error[0].message);
  641. }
  642. } else {
  643. message.success("该订单已通过审核~");
  644. this.setState({
  645. visible: false
  646. });
  647. this.reset();
  648. }
  649. }.bind(this)
  650. }).always(
  651. function() {
  652. this.setState({
  653. loading: false
  654. });
  655. }.bind(this)
  656. );
  657. },
  658. //审核不通过
  659. examOks() {
  660. this.setState({
  661. aloading: true
  662. });
  663. $.ajax({
  664. method: "post",
  665. dataType: "json",
  666. crossDomain: false,
  667. url: globalConfig.context + "/api/admin/newOrder/auditOrderNew",
  668. data: {
  669. orderNo: this.state.orderNo,
  670. orderStatus: 3,
  671. reason: this.state.reason
  672. },
  673. success: function(data) {
  674. if (data.error.length || data.data.list == "") {
  675. if (data.error && data.error.length) {
  676. message.warning(data.error[0].message);
  677. this.setState({
  678. aloading: true
  679. });
  680. }
  681. } else {
  682. message.success("该订单已被拒绝~");
  683. this.setState({
  684. visible: false,
  685. aloading: false,
  686. noVisible: false,
  687. reason: ""
  688. });
  689. this.reset();
  690. }
  691. }.bind(this)
  692. }).always(
  693. function() {
  694. this.setState({
  695. loading: false
  696. });
  697. }.bind(this)
  698. );
  699. },
  700. //点击拒绝
  701. examNo() {
  702. this.setState({
  703. noVisible: true
  704. });
  705. },
  706. loadDataChange() {
  707. $.ajax({
  708. method: "get",
  709. dataType: "json",
  710. async: false,
  711. crossDomain: false,
  712. url: globalConfig.context + "/api/admin/orderChange/orderChangeLogList",
  713. data: {
  714. changeId: this.state.id
  715. },
  716. success: function(data) {
  717. if (data.error.length || data.data.list == "") {
  718. if (data.error && data.error.length) {
  719. message.warning(data.error[0].message);
  720. }
  721. } else {
  722. // console.log("拿到历史", data.data);
  723. this.setState({
  724. dataProps: data.data
  725. });
  726. }
  727. }.bind(this)
  728. });
  729. },
  730. callback(key) {
  731. this.setState({
  732. activeKey: key
  733. });
  734. if (key === "1") {
  735. this.xiangmu(this.state.orderNo);
  736. this.jiedian(this.state.orderNo);
  737. }
  738. if (key === "2") {
  739. this.ChangeDetail(this.state.orderNo);
  740. this.loadDataChange();
  741. }
  742. if (key === "3") {
  743. this.primaryOrder(this.state.primaryOrderNo);
  744. this.xiangmu(this.state.primaryOrderNo);
  745. this.jiedian(this.state.primaryOrderNo);
  746. }
  747. if (key === "4") {
  748. this.additionalOrder(this.state.additionalOrder);
  749. this.xiangmu(this.state.additionalOrder);
  750. this.jiedian(this.state.additionalOrder);
  751. this.setState({
  752. buttonStatusA: false
  753. });
  754. } else {
  755. this.setState({
  756. buttonStatusA: true
  757. });
  758. }
  759. },
  760. closeDesc(e, s) {
  761. this.state.activeKey = "1";
  762. this.state.userDetaile = false;
  763. this.state.signBillVisible = false;
  764. this.state.visible = e;
  765. if (s) {
  766. this.loadData(this.state.pageNo);
  767. }
  768. },
  769. // 获取原订单编号
  770. getPrimaryOrder(value) {
  771. this.setState({
  772. primaryOrder: value
  773. });
  774. },
  775. getAdditionalOrder(value) {
  776. this.setState({
  777. additionalOrder: value
  778. });
  779. },
  780. getUrl(url) {
  781. let theorgCodeUrl = [];
  782. if (url.length) {
  783. let picArr = [];
  784. url.map(function(item) {
  785. if (
  786. item.response &&
  787. item.response.data &&
  788. item.response.data.length
  789. ) {
  790. picArr.push(item.response.data);
  791. }
  792. });
  793. theorgCodeUrl = picArr.join(",");
  794. }
  795. return theorgCodeUrl;
  796. },
  797. sureOut() {
  798. if (!this.state.companyName) {
  799. message.warning("公司名称不能为空");
  800. return;
  801. }
  802. if (!this.state.unitPrice) {
  803. message.warning("单价不能为空");
  804. return;
  805. }
  806. if (!this.state.unitNumber) {
  807. message.warning("数量不能为空");
  808. return;
  809. }
  810. if (!this.state.amount) {
  811. message.warning("总金额不能为空");
  812. return;
  813. }
  814. if (!this.state.outsourceRemarks) {
  815. message.warning("备注不能为空");
  816. return;
  817. }
  818. if (this.state.pictureUrl.length === 0) {
  819. message.warning("合同扫描件不能为空");
  820. return;
  821. }
  822. $.ajax({
  823. method: "POST",
  824. dataType: "json",
  825. crossDomain: false,
  826. url: globalConfig.context + "/api/admin/outsourceOrg/auditOutsource",
  827. data: {
  828. id: this.state.id,
  829. orderNo: this.state.orderNo,
  830. companyName: this.state.companyName,
  831. amount: this.state.amount,
  832. outsourceRemarks: this.state.outsourceRemarks,
  833. unitNumber: this.state.unitNumber,
  834. unitPrice: this.state.unitPrice,
  835. attachmentUrl: this.getUrl(this.state.attachmentUrl).length
  836. ? this.getUrl(this.state.attachmentUrl)
  837. : "",
  838. orderStatus: 2,
  839. pictureUrl: this.getUrl(this.state.pictureUrl).length
  840. ? this.getUrl(this.state.pictureUrl)
  841. : ""
  842. }
  843. }).done(
  844. function(data) {
  845. this.setState({
  846. loading: false
  847. });
  848. if (!data.error.length) {
  849. message.success("发起成功!");
  850. this.outReset();
  851. this.visitCancel();
  852. } else {
  853. message.warning(data.error[0].message);
  854. }
  855. }.bind(this)
  856. );
  857. },
  858. //关闭输入理由框
  859. noCancel() {
  860. this.setState({
  861. noVisible: false,
  862. aloading: false,
  863. reason: ""
  864. });
  865. },
  866. //重置
  867. reset() {
  868. this.setState({
  869. signBillVisible: false
  870. });
  871. this.state.orderNo = "";
  872. this.state.customerName = "";
  873. this.state.releaseDate[0] = undefined;
  874. this.state.releaseDate[1] = undefined;
  875. this.state.approval = undefined;
  876. this.loadData(1);
  877. },
  878. outReset() {
  879. this.setState({
  880. companyName: "",
  881. amount: "",
  882. unitPrice: "",
  883. unitNumber: "",
  884. outsourceRemarks: "",
  885. attachmentUrl: [],
  886. pictureUrl: []
  887. });
  888. },
  889. getOrgCodeUrl(e) {
  890. this.setState({ pictureUrl: e });
  891. },
  892. //关闭详情
  893. visitCancel() {
  894. this.setState(
  895. {
  896. visible: false,
  897. activeKey: "1"
  898. },
  899. () => {
  900. this.setState({
  901. activeKey: "1"
  902. });
  903. }
  904. );
  905. this.loadData(this.state.pageNo);
  906. },
  907. visitOk() {
  908. this.setState({
  909. visible: false
  910. });
  911. },
  912. render() {
  913. const formItemLayout = {
  914. labelCol: { span: 8 },
  915. wrapperCol: { span: 14 }
  916. };
  917. const FormItem = Form.Item;
  918. const { TabPane } = Tabs;
  919. return (
  920. <div className="user-content">
  921. <div className="content-title">
  922. <span>合同变更审核订单</span>
  923. </div>
  924. <div className="user-search">
  925. <SearchInput search={this.search} />
  926. <div className="patent-table">
  927. <Spin spinning={this.state.loading}>
  928. <Table
  929. bordered
  930. columns={this.state.columns}
  931. dataSource={this.state.dataSource}
  932. pagination={this.state.pagination}
  933. onRowClick={this.tableRowClick}
  934. />
  935. </Spin>
  936. </div>
  937. <Modal
  938. className="customeDetails"
  939. footer=""
  940. maskClosable={false}
  941. width="900px"
  942. visible={this.state.visible}
  943. onOk={this.visitOk}
  944. onCancel={this.visitCancel}
  945. >
  946. <Tabs activeKey={this.state.activeKey} onChange={this.callback}>
  947. <TabPane tab="订单详情" key="1">
  948. <Form
  949. layout="horizontal"
  950. onSubmit={this.handleSubmit}
  951. id="demand-form"
  952. style={{ paddingBottom: "40px" }}
  953. >
  954. <Spin spinning={this.state.loading}>
  955. <OrderDetail
  956. processState={this.props.processState}
  957. orderData={this.state.orderData}
  958. getOrderLog={this.getOrderLog}
  959. dataSourceX={this.state.dataSourceX}
  960. contactList={this.state.contactList}
  961. orderNo={this.state.orderNo}
  962. />
  963. </Spin>
  964. </Form>
  965. </TabPane>
  966. <TabPane tab="合同变更记录" key="2">
  967. <ChangeDetail
  968. data={this.state.contractData}
  969. pictureUrl={this.state.voucherUrl}
  970. processState={this.props.processState}
  971. loadData={this.callback}
  972. reset={this.state.visible}
  973. dataSource={this.state.dataProps}
  974. onCancel={this.visitCancel}
  975. />
  976. </TabPane>
  977. {this.state.status === 4 ? (
  978. <TabPane tab="原订单" key="3">
  979. <Form
  980. layout="horizontal"
  981. onSubmit={this.handleSubmit}
  982. id="demand-form"
  983. style={{ paddingBottom: "40px" }}
  984. >
  985. <Spin spinning={this.state.loading}>
  986. <OrderDetail
  987. processState={this.props.processState}
  988. orderData={this.state.primaryOrderData}
  989. getOrderLog={this.getOrderLog}
  990. dataSourceX={this.state.dataSourceX}
  991. contactList={this.state.contactList}
  992. orderNo={this.state.primaryOrderNo}
  993. />
  994. </Spin>
  995. </Form>
  996. </TabPane>
  997. ) : (
  998. ""
  999. )}
  1000. {this.state.status === 4 ? (
  1001. this.state.type === 4 || this.state.type === 5 ? (
  1002. <TabPane tab="附加订单" key="4">
  1003. <OrderDetail
  1004. processState={this.props.processState}
  1005. orderData={this.state.additionalOrderData}
  1006. getOrderLog={this.getOrderLog}
  1007. dataSourceX={this.state.dataSourceX}
  1008. contactList={this.state.contactList}
  1009. orderNo={this.state.additionalOrder}
  1010. />
  1011. </TabPane>
  1012. ) : (
  1013. ""
  1014. )
  1015. ) : (
  1016. ""
  1017. )}
  1018. </Tabs>
  1019. </Modal>
  1020. <Modal
  1021. maskClosable={false}
  1022. visible={this.state.addnextVisible}
  1023. onOk={this.nextCancel}
  1024. onCancel={this.nextCancel}
  1025. confirmLoading={this.state.confirmLoading}
  1026. width="800px"
  1027. title={"项目任务详情"}
  1028. footer=""
  1029. className="admin-desc-content"
  1030. >
  1031. <Form layout="horizontal" id="demand-form">
  1032. <Spin spinning={this.state.loading}>
  1033. <div className="clearfix">
  1034. <FormItem
  1035. className="half-item"
  1036. {...formItemLayout}
  1037. label="项目名称"
  1038. >
  1039. <span>{this.state.commodityName}</span>
  1040. </FormItem>
  1041. <FormItem
  1042. className="half-item"
  1043. {...formItemLayout}
  1044. label="项目数量"
  1045. >
  1046. <span>{this.state.commodityQuantity}</span>
  1047. </FormItem>
  1048. <FormItem
  1049. className="half-item"
  1050. {...formItemLayout}
  1051. label="金额(万元)"
  1052. >
  1053. <span>{this.state.commodityPrice}</span>
  1054. </FormItem>
  1055. <FormItem
  1056. className="half-item"
  1057. {...formItemLayout}
  1058. label="主要项目"
  1059. >
  1060. <span>{getboutique(this.state.main)}</span>
  1061. </FormItem>
  1062. <div className="clearfix">
  1063. <FormItem
  1064. labelCol={{ span: 4 }}
  1065. wrapperCol={{ span: 16 }}
  1066. label="服务说明"
  1067. >
  1068. <span>{this.state.taskComment}</span>
  1069. </FormItem>
  1070. </div>
  1071. </div>
  1072. </Spin>
  1073. </Form>
  1074. </Modal>
  1075. <Modal
  1076. maskClosable={false}
  1077. visible={this.state.noVisible}
  1078. onOk={this.handleOk}
  1079. onCancel={this.noCancel}
  1080. width="400px"
  1081. title={"拒绝理由"}
  1082. footer=""
  1083. className="admin-desc-content"
  1084. confirmLoading={this.state.confirmLoading}
  1085. >
  1086. <Form layout="horizontal" id="demand-form">
  1087. <Spin spinning={this.state.loading}>
  1088. <div className="clearfix">
  1089. <FormItem
  1090. labelCol={{ span: 4 }}
  1091. wrapperCol={{ span: 16 }}
  1092. label="拒绝理由"
  1093. >
  1094. <Input
  1095. type="textarea"
  1096. placeholder="请输入拒绝理由"
  1097. rows={4}
  1098. value={this.state.reason}
  1099. onChange={e => {
  1100. this.setState({ reason: e.target.value });
  1101. }}
  1102. />
  1103. </FormItem>
  1104. </div>
  1105. <div className="clearfix">
  1106. <Button
  1107. className="cancel"
  1108. type="primary"
  1109. onClick={this.examOks}
  1110. style={{ marginLeft: "50px" }}
  1111. htmlType="submit"
  1112. loading={this.state.aloading}
  1113. >
  1114. 确定
  1115. </Button>
  1116. <Button
  1117. className="cancel"
  1118. type="ghost"
  1119. onClick={this.noCancel}
  1120. style={{ marginLeft: "50px" }}
  1121. >
  1122. 取消
  1123. </Button>
  1124. </div>
  1125. </Spin>
  1126. </Form>
  1127. </Modal>
  1128. <Modal
  1129. visible={this.state.rizhivisible}
  1130. className="admin-desc-content"
  1131. width="800px"
  1132. maskClosable={false}
  1133. title="订单日志"
  1134. footer={null}
  1135. onCancel={this.closeOrderLog}
  1136. >
  1137. <div className="patent-table">
  1138. <Spin spinning={this.state.loading}>
  1139. <Table
  1140. bordered
  1141. columns={this.state.columnsrizhi}
  1142. dataSource={this.state.dataSourcerizhi}
  1143. pagination={false}
  1144. />
  1145. </Spin>
  1146. </div>
  1147. </Modal>
  1148. </div>
  1149. </div>
  1150. );
  1151. }
  1152. })
  1153. );
  1154. export default contractChange;