shouKuanAll.jsx 67 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365
  1. import React from "react";
  2. import $ from "jquery/src/ajax";
  3. import moment from "moment";
  4. import "./public.less";
  5. import "./shouKuan.less";
  6. import {
  7. Button,
  8. Form,
  9. Input,
  10. Spin,
  11. Table,
  12. Select,
  13. message,
  14. DatePicker,
  15. Modal,
  16. Tabs,
  17. Col,
  18. Tag
  19. } from "antd";
  20. import OrderDesc from "../orderDetail/orderDesc";
  21. import Receivable from "./receivable";
  22. import ResolutionDetail from "@/resolutionDetail";
  23. import Assign from "@/manageCenter/publicComponent/assign";
  24. import ReactToPrint from "react-to-print";
  25. import {
  26. getLiquidationStatus,
  27. getProcessStatus,
  28. getApproval,
  29. getInvoiceStatus,
  30. getTransactionProject,
  31. getTaskStatus,
  32. getNewOrderStatus,
  33. getProjectStatus,
  34. getjiedian
  35. } from "@/tools";
  36. import { ChooseList } from "../../order/orderNew/chooseList";
  37. import Project from "../../../../component/project"
  38. const FormItem = Form.Item;
  39. const { TabPane } = Tabs;
  40. const ShouKuang = React.createClass({
  41. departmentList() {
  42. this.setState({
  43. loading: true
  44. });
  45. $.ajax({
  46. method: "get",
  47. dataType: "json",
  48. crossDomain: false,
  49. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  50. data: {},
  51. success: function(data) {
  52. let thedata = data.data;
  53. let theArr = [];
  54. if (!thedata) {
  55. if (data.error && data.error.length) {
  56. message.warning(data.error[0].message);
  57. }
  58. } else {
  59. thedata.map(function(item, index) {
  60. theArr.push({
  61. key: index,
  62. name: item.name,
  63. id: item.id
  64. });
  65. });
  66. }
  67. this.setState({
  68. departmentArr: theArr
  69. });
  70. }.bind(this)
  71. }).always(
  72. function() {
  73. this.setState({
  74. loading: false
  75. });
  76. }.bind(this)
  77. );
  78. },
  79. loadData(pageNo, pageSize) {
  80. this.state.data = [];
  81. this.state.pagination.pageSize = 10;
  82. this.setState({
  83. // selectedRowKeys: [],
  84. // selectedRowKey: [],
  85. page: pageNo,
  86. loadingA: true,
  87. pagination: this.state.pagination
  88. });
  89. $.ajax({
  90. method: "get",
  91. dataType: "json",
  92. crossDomain: false,
  93. url: globalConfig.context + "/api/admin/financial/financeList",
  94. data: {
  95. pageNo: pageNo || 1,
  96. pageSize: pageSize || this.state.pagination.pageSize,
  97. buyerName: this.state.nameSearch, //客户名称
  98. orderNo: this.state.orderNoSearch,
  99. startTime: this.state.releaseDate[0],
  100. endTime: this.state.releaseDate[1],
  101. startFinalReceivablesTime: this.state.shouKuanDate[0],
  102. endFinalReceivablesTime: this.state.shouKuanDate[1],
  103. departmentId: this.state.departmenttList,
  104. processStatus: this.state.processStatusSearch,
  105. contractNo: this.state.contractNoSearch,
  106. liquidationStatus: this.state.liquidationStatus,
  107. amountStatus: this.state.amountStatus
  108. },
  109. success: function(data) {
  110. let theArr = [];
  111. if (!data.data || !data.data.pagination.list) {
  112. if (data.error && data.error.length) {
  113. message.warning(data.error[0].message);
  114. }
  115. } else {
  116. for (let i = 0; i < data.data.pagination.list.length; i++) {
  117. let thisdata = data.data.pagination.list[i];
  118. theArr.push({
  119. key: thisdata.orderNo,
  120. orderNo: thisdata.orderNo,
  121. orderType: thisdata.orderType,
  122. orderStatus: thisdata.orderStatus,
  123. sellerName: thisdata.sellerName,
  124. processStatus: thisdata.processStatus,
  125. liquidationStatus: thisdata.liquidationStatus,
  126. approval: thisdata.approval,
  127. buyerName: thisdata.buyerName,
  128. actuallyTotalAmount: thisdata.actuallyTotalAmount,
  129. signTime: thisdata.signTime,
  130. companyId: thisdata.companyId,
  131. companyName: thisdata.companyName,
  132. buyerId: thisdata.buyerId,
  133. buyerName: thisdata.buyerName,
  134. contractNo: thisdata.contractNo,
  135. createTime: thisdata.createTime,
  136. departmentName: thisdata.departmentName,
  137. invoiceAmount: thisdata.invoiceAmount,
  138. finalReceivables: thisdata.finalReceivables,
  139. finalReceivablesTime: thisdata.finalReceivablesTime,
  140. signTotalAmount: thisdata.signTotalAmount,
  141. financeName: thisdata.financeName,
  142. backStatus: thisdata.backStatus
  143. });
  144. }
  145. }
  146. this.state.pagination.current = data.data.pagination.pageNo;
  147. this.state.pagination.total = data.data.pagination.totalCount;
  148. if (
  149. data.data &&
  150. data.data.pagination.list &&
  151. !data.data.pagination.list.length
  152. ) {
  153. this.state.pagination.current = 0;
  154. this.state.pagination.total = 0;
  155. }
  156. this.setState({
  157. totalPage: data.data.pagination.totalPage,
  158. dataSource: theArr,
  159. pagination: this.state.pagination,
  160. totalHui: data.data.count ? data.data.count.signTotalAmount : 0,
  161. hui: data.data.count ? data.data.count.actuallyTotalAmount : 0
  162. });
  163. }.bind(this)
  164. }).always(
  165. function() {
  166. this.setState({
  167. loadingA: false
  168. });
  169. }.bind(this)
  170. );
  171. },
  172. getInitialState() {
  173. return {
  174. searchMore: true,
  175. dvisible: false,
  176. assignVisibleX: false,
  177. assignVisibleY: false,
  178. releaseDate: [],
  179. shouKuanDate: [],
  180. assignDataX: [],
  181. assignDataY: [],
  182. totalPage: 0,
  183. processStatusSearch: [],
  184. boHuivisible: false,
  185. selectedRowKeys: [],
  186. selectedRows: [],
  187. loading: false,
  188. loadingA: false,
  189. pagination: {
  190. defaultCurrent: 1,
  191. defaultPageSize: 10,
  192. showQuickJumper: true,
  193. pageSize: 10,
  194. onChange: function(page) {
  195. this.loadData(page);
  196. }.bind(this),
  197. showTotal: function(total) {
  198. return "共" + total + "条数据";
  199. }
  200. },
  201. // 子组件改变的表格title数组
  202. changeList: undefined,
  203. proColumns: [
  204. {
  205. title: "序号",
  206. dataIndex: "key",
  207. key: "key"
  208. },
  209. {
  210. title: "合同编号",
  211. dataIndex: "contractNo",
  212. key: "contractNo"
  213. },
  214. {
  215. title: "订单编号",
  216. dataIndex: "orderNo",
  217. key: "orderNo"
  218. },
  219. {
  220. title: "客户名称",
  221. dataIndex: "userName",
  222. key: "userName"
  223. },
  224. {
  225. title: "订单负责人",
  226. dataIndex: "salesmanName",
  227. key: "salesmanName"
  228. },
  229. {
  230. title: "是否主项目",
  231. dataIndex: "main",
  232. key: "main",
  233. render: text => {
  234. return text == 0 ? "否" : "是";
  235. }
  236. },
  237. {
  238. title: "项目类别",
  239. dataIndex: "cname",
  240. key: "cname"
  241. },
  242. {
  243. title: "项目名称",
  244. dataIndex: "commodityName",
  245. key: "commodityName"
  246. },
  247. {
  248. title: "项目数量",
  249. dataIndex: "commodityQuantity",
  250. key: "commodityQuantity",
  251. render: (text, record) => {
  252. if (record.splitStatus == 1) {
  253. return (
  254. <span>
  255. {text}{" "}
  256. <Tag
  257. color="#108ee9"
  258. onClick={e => {
  259. e.stopPropagation();
  260. this.showRes(record);
  261. }}
  262. >
  263. 已拆
  264. </Tag>
  265. </span>
  266. );
  267. } else {
  268. return text;
  269. }
  270. }
  271. },
  272. {
  273. title: "服务市价",
  274. dataIndex: "commodityPrice",
  275. key: "commodityPrice"
  276. },
  277. {
  278. title: "证书编号",
  279. dataIndex: "certificateNumber",
  280. key: "certificateNumber"
  281. },
  282. {
  283. title: "项目状态",
  284. dataIndex: "projectStatus",
  285. key: "projectStatus",
  286. render: text => {
  287. return getProjectStatus(text);
  288. }
  289. },
  290. {
  291. title: "项目说明",
  292. dataIndex: "taskComment",
  293. key: "taskComment"
  294. },
  295. {
  296. title: "是否外包",
  297. dataIndex: "outsource",
  298. key: "outsource",
  299. render: text => {
  300. if (text == 0) {
  301. return "否";
  302. } else if (text == 1) {
  303. return "是";
  304. }
  305. }
  306. },
  307. {
  308. title: "外包(内部)公司",
  309. dataIndex: "outsourceName",
  310. key: "outsourceName"
  311. },
  312. {
  313. title: "外包(内部)价格",
  314. dataIndex: "outsourcePrice",
  315. key: "outsourcePrice"
  316. }
  317. ],
  318. cuiColumns: [
  319. {
  320. title: "序号",
  321. dataIndex: "key",
  322. key: "key"
  323. },
  324. {
  325. title: "合同编号",
  326. dataIndex: "contractNo",
  327. key: "contractNo"
  328. },
  329. {
  330. title: "订单编号",
  331. dataIndex: "orderNo",
  332. key: "orderNo"
  333. },
  334. {
  335. title: "客户名称",
  336. dataIndex: "userName",
  337. key: "userName"
  338. },
  339. {
  340. title: "订单负责人",
  341. dataIndex: "salesmanName",
  342. key: "salesmanName"
  343. },
  344. {
  345. title: "订单部门",
  346. dataIndex: "depName",
  347. key: "depName"
  348. },
  349. {
  350. title: "订单状态",
  351. dataIndex: "orderStatus",
  352. key: "orderStatus",
  353. render: text => {
  354. return getNewOrderStatus(text);
  355. }
  356. },
  357. {
  358. title: "项目状态",
  359. dataIndex: "projectStatus",
  360. key: "projectStatus",
  361. render: text => {
  362. return getProjectStatus(text);
  363. }
  364. },
  365. {
  366. title: "签单金额",
  367. dataIndex: "totalAmount",
  368. key: "totalAmount"
  369. },
  370. {
  371. title: "结算状态",
  372. dataIndex: "liquidationStatus",
  373. key: "liquidationStatus",
  374. render: text => {
  375. return getLiquidationStatus(text);
  376. }
  377. },
  378. {
  379. title: "已收款",
  380. dataIndex: "settlementAmount",
  381. key: "settlementAmount"
  382. },
  383. {
  384. title: "应收款",
  385. dataIndex: "accountsReceivable",
  386. key: "accountsReceivable"
  387. },
  388. {
  389. title: "催收科目",
  390. dataIndex: "dunSubject",
  391. key: "dunSubject"
  392. // render: text => {
  393. // return getjiedian(text);
  394. // }
  395. },
  396. {
  397. title: "催款状态",
  398. dataIndex: "dunStatus",
  399. key: "dunStatus"
  400. },
  401. {
  402. title: "催收启动时间",
  403. dataIndex: "startDate",
  404. key: "startDate"
  405. }
  406. ],
  407. timeColumns: [
  408. {
  409. title: "合同编号",
  410. dataIndex: "contractNo",
  411. key: "contractNo"
  412. },
  413. {
  414. title: "订单编号",
  415. dataIndex: "orderNo",
  416. key: "orderNo"
  417. },
  418. {
  419. title: "项目编号",
  420. dataIndex: "id",
  421. key: "id",
  422. render: (text, record) => {
  423. if (record.splitStatus == 2) {
  424. return <span>{record.splitSuper + "-" + record.splitId}</span>;
  425. } else {
  426. return text;
  427. }
  428. }
  429. },
  430. {
  431. title: "客户名称",
  432. dataIndex: "userName",
  433. key: "userName",
  434. render: text => {
  435. return text && text.length > 9 ? text.substr(0, 9) + "..." : text;
  436. }
  437. },
  438. {
  439. title: "订单部门",
  440. dataIndex: "depName",
  441. key: "depName"
  442. },
  443. {
  444. title: "订单负责人",
  445. dataIndex: "salesmanName",
  446. key: "salesmanName"
  447. },
  448. {
  449. title: "项目类别",
  450. dataIndex: "cname",
  451. key: "cname"
  452. },
  453. {
  454. title: "项目名称",
  455. dataIndex: "taskName",
  456. key: "taskName"
  457. },
  458. {
  459. title: "项目负责人",
  460. dataIndex: "receiverName",
  461. key: "receiverName"
  462. },
  463. {
  464. title: "项目价格(万元)",
  465. dataIndex: "commodityPrice",
  466. key: "commodityPrice"
  467. },
  468. {
  469. title: "数量(个)",
  470. dataIndex: "commodityQuantity",
  471. key: "commodityQuantity"
  472. },
  473. {
  474. title: "任务状态",
  475. dataIndex: "taskStatus",
  476. key: "taskStatus",
  477. render: text => {
  478. return getTaskStatus(text);
  479. }
  480. },
  481. {
  482. title: "项目状态",
  483. dataIndex: "projectStatus",
  484. key: "projectStatus",
  485. render: text => {
  486. return getProjectStatus(text);
  487. }
  488. },
  489. {
  490. title: "工时",
  491. dataIndex: "hours",
  492. key: "hours"
  493. },
  494. {
  495. title: "是否外包",
  496. dataIndex: "outsource",
  497. key: "outsource",
  498. render: text => {
  499. if (text == 0) {
  500. return "否";
  501. } else if (text == 1) {
  502. return "是";
  503. }
  504. }
  505. },
  506. {
  507. title: "签单日期",
  508. dataIndex: "signTime",
  509. key: "signTime"
  510. },
  511. {
  512. title: "派单日期",
  513. dataIndex: "creteTime",
  514. key: "creteTime"
  515. },
  516. {
  517. title: "分配时间",
  518. dataIndex: "taskDistributionTime",
  519. key: "taskDistributionTime"
  520. },
  521. {
  522. title: "完成时间",
  523. dataIndex: "taskEndTime",
  524. key: "taskEndTime"
  525. }
  526. ],
  527. printColumns: [
  528. {
  529. title: "合同编号",
  530. dataIndex: "contractNo",
  531. key: "contractNo"
  532. },
  533. {
  534. title: "订单编号",
  535. dataIndex: "orderNo",
  536. key: "orderNo"
  537. // fixed: "left"
  538. },
  539. {
  540. title: "客户名称",
  541. dataIndex: "buyerName",
  542. key: "buyerName"
  543. },
  544. {
  545. title: "订单部门",
  546. dataIndex: "departmentName",
  547. key: "departmentName"
  548. },
  549. {
  550. title: "订单负责人",
  551. dataIndex: "sellerName",
  552. key: "sellerName"
  553. },
  554. {
  555. title: "签单日期",
  556. dataIndex: "signTime",
  557. key: "signTime"
  558. },
  559. {
  560. title: "下单日期",
  561. dataIndex: "createTime",
  562. key: "createTime"
  563. },
  564. {
  565. title: "签单金额(万元)",
  566. dataIndex: "signTotalAmount",
  567. key: "signTotalAmount"
  568. },
  569. {
  570. title: "开票金额(万元)",
  571. dataIndex: "invoiceAmount",
  572. key: "invoiceAmount"
  573. },
  574. {
  575. title: "已收款(万元)",
  576. dataIndex: "actuallyTotalAmount",
  577. key: "actuallyTotalAmount"
  578. },
  579. {
  580. title: "最近收款(万元)",
  581. dataIndex: "finalReceivables",
  582. key: "finalReceivables"
  583. },
  584. {
  585. title: "最近收款时间",
  586. dataIndex: "finalReceivablesTime",
  587. key: "finalReceivablesTime"
  588. },
  589. {
  590. title: "结算状态",
  591. dataIndex: "liquidationStatus",
  592. key: "liquidationStatus",
  593. render: text => {
  594. return getLiquidationStatus(text);
  595. }
  596. },
  597. {
  598. title: "流程状态",
  599. dataIndex: "processStatus",
  600. key: "processStatus",
  601. render: text => {
  602. return getProcessStatus(text);
  603. }
  604. },
  605. {
  606. title: "特批状态",
  607. dataIndex: "approval",
  608. key: "approval",
  609. render: text => {
  610. return getApproval(text);
  611. }
  612. }
  613. ],
  614. columns: [
  615. {
  616. title: "合同编号",
  617. dataIndex: "contractNo",
  618. key: "contractNo",
  619. className: "title-table",
  620. fixed: "left"
  621. },
  622. {
  623. title: "客户名称",
  624. dataIndex: "buyerName",
  625. key: "buyerName",
  626. className: "title-table",
  627. fixed: "left"
  628. },
  629. {
  630. title: "订单编号",
  631. dataIndex: "orderNo",
  632. key: "orderNo",
  633. className: "title-table"
  634. // fixed: "left"
  635. },
  636. {
  637. title: "特批状态",
  638. dataIndex: "approval",
  639. key: "approval",
  640. className: "title-table",
  641. render: text => {
  642. if (text == 1 || text == 2) {
  643. return <Tag color="#f50">{getApproval(text)}</Tag>;
  644. }
  645. return getApproval(text);
  646. }
  647. },
  648. {
  649. title: "订单部门",
  650. dataIndex: "departmentName",
  651. key: "departmentName",
  652. className: "title-table"
  653. },
  654. {
  655. title: "订单负责人",
  656. dataIndex: "sellerName",
  657. key: "sellerName",
  658. className: "title-table"
  659. },
  660. {
  661. title: "财务负责人",
  662. dataIndex: "financeName",
  663. key: "financeName",
  664. className: "title-table"
  665. },
  666. {
  667. title: "签单日期",
  668. dataIndex: "signTime",
  669. key: "signTime",
  670. className: "title-table"
  671. },
  672. {
  673. title: "下单日期",
  674. dataIndex: "createTime",
  675. key: "createTime",
  676. className: "title-table"
  677. },
  678. {
  679. title: "签单金额(万元)",
  680. dataIndex: "signTotalAmount",
  681. key: "signTotalAmount",
  682. className: "title-table"
  683. },
  684. {
  685. title: "开票金额(万元)",
  686. dataIndex: "invoiceAmount",
  687. key: "invoiceAmount",
  688. className: "title-table"
  689. },
  690. {
  691. title: "已收款(万元)",
  692. dataIndex: "actuallyTotalAmount",
  693. key: "actuallyTotalAmount",
  694. className: "title-table"
  695. },
  696. {
  697. title: "最近收款(万元)",
  698. dataIndex: "finalReceivables",
  699. key: "finalReceivables",
  700. className: "title-table"
  701. },
  702. {
  703. title: "最近收款时间",
  704. dataIndex: "finalReceivablesTime",
  705. key: "finalReceivablesTime",
  706. className: "title-table"
  707. },
  708. {
  709. title: "结算状态",
  710. dataIndex: "liquidationStatus",
  711. key: "liquidationStatus",
  712. className: "title-table",
  713. render: text => {
  714. return getLiquidationStatus(text);
  715. }
  716. },
  717. {
  718. title: "流程状态",
  719. dataIndex: "processStatus",
  720. key: "processStatus",
  721. className: "title-table",
  722. render: text => {
  723. return getProcessStatus(text);
  724. }
  725. },
  726. {
  727. title: "驳回状态",
  728. dataIndex: "backStatus",
  729. key: "backStatus",
  730. className: "title-table",
  731. render: text => {
  732. if (text == 3) {
  733. return <Tag>已驳回</Tag>;
  734. } else {
  735. return "";
  736. }
  737. }
  738. }
  739. // {
  740. // title: '订单状态',
  741. // dataIndex: 'orderStatus',
  742. // key: 'orderStatus',
  743. // render: text => { return getNewOrderStatus(text)}
  744. // },
  745. // {
  746. // title: "操作",
  747. // dataIndex: "caozuo",
  748. // key: "caouzo",
  749. // className: "title-table",
  750. // render: (text, recard) => {
  751. // return (
  752. // <div>
  753. // {recard.liquidationStatus < 2 &&
  754. // (recard.approval === 1 || recard.approval === 2) ? (
  755. // <Button
  756. // style={{ background: "rgb(192,192,192)" }}
  757. // onClick={e => {
  758. // e.stopPropagation(), this.evaluateX(recard);
  759. // }}
  760. // >
  761. // 收款
  762. // </Button>
  763. // ) : (
  764. // <Button
  765. // type="primary"
  766. // onClick={e => {
  767. // e.stopPropagation(), this.evaluateX(recard);
  768. // }}
  769. // >
  770. // 收款
  771. // </Button>
  772. // )}
  773. // {recard.processStatus < 4 ? (
  774. // <Button
  775. // type="primary"
  776. // onClick={e => {
  777. // e.stopPropagation(), this.evaluateZ(recard);
  778. // }}
  779. // style={{ marginLeft: "5px" }}
  780. // >
  781. // 通过
  782. // </Button>
  783. // ) : (
  784. // ""
  785. // )}
  786. // {!(
  787. // recard.actuallyTotalAmount &&
  788. // Number(recard.actuallyTotalAmount) > 0
  789. // ) && (
  790. // <Button
  791. // type="danger"
  792. // style={{ marginLeft: "5px" }}
  793. // onClick={e => {
  794. // e.stopPropagation(), this.reject(recard);
  795. // }}
  796. // >
  797. // 驳回
  798. // </Button>
  799. // )}
  800. // {
  801. // // <Button
  802. // // type="primary"
  803. // // style={{ marginLeft: "5px" }}
  804. // // onClick={e => {
  805. // // e.stopPropagation(), this.evaluateY(recard, "财务专员");
  806. // // console.log(recard);
  807. // // }}
  808. // // >
  809. // // 转交
  810. // // </Button>
  811. // }
  812. // </div>
  813. // );
  814. // }
  815. // }
  816. ],
  817. dataSource: [],
  818. searchTime: [],
  819. columnsDate: [
  820. {
  821. title: "编号",
  822. dataIndex: "id",
  823. key: "id"
  824. },
  825. {
  826. title: "订单编号",
  827. dataIndex: "orderno",
  828. key: "orderno"
  829. },
  830. {
  831. title: "开票金额(万元)",
  832. dataIndex: "amount",
  833. key: "amount"
  834. },
  835. {
  836. title: "申请时间",
  837. dataIndex: "createTime",
  838. key: "createTime"
  839. },
  840. {
  841. title: "开票状态",
  842. dataIndex: "status",
  843. key: "status",
  844. render: text => {
  845. return getInvoiceStatus(text);
  846. }
  847. }
  848. ],
  849. waterlistDate: [
  850. {
  851. title: "订单编号",
  852. dataIndex: "orderNo",
  853. key: "orderNo"
  854. },
  855. {
  856. title: "平台流水号",
  857. dataIndex: "billNo",
  858. key: "billNo"
  859. // fixed: "left"
  860. },
  861. {
  862. title: "收款金额(万元)",
  863. dataIndex: "transactionAmount",
  864. key: "transactionAmount"
  865. },
  866. {
  867. title: "收款方",
  868. dataIndex: "payeeName",
  869. key: "payeeName"
  870. },
  871. {
  872. title: "付款方",
  873. dataIndex: "payerName",
  874. key: "payerName"
  875. },
  876. {
  877. title: "流水科目",
  878. dataIndex: "transactionSubject",
  879. key: "transactionSubject",
  880. render: text => {
  881. return getTransactionProject(text);
  882. }
  883. },
  884. {
  885. title: "收款类型",
  886. dataIndex: "type",
  887. key: "type"
  888. },
  889. {
  890. title: "财务流水时间",
  891. dataIndex: "financialPayTimes",
  892. key: "financialPayTimes"
  893. },
  894. {
  895. title: "财务流水号",
  896. dataIndex: "financialPayNo",
  897. key: "financialPayNo"
  898. },
  899. {
  900. title: "订单负责人",
  901. dataIndex: "saleName",
  902. key: "saleName"
  903. },
  904. {
  905. title: "创建时间",
  906. dataIndex: "createTimes",
  907. key: "createTimes"
  908. },
  909. {
  910. title: "退款时间",
  911. dataIndex: "refundTimes",
  912. key: "refundTimes"
  913. },
  914. {
  915. title: "删除时间",
  916. dataIndex: "deleteTimes",
  917. key: "deleteTimes"
  918. },
  919. {
  920. title: "备注",
  921. dataIndex: "remarks",
  922. key: "remarks"
  923. },
  924. {
  925. title: "流水状态",
  926. dataIndex: "deleteSign",
  927. key: "deleteSign",
  928. render: (text, record) => {
  929. if (!text) {
  930. return "";
  931. } else {
  932. return <Tag>已删除</Tag>;
  933. }
  934. }
  935. }
  936. ],
  937. waterData: []
  938. };
  939. },
  940. // 特批通过
  941. evaluateZ(record) {
  942. $.ajax({
  943. method: "POST",
  944. dataType: "json",
  945. crossDomain: false,
  946. url: globalConfig.context + "/api/admin/financial/financeApproval",
  947. data: {
  948. orderNo: record.orderNo
  949. }
  950. }).done(
  951. function(data) {
  952. if (!data.error.length) {
  953. message.success("通过成功!");
  954. this.setState({
  955. loading: false
  956. });
  957. this.loadData();
  958. } else {
  959. message.warning(data.error[0].message);
  960. }
  961. }.bind(this)
  962. );
  963. },
  964. /* 收款 */
  965. evaluateX(recard) {
  966. this.state.assignDataX = recard;
  967. this.setState({
  968. assignVisibleX: true
  969. });
  970. },
  971. /* 转交 */
  972. evaluateY(recard, nub) {
  973. this.state.assignDataY = recard;
  974. this.setState({
  975. nub,
  976. assignVisibleY: true
  977. });
  978. },
  979. /* 驳回 */
  980. reject(recard) {
  981. this.setState({
  982. bohuiData: recard,
  983. boHuiVisible: true,
  984. content: ""
  985. });
  986. },
  987. boHuiOk() {
  988. this.setState({
  989. boHuiVisible: false
  990. });
  991. if (
  992. this.state.pagination.current == this.state.totalPage &&
  993. this.state.pagination.total % 10 == 1
  994. ) {
  995. this.loadData(this.state.page - 1);
  996. } else {
  997. this.loadData(this.state.page);
  998. }
  999. },
  1000. boHuiCancel() {
  1001. this.setState({
  1002. boHuiVisible: false
  1003. });
  1004. },
  1005. componentWillMount() {
  1006. this.loadData();
  1007. this.departmentList();
  1008. },
  1009. tableRowClick(record) {
  1010. this.state.RowData = record;
  1011. this.setState({
  1012. showDesc: true
  1013. });
  1014. },
  1015. closeDesc(e, s) {
  1016. this.state.showDesc = e;
  1017. if (s) {
  1018. this.loadData(this.state.page);
  1019. }
  1020. },
  1021. closeAssignX(e, s) {
  1022. this.state.assignDataX = {};
  1023. this.state.assignVisibleX = e;
  1024. if (s) {
  1025. this.loadData(this.state.page);
  1026. }
  1027. },
  1028. closeAssignY(e, s) {
  1029. this.state.assignDataY = {};
  1030. this.state.assignVisibleY = e;
  1031. if (s) {
  1032. this.loadData(this.state.page);
  1033. }
  1034. },
  1035. search() {
  1036. this.loadData();
  1037. },
  1038. // 拆分详细
  1039. showRes(record) {
  1040. this.setState({
  1041. resVisible: true,
  1042. resRecord: record
  1043. });
  1044. },
  1045. resCancel() {
  1046. this.setState({
  1047. resVisible: false
  1048. });
  1049. },
  1050. reset() {
  1051. this.state.nameSearch = "";
  1052. this.state.releaseDate = [];
  1053. this.state.shouKuanDate = [];
  1054. this.state.orderNoSearch = "";
  1055. this.state.departmenttList = undefined;
  1056. this.state.amountStatus = undefined;
  1057. this.state.processStatus = [];
  1058. this.state.processStatusSearch = [];
  1059. this.state.contractNoSearch = "";
  1060. this.state.liquidationStatus = [];
  1061. this.state.contractNo = "";
  1062. this.loadData();
  1063. },
  1064. //驳回
  1065. boHuiSubmit(e) {
  1066. e.preventDefault();
  1067. if (!this.state.content) {
  1068. message.warning("请填写驳回原因");
  1069. return false;
  1070. }
  1071. this.setState({
  1072. loading: true
  1073. });
  1074. $.ajax({
  1075. method: "POST",
  1076. dataType: "json",
  1077. crossDomain: false,
  1078. url: globalConfig.context + "/api/admin/financial/reject",
  1079. data: {
  1080. orderNo: this.state.bohuiData.orderNo,
  1081. reason: this.state.content
  1082. }
  1083. }).done(
  1084. function(data) {
  1085. if (!data.error.length) {
  1086. message.success("驳回成功!");
  1087. this.setState({
  1088. loading: false
  1089. });
  1090. this.boHuiOk();
  1091. } else {
  1092. message.warning(data.error[0].message);
  1093. }
  1094. }.bind(this)
  1095. );
  1096. },
  1097. searchSwitch() {
  1098. this.setState({
  1099. searchMore: !this.state.searchMore
  1100. });
  1101. },
  1102. changeList(arr) {
  1103. const newArr = [];
  1104. this.state.columns.forEach(item => {
  1105. arr.forEach(val => {
  1106. if (val === item.title) {
  1107. newArr.push(item);
  1108. }
  1109. });
  1110. });
  1111. this.setState({
  1112. changeList: newArr
  1113. });
  1114. },
  1115. callback(key) {
  1116. console.log(key);
  1117. },
  1118. onSelectChange(selectedRowKeys) {
  1119. // for(var i=0; i<selectedRowKeys.length; i++){
  1120. // for(var j=i+1; j<selectedRowKeys.length; j++){
  1121. // if(selectedRowKeys[i]==selectedRowKeys[j]){
  1122. // selectedRowKeys.splice(j,1);
  1123. // j--;
  1124. // }
  1125. // }
  1126. // }
  1127. this.setState({ selectedRowKeys });
  1128. },
  1129. inRecordCanl() {
  1130. this.setState({
  1131. bvisible: false
  1132. });
  1133. },
  1134. inRecordData() {
  1135. this.setState({
  1136. loading: true
  1137. });
  1138. $.ajax({
  1139. method: "get",
  1140. dataType: "json",
  1141. crossDomain: false,
  1142. url:
  1143. globalConfig.context +
  1144. "/api/admin/orderInvoice/salesmanOrderInvoiceList",
  1145. data: {
  1146. orderNo: this.state.selectedRowKeys[0],
  1147. pageSize: 9999
  1148. },
  1149. success: function(data) {
  1150. let theArr = [];
  1151. let sum = 0;
  1152. if (!data.data) {
  1153. if (data.error && data.error.length) {
  1154. message.warning(data.error[0].message);
  1155. }
  1156. } else {
  1157. for (let i = 0; i < data.data.list.length; i++) {
  1158. let thisdata = data.data.list[i];
  1159. sum += parseFloat(thisdata.amount);
  1160. theArr.push({
  1161. id: thisdata.id,
  1162. orderno: thisdata.orderno, //订单编号
  1163. amount: thisdata.amount, //签单金额
  1164. createTime: thisdata.createTime, //流程状态
  1165. status: thisdata.status, //结算状态
  1166. rejectReason: thisdata.rejectReason
  1167. });
  1168. }
  1169. }
  1170. this.setState({
  1171. recordData: theArr,
  1172. sum: sum.toFixed(4)
  1173. });
  1174. }.bind(this)
  1175. }).done(
  1176. function() {
  1177. this.setState({
  1178. loading: false
  1179. });
  1180. }.bind(this)
  1181. );
  1182. },
  1183. waterData() {
  1184. this.state.data = [];
  1185. this.setState({
  1186. loading: true
  1187. });
  1188. $.ajax({
  1189. method: "get",
  1190. dataType: "json",
  1191. crossDomain: false,
  1192. url: globalConfig.context + "/api/admin/financial/myBillList",
  1193. data: {
  1194. orderNo: this.state.selectedRowKeys[0],
  1195. pageSize: 9999,
  1196. whoType: 1
  1197. },
  1198. success: function(data) {
  1199. let theArr = [];
  1200. let waterSum = 0;
  1201. if (!data.data || !data.data.list) {
  1202. if (data.error && data.error.length) {
  1203. message.warning(data.error[0].message);
  1204. }
  1205. } else {
  1206. for (let i = 0; i < data.data.list.length; i++) {
  1207. let thisdata = data.data.list[i];
  1208. if (thisdata.deleteSign == 0) {
  1209. waterSum += parseFloat(thisdata.transactionAmount);
  1210. }
  1211. theArr.push({
  1212. key: i,
  1213. orderNo: thisdata.orderNo,
  1214. billNo: thisdata.billNo,
  1215. transactionAmount: thisdata.transactionAmount,
  1216. payeeName: thisdata.payeeName,
  1217. payerName: thisdata.payerName,
  1218. transactionSubject: thisdata.transactionSubject,
  1219. transactionChannel: thisdata.transactionChannel,
  1220. financialPayTimes: thisdata.financialPayTimes,
  1221. financialPayNo: thisdata.financialPayNo,
  1222. createrName: thisdata.createrName,
  1223. saleName: thisdata.saleName,
  1224. createTimes: thisdata.createTimes,
  1225. type:
  1226. thisdata.type == 0
  1227. ? "手工"
  1228. : thisdata.type == 1
  1229. ? "批量"
  1230. : "合同变更退款",
  1231. deleteSign: thisdata.deleteSign,
  1232. deleteTimes: thisdata.deleteTimes,
  1233. refundTimes: thisdata.refundTimes,
  1234. remarks: thisdata.remarks
  1235. });
  1236. }
  1237. }
  1238. this.setState({
  1239. waterData: theArr,
  1240. waterSum: (Math.round(waterSum * 10000) / 10000).toFixed(4)
  1241. });
  1242. }.bind(this)
  1243. }).always(
  1244. function() {
  1245. this.setState({
  1246. loading: false
  1247. });
  1248. }.bind(this)
  1249. );
  1250. },
  1251. waterCanl() {
  1252. this.setState({
  1253. cvisible: false
  1254. });
  1255. },
  1256. exportKaip() {
  1257. window.location.href =
  1258. globalConfig.context +
  1259. "/api/admin/receivables/exportInvoice?" +
  1260. `orderNo=${this.state.selectedRowKeys}`;
  1261. },
  1262. exportAll() {
  1263. window.location.href =
  1264. globalConfig.context +
  1265. "/api/admin/receivables/exportReceivables?" +
  1266. `orderNo=${
  1267. this.state.orderNoSearch ? this.state.orderNoSearch : ""
  1268. }&buyerName=${
  1269. this.state.nameSearch ? this.state.nameSearch : ""
  1270. }&departmentId=${
  1271. this.state.departmenttList ? this.state.departmenttList : ""
  1272. }&contractNo=${
  1273. this.state.contractNoSearch ? this.state.contractNoSearch : ""
  1274. }&processStatus=${this.state.processStatusSearch}`;
  1275. },
  1276. exportWater() {
  1277. window.location.href =
  1278. globalConfig.context +
  1279. "/api/admin/receivables/exportMyBill?" +
  1280. `orderNo=${this.state.selectedRowKeys}&whoType=1`;
  1281. },
  1282. printAll() {
  1283. this.setState({
  1284. dvisible: true
  1285. });
  1286. this.loadData(1, 9999);
  1287. },
  1288. timeData() {
  1289. this.setState({
  1290. loading: true
  1291. });
  1292. $.ajax({
  1293. method: "get",
  1294. dataType: "json",
  1295. crossDomain: false,
  1296. url: globalConfig.context + "/api/admin/orderProject/taskHoursList",
  1297. data: {
  1298. orderNo: this.state.selectedRowKeys[0],
  1299. pageSize: 9999
  1300. },
  1301. success: function(data) {
  1302. let theArr = [];
  1303. if (!data.data || !data.data.list) {
  1304. if (data.error && data.error.length) {
  1305. message.warning(data.error[0].message);
  1306. }
  1307. } else {
  1308. for (let i = 0; i < data.data.list.length; i++) {
  1309. let thisdata = data.data.list[i];
  1310. theArr.push({
  1311. key: i + 1,
  1312. id: thisdata.id, //ID
  1313. orderNo: thisdata.orderNo, //订单编号
  1314. taskName: thisdata.taskName, //任务名称
  1315. userName: thisdata.userName, //客户名称
  1316. cname: thisdata.cname, //项目品类
  1317. taskStatus: thisdata.taskStatus, //任务状态
  1318. receiverName: thisdata.receiverName, //负责人
  1319. hours: thisdata.hours, //任务工时
  1320. depName: thisdata.depName, //派单公司
  1321. contractNo: thisdata.contractNo,
  1322. signTime: thisdata.signTime,
  1323. creteTime: thisdata.creteTime,
  1324. projectStatus: thisdata.projectStatus,
  1325. commodityPrice: thisdata.commodityPrice, //价格
  1326. commodityQuantity: thisdata.commodityQuantity, //数量
  1327. salesmanName: thisdata.salesmanName, //订单负责人
  1328. taskDistributionTime: thisdata.taskDistributionTime,
  1329. taskEndTime: thisdata.taskEndTime,
  1330. outsource: thisdata.outsource,
  1331. splitStatus: thisdata.splitStatus,
  1332. splitSuper: thisdata.splitSuper,
  1333. splitId: thisdata.splitId
  1334. });
  1335. }
  1336. }
  1337. this.setState({
  1338. timeDataList: theArr
  1339. });
  1340. }.bind(this)
  1341. }).always(
  1342. function() {
  1343. this.setState({
  1344. loading: false
  1345. });
  1346. }.bind(this)
  1347. );
  1348. },
  1349. exportTime() {
  1350. const data = {
  1351. orderNo: this.state.selectedRowKeys[0],
  1352. pageSize: 9999
  1353. };
  1354. window.location.href =
  1355. globalConfig.context +
  1356. "/api/admin/orderProject/exportMyTaskList?" +
  1357. $.param(data);
  1358. },
  1359. exportPro() {
  1360. const data = {
  1361. orderNo: this.state.selectedRowKeys[0]
  1362. };
  1363. window.location.href =
  1364. globalConfig.context +
  1365. "/api/admin/newOrder/exportOrderTaskData?" +
  1366. $.param(data);
  1367. },
  1368. exportCui() {
  1369. var data = {
  1370. orderNo: this.state.selectedRowKeys[0]
  1371. ? this.state.selectedRowKeys[0]
  1372. : undefined, //订单编号
  1373. // specially: 1,
  1374. pageSize: 9999
  1375. };
  1376. window.location.href =
  1377. globalConfig.context +
  1378. "/api/admin/newOrder/exportOrderDunData?" +
  1379. $.param(data);
  1380. },
  1381. cuiData() {
  1382. this.setState({
  1383. loading: true
  1384. });
  1385. $.ajax({
  1386. method: "get",
  1387. dataType: "json",
  1388. crossDomain: false,
  1389. url: globalConfig.context + "/api/admin/newOrder/dunOrderNewList",
  1390. data: {
  1391. orderNo: this.state.selectedRowKeys[0],
  1392. pageSize: 9999
  1393. },
  1394. success: function(data) {
  1395. let theArr = [];
  1396. if (!data.data || !data.data.list) {
  1397. if (data.error && data.error.length) {
  1398. message.warning(data.error[0].message);
  1399. }
  1400. } else {
  1401. for (let i = 0; i < data.data.list.length; i++) {
  1402. let thisdata = data.data.list[i];
  1403. theArr.push({
  1404. key: i + 1,
  1405. orderNo: thisdata.orderNo,
  1406. contractNo: thisdata.contractNo,
  1407. userName: thisdata.userName,
  1408. buyerName: thisdata.buyerName,
  1409. departmentName: thisdata.departmentName,
  1410. salesmanName: thisdata.salesmanName,
  1411. depName: thisdata.depName,
  1412. orderStatus: thisdata.orderStatus,
  1413. projectStatus: thisdata.projectStatus,
  1414. totalAmount: thisdata.totalAmount,
  1415. liquidationStatus: thisdata.liquidationStatus,
  1416. settlementAmount: thisdata.settlementAmount,
  1417. accountsReceivable: thisdata.accountsReceivable,
  1418. dunSubject: thisdata.dunSubject,
  1419. startDate: thisdata.startDate,
  1420. taskStatus: thisdata.taskStatus,
  1421. cname: thisdata.cname,
  1422. id: thisdata.id,
  1423. taskName: thisdata.taskName,
  1424. hours: thisdata.hours,
  1425. taskDistributionTime: thisdata.taskDistributionTime,
  1426. taskEndTime: thisdata.taskEndTime,
  1427. dunStatus: thisdata.dunStatus == 0 ? "未触发" : "已触发"
  1428. });
  1429. }
  1430. }
  1431. this.setState({
  1432. cuiDataList: theArr
  1433. });
  1434. }.bind(this)
  1435. }).always(
  1436. function() {
  1437. this.setState({
  1438. loading: false
  1439. });
  1440. }.bind(this)
  1441. );
  1442. },
  1443. proData() {
  1444. this.setState({
  1445. loading: true
  1446. });
  1447. $.ajax({
  1448. method: "get",
  1449. dataType: "json",
  1450. crossDomain: false,
  1451. url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
  1452. data: {
  1453. orderNo: this.state.selectedRowKeys[0],
  1454. pageSize: 9999
  1455. },
  1456. success: function(data) {
  1457. let theArr = [];
  1458. let totalWaibao = 0;
  1459. if (!data.data) {
  1460. if (data.error && data.error.length) {
  1461. message.warning(data.error[0].message);
  1462. }
  1463. } else {
  1464. for (let i = 0; i < data.data.length; i++) {
  1465. let thisdata = data.data[i];
  1466. totalWaibao += thisdata.outsourcePrice;
  1467. theArr.push({
  1468. key: i + 1,
  1469. orderNo: thisdata.orderNo,
  1470. contractNo: thisdata.contractNo,
  1471. userName: thisdata.userName,
  1472. buyerName: thisdata.buyerName,
  1473. departmentName: thisdata.departmentName,
  1474. salesmanName: thisdata.salesmanName,
  1475. depName: thisdata.depName,
  1476. orderStatus: thisdata.orderStatus,
  1477. projectStatus: thisdata.projectStatus,
  1478. commodityName: thisdata.commodityName,
  1479. totalAmount: thisdata.totalAmount,
  1480. liquidationStatus: thisdata.liquidationStatus,
  1481. settlementAmount: thisdata.settlementAmount,
  1482. accountsReceivable: thisdata.accountsReceivable,
  1483. dunSubject: thisdata.dunSubject,
  1484. startDate: thisdata.startDate,
  1485. taskStatus: thisdata.taskStatus,
  1486. cname: thisdata.cname,
  1487. id: thisdata.id,
  1488. taskName: thisdata.taskName,
  1489. hours: thisdata.hours,
  1490. taskDistributionTime: thisdata.taskDistributionTime,
  1491. taskEndTime: thisdata.taskEndTime,
  1492. commodityQuantity: thisdata.commodityQuantity,
  1493. commodityPrice: thisdata.commodityPrice,
  1494. certificateNumber: thisdata.certificateNumber,
  1495. taskComment: thisdata.taskComment,
  1496. outsourceName: thisdata.outsourceName,
  1497. outsourcePrice: thisdata.outsourcePrice,
  1498. outsource: thisdata.outsource,
  1499. splitStatus: thisdata.splitStatus
  1500. });
  1501. }
  1502. }
  1503. totalWaibao = (Math.round(totalWaibao * 10000) / 10000).toFixed(4);
  1504. this.setState({
  1505. proDataList: theArr,
  1506. totalWaibao
  1507. });
  1508. }.bind(this)
  1509. }).always(
  1510. function() {
  1511. this.setState({
  1512. loading: false
  1513. });
  1514. }.bind(this)
  1515. );
  1516. },
  1517. tableRowClickPro(record) {
  1518. this.setState({
  1519. pvisible: true,
  1520. record
  1521. });
  1522. },
  1523. render() {
  1524. const formItemLayout = {
  1525. labelCol: { span: 8 },
  1526. wrapperCol: { span: 14 }
  1527. };
  1528. const { RangePicker } = DatePicker;
  1529. var departmentArr = this.state.departmentArr || [];
  1530. const { loading, selectedRowKeys, visible } = this.state;
  1531. const rowSelection = {
  1532. selectedRowKeys,
  1533. onChange: this.onSelectChange,
  1534. hideDefaultSelections: true,
  1535. type: "radio"
  1536. };
  1537. return (
  1538. <div className="user-content">
  1539. {this.state.resVisible ? (
  1540. <ResolutionDetail
  1541. cancel={this.resCancel}
  1542. detail={this.state.resRecord}
  1543. visible={this.state.resVisible}
  1544. id={this.state.resRecord.orderNo}
  1545. />
  1546. ) : (
  1547. ""
  1548. )}
  1549. <div className="content-title" style={{ marginBottom: 10 }}>
  1550. <span style={{ fontWeight: 900, fontSize: 16 }}>收款结算</span>
  1551. </div>
  1552. <Tabs defaultActiveKey="2" onChange={this.callback} className="test">
  1553. <TabPane tab="更改表格显示数据" key="1">
  1554. <div style={{ marginLeft: 10 }}>
  1555. <ChooseList
  1556. columns={this.state.columns}
  1557. changeFn={this.changeList}
  1558. changeList={this.state.changeList}
  1559. top={55}
  1560. margin={11}
  1561. />
  1562. </div>
  1563. </TabPane>
  1564. <TabPane tab="搜索" key="2">
  1565. <div className="user-search" style={{ marginLeft: 10 }}>
  1566. <Input
  1567. placeholder="订单编号"
  1568. value={this.state.orderNoSearch}
  1569. onChange={e => {
  1570. this.setState({ orderNoSearch: e.target.value });
  1571. }}
  1572. />
  1573. <Input
  1574. placeholder="客户名称"
  1575. value={this.state.nameSearch}
  1576. onChange={e => {
  1577. this.setState({ nameSearch: e.target.value });
  1578. }}
  1579. />
  1580. <Select
  1581. placeholder="订单部门"
  1582. style={{ width: 120, marginRight: 10 }}
  1583. value={this.state.departmenttList}
  1584. onChange={e => {
  1585. this.setState({ departmenttList: e });
  1586. }}
  1587. >
  1588. {departmentArr.map(function(item) {
  1589. return (
  1590. <Select.Option key={item.id}>{item.name}</Select.Option>
  1591. );
  1592. })}
  1593. </Select>
  1594. <Input
  1595. placeholder="合同编号"
  1596. value={this.state.contractNoSearch}
  1597. onChange={e => {
  1598. this.setState({
  1599. contractNoSearch: e.target.value
  1600. });
  1601. }}
  1602. />
  1603. <Select
  1604. placeholder="流程状态"
  1605. onChange={e => {
  1606. this.setState({ processStatusSearch: e });
  1607. }}
  1608. style={{ width: 120, marginRight: 5 }}
  1609. value={this.state.processStatusSearch}
  1610. >
  1611. <Option value="3">未分配</Option>
  1612. <Option value="4">已分配</Option>
  1613. <Option value="9">已驳回</Option>
  1614. </Select>
  1615. <Select
  1616. placeholder="结算状态"
  1617. onChange={e => {
  1618. this.setState({ liquidationStatus: e });
  1619. }}
  1620. style={{ width: 120, marginRight: 5 }}
  1621. value={this.state.liquidationStatus}
  1622. >
  1623. <Option value="0">首付待付清</Option>
  1624. <Option value="1">尾款待付清</Option>
  1625. <Option value="2">已付清</Option>
  1626. </Select>
  1627. <Select
  1628. style={{ width: 120 }}
  1629. placeholder="签单金额"
  1630. value={this.state.amountStatus}
  1631. onChange={e => {
  1632. this.setState({
  1633. amountStatus: e
  1634. });
  1635. }}
  1636. >
  1637. <Option value="0">10万元以下</Option>
  1638. <Option value="1">10~20万元</Option>
  1639. <Option value="2">20~30万元</Option>
  1640. <Option value="3">30~40万元</Option>
  1641. <Option value="4">40万元以上</Option>
  1642. </Select>
  1643. <span style={{}}>下单日期:</span>
  1644. <RangePicker
  1645. value={[
  1646. this.state.releaseDate[0]
  1647. ? moment(this.state.releaseDate[0])
  1648. : null,
  1649. this.state.releaseDate[1]
  1650. ? moment(this.state.releaseDate[1])
  1651. : null
  1652. ]}
  1653. onChange={(data, dataString) => {
  1654. this.setState({ releaseDate: dataString });
  1655. }}
  1656. />
  1657. <span style={{}}>最近收款:</span>
  1658. <RangePicker
  1659. value={[
  1660. this.state.shouKuanDate[0]
  1661. ? moment(this.state.shouKuanDate[0])
  1662. : null,
  1663. this.state.shouKuanDate[1]
  1664. ? moment(this.state.shouKuanDate[1])
  1665. : null
  1666. ]}
  1667. onChange={(data, dataString) => {
  1668. this.setState({ shouKuanDate: dataString });
  1669. }}
  1670. />
  1671. <Button
  1672. type="primary"
  1673. onClick={this.search}
  1674. style={{ marginLeft: 10 }}
  1675. disabled={this.state.loadingA ? true : false}
  1676. >
  1677. 搜索
  1678. </Button>
  1679. <Button onClick={this.reset}>重置</Button>
  1680. </div>
  1681. </TabPane>
  1682. <TabPane tab="打印" key="3">
  1683. <Button
  1684. type="primary"
  1685. style={{ margin: "11px 0px 10px 10px" }}
  1686. onClick={this.printAll}
  1687. disabled={!this.state.dataSource.length}
  1688. >
  1689. 打印所有列表信息
  1690. </Button>
  1691. <Button
  1692. type="primary"
  1693. disabled={this.state.selectedRowKeys.length != 1}
  1694. style={{ margin: "11px 0px 10px 10px" }}
  1695. onClick={() => {
  1696. this.inRecordData();
  1697. this.setState({
  1698. bvisible: true
  1699. });
  1700. }}
  1701. >
  1702. 打印开票详情
  1703. </Button>
  1704. <Button
  1705. type="primary"
  1706. disabled={this.state.selectedRowKeys.length != 1}
  1707. style={{ margin: "11px 0px 10px 10px" }}
  1708. onClick={() => {
  1709. this.waterData();
  1710. this.setState({
  1711. cvisible: true
  1712. });
  1713. }}
  1714. >
  1715. 打印收款流水
  1716. </Button>
  1717. <Button
  1718. type="primary"
  1719. disabled={this.state.selectedRowKeys.length != 1}
  1720. style={{ margin: "11px 0px 10px 10px" }}
  1721. onClick={() => {
  1722. this.timeData();
  1723. this.setState({
  1724. timeVisible: true
  1725. });
  1726. }}
  1727. >
  1728. 打印工时信息
  1729. </Button>
  1730. <Button
  1731. type="primary"
  1732. disabled={this.state.selectedRowKeys.length != 1}
  1733. style={{ margin: "11px 0px 10px 10px" }}
  1734. onClick={() => {
  1735. this.cuiData();
  1736. this.setState({
  1737. cuiVisible: true
  1738. });
  1739. }}
  1740. >
  1741. 打印催款信息
  1742. </Button>
  1743. <Button
  1744. type="primary"
  1745. disabled={this.state.selectedRowKeys.length != 1}
  1746. style={{ margin: "11px 0px 10px 10px" }}
  1747. onClick={() => {
  1748. this.proData();
  1749. this.setState({
  1750. proVisible: true
  1751. });
  1752. }}
  1753. >
  1754. 打印项目信息
  1755. </Button>
  1756. </TabPane>
  1757. <TabPane tab="导出Excel" key="4">
  1758. <Button
  1759. type="primary"
  1760. style={{ margin: "11px 0px 10px 10px" }}
  1761. onClick={this.exportAll}
  1762. >
  1763. 导出当前列表
  1764. </Button>
  1765. <Button
  1766. type="primary"
  1767. disabled={this.state.selectedRowKeys.length != 1}
  1768. style={{ margin: "11px 0px 10px 10px" }}
  1769. onClick={this.exportKaip}
  1770. >
  1771. 导出所选开票详情
  1772. </Button>
  1773. <Button
  1774. type="primary"
  1775. disabled={this.state.selectedRowKeys.length != 1}
  1776. style={{ margin: "11px 0px 10px 10px" }}
  1777. onClick={this.exportWater}
  1778. >
  1779. 导出所选收款详情流水
  1780. </Button>
  1781. <Button
  1782. type="primary"
  1783. disabled={this.state.selectedRowKeys.length != 1}
  1784. style={{ margin: "11px 0px 10px 10px" }}
  1785. onClick={this.exportTime}
  1786. >
  1787. 导出所选工时信息
  1788. </Button>
  1789. <Button
  1790. type="primary"
  1791. disabled={this.state.selectedRowKeys.length != 1}
  1792. style={{ margin: "11px 0px 10px 10px" }}
  1793. onClick={this.exportCui}
  1794. >
  1795. 导出催款信息
  1796. </Button>
  1797. <Button
  1798. type="primary"
  1799. disabled={this.state.selectedRowKeys.length != 1}
  1800. style={{ margin: "11px 0px 10px 10px" }}
  1801. onClick={this.exportPro}
  1802. >
  1803. 导出项目详情
  1804. </Button>
  1805. </TabPane>
  1806. <TabPane tab="查看" key="5">
  1807. <Button
  1808. type="primary"
  1809. disabled={this.state.selectedRowKeys.length != 1}
  1810. style={{ margin: "11px 0px 10px 10px" }}
  1811. onClick={() => {
  1812. this.inRecordData();
  1813. this.setState({
  1814. bvisible: true
  1815. });
  1816. }}
  1817. >
  1818. 查看开票详情
  1819. </Button>
  1820. <Button
  1821. type="primary"
  1822. disabled={this.state.selectedRowKeys.length != 1}
  1823. style={{ margin: "11px 0px 10px 10px" }}
  1824. onClick={() => {
  1825. this.waterData();
  1826. this.setState({
  1827. cvisible: true
  1828. });
  1829. }}
  1830. >
  1831. 详情收款流水
  1832. </Button>
  1833. <Button
  1834. type="primary"
  1835. disabled={this.state.selectedRowKeys.length != 1}
  1836. style={{ margin: "11px 0px 10px 10px" }}
  1837. onClick={() => {
  1838. this.timeData();
  1839. this.setState({
  1840. timeVisible: true
  1841. });
  1842. }}
  1843. >
  1844. 工时信息
  1845. </Button>
  1846. <Button
  1847. type="primary"
  1848. disabled={this.state.selectedRowKeys.length != 1}
  1849. style={{ margin: "11px 0px 10px 10px" }}
  1850. onClick={() => {
  1851. this.cuiData();
  1852. this.setState({
  1853. cuiVisible: true
  1854. });
  1855. }}
  1856. >
  1857. 催款信息
  1858. </Button>
  1859. <Button
  1860. type="primary"
  1861. disabled={this.state.selectedRowKeys.length != 1}
  1862. style={{ margin: "11px 0px 10px 10px" }}
  1863. onClick={() => {
  1864. this.proData();
  1865. this.setState({
  1866. proVisible: true
  1867. });
  1868. }}
  1869. >
  1870. 项目信息
  1871. </Button>
  1872. </TabPane>
  1873. {/* <TabPane tab="批量操作" key="6">
  1874. <Button
  1875. type="primary"
  1876. disabled={this.state.selectedRowKeys.length == 0}
  1877. style={{ margin: "0px 0px 10px 10px" }}
  1878. onClick={e => {
  1879. e.stopPropagation(),
  1880. this.evaluateY(this.state.selectedRowKeys, "财务专员");
  1881. }}
  1882. >
  1883. 转交
  1884. </Button>
  1885. </TabPane> */}
  1886. </Tabs>
  1887. <div className="patent-table">
  1888. <Spin spinning={this.state.loadingA}>
  1889. <Table
  1890. bordered
  1891. columns={
  1892. this.state.changeList == undefined
  1893. ? this.state.columns
  1894. : this.state.changeList
  1895. }
  1896. dataSource={this.state.dataSource}
  1897. rowSelection={rowSelection}
  1898. scroll={{ x: "max-content", y: 0 }}
  1899. pagination={this.state.pagination}
  1900. onRowDoubleClick={this.tableRowClick.bind(this)}
  1901. size="small"
  1902. />
  1903. </Spin>
  1904. <p
  1905. style={{ display: "inline-block", fontSize: "14px", color: "red" }}
  1906. >
  1907. {
  1908. <span style={{ marginRight: 10 }}>
  1909. {`收款金额总计(万元):${this.state.hui ? this.state.hui : "0"}`}
  1910. </span>
  1911. }
  1912. {
  1913. <span>
  1914. {`合同额总计(万元):${
  1915. this.state.totalHui ? this.state.totalHui : "0"
  1916. }`}
  1917. </span>
  1918. }
  1919. </p>
  1920. </div>
  1921. <Assign
  1922. title="任务"
  1923. selApi={"/api/admin/newOrder/updateFinance"}
  1924. data={this.state.assignDataY}
  1925. showDesc={this.state.assignVisibleY}
  1926. closeDesc={this.closeAssignY.bind(this)}
  1927. // fenpaiData={8}
  1928. specially={0}
  1929. roleName={this.state.nub}
  1930. requestMethod={"get"}
  1931. />
  1932. <OrderDesc
  1933. data={this.state.RowData}
  1934. showDesc={this.state.showDesc}
  1935. closeDesc={this.closeDesc.bind(this)}
  1936. />
  1937. <Receivable
  1938. title="收款记录"
  1939. api="/api/admin/financial/addReceiptsFlow"
  1940. data={this.state.assignDataX}
  1941. showDesc={this.state.assignVisibleX}
  1942. closeDesc={this.closeAssignX.bind(this)}
  1943. />
  1944. <Modal
  1945. visible={this.state.boHuiVisible}
  1946. width="400px"
  1947. title="驳回备注"
  1948. footer=""
  1949. onOk={this.boHuiOk}
  1950. onCancel={this.boHuiCancel}
  1951. >
  1952. <Form layout="horizontal" onSubmit={this.boHuiSubmit}>
  1953. <Spin spinning={this.state.loading}>
  1954. <FormItem
  1955. labelCol={{ span: 5 }}
  1956. wrapperCol={{ span: 16 }}
  1957. label={
  1958. <span>
  1959. <strong style={{ color: "#f00" }}>*</strong>驳回原因
  1960. </span>
  1961. }
  1962. >
  1963. <Input
  1964. type="textarea"
  1965. rows={4}
  1966. placeholder="请输入驳回原因"
  1967. value={this.state.content}
  1968. onChange={e => {
  1969. this.setState({ content: e.target.value });
  1970. }}
  1971. />
  1972. </FormItem>
  1973. <FormItem wrapperCol={{ span: 12, offset: 5 }}>
  1974. <Button
  1975. type="primary"
  1976. htmlType="submit"
  1977. style={{ marginRight: 20 }}
  1978. >
  1979. 驳回
  1980. </Button>
  1981. <Button
  1982. type="default"
  1983. onClick={() => {
  1984. this.boHuiCancel();
  1985. }}
  1986. >
  1987. 取消
  1988. </Button>
  1989. </FormItem>
  1990. </Spin>
  1991. </Form>
  1992. </Modal>
  1993. <Modal
  1994. visible={this.state.bvisible}
  1995. footer=""
  1996. title="开票历史记录"
  1997. className="admin-desc-content"
  1998. width="900px"
  1999. onCancel={this.inRecordCanl}
  2000. >
  2001. <Spin spinning={this.state.loading}>
  2002. <div
  2003. className="patent-table"
  2004. ref={e => {
  2005. this.refs.kaiPiao = e;
  2006. }}
  2007. >
  2008. <Table
  2009. columns={this.state.columnsDate}
  2010. dataSource={this.state.recordData}
  2011. pagination={false}
  2012. bordered
  2013. size="small"
  2014. />
  2015. <div className="clearfix" style={{ marginTop: "20px" }}>
  2016. <FormItem
  2017. className="half-item"
  2018. {...formItemLayout}
  2019. label={<span style={{ fontSize: "14px" }}>开票总计</span>}
  2020. >
  2021. <span>{this.state.sum + "(万元)"}</span>
  2022. </FormItem>
  2023. </div>
  2024. <ReactToPrint
  2025. trigger={() => (
  2026. <Button
  2027. type="primary"
  2028. style={{
  2029. float: "right",
  2030. // marginTop: 10,
  2031. position: "absolute",
  2032. top: -54,
  2033. right: 30
  2034. }}
  2035. >
  2036. 打印
  2037. </Button>
  2038. )}
  2039. content={() => this.refs.kaiPiao}
  2040. />
  2041. </div>
  2042. </Spin>
  2043. </Modal>
  2044. <Modal
  2045. visible={this.state.cvisible}
  2046. footer=""
  2047. title="详细收款流水"
  2048. className="admin-desc-content"
  2049. width="1300px"
  2050. onCancel={this.waterCanl}
  2051. >
  2052. <Spin spinning={this.state.loading}>
  2053. <div
  2054. className="patent-table"
  2055. ref={e => {
  2056. this.refs.shouKuan = e;
  2057. }}
  2058. >
  2059. <Table
  2060. columns={this.state.waterlistDate}
  2061. dataSource={this.state.waterData}
  2062. pagination={false}
  2063. scroll={{ x: "max-content", y: 0 }}
  2064. bordered
  2065. size="small"
  2066. />
  2067. <div className="clearfix" style={{ marginTop: "20px" }}>
  2068. <FormItem
  2069. className="half-item"
  2070. {...formItemLayout}
  2071. label={<span style={{ fontSize: "14px" }}>总计金额</span>}
  2072. >
  2073. <span>{this.state.waterSum + "(万元)"}</span>
  2074. </FormItem>
  2075. </div>
  2076. <ReactToPrint
  2077. trigger={() => (
  2078. <Button
  2079. type="primary"
  2080. style={{
  2081. float: "right",
  2082. position: "absolute",
  2083. top: -54,
  2084. right: 30
  2085. }}
  2086. >
  2087. 打印
  2088. </Button>
  2089. )}
  2090. content={() => this.refs.shouKuan}
  2091. />
  2092. </div>
  2093. </Spin>
  2094. </Modal>
  2095. <Modal
  2096. visible={this.state.dvisible}
  2097. footer=""
  2098. title="所有列表信息"
  2099. className="admin-desc-content"
  2100. width="1300px"
  2101. onCancel={() => {
  2102. this.loadData();
  2103. this.setState({
  2104. dvisible: false
  2105. });
  2106. }}
  2107. >
  2108. <Spin spinning={this.state.loading}>
  2109. <div
  2110. className="patent-table"
  2111. style={{
  2112. // width: 900,
  2113. // position: "relative",
  2114. // left: "50%",
  2115. // transform: "translate(-50%)",
  2116. padding: "25px 0 30px 30px"
  2117. }}
  2118. ref={e => {
  2119. this.refs.all = e;
  2120. }}
  2121. >
  2122. <Table
  2123. columns={this.state.printColumns}
  2124. dataSource={this.state.dataSource}
  2125. pagination={false}
  2126. bordered
  2127. size="small"
  2128. />
  2129. </div>
  2130. </Spin>
  2131. <ReactToPrint
  2132. trigger={() => (
  2133. <Button
  2134. type="primary"
  2135. style={{
  2136. float: "right",
  2137. marginTop: 10,
  2138. position: "absolute",
  2139. top: 0,
  2140. right: 30
  2141. }}
  2142. >
  2143. 打印
  2144. </Button>
  2145. )}
  2146. content={() => this.refs.all}
  2147. />
  2148. </Modal>
  2149. <Modal
  2150. visible={this.state.timeVisible}
  2151. footer=""
  2152. title="工时详情"
  2153. className="admin-desc-content"
  2154. width="1300px"
  2155. pagination={false}
  2156. onCancel={() => {
  2157. this.loadData();
  2158. this.setState({
  2159. timeVisible: false
  2160. });
  2161. }}
  2162. >
  2163. <Spin spinning={this.state.loading}>
  2164. <Project
  2165. record={this.state.record}
  2166. visible={this.state.pvisible}
  2167. cancel={() => {
  2168. this.setState({ pvisible: false });
  2169. }}
  2170. />
  2171. <div
  2172. className="patent-table"
  2173. style={
  2174. {
  2175. // width: 900,
  2176. // position: "relative",
  2177. // left: "50%",
  2178. // transform: "translate(-50%)",
  2179. // padding: "25px 0 30px 30px"
  2180. }
  2181. }
  2182. ref={e => {
  2183. this.refs.all = e;
  2184. }}
  2185. >
  2186. <Table
  2187. columns={this.state.timeColumns}
  2188. dataSource={this.state.timeDataList}
  2189. onRowClick={this.tableRowClickPro}
  2190. scroll={{ x: "max-content", y: 0 }}
  2191. pagination={false}
  2192. bordered
  2193. size="small"
  2194. />
  2195. </div>
  2196. </Spin>
  2197. <ReactToPrint
  2198. trigger={() => (
  2199. <Button
  2200. type="primary"
  2201. style={{
  2202. float: "right",
  2203. marginTop: 10,
  2204. position: "absolute",
  2205. top: 0,
  2206. right: 30
  2207. }}
  2208. >
  2209. 打印
  2210. </Button>
  2211. )}
  2212. content={() => this.refs.all}
  2213. />
  2214. </Modal>
  2215. <Modal
  2216. visible={this.state.cuiVisible}
  2217. footer=""
  2218. title="催款详情"
  2219. className="admin-desc-content"
  2220. width="1300px"
  2221. pagination={false}
  2222. onCancel={() => {
  2223. this.loadData();
  2224. this.setState({
  2225. cuiVisible: false
  2226. });
  2227. }}
  2228. >
  2229. <Spin spinning={this.state.loading}>
  2230. <div
  2231. className="patent-table"
  2232. style={
  2233. {
  2234. // width: 900,
  2235. // position: "relative",
  2236. // left: "50%",
  2237. // transform: "translate(-50%)",
  2238. // padding: "25px 0 30px 30px"
  2239. }
  2240. }
  2241. ref={e => {
  2242. this.refs.all = e;
  2243. }}
  2244. >
  2245. <Table
  2246. columns={this.state.cuiColumns}
  2247. dataSource={this.state.cuiDataList}
  2248. scroll={{ x: "max-content", y: 0 }}
  2249. pagination={false}
  2250. bordered
  2251. size="small"
  2252. />
  2253. </div>
  2254. </Spin>
  2255. <ReactToPrint
  2256. trigger={() => (
  2257. <Button
  2258. type="primary"
  2259. style={{
  2260. float: "right",
  2261. marginTop: 10,
  2262. position: "absolute",
  2263. top: 0,
  2264. right: 30
  2265. }}
  2266. >
  2267. 打印
  2268. </Button>
  2269. )}
  2270. content={() => this.refs.all}
  2271. />
  2272. </Modal>
  2273. <Modal
  2274. visible={this.state.proVisible}
  2275. footer=""
  2276. title="项目详情"
  2277. className="admin-desc-content"
  2278. width="1300px"
  2279. pagination={false}
  2280. onCancel={() => {
  2281. this.loadData();
  2282. this.setState({
  2283. proVisible: false
  2284. });
  2285. }}
  2286. >
  2287. <Spin spinning={this.state.loading}>
  2288. <Project
  2289. record={this.state.record}
  2290. visible={this.state.pvisible}
  2291. cancel={() => {
  2292. this.setState({ pvisible: false });
  2293. }}
  2294. />
  2295. <div
  2296. className="patent-table"
  2297. style={
  2298. {
  2299. // width: 900,
  2300. // position: "relative",
  2301. // left: "50%",
  2302. // transform: "translate(-50%)",
  2303. // padding: "25px 0 30px 30px"
  2304. }
  2305. }
  2306. ref={e => {
  2307. this.refs.all = e;
  2308. }}
  2309. >
  2310. <Table
  2311. columns={this.state.proColumns}
  2312. dataSource={this.state.proDataList}
  2313. onRowClick={this.tableRowClickPro}
  2314. scroll={{ x: "max-content", y: 0 }}
  2315. pagination={false}
  2316. bordered
  2317. size="small"
  2318. />
  2319. </div>
  2320. <span style={{ display: "block", marginTop: 10, color: "red" }}>
  2321. 外包(内部)价格总计(万元):{this.state.totalWaibao}
  2322. </span>
  2323. </Spin>
  2324. <ReactToPrint
  2325. trigger={() => (
  2326. <Button
  2327. type="primary"
  2328. style={{
  2329. float: "right",
  2330. marginTop: 10,
  2331. position: "absolute",
  2332. top: 0,
  2333. right: 30
  2334. }}
  2335. >
  2336. 打印
  2337. </Button>
  2338. )}
  2339. content={() => this.refs.all}
  2340. />
  2341. </Modal>
  2342. </div>
  2343. );
  2344. }
  2345. });
  2346. export default ShouKuang;