approvedOutsourcingAll.jsx 135 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454
  1. import React from "react";
  2. import $ from "jquery/src/ajax";
  3. import moment from "moment";
  4. import "./public.less";
  5. import {
  6. Button,
  7. Form,
  8. Input,
  9. Select,
  10. Spin,
  11. Table,
  12. message,
  13. DatePicker,
  14. Modal,
  15. Upload,
  16. Tabs,
  17. Col,
  18. Tag, Tooltip
  19. } from "antd";
  20. import Receivable from "./receivable";
  21. import Assign from "@/manageCenter/publicComponent/assign";
  22. import ReactToPrint from "react-to-print";
  23. import ResolutionDetail from "@/resolutionDetail";
  24. import KaiPiaoModal from "./kaiPiaoModal";
  25. import OrderRiZi from "@/orderRiZi.jsx";
  26. import {
  27. getjiedian,
  28. getProcessStatus,
  29. getApproval,
  30. getNewOrderType,
  31. getLiquidationStatus,
  32. splitUrl,
  33. getprovince,
  34. getRefundStatus,
  35. getTransactionProject,
  36. getTaskStatus,
  37. getNewOrderStatus,
  38. getInvoiceStatus,
  39. getCuikuan
  40. } from "@/tools";
  41. import { ChooseList } from "../../../../component/manageCenter/order/orderNew/chooseList";
  42. import ImgList from "../../../common/imgList";
  43. import { getProjectName } from "../../../tools";
  44. import OrderItemStatus from "../../../common/orderItemStatus";
  45. import EnterpriseNameChange from "../../../common/enterpriseNameChange";
  46. import LogPopup from "../../../common/logPopup";
  47. import ContentUrl from "../../order/orderNew/contentUrl";
  48. import { salesList } from '@/dataDic.js'
  49. import Cascaders from "../../../common/cascaders";
  50. const FormItem = Form.Item;
  51. const approvedOutsourcing = React.createClass({
  52. departmentList() {
  53. this.setState({
  54. loading: true,
  55. });
  56. $.ajax({
  57. method: "get",
  58. dataType: "json",
  59. crossDomain: false,
  60. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  61. data: {},
  62. success: function (data) {
  63. let thedata = data.data;
  64. let theArr = [];
  65. if (!thedata) {
  66. if (data.error && data.error.length) {
  67. message.warning(data.error[0].message);
  68. }
  69. } else {
  70. thedata.map(function (item, index) {
  71. theArr.push({
  72. key: index,
  73. name: item.name,
  74. id: item.id,
  75. });
  76. });
  77. }
  78. this.setState({
  79. departmentArr: theArr,
  80. });
  81. }.bind(this),
  82. }).always(
  83. function () {
  84. this.setState({
  85. loading: false,
  86. });
  87. }.bind(this)
  88. );
  89. },
  90. loadData(pageNo, pageSize) {
  91. this.state.data = [];
  92. this.setState({
  93. page: pageNo,
  94. loadingA: true,
  95. });
  96. $.ajax({
  97. method: "get",
  98. dataType: "json",
  99. crossDomain: false,
  100. url: globalConfig.context + "/api/admin/financial/financeList",
  101. data: {
  102. pageNo: pageNo || 1,
  103. pageSize: pageSize || this.state.pagination.pageSize,
  104. buyerName: this.state.nameSearch, //客户名称
  105. orderNo: this.state.orderNoSearch,
  106. startTime: this.state.releaseDate[0],
  107. endTime: this.state.releaseDate[1],
  108. startFinalReceivablesTime: this.state.shouKuanDate[0],
  109. endFinalReceivablesTime: this.state.shouKuanDate[1],
  110. deps: this.state.departmenttList,
  111. processStatus: this.state.processStatusSearch,
  112. contractNo: this.state.contractNoSearch,
  113. outsource: 1,
  114. liquidationStatus: this.state.liquidationStatus,
  115. amountStatus: this.state.amountStatus,
  116. },
  117. success: function (data) {
  118. let theArr = [];
  119. if (!data.data || !data.data.pagination.list) {
  120. if (data.error && data.error.length) {
  121. message.warning(data.error[0].message);
  122. }
  123. } else {
  124. for (let i = 0; i < data.data.pagination.list.length; i++) {
  125. let thisdata = data.data.pagination.list[i];
  126. theArr.push({
  127. key: thisdata.orderNo,
  128. orderNo: thisdata.orderNo,
  129. orderType: thisdata.orderType,
  130. orderStatus: thisdata.orderStatus,
  131. sellerName: thisdata.sellerName,
  132. examineName: thisdata.examineName,
  133. processStatus: thisdata.processStatus,
  134. liquidationStatus: thisdata.liquidationStatus,
  135. approval: thisdata.approval,
  136. buyerName: thisdata.buyerName,
  137. actuallyTotalAmount: thisdata.actuallyTotalAmount,
  138. signTime: thisdata.signTime,
  139. companyId: thisdata.companyId,
  140. companyName: thisdata.companyName,
  141. buyerId: thisdata.buyerId,
  142. contractNo: thisdata.contractNo,
  143. createTime: thisdata.createTime,
  144. departmentName: thisdata.departmentName,
  145. outsourceName: thisdata.outsourceName,
  146. invoiceAmount: thisdata.invoiceAmount,
  147. finalReceivables: thisdata.finalReceivables,
  148. finalReceivablesTime: thisdata.finalReceivablesTime,
  149. signTotalAmount: thisdata.signTotalAmount,
  150. outsourceAmount: thisdata.outsourceAmount,
  151. financeName: thisdata.financeName,
  152. backStatus: thisdata.backStatus,
  153. orderReceivables: thisdata.orderReceivables,
  154. orderArrears: thisdata.orderArrears,
  155. costAmount: thisdata.costAmount,
  156. paymentAmount: thisdata.paymentAmount,
  157. patentCost: thisdata.patentCost,
  158. patentCostActual: thisdata.patentCostActual,
  159. softCost: thisdata.softCost,
  160. softCostActual: thisdata.softCostActual,
  161. auditCost: thisdata.auditCost,
  162. auditCostActual: thisdata.auditCostActual,
  163. otherCost: thisdata.otherCost,
  164. otherCostActual: thisdata.otherCostActual,
  165. expectProfit: thisdata.expectProfit,
  166. actualProfit: thisdata.actualProfit,
  167. });
  168. }
  169. }
  170. this.state.pagination.current = data.data.pagination.pageNo;
  171. this.state.pagination.total = data.data.pagination.totalCount;
  172. if (
  173. data.data &&
  174. data.data.pagination.list &&
  175. !data.data.pagination.list.length
  176. ) {
  177. this.state.pagination.current = 0;
  178. this.state.pagination.total = 0;
  179. }
  180. this.setState({
  181. totalPage: data.data.pagination.totalPage,
  182. dataSource: theArr,
  183. pagination: this.state.pagination,
  184. totalHui: data.data.count ? data.data.count.signTotalAmount : 0,
  185. hui: data.data.count ? data.data.count.actuallyTotalAmount : 0,
  186. });
  187. }.bind(this),
  188. }).always(
  189. function () {
  190. this.setState({
  191. loadingA: false,
  192. });
  193. }.bind(this)
  194. );
  195. },
  196. getInitialState() {
  197. return {
  198. cuiTabKey: "1",
  199. rotateDeg: 0,
  200. searchMore: true,
  201. assignVisibleX: false,
  202. assignVisibleY: false,
  203. releaseDate: [],
  204. shouKuanDate: [],
  205. assignDataX: [],
  206. assignDataY: [],
  207. attachmentUrl: [],
  208. pictureUrl: [],
  209. totalPage: 0,
  210. modKey: "1",
  211. width: "800px",
  212. boHuivisible: false,
  213. selectedRowKeys: [],
  214. selectedRows: [],
  215. loading: false,
  216. pagination: {
  217. defaultCurrent: 1,
  218. defaultPageSize: 10,
  219. showQuickJumper: true,
  220. pageSize: 10,
  221. onChange: function (page) {
  222. this.loadData(page);
  223. }.bind(this),
  224. showTotal: function (total) {
  225. return "共" + total + "条数据";
  226. },
  227. },
  228. loadingA: false,
  229. // 子组件改变的表格title数组
  230. changeList: undefined,
  231. columns: [
  232. {
  233. title: "合同编号",
  234. dataIndex: "contractNo",
  235. key: "contractNo",
  236. className: "title-table",
  237. fixed: "left",
  238. },
  239. {
  240. title: "客户名称",
  241. dataIndex: "buyerName",
  242. key: "buyerName",
  243. className: "title-table",
  244. fixed: "left",
  245. width: 150,
  246. render: text => {
  247. return (
  248. <Tooltip title={text}>
  249. <div
  250. // style={{
  251. // maxWidth: '150px',
  252. // overflow: 'hidden',
  253. // textOverflow: "ellipsis",
  254. // whiteSpace: 'nowrap',
  255. // }}
  256. >{text}</div>
  257. </Tooltip>
  258. )
  259. }
  260. },
  261. {
  262. title: "订单编号",
  263. dataIndex: "orderNo",
  264. key: "orderNo",
  265. className: "title-table",
  266. // fixed: "left"
  267. },
  268. {
  269. title: "特批状态",
  270. dataIndex: "approval",
  271. key: "approval",
  272. className: "title-table",
  273. render: (text) => {
  274. if (text == 1 || text == 2) {
  275. return <Tag color="#f50">{getApproval(text)}</Tag>;
  276. }
  277. return getApproval(text);
  278. },
  279. },
  280. {
  281. title: "订单部门",
  282. dataIndex: "departmentName",
  283. key: "departmentName",
  284. className: "title-table",
  285. },
  286. {
  287. title: "订单负责人",
  288. dataIndex: "sellerName",
  289. key: "sellerName",
  290. className: "title-table",
  291. },
  292. {
  293. title: "财务负责人",
  294. dataIndex: "financeName",
  295. key: "financeName",
  296. className: "title-table",
  297. },
  298. {
  299. title: "外包公司",
  300. dataIndex: "outsourceName",
  301. key: "outsourceName",
  302. className: "title-table",
  303. },
  304. {
  305. title: "签单日期",
  306. dataIndex: "signTime",
  307. key: "signTime",
  308. className: "title-table",
  309. },
  310. {
  311. title: "下单日期",
  312. dataIndex: "createTime",
  313. key: "createTime",
  314. className: "title-table",
  315. },
  316. {
  317. title: "签单金额(万元)",
  318. dataIndex: "signTotalAmount",
  319. key: "signTotalAmount",
  320. className: "title-table",
  321. render: (text) => {
  322. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  323. }
  324. },
  325. {
  326. title: "开票金额(万元)",
  327. dataIndex: "invoiceAmount",
  328. key: "invoiceAmount",
  329. className: "title-table",
  330. render: (text) => {
  331. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  332. }
  333. },
  334. {
  335. title: "已收款(万元)",
  336. dataIndex: "actuallyTotalAmount",
  337. key: "actuallyTotalAmount",
  338. className: "title-table",
  339. render: (text) => {
  340. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  341. }
  342. },
  343. {
  344. title: "应收款(万元)",
  345. dataIndex: "orderReceivables",
  346. key: "orderReceivables",
  347. className: "title-table",
  348. render: (text) => {
  349. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  350. }
  351. },
  352. {
  353. title: "欠款(万元)",
  354. dataIndex: "orderArrears",
  355. key: "orderArrears",
  356. className: "title-table",
  357. render: (text) => {
  358. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  359. }
  360. },
  361. {
  362. title: "总成本/实付",
  363. dataIndex: "costAmount",
  364. key: "costAmount",
  365. className: "title-table",
  366. render: (text, record) => {
  367. return (
  368. <span>
  369. {isNaN(parseFloat(text)) ? text : parseFloat(text)}/
  370. {isNaN(parseFloat(record.paymentAmount)) ? text : parseFloat(record.paymentAmount)}
  371. </span>
  372. )
  373. },
  374. },
  375. {
  376. title: "专利/专利已付",
  377. dataIndex: "patentCost",
  378. key: "patentCost",
  379. className: "title-table",
  380. render: (text, record) => {
  381. return (
  382. <span>
  383. {isNaN(parseFloat(text)) ? text : parseFloat(text)}/
  384. {isNaN(parseFloat(record.patentCostActual)) ? text : parseFloat(record.patentCostActual)}
  385. </span>
  386. )
  387. },
  388. },
  389. {
  390. title: "软著/软著已付",
  391. dataIndex: "softCost",
  392. key: "softCost",
  393. className: "title-table",
  394. render: (text, record) => {
  395. return (
  396. <span>
  397. {isNaN(parseFloat(text)) ? text : parseFloat(text)}/
  398. {isNaN(parseFloat(record.softCostActual)) ? text : parseFloat(record.softCostActual)}
  399. </span>
  400. )
  401. },
  402. },
  403. {
  404. title: "审计/审计已付",
  405. dataIndex: "auditCost",
  406. key: "auditCost",
  407. className: "title-table",
  408. render: (text, record) => {
  409. return (
  410. <span>
  411. {isNaN(parseFloat(text)) ? text : parseFloat(text)}/
  412. {isNaN(parseFloat(record.auditCostActual)) ? text : parseFloat(record.auditCostActual)}
  413. </span>
  414. )
  415. },
  416. },
  417. {
  418. title: "其他/其他已付",
  419. dataIndex: "otherCost",
  420. key: "otherCost",
  421. className: "title-table",
  422. render: (text, record) => {
  423. return (
  424. <span>
  425. {isNaN(parseFloat(text)) ? text : parseFloat(text)}/
  426. {isNaN(parseFloat(record.otherCostActual)) ? text : parseFloat(record.otherCostActual)}
  427. </span>
  428. )
  429. },
  430. },
  431. {
  432. title: "预估毛利(万元)",
  433. dataIndex: "expectProfit",
  434. key: "expectProfit",
  435. className: "title-table",
  436. },
  437. {
  438. title: "实际毛利(万元)",
  439. dataIndex: "actualProfit",
  440. key: "actualProfit",
  441. className: "title-table",
  442. },
  443. {
  444. title: "最近收款(万元)",
  445. dataIndex: "finalReceivables",
  446. key: "finalReceivables",
  447. className: "title-table",
  448. render: (text) => {
  449. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  450. }
  451. },
  452. {
  453. title: "外包成本",
  454. dataIndex: "outsourceAmount",
  455. key: "outsourceAmount",
  456. className: "title-table",
  457. render: (text) => {
  458. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  459. }
  460. },
  461. {
  462. title: "最近收款时间",
  463. dataIndex: "finalReceivablesTime",
  464. key: "finalReceivablesTime",
  465. className: "title-table",
  466. },
  467. {
  468. title: "结算状态",
  469. dataIndex: "liquidationStatus",
  470. key: "liquidationStatus",
  471. className: "title-table",
  472. render: (text) => {
  473. return getLiquidationStatus(text);
  474. },
  475. },
  476. {
  477. title: "流程状态",
  478. dataIndex: "processStatus",
  479. key: "processStatus",
  480. className: "title-table",
  481. render: (text, record) => {
  482. return getProcessStatus(text, record.examineName, record.approval);
  483. },
  484. },
  485. {
  486. title: "驳回状态",
  487. dataIndex: "backStatus",
  488. key: "backStatus",
  489. className: "title-table",
  490. render: (text) => {
  491. if (text == 3) {
  492. return <Tag>已驳回</Tag>;
  493. } else {
  494. return "";
  495. }
  496. },
  497. },
  498. // {
  499. // title: "操作",
  500. // dataIndex: "caozuo",
  501. // key: "caouzo",
  502. // className: "title-table",
  503. // render: (text, recard) => {
  504. // return (
  505. // <div>
  506. // {recard.liquidationStatus < 2 &&
  507. // (recard.approval === 1 || recard.approval === 2) ? (
  508. // <Button
  509. // style={{ background: "rgb(192,192,192)" }}
  510. // onClick={e => {
  511. // e.stopPropagation(), this.evaluateX(recard);
  512. // }}
  513. // >
  514. // 收款
  515. // </Button>
  516. // ) : (
  517. // <Button
  518. // type="primary"
  519. // onClick={e => {
  520. // e.stopPropagation(), this.evaluateX(recard);
  521. // }}
  522. // >
  523. // 收款
  524. // </Button>
  525. // )}
  526. // {recard.processStatus < 4 ? (
  527. // <Button
  528. // type="primary"
  529. // onClick={e => {
  530. // e.stopPropagation(), this.evaluateZ(recard);
  531. // }}
  532. // style={{ marginLeft: "5px" }}
  533. // >
  534. // 通过
  535. // </Button>
  536. // ) : (
  537. // ""
  538. // )}
  539. // {!(
  540. // recard.actuallyTotalAmount &&
  541. // Number(recard.actuallyTotalAmount) > 0
  542. // ) && (
  543. // <Button
  544. // type="danger"
  545. // style={{ marginLeft: "5px" }}
  546. // onClick={e => {
  547. // e.stopPropagation(), this.reject(recard);
  548. // }}
  549. // >
  550. // 驳回
  551. // </Button>
  552. // )}
  553. // {
  554. // // <Button
  555. // // type="primary"
  556. // // style={{ marginLeft: "5px" }}
  557. // // onClick={e => {
  558. // // e.stopPropagation(), this.evaluateY(recard, "财务专员");
  559. // // console.log(recard);
  560. // // }}
  561. // // >
  562. // // 转交
  563. // // </Button>
  564. // }
  565. // </div>
  566. // );
  567. // }
  568. // }
  569. ],
  570. ContactsListsNew: [
  571. {
  572. title: "项目名称",
  573. dataIndex: "commodityName",
  574. key: "commodityName",
  575. render: (text, record) => {
  576. return <span>{text + "-" + record.tid}</span>;
  577. },
  578. },
  579. {
  580. title: "项目分类",
  581. dataIndex: "projectType",
  582. key: "projectType",
  583. render: (text) => {
  584. let arr = this.state.dataSourceX || [];
  585. let str = "";
  586. for (let i = 0; i < arr.length; i++) {
  587. if (this.state.dataSourceX[i].sort == text) {
  588. str = this.state.dataSourceX[i].cname;
  589. return <span>{str}</span>;
  590. }
  591. }
  592. },
  593. },
  594. {
  595. title: "催款科目",
  596. dataIndex: "dunTypeName",
  597. key: "dunTypeName",
  598. render: (text, record) => {
  599. if (record.customizeName) {
  600. return text + record.customizeName;
  601. }
  602. return <span>{text}</span>;
  603. },
  604. },
  605. {
  606. title: "时间(天)",
  607. dataIndex: "waitDay",
  608. key: "waitDay",
  609. render: (text, record) => {
  610. if (record.dunTypeName) {
  611. if (record.customizeTimes) {
  612. return record.customizeTimes;
  613. }
  614. return <span>{text}</span>;
  615. }
  616. },
  617. },
  618. {
  619. title: "金额(万元)",
  620. dataIndex: "money",
  621. key: "money",
  622. render: (text, record) => {
  623. if (record.dunTypeName) {
  624. if (record.appropriationRatio) {
  625. let percent = Number(record.appropriationRatio * 100).toFixed(2);
  626. percent += "%";
  627. return <span>{percent}(拨款比例)</span>;
  628. } else {
  629. return <span>{text}</span>;
  630. }
  631. }
  632. },
  633. },
  634. {
  635. title: "服务年限",
  636. dataIndex: "startDate",
  637. key: "startDate",
  638. render: (text, record) => {
  639. if (record.dunTypeName) {
  640. return <span>{text}</span>;
  641. }
  642. },
  643. },
  644. {
  645. title: "催款状态",
  646. dataIndex: "status",
  647. key: "status",
  648. render: (text) => {
  649. return <span>{text == 1 ? "已启动" : "未启动"}</span>;
  650. },
  651. },
  652. ],
  653. ContactsLists: [
  654. {
  655. title: "催款科目",
  656. dataIndex: "dunSubject",
  657. key: "dunSubject",
  658. render: (text) => {
  659. return getjiedian(text);
  660. },
  661. },
  662. {
  663. title: "金额(万元)",
  664. dataIndex: "money",
  665. key: "money",
  666. },
  667. {
  668. title: "催款状态",
  669. dataIndex: "dunStatus",
  670. key: "dunStatus",
  671. render: (text) => {
  672. return getCuikuan(text);
  673. },
  674. },
  675. ],
  676. proColumns: [
  677. {
  678. title: "序号",
  679. dataIndex: "key",
  680. key: "key",
  681. },
  682. {
  683. title: "合同编号",
  684. dataIndex: "contractNo",
  685. key: "contractNo",
  686. },
  687. {
  688. title: "订单编号",
  689. dataIndex: "orderNo",
  690. key: "orderNo",
  691. },
  692. {
  693. title: "客户名称",
  694. dataIndex: "userName",
  695. key: "userName",
  696. render: text => {
  697. return (
  698. <Tooltip title={text}>
  699. <div
  700. // style={{
  701. // maxWidth: '150px',
  702. // overflow: 'hidden',
  703. // textOverflow: "ellipsis",
  704. // whiteSpace: 'nowrap',
  705. // }}
  706. >{text}</div>
  707. </Tooltip>
  708. )
  709. }
  710. },
  711. {
  712. title: "订单负责人",
  713. dataIndex: "salesmanName",
  714. key: "salesmanName",
  715. },
  716. {
  717. title: "是否主项目",
  718. dataIndex: "main",
  719. key: "main",
  720. render: (text) => {
  721. return text == 0 ? "否" : "是";
  722. },
  723. },
  724. {
  725. title: "项目类别",
  726. dataIndex: "cname",
  727. key: "cname",
  728. },
  729. {
  730. title: "项目名称",
  731. dataIndex: "commodityName",
  732. key: "commodityName",
  733. },
  734. {
  735. title: "项目数量",
  736. dataIndex: "commodityQuantity",
  737. key: "commodityQuantity",
  738. render: (text, record) => {
  739. if (record.splitStatus == 1) {
  740. return (
  741. <span>
  742. {text}{" "}
  743. <Tag
  744. color="#108ee9"
  745. onClick={(e) => {
  746. e.stopPropagation();
  747. this.showRes(record);
  748. }}
  749. >
  750. 已拆
  751. </Tag>
  752. </span>
  753. );
  754. } else {
  755. return text;
  756. }
  757. },
  758. },
  759. {
  760. title: "服务市价",
  761. dataIndex: "commodityPrice",
  762. key: "commodityPrice",
  763. },
  764. {
  765. title: "证书编号",
  766. dataIndex: "certificateNumber",
  767. key: "certificateNumber",
  768. },
  769. {
  770. title: "项目状态",
  771. dataIndex: "projectStatus",
  772. key: "projectStatus",
  773. render: (text) => {
  774. return getProjectName(text);
  775. },
  776. },
  777. {
  778. title: "项目说明",
  779. dataIndex: "taskComment",
  780. key: "taskComment",
  781. },
  782. // {
  783. // title: "外包(内部)公司",
  784. // dataIndex: "outsourceName",
  785. // key: "outsourceName",
  786. // },
  787. // {
  788. // title: "外包(内部)价格",
  789. // dataIndex: "outsourcePrice",
  790. // key: "outsourcePrice",
  791. // },
  792. ],
  793. cuiColumns: [
  794. {
  795. title: "序号",
  796. dataIndex: "key",
  797. key: "key",
  798. },
  799. {
  800. title: "合同编号",
  801. dataIndex: "contractNo",
  802. key: "contractNo",
  803. },
  804. {
  805. title: "订单编号",
  806. dataIndex: "orderNo",
  807. key: "orderNo",
  808. },
  809. {
  810. title: "客户名称",
  811. dataIndex: "userName",
  812. key: "userName",
  813. render: text => {
  814. return (
  815. <Tooltip title={text}>
  816. <div
  817. // style={{
  818. // maxWidth: '150px',
  819. // overflow: 'hidden',
  820. // textOverflow: "ellipsis",
  821. // whiteSpace: 'nowrap',
  822. // }}
  823. >{text}</div>
  824. </Tooltip>
  825. )
  826. }
  827. },
  828. {
  829. title: "订单负责人",
  830. dataIndex: "salesmanName",
  831. key: "salesmanName",
  832. },
  833. {
  834. title: "订单部门",
  835. dataIndex: "depName",
  836. key: "depName",
  837. },
  838. {
  839. title: "订单状态",
  840. dataIndex: "orderStatus",
  841. key: "orderStatus",
  842. render: (text) => {
  843. return getNewOrderStatus(text);
  844. },
  845. },
  846. {
  847. title: "项目状态",
  848. dataIndex: "projectStatus",
  849. key: "projectStatus",
  850. render: (text) => {
  851. return getProjectName(text);
  852. },
  853. },
  854. {
  855. title: "签单金额",
  856. dataIndex: "totalAmount",
  857. key: "totalAmount",
  858. },
  859. {
  860. title: "结算状态",
  861. dataIndex: "liquidationStatus",
  862. key: "liquidationStatus",
  863. render: (text) => {
  864. return getLiquidationStatus(text);
  865. },
  866. },
  867. {
  868. title: "已收款",
  869. dataIndex: "settlementAmount",
  870. key: "settlementAmount",
  871. },
  872. {
  873. title: "应收款",
  874. dataIndex: "accountsReceivable",
  875. key: "accountsReceivable",
  876. },
  877. {
  878. title: "催收科目",
  879. dataIndex: "dunSubject",
  880. key: "dunSubject",
  881. // render: text => {
  882. // return getjiedian(text);
  883. // }
  884. },
  885. {
  886. title: "催款状态",
  887. dataIndex: "dunStatus",
  888. key: "dunStatus",
  889. },
  890. {
  891. title: "催收启动时间",
  892. dataIndex: "startDate",
  893. key: "startDate",
  894. },
  895. ],
  896. timeColumns: [
  897. {
  898. title: "合同编号",
  899. dataIndex: "contractNo",
  900. key: "contractNo",
  901. },
  902. {
  903. title: "订单编号",
  904. dataIndex: "orderNo",
  905. key: "orderNo",
  906. },
  907. {
  908. title: "项目编号",
  909. dataIndex: "id",
  910. key: "id",
  911. render: (text, record) => {
  912. if (record.splitStatus == 2) {
  913. return <span>{record.splitSuper + "-" + record.splitId}</span>;
  914. } else {
  915. return text;
  916. }
  917. },
  918. },
  919. {
  920. title: "客户名称",
  921. dataIndex: "userName",
  922. key: "userName",
  923. render: text => {
  924. return (
  925. <Tooltip title={text}>
  926. <div
  927. // style={{
  928. // maxWidth: '150px',
  929. // overflow: 'hidden',
  930. // textOverflow: "ellipsis",
  931. // whiteSpace: 'nowrap',
  932. // }}
  933. >{text}</div>
  934. </Tooltip>
  935. )
  936. }
  937. },
  938. {
  939. title: "订单部门",
  940. dataIndex: "depName",
  941. key: "depName",
  942. },
  943. {
  944. title: "订单负责人",
  945. dataIndex: "salesmanName",
  946. key: "salesmanName",
  947. },
  948. {
  949. title: "项目类别",
  950. dataIndex: "cname",
  951. key: "cname",
  952. },
  953. {
  954. title: "项目名称",
  955. dataIndex: "taskName",
  956. key: "taskName",
  957. },
  958. {
  959. title: "项目负责人",
  960. dataIndex: "receiverName",
  961. key: "receiverName",
  962. },
  963. {
  964. title: "项目价格(万元)",
  965. dataIndex: "commodityPrice",
  966. key: "commodityPrice",
  967. },
  968. {
  969. title: "数量(个)",
  970. dataIndex: "commodityQuantity",
  971. key: "commodityQuantity",
  972. },
  973. {
  974. title: "任务状态",
  975. dataIndex: "taskStatus",
  976. key: "taskStatus",
  977. render: (text) => {
  978. return getTaskStatus(text);
  979. },
  980. },
  981. {
  982. title: "项目状态",
  983. dataIndex: "projectStatus",
  984. key: "projectStatus",
  985. render: (text) => {
  986. return getProjectName(text);
  987. },
  988. },
  989. {
  990. title: "工时",
  991. dataIndex: "hours",
  992. key: "hours",
  993. },
  994. {
  995. title: "是否外包",
  996. dataIndex: "outsource",
  997. key: "outsource",
  998. render: (text) => {
  999. if (text == 0) {
  1000. return "否";
  1001. } else if (text == 1) {
  1002. return "是";
  1003. }
  1004. },
  1005. },
  1006. {
  1007. title: "签单日期",
  1008. dataIndex: "signTime",
  1009. key: "signTime",
  1010. },
  1011. {
  1012. title: "派单日期",
  1013. dataIndex: "creteTime",
  1014. key: "creteTime",
  1015. },
  1016. {
  1017. title: "分配时间",
  1018. dataIndex: "taskDistributionTime",
  1019. key: "taskDistributionTime",
  1020. },
  1021. {
  1022. title: "完成时间",
  1023. dataIndex: "taskEndTime",
  1024. key: "taskEndTime",
  1025. },
  1026. ],
  1027. printColumns: [
  1028. {
  1029. title: "合同编号",
  1030. dataIndex: "contractNo",
  1031. key: "contractNo",
  1032. },
  1033. {
  1034. title: "订单编号",
  1035. dataIndex: "orderNo",
  1036. key: "orderNo",
  1037. // fixed: "left"
  1038. },
  1039. {
  1040. title: "客户名称",
  1041. dataIndex: "buyerName",
  1042. key: "buyerName",
  1043. render: text => {
  1044. return (
  1045. <Tooltip title={text}>
  1046. <div
  1047. // style={{
  1048. // maxWidth: '150px',
  1049. // overflow: 'hidden',
  1050. // textOverflow: "ellipsis",
  1051. // whiteSpace: 'nowrap',
  1052. // }}
  1053. >{text}</div>
  1054. </Tooltip>
  1055. )
  1056. }
  1057. },
  1058. {
  1059. title: "订单部门",
  1060. dataIndex: "departmentName",
  1061. key: "departmentName",
  1062. },
  1063. {
  1064. title: "订单负责人",
  1065. dataIndex: "sellerName",
  1066. key: "sellerName",
  1067. },
  1068. {
  1069. title: "签单日期",
  1070. dataIndex: "signTime",
  1071. key: "signTime",
  1072. },
  1073. {
  1074. title: "下单日期",
  1075. dataIndex: "createTime",
  1076. key: "createTime",
  1077. },
  1078. {
  1079. title: "签单金额(万元)",
  1080. dataIndex: "signTotalAmount",
  1081. key: "signTotalAmount",
  1082. render: (text) => {
  1083. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  1084. }
  1085. },
  1086. {
  1087. title: "开票金额(万元)",
  1088. dataIndex: "invoiceAmount",
  1089. key: "invoiceAmount",
  1090. render: (text) => {
  1091. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  1092. }
  1093. },
  1094. {
  1095. title: "已收款(万元)",
  1096. dataIndex: "actuallyTotalAmount",
  1097. key: "actuallyTotalAmount",
  1098. render: (text) => {
  1099. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  1100. }
  1101. },
  1102. {
  1103. title: "最近收款(万元)",
  1104. dataIndex: "finalReceivables",
  1105. key: "finalReceivables",
  1106. render: (text) => {
  1107. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  1108. }
  1109. },
  1110. {
  1111. title: "最近收款时间",
  1112. dataIndex: "finalReceivablesTime",
  1113. key: "finalReceivablesTime",
  1114. },
  1115. {
  1116. title: "结算状态",
  1117. dataIndex: "liquidationStatus",
  1118. key: "liquidationStatus",
  1119. render: (text) => {
  1120. return getLiquidationStatus(text);
  1121. },
  1122. },
  1123. {
  1124. title: "流程状态",
  1125. dataIndex: "processStatus",
  1126. key: "processStatus",
  1127. render: (text, record) => {
  1128. return getProcessStatus(text, record.examineName, record.approval);
  1129. },
  1130. },
  1131. {
  1132. title: "特批状态",
  1133. dataIndex: "approval",
  1134. key: "approval",
  1135. render: (text) => {
  1136. return getApproval(text);
  1137. },
  1138. },
  1139. ],
  1140. columnsX: [
  1141. {
  1142. title: "业务项目名称",
  1143. dataIndex: "commodityName",
  1144. key: "commodityName",
  1145. render: (text, record) => {
  1146. return <span>
  1147. {text}<span style={{ color: "red" }}>{record.patentTypeName}</span>{"-" + record.id}
  1148. <div>
  1149. {record.cSort == 6 && record.projectType == 1 && <span>(含{record.htMember == 1 ? '高新会员&' : ''}{record.additionalDeduction == 1 ? '加计扣除&' : ''}{record.rdAwardsubsidy == 1 ? '研发奖补' : ''})</span>}
  1150. {record.cSort == 6 && ([0, 3].indexOf(record.projectType) > -1) && <span>(仅提供单边会员服务)</span>}
  1151. {record.cSort == 6 && record.projectType == 2 && <span>(仅填报表,仅咨询,不出备查资料)</span>}
  1152. {record.cSort == 3 && <span>{record.technologyProjectType==0?'(简易项目)':record.technologyProjectType==1?'(市区级)':record.technologyProjectType==2?'(省级)':record.technologyProjectType==3?'(国家级)':''}</span>}
  1153. {record.cSort == 8 ? (record.type != 2 && record.patentType == 1) ? <span>(变更)</span> : <span>{record.ordinaryRisk == 0 ? '(普通申请)' : record.ordinaryRisk == 1 ? '(风险代理)' : ''}</span> : ""}
  1154. {record.type == 2 && <span>({record.days == 0 ? '普通' : record.days == 1 ? '加急' : ''}{record.scheme == 0 ? '&无方案' : record.scheme == 1 ? '&有方案' : ''})</span>}
  1155. </div>
  1156. </span>
  1157. }
  1158. },
  1159. {
  1160. title: "项目类别",
  1161. dataIndex: "cname",
  1162. key: "cname",
  1163. },
  1164. {
  1165. title: "项目数量",
  1166. dataIndex: "commodityQuantity",
  1167. key: "commodityQuantity",
  1168. render: (text, record) => {
  1169. if (record.splitStatus == 1) {
  1170. return (
  1171. <span>
  1172. {text}{" "}
  1173. <Tag
  1174. color="#108ee9"
  1175. onClick={(e) => {
  1176. e.stopPropagation();
  1177. this.showRes(record);
  1178. }}
  1179. >
  1180. 已拆
  1181. </Tag>
  1182. </span>
  1183. );
  1184. } else {
  1185. return text;
  1186. }
  1187. },
  1188. },
  1189. {
  1190. title: "服务市价(万元)",
  1191. dataIndex: "commodityPrice",
  1192. key: "commodityPrice",
  1193. },
  1194. {
  1195. title: "项目状态",
  1196. dataIndex: "projectStatus",
  1197. key: "projectStatus",
  1198. render: (text) => {
  1199. return getProjectName(text);
  1200. },
  1201. },
  1202. {
  1203. title: "证书编号",
  1204. dataIndex: "certificateNumber",
  1205. key: "certificateNumber",
  1206. },
  1207. {
  1208. title: "是否主要项目",
  1209. dataIndex: "main",
  1210. key: "main",
  1211. render: (text) => {
  1212. return text ? "是" : "否";
  1213. },
  1214. },
  1215. {
  1216. title: "项目说明",
  1217. dataIndex: "taskComment",
  1218. key: "taskComment",
  1219. render: (text) => {
  1220. return text && text.length > 8 ? (
  1221. <span title={text}>{text.substr(0, 8)}...</span>
  1222. ) : (
  1223. text
  1224. );
  1225. },
  1226. },
  1227. ],
  1228. columnsDate: [
  1229. {
  1230. title: "编号",
  1231. dataIndex: "id",
  1232. key: "id",
  1233. },
  1234. {
  1235. title: "订单编号",
  1236. dataIndex: "orderno",
  1237. key: "orderno",
  1238. },
  1239. {
  1240. title: "开票金额(万元)",
  1241. dataIndex: "amount",
  1242. key: "amount",
  1243. },
  1244. {
  1245. title: "申请时间",
  1246. dataIndex: "createTime",
  1247. key: "createTime",
  1248. },
  1249. {
  1250. title: "开票状态",
  1251. dataIndex: "status",
  1252. key: "status",
  1253. render: (text, record) => {
  1254. return <div>{getInvoiceStatus(text, record)} <LogPopup id={record.id} /></div>;
  1255. },
  1256. },
  1257. ],
  1258. columnsY: [
  1259. {
  1260. title: "流程",
  1261. dataIndex: "processName",
  1262. key: "processName",
  1263. },
  1264. {
  1265. title: "操作人",
  1266. dataIndex: "adminName",
  1267. key: "adminName",
  1268. },
  1269. {
  1270. title: "时间",
  1271. dataIndex: "createDate",
  1272. key: "createDate",
  1273. },
  1274. ],
  1275. columnsW: [
  1276. {
  1277. title: "外包名称",
  1278. dataIndex: "name",
  1279. key: "name",
  1280. },
  1281. {
  1282. title: "联系人",
  1283. dataIndex: "contacts",
  1284. key: "contacts",
  1285. },
  1286. {
  1287. title: "联系人电话",
  1288. dataIndex: "contactsMobile",
  1289. key: "contactsMobile",
  1290. },
  1291. {
  1292. title: "地址",
  1293. dataIndex: "ProvinceCity",
  1294. key: "ProvinceCity",
  1295. render: (test) => {
  1296. return test[0] === null
  1297. ? ""
  1298. : getprovince(test[0]) +
  1299. "/" +
  1300. getprovince(test[1]) +
  1301. "/" +
  1302. getprovince(test[2]);
  1303. },
  1304. },
  1305. {
  1306. title: "地址详情",
  1307. dataIndex: "address",
  1308. key: "address",
  1309. render: (text) => {
  1310. return text && text.length > 8 ? text.substr(0, 8) + "..." : text;
  1311. },
  1312. },
  1313. {
  1314. title: "创建时间",
  1315. dataIndex: "createTimes",
  1316. key: "createTimes",
  1317. },
  1318. {
  1319. title: "任务名称",
  1320. dataIndex: "tname",
  1321. key: "tname",
  1322. },
  1323. {
  1324. title: "合同编号",
  1325. dataIndex: "contractNo",
  1326. key: "contractNo",
  1327. },
  1328. {
  1329. title: "项目状态",
  1330. dataIndex: "projectStatus",
  1331. key: "projectStatus",
  1332. render: (text) => {
  1333. return getProjectName(text);
  1334. },
  1335. },
  1336. ],
  1337. dataSource: [],
  1338. searchTime: [],
  1339. printColumns: [
  1340. {
  1341. title: "合同编号",
  1342. dataIndex: "contractNo",
  1343. key: "contractNo",
  1344. },
  1345. {
  1346. title: "订单编号",
  1347. dataIndex: "orderNo",
  1348. key: "orderNo",
  1349. // fixed: "left"
  1350. },
  1351. {
  1352. title: "客户名称",
  1353. dataIndex: "buyerName",
  1354. key: "buyerName",
  1355. render: text => {
  1356. return (
  1357. <Tooltip title={text}>
  1358. <div
  1359. // style={{
  1360. // maxWidth: '150px',
  1361. // overflow: 'hidden',
  1362. // textOverflow: "ellipsis",
  1363. // whiteSpace: 'nowrap',
  1364. // }}
  1365. >{text}</div>
  1366. </Tooltip>
  1367. )
  1368. }
  1369. },
  1370. {
  1371. title: "订单部门",
  1372. dataIndex: "departmentName",
  1373. key: "departmentName",
  1374. },
  1375. {
  1376. title: "订单负责人",
  1377. dataIndex: "sellerName",
  1378. key: "sellerName",
  1379. },
  1380. {
  1381. title: "外包公司",
  1382. dataIndex: "outsourceName",
  1383. key: "outsourceName",
  1384. },
  1385. {
  1386. title: "签单日期",
  1387. dataIndex: "signTime",
  1388. key: "signTime",
  1389. },
  1390. {
  1391. title: "下单日期",
  1392. dataIndex: "createTime",
  1393. key: "createTime",
  1394. },
  1395. {
  1396. title: "签单金额(万元)",
  1397. dataIndex: "signTotalAmount",
  1398. key: "signTotalAmount",
  1399. },
  1400. {
  1401. title: "开票金额(万元)",
  1402. dataIndex: "invoiceAmount",
  1403. key: "invoiceAmount",
  1404. },
  1405. {
  1406. title: "已收款(万元)",
  1407. dataIndex: "actuallyTotalAmount",
  1408. key: "actuallyTotalAmount",
  1409. },
  1410. {
  1411. title: "最近收款(万元)",
  1412. dataIndex: "finalReceivables",
  1413. key: "finalReceivables",
  1414. },
  1415. {
  1416. title: "最近收款时间",
  1417. dataIndex: "finalReceivablesTime",
  1418. key: "finalReceivablesTime",
  1419. },
  1420. {
  1421. title: "结算状态",
  1422. dataIndex: "liquidationStatus",
  1423. key: "liquidationStatus",
  1424. render: (text) => {
  1425. return getLiquidationStatus(text);
  1426. },
  1427. },
  1428. {
  1429. title: "流程状态",
  1430. dataIndex: "processStatus",
  1431. key: "processStatus",
  1432. render: (text, record) => {
  1433. return getProcessStatus(text, record.examineName, record.approval);
  1434. },
  1435. },
  1436. {
  1437. title: "特批状态",
  1438. dataIndex: "approval",
  1439. key: "approval",
  1440. render: (text) => {
  1441. return getApproval(text);
  1442. },
  1443. },
  1444. ],
  1445. waterlistDate: [
  1446. {
  1447. title: "订单编号",
  1448. dataIndex: "orderNo",
  1449. key: "orderNo",
  1450. },
  1451. {
  1452. title: "平台流水号",
  1453. dataIndex: "billNo",
  1454. key: "billNo",
  1455. // fixed: "left"
  1456. },
  1457. {
  1458. title: "金额(万元)",
  1459. dataIndex: "transactionAmount",
  1460. key: "transactionAmount",
  1461. },
  1462. {
  1463. title: "收款方",
  1464. dataIndex: "payeeName",
  1465. key: "payeeName",
  1466. },
  1467. {
  1468. title: "付款方",
  1469. dataIndex: "payerName",
  1470. key: "payerName",
  1471. },
  1472. {
  1473. title: "流水科目",
  1474. dataIndex: "transactionSubject",
  1475. key: "transactionSubject",
  1476. render: (text) => {
  1477. return getTransactionProject(text);
  1478. },
  1479. },
  1480. {
  1481. title: "收款类型",
  1482. dataIndex: "type",
  1483. key: "type",
  1484. },
  1485. {
  1486. title: "财务流水时间",
  1487. dataIndex: "financialPayTimes",
  1488. key: "financialPayTimes",
  1489. },
  1490. {
  1491. title: "财务流水号",
  1492. dataIndex: "financialPayNo",
  1493. key: "financialPayNo",
  1494. },
  1495. {
  1496. title: "订单负责人",
  1497. dataIndex: "saleName",
  1498. key: "saleName",
  1499. },
  1500. {
  1501. title: "创建时间",
  1502. dataIndex: "createTimes",
  1503. key: "createTimes",
  1504. },
  1505. {
  1506. title: "退款时间",
  1507. dataIndex: "refundTimes",
  1508. key: "refundTimes",
  1509. },
  1510. {
  1511. title: "删除时间",
  1512. dataIndex: "deleteTimes",
  1513. key: "deleteTimes",
  1514. },
  1515. {
  1516. title: "备注",
  1517. dataIndex: "remarks",
  1518. key: "remarks",
  1519. },
  1520. {
  1521. title: "流水状态",
  1522. dataIndex: "deleteSign",
  1523. key: "deleteSign",
  1524. render: (text, record) => {
  1525. if (!text) {
  1526. return "";
  1527. } else {
  1528. return <Tag>已删除</Tag>;
  1529. }
  1530. },
  1531. },
  1532. ],
  1533. waterData: [],
  1534. qianColumns: [
  1535. {
  1536. title: "序号",
  1537. dataIndex: "key",
  1538. key: "key",
  1539. },
  1540. {
  1541. title: "合同编号",
  1542. dataIndex: "contractNo",
  1543. key: "contractNo",
  1544. },
  1545. {
  1546. title: "订单编号",
  1547. dataIndex: "orderNo",
  1548. key: "orderNo",
  1549. },
  1550. {
  1551. title: "客户名称",
  1552. dataIndex: "userName",
  1553. key: "userName",
  1554. render: text => {
  1555. return (
  1556. <Tooltip title={text}>
  1557. <div
  1558. // style={{
  1559. // maxWidth: '150px',
  1560. // overflow: 'hidden',
  1561. // textOverflow: "ellipsis",
  1562. // whiteSpace: 'nowrap',
  1563. // }}
  1564. >{text}</div>
  1565. </Tooltip>
  1566. )
  1567. }
  1568. },
  1569. {
  1570. title: "订单负责人",
  1571. dataIndex: "salesmanName",
  1572. key: "salesmanName",
  1573. },
  1574. {
  1575. title: "订单部门",
  1576. dataIndex: "depName",
  1577. key: "depName",
  1578. },
  1579. {
  1580. title: "订单状态",
  1581. dataIndex: "orderStatus",
  1582. key: "orderStatus",
  1583. render: (text) => {
  1584. return getNewOrderStatus(text);
  1585. },
  1586. },
  1587. {
  1588. title: "项目状态",
  1589. dataIndex: "projectStatus",
  1590. key: "projectStatus",
  1591. render: (text) => {
  1592. return getProjectName(text);
  1593. },
  1594. },
  1595. {
  1596. title: "签单金额",
  1597. dataIndex: "totalAmount",
  1598. key: "totalAmount",
  1599. },
  1600. {
  1601. title: "结算状态",
  1602. dataIndex: "liquidationStatus",
  1603. key: "liquidationStatus",
  1604. render: (text) => {
  1605. return getLiquidationStatus(text);
  1606. },
  1607. },
  1608. {
  1609. title: "已收款",
  1610. dataIndex: "settlementAmount",
  1611. key: "settlementAmount",
  1612. },
  1613. {
  1614. title: "欠款",
  1615. dataIndex: "orderArrears",
  1616. key: "orderArrears",
  1617. },
  1618. {
  1619. title: "催收科目",
  1620. dataIndex: "type",
  1621. key: "type",
  1622. render: (text) => {
  1623. return "按时触发应收欠款";
  1624. },
  1625. },
  1626. {
  1627. title: "催款状态",
  1628. dataIndex: "dunStatus",
  1629. key: "dunStatus",
  1630. render: (text) => {
  1631. if (text == 0) {
  1632. return "未启动";
  1633. } else if (text == 1) {
  1634. return "催款中";
  1635. } else if (text == 2) {
  1636. return "已完成";
  1637. } else if (text == 3) {
  1638. return "已停止";
  1639. }
  1640. },
  1641. },
  1642. {
  1643. title: "催收启动时间",
  1644. dataIndex: "startDate",
  1645. key: "startDate",
  1646. },
  1647. ],
  1648. };
  1649. },
  1650. // 特批通过
  1651. evaluateZ(record) {
  1652. $.ajax({
  1653. method: "POST",
  1654. dataType: "json",
  1655. crossDomain: false,
  1656. url: globalConfig.context + "/api/admin/financial/financeApproval",
  1657. data: {
  1658. orderNo: record.orderNo,
  1659. },
  1660. }).done(
  1661. function (data) {
  1662. if (!data.error.length) {
  1663. message.success("通过成功!");
  1664. this.setState({
  1665. loading: false,
  1666. });
  1667. this.loadData();
  1668. } else {
  1669. message.warning(data.error[0].message);
  1670. }
  1671. }.bind(this)
  1672. );
  1673. },
  1674. jdDate(orderNo) {
  1675. $.ajax({
  1676. method: "get",
  1677. dataType: "json",
  1678. crossDomain: false,
  1679. url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
  1680. data: {
  1681. orderNo: orderNo,
  1682. },
  1683. success: function (data) {
  1684. let thisData = data.data;
  1685. if (!thisData.length) {
  1686. if (data.error && data.error.length) {
  1687. message.warning(data.error[0].message);
  1688. }
  1689. thisData = {};
  1690. } else {
  1691. this.setState({
  1692. jsDate: thisData,
  1693. });
  1694. }
  1695. }.bind(this),
  1696. }).always(
  1697. function () {
  1698. this.setState({
  1699. loading: false,
  1700. });
  1701. }.bind(this)
  1702. );
  1703. },
  1704. /* 收款 */
  1705. evaluateX(recard) {
  1706. this.state.assignDataX = recard;
  1707. this.setState({
  1708. assignVisibleX: true,
  1709. });
  1710. },
  1711. /* 转交 */
  1712. evaluateY(recard, nub) {
  1713. this.state.assignDataY = recard;
  1714. this.setState({
  1715. nub,
  1716. assignVisibleY: true,
  1717. });
  1718. },
  1719. /* 驳回 */
  1720. reject(recard) {
  1721. this.setState({
  1722. bohuiData: recard,
  1723. boHuiVisible: true,
  1724. content: "",
  1725. });
  1726. },
  1727. boHuiCancel() {
  1728. this.setState({
  1729. boHuiVisible: false,
  1730. reason: "",
  1731. });
  1732. },
  1733. componentWillMount() {
  1734. this.loadData();
  1735. this.departmentList();
  1736. },
  1737. tableRowClick(record) {
  1738. this.state.RowData = record;
  1739. this.setState({
  1740. showDesc: true,
  1741. visible: true,
  1742. orderNo: record.orderNo,
  1743. modKey: "1",
  1744. });
  1745. this.jdDate(record.orderNo);
  1746. this.loadXmu(record);
  1747. this.loadModal(record);
  1748. this.jiedian(record.orderNo);
  1749. this.jiedianNew(record.orderNo);
  1750. },
  1751. // 拆分详细
  1752. showRes(record) {
  1753. this.setState({
  1754. resVisible: true,
  1755. resRecord: record,
  1756. });
  1757. },
  1758. resCancel() {
  1759. this.setState({
  1760. resVisible: false,
  1761. });
  1762. },
  1763. //详情
  1764. callBack(key) {
  1765. if (key === "2") {
  1766. this.setState({
  1767. modKey: key,
  1768. width: "1200px",
  1769. });
  1770. this.loadWaiBao();
  1771. }
  1772. if (key === "1") {
  1773. this.setState({
  1774. modKey: key,
  1775. width: "800px",
  1776. });
  1777. }
  1778. if (this.state.pictureUrl.length) {
  1779. let picArr = [];
  1780. this.state.pictureUrl.map(function (item) {
  1781. if (item.response && item.response.data && item.response.data.length) {
  1782. picArr.push(item.response.data);
  1783. }
  1784. });
  1785. }
  1786. if (key === "3") {
  1787. this.setState({
  1788. modKey: key,
  1789. width: "800px",
  1790. });
  1791. this.setState({
  1792. loading: true,
  1793. });
  1794. $.ajax({
  1795. method: "get",
  1796. dataType: "json",
  1797. crossDomain: false,
  1798. url:
  1799. globalConfig.context + "/api/admin/outsourceOrg/orderOutsourceDtails",
  1800. data: {
  1801. orderNo: this.state.orderNo,
  1802. },
  1803. success: function (data) {
  1804. let thisdata = data.data;
  1805. this.setState({
  1806. id: thisdata.id,
  1807. createTimes: thisdata.createTimes,
  1808. auditTimes: thisdata.auditTimes,
  1809. remarks: thisdata.remarks,
  1810. attachmentUrl: thisdata.attachmentUrl
  1811. ? splitUrl(
  1812. thisdata.attachmentUrl,
  1813. ",",
  1814. globalConfig.avatarHost + "/upload"
  1815. )
  1816. : [],
  1817. pictureUrl: thisdata.pictureUrl
  1818. ? splitUrl(
  1819. thisdata.pictureUrl,
  1820. ",",
  1821. globalConfig.avatarHost + "/upload"
  1822. )
  1823. : [], //图片地址
  1824. amount: thisdata.amount,
  1825. companyName: thisdata.companyName,
  1826. refundStatus: thisdata.refundStatus,
  1827. outsourceRemarks: thisdata.outsourceRemarks,
  1828. unitNumber: thisdata.unitNumber,
  1829. unitPrice: thisdata.unitPrice,
  1830. });
  1831. }.bind(this),
  1832. }).always(
  1833. function () {
  1834. this.setState({
  1835. loading: false,
  1836. });
  1837. }.bind(this)
  1838. );
  1839. }
  1840. },
  1841. //外包详情
  1842. loadWaiBao() {
  1843. $.ajax({
  1844. method: "get",
  1845. dataType: "json",
  1846. rossDomain: false,
  1847. url:
  1848. globalConfig.context +
  1849. "/api/admin/outsourceOrg/selectOrderOutsourceOrg",
  1850. data: {
  1851. orderNo: this.state.orderNo,
  1852. },
  1853. success: function (data) {
  1854. let theArr = [];
  1855. if (data.error.length || data.data.list == "") {
  1856. if (data.error && data.error.length) {
  1857. message.warning(data.error[0].message);
  1858. }
  1859. } else {
  1860. for (let i = 0; i < data.data.length; i++) {
  1861. let thisdata = data.data[i];
  1862. let ProvinceCityArr = [];
  1863. let ProvinceS = thisdata.province; //省
  1864. let citys = thisdata.city; //市
  1865. let Areas = thisdata.area; //区
  1866. ProvinceCityArr.push(ProvinceS, citys, Areas);
  1867. theArr.push({
  1868. key: i,
  1869. id: thisdata.id,
  1870. name: thisdata.name,
  1871. contacts: thisdata.contacts, //订单编号
  1872. contactsMobile: thisdata.contactsMobile,
  1873. ProvinceCity: ProvinceCityArr[0] === null ? [] : ProvinceCityArr,
  1874. province: thisdata.province,
  1875. city: thisdata.city,
  1876. area: thisdata.area,
  1877. address: thisdata.address,
  1878. remarks: thisdata.remarks,
  1879. tid: thisdata.tid,
  1880. createTimes: thisdata.createTimes,
  1881. tname: thisdata.tname,
  1882. contractNo: thisdata.contractNo,
  1883. projectStatus: thisdata.projectStatus,
  1884. });
  1885. }
  1886. }
  1887. this.setState(
  1888. {
  1889. dataSourceW: theArr,
  1890. },
  1891. () => { }
  1892. );
  1893. }.bind(this),
  1894. }).always(
  1895. function () {
  1896. this.setState({
  1897. loading: false,
  1898. });
  1899. }.bind(this)
  1900. );
  1901. },
  1902. loadXmu(record) {
  1903. this.state.data = [];
  1904. this.setState({
  1905. loading: true,
  1906. });
  1907. $.ajax({
  1908. method: "get",
  1909. dataType: "json",
  1910. crossDomain: false,
  1911. url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
  1912. data: {
  1913. orderNo: record.orderNo,
  1914. },
  1915. success: function (data) {
  1916. let theArr = [];
  1917. if (!data.data) {
  1918. if (data.error && data.error.length) {
  1919. message.warning(data.error[0].message);
  1920. }
  1921. } else {
  1922. for (let i = 0; i < data.data.length; i++) {
  1923. let thisdata = data.data[i];
  1924. theArr.push({
  1925. key: i,
  1926. id: thisdata.id,
  1927. orderNo: thisdata.orderNo,
  1928. commodityName: thisdata.commodityName,
  1929. commodityPrice: thisdata.commodityPrice,
  1930. commodityQuantity: thisdata.commodityQuantity,
  1931. taskStatus: thisdata.taskStatus,
  1932. taskComment: thisdata.taskComment,
  1933. main: thisdata.main,
  1934. contacts: thisdata.contacts,
  1935. contactsMobile: thisdata.contactsMobile,
  1936. cname: thisdata.cname,
  1937. certificateNumber: thisdata.certificateNumber,
  1938. projectStatus: thisdata.projectStatus,
  1939. sort: thisdata.cSort,
  1940. splitStatus: thisdata.splitStatus,
  1941. });
  1942. }
  1943. }
  1944. this.setState({
  1945. dataSourceX: theArr,
  1946. });
  1947. }.bind(this),
  1948. }).always(
  1949. function () {
  1950. this.setState({
  1951. loading: false,
  1952. });
  1953. }.bind(this)
  1954. );
  1955. },
  1956. loadModal(record) {
  1957. this.state.orderList = [];
  1958. $.ajax({
  1959. method: "get",
  1960. dataType: "json",
  1961. crossDomain: false,
  1962. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  1963. data: {
  1964. orderNo: record.orderNo,
  1965. },
  1966. success: function (data) {
  1967. let thisData = data.data;
  1968. if (!thisData) {
  1969. if (data.error && data.error.length) {
  1970. message.warning(data.error[0].message);
  1971. }
  1972. thisData = {};
  1973. }
  1974. this.setState({
  1975. id: thisData.id,
  1976. orderUid: thisData.uid,
  1977. orderList: thisData,
  1978. approval:
  1979. thisData.approval == 0
  1980. ? thisData.approval.toString()
  1981. : thisData.approval,
  1982. orderRemarks: thisData.orderRemarks,
  1983. orgCodeUrl: thisData.contractPictureUrl
  1984. ? splitUrl(
  1985. thisData.contractPictureUrl,
  1986. ",",
  1987. globalConfig.avatarHost + "/upload"
  1988. )
  1989. : [],
  1990. replenishUrl: thisData.agreementUrl
  1991. ? splitUrl(
  1992. thisData.agreementUrl,
  1993. ",",
  1994. globalConfig.avatarHost + "/upload"
  1995. )
  1996. : [],
  1997. contentUrl: thisData.serviceContent
  1998. ? splitUrl(
  1999. thisData.serviceContent,
  2000. ",",
  2001. globalConfig.avatarHost + "/upload"
  2002. )
  2003. : [], //图片地址
  2004. orderNo: thisData.orderNo, //订单编号
  2005. buyerId: thisData.buyerId,
  2006. depName: thisData.depName,
  2007. deleteSign: thisData.deleteSign,
  2008. });
  2009. }.bind(this),
  2010. }).always(
  2011. function () {
  2012. this.setState({
  2013. loading: false,
  2014. });
  2015. }.bind(this)
  2016. );
  2017. },
  2018. rizhi() {
  2019. this.setState({
  2020. loading: true,
  2021. });
  2022. $.ajax({
  2023. method: "get",
  2024. dataType: "json",
  2025. crossDomain: false,
  2026. url: "/api/admin/newOrder/selectOrderLog",
  2027. data: {
  2028. orderNo: this.state.orderNo,
  2029. },
  2030. success: function (data) {
  2031. let theArr = [];
  2032. let thisData = data.data;
  2033. if (!thisData.length) {
  2034. if (data.error && data.error.length) {
  2035. message.warning(data.error[0].message);
  2036. }
  2037. thisData = {};
  2038. } else {
  2039. for (let i = 0; i < data.data.length; i++) {
  2040. let thisdata = data.data[i];
  2041. theArr.push({
  2042. processName: thisdata.processName,
  2043. adminName: thisdata.adminName,
  2044. createDate: thisdata.createDate,
  2045. remarks: thisdata.remarks,
  2046. });
  2047. }
  2048. }
  2049. this.setState({
  2050. dataSourceY: theArr,
  2051. });
  2052. }.bind(this),
  2053. }).always(
  2054. function () {
  2055. this.setState({
  2056. loading: false,
  2057. });
  2058. }.bind(this)
  2059. );
  2060. },
  2061. closeOrderLog() {
  2062. this.setState({
  2063. avisible: false,
  2064. });
  2065. },
  2066. load() {
  2067. if (this.state.attachmentUrl) {
  2068. let url = window.location.href.substring(7);
  2069. this.state.attachmentUrl.forEach((e) => {
  2070. window.location.href =
  2071. "http://" +
  2072. url.substring(0, url.indexOf("/")) +
  2073. "/api/admin/outsourceOrg//downloadFile?path=" +
  2074. e.response.data;
  2075. });
  2076. } else {
  2077. message.error("此订单无上传文件");
  2078. }
  2079. },
  2080. getOrderLog() {
  2081. this.setState({
  2082. avisible: true,
  2083. });
  2084. this.rizhi();
  2085. },
  2086. closeModal() {
  2087. this.setState(
  2088. {
  2089. visible: false,
  2090. width: "800px",
  2091. },
  2092. () => {
  2093. this.setState({
  2094. modKey: "1",
  2095. });
  2096. }
  2097. );
  2098. },
  2099. closeDesc(e, s) {
  2100. this.state.showDesc = e;
  2101. if (s) {
  2102. this.loadData();
  2103. }
  2104. },
  2105. closeAssignX(e, s) {
  2106. this.state.assignDataX = {};
  2107. this.state.assignVisibleX = e;
  2108. if (s) {
  2109. this.loadData();
  2110. }
  2111. },
  2112. closeAssignY(e, s) {
  2113. this.state.assignDataY = {};
  2114. this.state.assignVisibleY = e;
  2115. if (s) {
  2116. this.loadData();
  2117. }
  2118. },
  2119. search() {
  2120. this.setState({
  2121. selectedRowKeys: []
  2122. })
  2123. this.loadData();
  2124. },
  2125. reset() {
  2126. this.state.nameSearch = "";
  2127. this.state.releaseDate = [];
  2128. this.state.shouKuanDate = [];
  2129. this.state.orderNoSearch = "";
  2130. this.state.departmenttList = undefined;
  2131. this.state.amountStatus = undefined;
  2132. this.state.processStatus = [];
  2133. this.state.processStatusSearch = [];
  2134. this.state.contractNoSearch = "";
  2135. this.state.liquidationStatus = [];
  2136. this.state.contractNo = "";
  2137. this.Cascaders.empty();
  2138. this.loadData();
  2139. },
  2140. boHuiCo() {
  2141. this.boHuiCancel();
  2142. this.boHuiSubmit();
  2143. },
  2144. //驳回
  2145. boHuiSubmit() {
  2146. if (!this.state.reason) {
  2147. message.warning("请填写驳回原因");
  2148. return false;
  2149. }
  2150. if (!this.state.reason.replace(/\s+/g, '')) {
  2151. message.warning("请填写驳回原因");
  2152. return;
  2153. }
  2154. this.setState({
  2155. loading: true,
  2156. });
  2157. $.ajax({
  2158. method: "POST",
  2159. dataType: "json",
  2160. crossDomain: false,
  2161. url: globalConfig.context + "/api/admin/financial/reject",
  2162. data: {
  2163. orderNo: this.state.bohuiData.orderNo,
  2164. reason: this.state.reason,
  2165. },
  2166. }).done(
  2167. function (data) {
  2168. if (!data.error.length) {
  2169. message.success("驳回成功!");
  2170. this.setState({
  2171. loading: false,
  2172. });
  2173. this.loadData();
  2174. } else {
  2175. message.warning(data.error[0].message);
  2176. }
  2177. }.bind(this)
  2178. );
  2179. },
  2180. searchSwitch() {
  2181. this.setState({
  2182. searchMore: !this.state.searchMore,
  2183. });
  2184. },
  2185. changeList(arr) {
  2186. const newArr = [];
  2187. this.state.columns.forEach((item) => {
  2188. arr.forEach((val) => {
  2189. if (val === item.title) {
  2190. newArr.push(item);
  2191. }
  2192. });
  2193. });
  2194. this.setState({
  2195. changeList: newArr,
  2196. });
  2197. },
  2198. onSelectChange(selectedRowKeys) {
  2199. // for(var i=0; i<selectedRowKeys.length; i++){
  2200. // for(var j=i+1; j<selectedRowKeys.length; j++){
  2201. // if(selectedRowKeys[i]==selectedRowKeys[j]){
  2202. // selectedRowKeys.splice(j,1);
  2203. // j--;
  2204. // }
  2205. // }
  2206. // }
  2207. this.setState({ selectedRowKeys });
  2208. },
  2209. inRecordData() {
  2210. this.setState({
  2211. loading: true,
  2212. });
  2213. $.ajax({
  2214. method: "get",
  2215. dataType: "json",
  2216. crossDomain: false,
  2217. url:
  2218. globalConfig.context +
  2219. "/api/admin/orderInvoice/salesmanOrderInvoiceList",
  2220. data: {
  2221. orderNo: this.state.selectedRowKeys[0],
  2222. pageSize: 9999999,
  2223. },
  2224. success: function (data) {
  2225. let theArr = [];
  2226. let sum = 0;
  2227. if (!data.data) {
  2228. if (data.error && data.error.length) {
  2229. message.warning(data.error[0].message);
  2230. }
  2231. } else {
  2232. for (let i = 0; i < data.data.list.length; i++) {
  2233. let thisdata = data.data.list[i];
  2234. sum += parseFloat(thisdata.amount);
  2235. theArr.push({
  2236. id: thisdata.id,
  2237. orderno: thisdata.orderno, //订单编号
  2238. amount: thisdata.amount, //签单金额
  2239. createTime: thisdata.createTime, //流程状态
  2240. status: thisdata.status, //结算状态
  2241. rejectReason: thisdata.rejectReason,
  2242. approval: thisdata.approval,//0非特批 1待审核 2审核通过
  2243. });
  2244. }
  2245. }
  2246. this.setState({
  2247. recordData: theArr,
  2248. sum: sum.toFixed(6),
  2249. });
  2250. }.bind(this),
  2251. }).done(
  2252. function () {
  2253. this.setState({
  2254. loading: false,
  2255. });
  2256. }.bind(this)
  2257. );
  2258. },
  2259. inRecordCanl() {
  2260. this.setState({
  2261. bvisible: false,
  2262. });
  2263. },
  2264. waterData() {
  2265. this.state.data = [];
  2266. this.setState({
  2267. loading: true,
  2268. });
  2269. $.ajax({
  2270. method: "get",
  2271. dataType: "json",
  2272. crossDomain: false,
  2273. url: globalConfig.context + "/api/admin/financial/myBillList",
  2274. data: {
  2275. orderNo: this.state.selectedRowKeys[0],
  2276. pageSize: 9999999,
  2277. whoType: 1,
  2278. },
  2279. success: function (data) {
  2280. let theArr = [];
  2281. let waterSum = 0;
  2282. if (!data.data || !data.data.list) {
  2283. if (data.error && data.error.length) {
  2284. message.warning(data.error[0].message);
  2285. }
  2286. } else {
  2287. for (let i = 0; i < data.data.list.length; i++) {
  2288. let thisdata = data.data.list[i];
  2289. if (thisdata.deleteSign == 0) {
  2290. waterSum += parseFloat(thisdata.transactionAmount);
  2291. }
  2292. theArr.push({
  2293. key: i,
  2294. orderNo: thisdata.orderNo,
  2295. billNo: thisdata.billNo,
  2296. transactionAmount: thisdata.transactionAmount,
  2297. payeeName: thisdata.payeeName,
  2298. payerName: thisdata.payerName,
  2299. transactionSubject: thisdata.transactionSubject,
  2300. transactionChannel: thisdata.transactionChannel,
  2301. financialPayTimes: thisdata.financialPayTimes,
  2302. financialPayNo: thisdata.financialPayNo,
  2303. createrName: thisdata.createrName,
  2304. saleName: thisdata.saleName,
  2305. createTimes: thisdata.createTimes,
  2306. type:
  2307. thisdata.type == 0
  2308. ? "手工"
  2309. : thisdata.type == 1
  2310. ? "批量"
  2311. : "合同变更退款",
  2312. deleteSign: thisdata.deleteSign,
  2313. deleteTimes: thisdata.deleteTimes,
  2314. refundTimes: thisdata.refundTimes,
  2315. remarks: thisdata.remarks,
  2316. });
  2317. }
  2318. }
  2319. this.setState({
  2320. waterData: theArr,
  2321. waterSum: waterSum.toFixed(6),
  2322. });
  2323. }.bind(this),
  2324. }).always(
  2325. function () {
  2326. this.setState({
  2327. loading: false,
  2328. });
  2329. }.bind(this)
  2330. );
  2331. },
  2332. waterCanl() {
  2333. this.setState({
  2334. cvisible: false,
  2335. });
  2336. },
  2337. exportAll() {
  2338. message.config({
  2339. duration: 20,
  2340. });
  2341. let loading = message.loading("下载中...");
  2342. this.setState({
  2343. exportPendingLoading: true,
  2344. });
  2345. const data = {
  2346. pageSize: 9999999,
  2347. buyerName: this.state.nameSearch, //客户名称
  2348. orderNo: this.state.orderNoSearch,
  2349. startTime: this.state.releaseDate[0],
  2350. endTime: this.state.releaseDate[1],
  2351. startFinalReceivablesTime: this.state.shouKuanDate[0],
  2352. endFinalReceivablesTime: this.state.shouKuanDate[1],
  2353. deps: this.state.departmenttList,
  2354. processStatus: this.state.processStatusSearch,
  2355. contractNo: this.state.contractNoSearch,
  2356. outsource: 1,
  2357. liquidationStatus: this.state.liquidationStatus,
  2358. };
  2359. $.ajax({
  2360. method: "get",
  2361. dataType: "json",
  2362. crossDomain: false,
  2363. url: "/api/admin/receivables/exportReceivables",
  2364. data,
  2365. success: function (data) {
  2366. if (data.error.length === 0) {
  2367. this.download(data.data);
  2368. } else {
  2369. message.warning(data.error[0].message);
  2370. }
  2371. }.bind(this),
  2372. }).always(
  2373. function () {
  2374. loading();
  2375. this.setState({
  2376. exportPendingLoading: false,
  2377. });
  2378. }.bind(this)
  2379. );
  2380. },
  2381. // 下载
  2382. download(fileName) {
  2383. window.location.href =
  2384. globalConfig.context + "/open/download?fileName=" + fileName;
  2385. },
  2386. exportKaip() {
  2387. window.location.href =
  2388. globalConfig.context +
  2389. "/api/admin/receivables/exportInvoice?" +
  2390. `orderNo=${this.state.selectedRowKeys}`;
  2391. },
  2392. exportWater() {
  2393. window.location.href =
  2394. globalConfig.context +
  2395. "/api/admin/receivables/exportMyBill?" +
  2396. `orderNo=${this.state.selectedRowKeys}&whoType=1`;
  2397. },
  2398. printAll() {
  2399. this.setState({
  2400. dvisible: true,
  2401. // loading: true
  2402. });
  2403. this.loadData(1, 9999999);
  2404. },
  2405. downImg() {
  2406. let num = 0;
  2407. for (let i = 0; i < this.state.orgCodeUrl.length; i++) {
  2408. if (this.state.orgCodeUrl[i].url == this.state.previewImage) {
  2409. num = i;
  2410. }
  2411. }
  2412. if (num == this.state.orgCodeUrl.length - 1) {
  2413. return message.warning("已经是最后一张了哦");
  2414. }
  2415. this.state.previewImage = this.state.orgCodeUrl[num + 1].url;
  2416. this.setState({
  2417. previewImage: this.state.previewImage,
  2418. rotateDeg: 0,
  2419. });
  2420. },
  2421. upImg() {
  2422. let num = 0;
  2423. for (let i = 0; i < this.state.orgCodeUrl.length; i++) {
  2424. if (this.state.orgCodeUrl[i].url == this.state.previewImage) {
  2425. num = i;
  2426. }
  2427. }
  2428. if (num == 0) {
  2429. return message.warning("已经是第一张了哦");
  2430. }
  2431. this.state.previewImage = this.state.orgCodeUrl[num - 1].url;
  2432. this.setState({
  2433. previewImage: this.state.previewImage,
  2434. rotateDeg: 0,
  2435. });
  2436. },
  2437. rotate() {
  2438. let rotateDeg = this.state.rotateDeg + 90;
  2439. this.setState({
  2440. rotateDeg,
  2441. });
  2442. },
  2443. downImgs() {
  2444. let num = 0;
  2445. for (let i = 0; i < this.state.replenishUrl.length; i++) {
  2446. if (this.state.replenishUrl[i].url == this.state.previewImage) {
  2447. num = i;
  2448. }
  2449. }
  2450. if (num == this.state.replenishUrl.length - 1) {
  2451. return message.warning("已经是最后一张了哦");
  2452. }
  2453. this.state.previewImage = this.state.replenishUrl[num + 1].url;
  2454. this.setState({
  2455. previewImage: this.state.previewImage,
  2456. rotateDeg: 0,
  2457. });
  2458. },
  2459. upImgs() {
  2460. let num = 0;
  2461. for (let i = 0; i < this.state.replenishUrl.length; i++) {
  2462. if (this.state.replenishUrl[i].url == this.state.previewImage) {
  2463. num = i;
  2464. }
  2465. }
  2466. if (num == 0) {
  2467. return message.warning("已经是第一张了哦");
  2468. }
  2469. this.state.previewImage = this.state.replenishUrl[num - 1].url;
  2470. this.setState({
  2471. previewImage: this.state.previewImage,
  2472. rotateDeg: 0,
  2473. });
  2474. },
  2475. rotates() {
  2476. let rotateDeg = this.state.rotateDeg + 90;
  2477. this.setState({
  2478. rotateDeg,
  2479. });
  2480. },
  2481. timeData() {
  2482. this.setState({
  2483. loading: true,
  2484. });
  2485. $.ajax({
  2486. method: "get",
  2487. dataType: "json",
  2488. crossDomain: false,
  2489. url: globalConfig.context + "/api/admin/orderProject/taskHoursList",
  2490. data: {
  2491. orderNo: this.state.selectedRowKeys[0],
  2492. pageSize: 9999999,
  2493. },
  2494. success: function (data) {
  2495. let theArr = [];
  2496. if (!data.data || !data.data.list) {
  2497. if (data.error && data.error.length) {
  2498. message.warning(data.error[0].message);
  2499. }
  2500. } else {
  2501. for (let i = 0; i < data.data.list.length; i++) {
  2502. let thisdata = data.data.list[i];
  2503. theArr.push({
  2504. key: i + 1,
  2505. id: thisdata.id, //ID
  2506. orderNo: thisdata.orderNo, //订单编号
  2507. taskName: thisdata.taskName, //任务名称
  2508. userName: thisdata.userName, //客户名称
  2509. cname: thisdata.cname, //项目品类
  2510. taskStatus: thisdata.taskStatus, //任务状态
  2511. receiverName: thisdata.receiverName, //负责人
  2512. hours: thisdata.hours, //任务工时
  2513. depName: thisdata.depName, //派单公司
  2514. contractNo: thisdata.contractNo,
  2515. signTime: thisdata.signTime,
  2516. creteTime: thisdata.creteTime,
  2517. projectStatus: thisdata.projectStatus,
  2518. commodityPrice: thisdata.commodityPrice, //价格
  2519. commodityQuantity: thisdata.commodityQuantity, //数量
  2520. salesmanName: thisdata.salesmanName, //订单负责人
  2521. taskDistributionTime: thisdata.taskDistributionTime,
  2522. taskEndTime: thisdata.taskEndTime,
  2523. outsource: thisdata.outsource,
  2524. splitStatus: thisdata.splitStatus,
  2525. splitSuper: thisdata.splitSuper,
  2526. splitId: thisdata.splitId,
  2527. });
  2528. }
  2529. }
  2530. this.setState({
  2531. timeDataList: theArr,
  2532. });
  2533. }.bind(this),
  2534. }).always(
  2535. function () {
  2536. this.setState({
  2537. loading: false,
  2538. });
  2539. }.bind(this)
  2540. );
  2541. },
  2542. exportTime() {
  2543. const data = {
  2544. orderNo: this.state.selectedRowKeys[0],
  2545. outsourcing: 1,
  2546. };
  2547. window.location.href =
  2548. globalConfig.context +
  2549. "/api/admin/orderProject/exportMyTaskList?" +
  2550. $.param(data);
  2551. },
  2552. exportPro() {
  2553. const data = {
  2554. orderNo: this.state.selectedRowKeys[0],
  2555. };
  2556. window.location.href =
  2557. globalConfig.context +
  2558. "/api/admin/newOrder/exportOrderTaskData?" +
  2559. $.param(data);
  2560. },
  2561. exportCui() {
  2562. var data = {
  2563. orderNo: this.state.selectedRowKeys[0]
  2564. ? this.state.selectedRowKeys[0]
  2565. : undefined, //订单编号
  2566. // specially: 1,
  2567. pageSize: 9999999,
  2568. outsource: 1,
  2569. };
  2570. window.location.href =
  2571. globalConfig.context +
  2572. "/api/admin/newOrder/exportOrderDunData?" +
  2573. $.param(data);
  2574. },
  2575. cuiData() {
  2576. this.setState({
  2577. loading: true,
  2578. });
  2579. $.ajax({
  2580. method: "get",
  2581. dataType: "json",
  2582. crossDomain: false,
  2583. url: globalConfig.context + "/api/admin/newOrder/dunOrderNewList",
  2584. data: {
  2585. orderNo: this.state.selectedRowKeys[0],
  2586. pageSize: 9999999,
  2587. },
  2588. success: function (data) {
  2589. let theArr = [];
  2590. if (!data.data || !data.data.list) {
  2591. if (data.error && data.error.length) {
  2592. message.warning(data.error[0].message);
  2593. }
  2594. } else {
  2595. for (let i = 0; i < data.data.list.length; i++) {
  2596. let thisdata = data.data.list[i];
  2597. theArr.push({
  2598. key: i + 1,
  2599. orderNo: thisdata.orderNo,
  2600. contractNo: thisdata.contractNo,
  2601. userName: thisdata.userName,
  2602. buyerName: thisdata.buyerName,
  2603. departmentName: thisdata.departmentName,
  2604. salesmanName: thisdata.salesmanName,
  2605. depName: thisdata.depName,
  2606. orderStatus: thisdata.orderStatus,
  2607. projectStatus: thisdata.projectStatus,
  2608. totalAmount: thisdata.totalAmount,
  2609. liquidationStatus: thisdata.liquidationStatus,
  2610. settlementAmount: thisdata.settlementAmount,
  2611. accountsReceivable: thisdata.accountsReceivable,
  2612. dunSubject: thisdata.dunSubject,
  2613. startDate: thisdata.startDate,
  2614. taskStatus: thisdata.taskStatus,
  2615. cname: thisdata.cname,
  2616. id: thisdata.id,
  2617. taskName: thisdata.taskName,
  2618. hours: thisdata.hours,
  2619. taskDistributionTime: thisdata.taskDistributionTime,
  2620. taskEndTime: thisdata.taskEndTime,
  2621. dunStatus: thisdata.dunStatus == 0 ? "未触发" : "已触发",
  2622. });
  2623. }
  2624. }
  2625. this.setState({
  2626. cuiDataList: theArr,
  2627. });
  2628. }.bind(this),
  2629. }).always(
  2630. function () {
  2631. this.setState({
  2632. loading: false,
  2633. });
  2634. }.bind(this)
  2635. );
  2636. },
  2637. proData() {
  2638. this.setState({
  2639. loading: true,
  2640. });
  2641. $.ajax({
  2642. method: "get",
  2643. dataType: "json",
  2644. crossDomain: false,
  2645. url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
  2646. data: {
  2647. orderNo: this.state.selectedRowKeys[0],
  2648. pageSize: 9999999,
  2649. },
  2650. success: function (data) {
  2651. let theArr = [];
  2652. let totalWaibao = 0;
  2653. if (!data.data) {
  2654. if (data.error && data.error.length) {
  2655. message.warning(data.error[0].message);
  2656. }
  2657. } else {
  2658. for (let i = 0; i < data.data.length; i++) {
  2659. let thisdata = data.data[i];
  2660. totalWaibao += thisdata.outsourcePrice;
  2661. theArr.push({
  2662. key: i + 1,
  2663. orderNo: thisdata.orderNo,
  2664. contractNo: thisdata.contractNo,
  2665. userName: thisdata.userName,
  2666. buyerName: thisdata.buyerName,
  2667. departmentName: thisdata.departmentName,
  2668. salesmanName: thisdata.salesmanName,
  2669. depName: thisdata.depName,
  2670. orderStatus: thisdata.orderStatus,
  2671. projectStatus: thisdata.projectStatus,
  2672. commodityName: thisdata.commodityName,
  2673. totalAmount: thisdata.totalAmount,
  2674. liquidationStatus: thisdata.liquidationStatus,
  2675. settlementAmount: thisdata.settlementAmount,
  2676. accountsReceivable: thisdata.accountsReceivable,
  2677. dunSubject: thisdata.dunSubject,
  2678. startDate: thisdata.startDate,
  2679. taskStatus: thisdata.taskStatus,
  2680. cname: thisdata.cname,
  2681. id: thisdata.id,
  2682. taskName: thisdata.taskName,
  2683. hours: thisdata.hours,
  2684. taskDistributionTime: thisdata.taskDistributionTime,
  2685. taskEndTime: thisdata.taskEndTime,
  2686. commodityQuantity: thisdata.commodityQuantity,
  2687. commodityPrice: thisdata.commodityPrice,
  2688. certificateNumber: thisdata.certificateNumber,
  2689. taskComment: thisdata.taskComment,
  2690. outsourceName: thisdata.outsourceName,
  2691. outsourcePrice: thisdata.outsourcePrice,
  2692. splitStatus: thisdata.splitStatus,
  2693. sort: thisdata.cSort,
  2694. });
  2695. }
  2696. }
  2697. totalWaibao = (Math.round(totalWaibao * 1000000) / 1000000).toFixed(6);
  2698. this.setState({
  2699. proDataList: theArr,
  2700. totalWaibao,
  2701. });
  2702. }.bind(this),
  2703. }).always(
  2704. function () {
  2705. this.setState({
  2706. loading: false,
  2707. });
  2708. }.bind(this)
  2709. );
  2710. },
  2711. jiedian(orderNos) {
  2712. $.ajax({
  2713. method: "get",
  2714. dataType: "json",
  2715. crossDomain: false,
  2716. url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
  2717. data: {
  2718. orderNo: orderNos,
  2719. },
  2720. success: function (data) {
  2721. let theArr = [];
  2722. let thisData = [];
  2723. if (data.error.length || data.data.list == "") {
  2724. if (data.error && data.error.length) {
  2725. message.warning(data.error[0].message);
  2726. }
  2727. } else {
  2728. for (let i = 0; i < data.data.length; i++) {
  2729. thisData = data.data[i];
  2730. theArr.push({
  2731. key: i,
  2732. dunSubject: thisData.dunSubject
  2733. ? thisData.dunSubject.toString()
  2734. : "", //催款科目
  2735. id: thisData.id, //节点Id
  2736. money: thisData.money, //催款金额
  2737. dunStatus: thisData.dunStatus, //催款状态
  2738. orderNo: thisData.orderNo,
  2739. });
  2740. }
  2741. this.setState({
  2742. contactList: theArr,
  2743. });
  2744. }
  2745. }.bind(this),
  2746. }).always(
  2747. function () {
  2748. this.setState({
  2749. loading: false,
  2750. });
  2751. }.bind(this)
  2752. );
  2753. },
  2754. //查看催款节点
  2755. jiedianNew(orderNos) {
  2756. $.ajax({
  2757. method: "get",
  2758. dataType: "json",
  2759. crossDomain: false,
  2760. url:
  2761. globalConfig.context + "/api/admin/newOrderDun/selectListNewOrderDun",
  2762. data: {
  2763. orderNo: orderNos,
  2764. },
  2765. success: function (data) {
  2766. if (data.error && data.error.length) {
  2767. message.warning(data.error[0].message);
  2768. } else {
  2769. let theArr = [];
  2770. let thisData = [];
  2771. let arr = data.data || [];
  2772. let totalCui = 0;
  2773. for (let i = 0; i < arr.length; i++) {
  2774. thisData = arr[i];
  2775. totalCui += +thisData.money;
  2776. theArr.push({
  2777. key: i,
  2778. dunSubject: thisData.dunSubject
  2779. ? thisData.dunSubject.toString()
  2780. : "", //催款科目
  2781. id: thisData.id, //节点Id
  2782. money: thisData.money, //催款金额
  2783. // orderNo: record ? record.orderNo : this.props.datauser.orderNo,
  2784. commodityName: thisData.commodityName,
  2785. projectType: thisData.projectType,
  2786. dunTypeName: thisData.dunTypeName,
  2787. status: thisData.status,
  2788. waitDay: thisData.waitDay,
  2789. effectiveCount: thisData.effectiveCount,
  2790. startDate: thisData.startDate,
  2791. dunType: thisData.dunType,
  2792. appropriationRatio: thisData.appropriationRatio,
  2793. customizeName: thisData.customizeName,
  2794. customizeTimes: thisData.customizeTimes,
  2795. tid: thisData.tid,
  2796. });
  2797. }
  2798. if (!totalCui) {
  2799. totalCui = 0;
  2800. }
  2801. totalCui = (Math.round(totalCui * 1000000) / 1000000).toFixed(6);
  2802. this.setState({
  2803. contactListNew: theArr,
  2804. totalCui,
  2805. });
  2806. }
  2807. }.bind(this),
  2808. }).always(
  2809. function () {
  2810. this.setState({
  2811. loading: false,
  2812. });
  2813. }.bind(this)
  2814. );
  2815. },
  2816. cuiTabChange(index) {
  2817. this.setState({
  2818. cuiTabKey: index,
  2819. });
  2820. if (index == 2) {
  2821. this.setState({
  2822. loading: true,
  2823. });
  2824. $.ajax({
  2825. method: "get",
  2826. dataType: "json",
  2827. crossDomain: false,
  2828. url: globalConfig.context + "/api/admin/newOrder/arrearsDunList",
  2829. data: {
  2830. orderNo: this.state.selectedRowKeys[0],
  2831. pageSize: 9999999,
  2832. },
  2833. success: function (data) {
  2834. let theArr = [];
  2835. if (data.error.length || data.data.list == "") {
  2836. if (data.error && data.error.length) {
  2837. message.warning(data.error[0].message);
  2838. }
  2839. } else {
  2840. for (let i = 0; i < data.data.list.length; i++) {
  2841. let thisdata = data.data.list[i];
  2842. let obj = thisdata;
  2843. obj.key = i;
  2844. theArr.push(obj);
  2845. }
  2846. }
  2847. this.setState({
  2848. qianDataList: theArr,
  2849. });
  2850. }.bind(this),
  2851. }).always(
  2852. function () {
  2853. this.setState({
  2854. loading: false,
  2855. });
  2856. }.bind(this)
  2857. );
  2858. }
  2859. },
  2860. kaiPiaoData(record) {
  2861. this.setState({
  2862. avisible: true,
  2863. });
  2864. this.invoiceData(record.id);
  2865. },
  2866. invoiceData(id) {
  2867. this.setState({
  2868. loading: true,
  2869. });
  2870. $.ajax({
  2871. method: "get",
  2872. dataType: "json",
  2873. crossDomain: false,
  2874. url:
  2875. globalConfig.context + "/api/admin/orderInvoice/selectByIdOrderInvoice",
  2876. data: {
  2877. id,
  2878. },
  2879. success: function (data) {
  2880. let thisdata = data.data;
  2881. let obj = {
  2882. contractNo: thisdata.contractNo,
  2883. orderNo: thisdata.orderNo,
  2884. approval: thisdata.approval,
  2885. type: thisdata.type,
  2886. status: thisdata.status,
  2887. remarks: thisdata.remarks,
  2888. invoiceType: thisdata.invoiceType,
  2889. unitName: thisdata.unitName,
  2890. taxNumber: thisdata.taxNumber,
  2891. amount: thisdata.amount,
  2892. banks: thisdata.banks,
  2893. content: thisdata.content,
  2894. unitAddress: thisdata.unitAddress,
  2895. invoiceRemarks: thisdata.invoiceRemarks,
  2896. unitMobile: thisdata.unitMobile,
  2897. post: thisdata.post,
  2898. addressee: thisdata.addressee,
  2899. addresseeMobile: thisdata.addresseeMobile,
  2900. addresseeProvince: thisdata.addresseeProvince,
  2901. addresseeCity: thisdata.addresseeCity,
  2902. addresseeArea: thisdata.addresseeArea,
  2903. alreadyAmount: thisdata.alreadyAmount,
  2904. recipientAddress: thisdata.recipientAddress,
  2905. orgCodeUrl: thisdata.voucherUrl
  2906. ? splitUrl(
  2907. thisdata.voucherUrl,
  2908. ",",
  2909. globalConfig.avatarHost + "/upload"
  2910. )
  2911. : [],
  2912. };
  2913. this.setState({
  2914. modalData: obj,
  2915. });
  2916. }.bind(this),
  2917. }).done(
  2918. function () {
  2919. this.setState({
  2920. loading: false,
  2921. });
  2922. }.bind(this)
  2923. );
  2924. },
  2925. visitCancels() {
  2926. this.setState({
  2927. avisible: false,
  2928. });
  2929. },
  2930. render() {
  2931. const { TextArea } = Input;
  2932. const { RangePicker } = DatePicker;
  2933. const { TabPane } = Tabs;
  2934. var departmentArr = this.state.departmentArr || [];
  2935. const theData = this.state.orderList || {};
  2936. const formItemLayout = {
  2937. labelCol: { span: 8 },
  2938. wrapperCol: { span: 12 },
  2939. };
  2940. const { loading, selectedRowKeys, visible } = this.state;
  2941. const cuiDataList = this.state.contactList || [];
  2942. const rowSelection = {
  2943. selectedRowKeys,
  2944. onChange: this.onSelectChange,
  2945. hideDefaultSelections: true,
  2946. type: "radio",
  2947. };
  2948. const jsDate = this.state.jsDate || [];
  2949. return (
  2950. <div className="user-content">
  2951. {this.state.resVisible ? (
  2952. <ResolutionDetail
  2953. cancel={this.resCancel}
  2954. detail={this.state.resRecord}
  2955. visible={this.state.resVisible}
  2956. id={this.state.resRecord.orderNo}
  2957. />
  2958. ) : (
  2959. ""
  2960. )}
  2961. <div className="content-title" style={{ marginBottom: 10 }}>
  2962. <span style={{ fontWeight: 900, fontSize: 16 }}>外包结算管理</span>
  2963. </div>
  2964. <Tabs defaultActiveKey="2" className="test">
  2965. <TabPane tab="搜索" key="2">
  2966. <div className="user-search" style={{ marginLeft: 10 }}>
  2967. <Input
  2968. placeholder="订单编号"
  2969. value={this.state.orderNoSearch}
  2970. onChange={(e) => {
  2971. this.setState({ orderNoSearch: e.target.value });
  2972. }}
  2973. />
  2974. <Input
  2975. placeholder="合同编号"
  2976. value={this.state.contractNoSearch}
  2977. onChange={(e) => {
  2978. this.setState({
  2979. contractNoSearch: e.target.value,
  2980. });
  2981. }}
  2982. />
  2983. <Input
  2984. placeholder="客户名称"
  2985. value={this.state.nameSearch}
  2986. onChange={(e) => {
  2987. this.setState({ nameSearch: e.target.value });
  2988. }}
  2989. />
  2990. <Cascaders
  2991. ref={node => this.Cascaders = node}
  2992. placeholder="订单部门"
  2993. id="id"
  2994. name="name"
  2995. children="list"
  2996. height={28}
  2997. onSel={(e) => {
  2998. this.setState({
  2999. departmenttList: JSON.stringify(e),
  3000. });
  3001. }}
  3002. />
  3003. {/* <Select
  3004. placeholder="订单部门"
  3005. style={{ width: 120, marginRight: 10 }}
  3006. value={this.state.departmenttList}
  3007. onChange={(e) => {
  3008. this.setState({ departmenttList: e });
  3009. }}
  3010. >
  3011. {departmentArr.map(function (item) {
  3012. return (
  3013. <Select.Option key={item.id}>{item.name}</Select.Option>
  3014. );
  3015. })}
  3016. </Select> */}
  3017. <Select
  3018. placeholder="流程状态"
  3019. onChange={(e) => {
  3020. this.setState({ processStatusSearch: e });
  3021. }}
  3022. style={{ width: 120, marginRight: 5 }}
  3023. value={this.state.processStatusSearch}
  3024. >
  3025. <Option value="3">未分配</Option>
  3026. <Option value="4">已分配</Option>
  3027. <Option value="9">已驳回</Option>
  3028. </Select>
  3029. <Select
  3030. placeholder="结算状态"
  3031. onChange={(e) => {
  3032. this.setState({ liquidationStatus: e });
  3033. }}
  3034. style={{ width: 120, marginRight: 5 }}
  3035. value={this.state.liquidationStatus}
  3036. >
  3037. <Option value="0">首付待付清</Option>
  3038. <Option value="1">尾款待付清</Option>
  3039. <Option value="2">已付清</Option>
  3040. </Select>
  3041. <Select
  3042. style={{ width: 120 }}
  3043. placeholder="签单金额"
  3044. value={this.state.amountStatus}
  3045. onChange={(e) => {
  3046. this.setState({
  3047. amountStatus: e,
  3048. });
  3049. }}
  3050. >
  3051. <Option value="0">10万元以下</Option>
  3052. <Option value="1">10~20万元</Option>
  3053. <Option value="2">20~30万元</Option>
  3054. <Option value="3">30~40万元</Option>
  3055. <Option value="4">40万元以上</Option>
  3056. </Select>
  3057. <span style={{ marginRight: 0 }}>下单日期:</span>
  3058. <RangePicker
  3059. style={{ width: 170 }}
  3060. value={[
  3061. this.state.releaseDate[0]
  3062. ? moment(this.state.releaseDate[0])
  3063. : null,
  3064. this.state.releaseDate[1]
  3065. ? moment(this.state.releaseDate[1])
  3066. : null,
  3067. ]}
  3068. onChange={(data, dataString) => {
  3069. this.setState({ releaseDate: dataString });
  3070. }}
  3071. />
  3072. <span style={{}}>最近收款:</span>
  3073. <RangePicker
  3074. style={{ width: 170 }}
  3075. value={[
  3076. this.state.shouKuanDate[0]
  3077. ? moment(this.state.shouKuanDate[0])
  3078. : null,
  3079. this.state.shouKuanDate[1]
  3080. ? moment(this.state.shouKuanDate[1])
  3081. : null,
  3082. ]}
  3083. onChange={(data, dataString) => {
  3084. this.setState({ shouKuanDate: dataString });
  3085. }}
  3086. />
  3087. <Button
  3088. type="primary"
  3089. onClick={this.search}
  3090. style={{ marginLeft: 10 }}
  3091. disabled={this.state.loadingA ? true : false}
  3092. >
  3093. 搜索
  3094. </Button>
  3095. <Button onClick={this.reset}>重置</Button>
  3096. </div>
  3097. </TabPane>
  3098. <TabPane tab="打印" key="3">
  3099. <Button
  3100. type="primary"
  3101. style={{ margin: "11px 0px 10px 10px" }}
  3102. onClick={this.printAll}
  3103. disabled={!this.state.dataSource.length}
  3104. >
  3105. 打印所有列表信息
  3106. </Button>
  3107. <Button
  3108. type="primary"
  3109. disabled={this.state.selectedRowKeys.length != 1}
  3110. style={{ margin: "11px 0px 10px 10px" }}
  3111. onClick={() => {
  3112. this.inRecordData();
  3113. this.setState({
  3114. bvisible: true,
  3115. });
  3116. }}
  3117. >
  3118. 打印开票详情
  3119. </Button>
  3120. <Button
  3121. type="primary"
  3122. disabled={this.state.selectedRowKeys.length != 1}
  3123. style={{ margin: "11px 0px 10px 10px" }}
  3124. onClick={() => {
  3125. this.waterData();
  3126. this.setState({
  3127. cvisible: true,
  3128. });
  3129. }}
  3130. >
  3131. 打印收款流水
  3132. </Button>
  3133. <Button
  3134. type="primary"
  3135. disabled={this.state.selectedRowKeys.length != 1}
  3136. style={{ margin: "11px 0px 10px 10px" }}
  3137. onClick={() => {
  3138. this.timeData();
  3139. this.setState({
  3140. timeVisible: true,
  3141. });
  3142. }}
  3143. >
  3144. 打印工时信息
  3145. </Button>
  3146. <Button
  3147. type="primary"
  3148. disabled={this.state.selectedRowKeys.length != 1}
  3149. style={{ margin: "11px 0px 10px 10px" }}
  3150. onClick={() => {
  3151. this.cuiData();
  3152. this.setState({
  3153. cuiVisible: true,
  3154. });
  3155. }}
  3156. >
  3157. 打印催款信息
  3158. </Button>
  3159. <Button
  3160. type="primary"
  3161. disabled={this.state.selectedRowKeys.length != 1}
  3162. style={{ margin: "11px 0px 10px 10px" }}
  3163. onClick={() => {
  3164. this.proData();
  3165. this.setState({
  3166. proVisible: true,
  3167. });
  3168. }}
  3169. >
  3170. 打印项目进度
  3171. </Button>
  3172. </TabPane>
  3173. <TabPane tab="导出Excel" key="4">
  3174. <Button
  3175. type="primary"
  3176. style={{ margin: "11px 0px 10px 10px" }}
  3177. onClick={this.exportAll}
  3178. >
  3179. 导出当前列表
  3180. </Button>
  3181. <Button
  3182. type="primary"
  3183. disabled={this.state.selectedRowKeys.length != 1}
  3184. style={{ margin: "11px 0px 10px 10px" }}
  3185. onClick={this.exportKaip}
  3186. >
  3187. 导出所选开票详情
  3188. </Button>
  3189. <Button
  3190. type="primary"
  3191. disabled={this.state.selectedRowKeys.length != 1}
  3192. style={{ margin: "11px 0px 10px 10px" }}
  3193. onClick={this.exportWater}
  3194. >
  3195. 导出所选收款详情流水
  3196. </Button>
  3197. <Button
  3198. type="primary"
  3199. disabled={this.state.selectedRowKeys.length != 1}
  3200. style={{ margin: "11px 0px 10px 10px" }}
  3201. onClick={this.exportTime}
  3202. >
  3203. 导出所选工时信息
  3204. </Button>
  3205. <Button
  3206. type="primary"
  3207. disabled={this.state.selectedRowKeys.length != 1}
  3208. style={{ margin: "11px 0px 10px 10px" }}
  3209. onClick={this.exportCui}
  3210. >
  3211. 导出催款信息
  3212. </Button>
  3213. <Button
  3214. type="primary"
  3215. disabled={this.state.selectedRowKeys.length != 1}
  3216. style={{ margin: "11px 0px 10px 10px" }}
  3217. onClick={this.exportPro}
  3218. >
  3219. 导出项目进度
  3220. </Button>
  3221. </TabPane>
  3222. <TabPane tab="查看" key="5">
  3223. <Button
  3224. type="primary"
  3225. disabled={this.state.selectedRowKeys.length != 1}
  3226. style={{ margin: "11px 0px 10px 10px" }}
  3227. onClick={() => {
  3228. this.inRecordData();
  3229. this.setState({
  3230. bvisible: true,
  3231. });
  3232. }}
  3233. >
  3234. 查看开票详情
  3235. </Button>
  3236. <Button
  3237. type="primary"
  3238. disabled={this.state.selectedRowKeys.length != 1}
  3239. style={{ margin: "11px 0px 10px 10px" }}
  3240. onClick={() => {
  3241. this.waterData();
  3242. this.setState({
  3243. cvisible: true,
  3244. });
  3245. }}
  3246. >
  3247. 详情收款流水
  3248. </Button>
  3249. <Button
  3250. type="primary"
  3251. disabled={this.state.selectedRowKeys.length != 1}
  3252. style={{ margin: "11px 0px 10px 10px" }}
  3253. onClick={() => {
  3254. this.timeData();
  3255. this.setState({
  3256. timeVisible: true,
  3257. });
  3258. }}
  3259. >
  3260. 工时信息
  3261. </Button>
  3262. <Button
  3263. type="primary"
  3264. disabled={this.state.selectedRowKeys.length != 1}
  3265. style={{ margin: "11px 0px 10px 10px" }}
  3266. onClick={() => {
  3267. this.cuiData();
  3268. this.setState({
  3269. cuiVisible: true,
  3270. });
  3271. }}
  3272. >
  3273. 催款信息
  3274. </Button>
  3275. <Button
  3276. type="primary"
  3277. disabled={this.state.selectedRowKeys.length != 1}
  3278. style={{ margin: "11px 0px 10px 10px" }}
  3279. onClick={() => {
  3280. this.proData();
  3281. this.setState({
  3282. proVisible: true,
  3283. });
  3284. }}
  3285. >
  3286. 项目进度
  3287. </Button>
  3288. </TabPane>
  3289. <TabPane tab="更改表格显示数据" key="1">
  3290. <div style={{ marginLeft: 10 }}>
  3291. <ChooseList
  3292. columns={this.state.columns}
  3293. changeFn={this.changeList}
  3294. changeList={this.state.changeList}
  3295. top={55}
  3296. margin={11}
  3297. />
  3298. </div>
  3299. </TabPane>
  3300. {/* <TabPane tab="批量操作" key="6">
  3301. <Button
  3302. type="primary"
  3303. disabled={this.state.selectedRowKeys.length == 0}
  3304. style={{ margin: "0px 0px 10px 10px" }}
  3305. onClick={e => {
  3306. e.stopPropagation(),
  3307. this.evaluateY(this.state.selectedRowKeys, "财务专员");
  3308. }}
  3309. >
  3310. 转交
  3311. </Button>
  3312. </TabPane> */}
  3313. </Tabs>
  3314. <div className="patent-table">
  3315. <Spin spinning={this.state.loadingA}>
  3316. <Table
  3317. bordered
  3318. columns={
  3319. this.state.changeList == undefined
  3320. ? this.state.columns
  3321. : this.state.changeList
  3322. }
  3323. dataSource={this.state.dataSource}
  3324. // rowSelection={false}
  3325. scroll={{ x: "max-content", y: 0 }}
  3326. pagination={this.state.pagination}
  3327. onRowDoubleClick={this.tableRowClick.bind(this)}
  3328. rowSelection={rowSelection}
  3329. size="middle"
  3330. />
  3331. </Spin>
  3332. <p
  3333. style={{ display: "inline-block", fontSize: "14px", color: "red" }}
  3334. >
  3335. {
  3336. <span style={{ marginRight: 10 }}>
  3337. {`收款金额总计(万元):${this.state.hui ? this.state.hui : "0"}`}
  3338. </span>
  3339. }
  3340. {
  3341. <span>
  3342. {`合同额总计(万元):${this.state.totalHui ? this.state.totalHui : "0"
  3343. }`}
  3344. </span>
  3345. }
  3346. </p>
  3347. </div>
  3348. <div className="patent-desc">
  3349. {this.state.visible ? <Modal
  3350. maskClosable={false}
  3351. visible={this.state.visible}
  3352. onCancel={this.closeModal}
  3353. width={this.state.width}
  3354. footer=""
  3355. className="admin-desc-content"
  3356. >
  3357. <Tabs
  3358. onChange={this.callBack}
  3359. type="card"
  3360. activeKey={this.state.modKey}
  3361. tabBarExtraContent={
  3362. <div style={{ fontWeight: 'bold', paddingRight: '15px' }}>
  3363. <OrderItemStatus deleteSign={this.state.deleteSign} />
  3364. </div>
  3365. }
  3366. >
  3367. <TabPane tab="项目概况" key="1">
  3368. {this.state.modKey === '1' ? <Form layout="horizontal" id="demand-form">
  3369. <Spin spinning={this.state.loading}>
  3370. <div className="clearfix">
  3371. <FormItem
  3372. className="half-item"
  3373. {...formItemLayout}
  3374. label="订单编号"
  3375. >
  3376. <span>{this.state.orderNo}</span>
  3377. </FormItem>
  3378. <FormItem
  3379. className="half-item"
  3380. {...formItemLayout}
  3381. label="签单时间"
  3382. >
  3383. <span>{theData.signDate}</span>
  3384. </FormItem>
  3385. <FormItem
  3386. className="half-item"
  3387. {...formItemLayout}
  3388. label="客户名称"
  3389. >
  3390. <span>{theData.userName}</span>
  3391. <EnterpriseNameChange
  3392. type='journal'
  3393. style={{ marginLeft: 10 }}
  3394. enterpriseId={this.state.orderUid} />
  3395. </FormItem>
  3396. <FormItem
  3397. className="half-item"
  3398. {...formItemLayout}
  3399. label="销售类型"
  3400. >
  3401. <span>
  3402. {(["私有客户-", "签单客户-"][theData.userType] || " ") +
  3403. (salesList[theData.salesType] || "")}
  3404. {
  3405. theData.other != null && theData.other != "" &&
  3406. <Tooltip title={theData.other}>
  3407. <span>
  3408. {"(" + theData.other.toString().slice(0, 10) + (theData.other.toString().length > 9 ? "...)" : ")")}
  3409. </span>
  3410. </Tooltip>
  3411. }
  3412. </span>
  3413. </FormItem>
  3414. <FormItem
  3415. className="half-item"
  3416. {...formItemLayout}
  3417. label="流转状态"
  3418. >
  3419. <span>{getProcessStatus(theData.processStatus, theData.examineName, theData.approval)}</span>
  3420. </FormItem>
  3421. <FormItem
  3422. className="half-item"
  3423. {...formItemLayout}
  3424. label="订单类型"
  3425. >
  3426. <span>{getNewOrderType(theData.orderType)}</span>
  3427. </FormItem>
  3428. <FormItem
  3429. className="half-item"
  3430. {...formItemLayout}
  3431. label="结算状态"
  3432. >
  3433. <span>
  3434. {getLiquidationStatus(theData.liquidationStatus)}
  3435. </span>
  3436. </FormItem>
  3437. <FormItem
  3438. className="half-item"
  3439. {...formItemLayout}
  3440. label="签单总金额(万元)"
  3441. >
  3442. <span>{theData.totalAmount}</span>
  3443. </FormItem>
  3444. <FormItem
  3445. className="half-item"
  3446. {...formItemLayout}
  3447. label="首付款(万元)"
  3448. >
  3449. <span>{theData.firstAmount}</span>
  3450. </FormItem>
  3451. <FormItem
  3452. className="half-item"
  3453. {...formItemLayout}
  3454. label="已收款(万元)"
  3455. >
  3456. <span>{theData.settlementAmount}</span>
  3457. </FormItem>
  3458. <FormItem
  3459. className="half-item"
  3460. {...formItemLayout}
  3461. label="是否特批"
  3462. >
  3463. <span>{getApproval(theData.approval)}</span>
  3464. </FormItem>
  3465. {/*this.props.data.orderStatus=='6'&&<FormItem className="half-item" {...formItemLayout} label="已退(万元)">
  3466. <span>{this.props.data.refundAmount}</span>
  3467. </FormItem>*/}
  3468. </div>
  3469. <div className="clearfix">
  3470. <FormItem
  3471. labelCol={{ span: 5 }}
  3472. wrapperCol={{ span: 18 }}
  3473. label="合同扫描件"
  3474. >
  3475. {/*<Upload*/}
  3476. {/* className="demandDetailShow-upload"*/}
  3477. {/* listType="picture-card"*/}
  3478. {/* fileList={this.state.orgCodeUrl}*/}
  3479. {/* onPreview={(file) => {*/}
  3480. {/* this.setState({*/}
  3481. {/* previewImage: file.url || file.thumbUrl,*/}
  3482. {/* previewVisible: true,*/}
  3483. {/* });*/}
  3484. {/* }}*/}
  3485. {/*/>*/}
  3486. <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>
  3487. {this.state.orgCodeUrl && this.state.modKey === '1' ? <ImgList domId={'approvedOutsourcingAll1'} fileList={this.state.orgCodeUrl} /> : <div />}
  3488. </div>
  3489. <Modal
  3490. maskClosable={false}
  3491. footer={null}
  3492. width={"50%"}
  3493. visible={this.state.previewVisible}
  3494. onCancel={() => {
  3495. this.setState({
  3496. previewVisible: false,
  3497. rotateDeg: 0,
  3498. });
  3499. }}
  3500. >
  3501. <img
  3502. alt=""
  3503. style={{
  3504. width: "100%",
  3505. transform: `rotate(${this.state.rotateDeg}deg)`,
  3506. }}
  3507. src={this.state.previewImage || ""}
  3508. />
  3509. <Button
  3510. onClick={this.rotate}
  3511. style={{
  3512. position: "relative",
  3513. left: "50%",
  3514. transform: "translateX(-50%)",
  3515. }}
  3516. >
  3517. 旋转
  3518. </Button>
  3519. <Button
  3520. onClick={this.upImg}
  3521. style={{
  3522. position: "absolute",
  3523. left: -81,
  3524. top: "50%",
  3525. transform: "translateY(-50%)",
  3526. }}
  3527. >
  3528. 上一张
  3529. </Button>
  3530. <Button
  3531. onClick={this.downImg}
  3532. style={{
  3533. position: "absolute",
  3534. right: -81,
  3535. top: "50%",
  3536. transform: "translateY(-50%)",
  3537. }}
  3538. >
  3539. 下一张
  3540. </Button>
  3541. </Modal>
  3542. <Button
  3543. style={{
  3544. float: "right",
  3545. marginRight: "140px",
  3546. marginTop: "20px",
  3547. }}
  3548. onClick={this.getOrderLog}
  3549. >
  3550. 查看订单日志
  3551. </Button>
  3552. </FormItem>
  3553. <FormItem
  3554. labelCol={{ span: 5 }}
  3555. wrapperCol={{ span: 18 }}
  3556. label="补充协议"
  3557. >
  3558. {/*<Upload*/}
  3559. {/* className="demandDetailShow-upload"*/}
  3560. {/* listType="picture-card"*/}
  3561. {/* fileList={this.state.replenishUrl}*/}
  3562. {/* onPreview={(file) => {*/}
  3563. {/* this.setState({*/}
  3564. {/* previewImage: file.url || file.thumbUrl,*/}
  3565. {/* previewVisibles: true,*/}
  3566. {/* });*/}
  3567. {/* }}*/}
  3568. {/*/>*/}
  3569. <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>
  3570. {this.state.replenishUrl && this.state.modKey === '1' ? <ImgList fileList={this.state.replenishUrl} /> : <div />}
  3571. </div>
  3572. <Modal
  3573. maskClosable={false}
  3574. footer={null}
  3575. width={"50%"}
  3576. visible={this.state.previewVisibles}
  3577. onCancel={() => {
  3578. this.setState({
  3579. previewVisibles: false,
  3580. rotateDeg: 0,
  3581. });
  3582. }}
  3583. >
  3584. <img
  3585. alt=""
  3586. style={{
  3587. width: "100%",
  3588. transform: `rotate(${this.state.rotateDeg}deg)`,
  3589. }}
  3590. src={this.state.previewImage || ""}
  3591. />
  3592. <Button
  3593. onClick={this.rotates}
  3594. style={{
  3595. position: "relative",
  3596. left: "50%",
  3597. transform: "translateX(-50%)",
  3598. }}
  3599. >
  3600. 旋转
  3601. </Button>
  3602. <Button
  3603. onClick={this.upImgs}
  3604. style={{
  3605. position: "absolute",
  3606. left: -81,
  3607. top: "50%",
  3608. transform: "translateY(-50%)",
  3609. }}
  3610. >
  3611. 上一张
  3612. </Button>
  3613. <Button
  3614. onClick={this.downImgs}
  3615. style={{
  3616. position: "absolute",
  3617. right: -81,
  3618. top: "50%",
  3619. transform: "translateY(-50%)",
  3620. }}
  3621. >
  3622. 下一张
  3623. </Button>
  3624. </Modal>
  3625. </FormItem>
  3626. </div>
  3627. <ContentUrl
  3628. processStatus={2}
  3629. domId={"approvedContents"}
  3630. contentUrl={this.state.contentUrl}
  3631. imgId={"approvedContentsImg"}
  3632. />
  3633. <div className="clearfix">
  3634. <FormItem
  3635. className="half-item"
  3636. {...formItemLayout}
  3637. label="合同编号"
  3638. >
  3639. <span>{theData.contractNo}</span>
  3640. </FormItem>
  3641. <FormItem
  3642. className="half-item"
  3643. {...formItemLayout}
  3644. label="订单部门"
  3645. >
  3646. <span>{theData.depName}</span>
  3647. </FormItem>
  3648. </div>
  3649. <div className="clearfix">
  3650. <FormItem
  3651. labelCol={{ span: 5 }}
  3652. wrapperCol={{ span: 18 }}
  3653. label="订单留言"
  3654. >
  3655. <p style={{ width: 500, wordWrap: "break-word" }}>
  3656. {this.state.orderRemarks}
  3657. </p>
  3658. </FormItem>
  3659. </div>
  3660. {/* <div className="clearfix">
  3661. <FormItem
  3662. labelCol={{ span: 5 }}
  3663. wrapperCol={{ span: 18 }}
  3664. label="收款节点"
  3665. >
  3666. {jsDate.map(item => {
  3667. return (
  3668. <p>
  3669. {getjiedian(item.dunSubject)} -- {item.money} 万元
  3670. </p>
  3671. );
  3672. })}
  3673. </FormItem>
  3674. </div> */}
  3675. <div className="clearfix">
  3676. <FormItem
  3677. className="half-item"
  3678. {...formItemLayout}
  3679. label="订单负责人"
  3680. >
  3681. <span>{theData.salesmanName}</span>
  3682. </FormItem>
  3683. <FormItem
  3684. className="half-item"
  3685. {...formItemLayout}
  3686. label="订单负责人电话"
  3687. >
  3688. <span>{theData.salesmanMobile}</span>
  3689. </FormItem>
  3690. <FormItem
  3691. className="half-item"
  3692. {...formItemLayout}
  3693. label="当前财务负责人"
  3694. >
  3695. <span>{theData.nowFinance}</span>
  3696. </FormItem>
  3697. <FormItem
  3698. className="half-item"
  3699. {...formItemLayout}
  3700. label="当前财务负责人电话"
  3701. >
  3702. <span>{theData.nowFinanceMobile}</span>
  3703. </FormItem>
  3704. <FormItem
  3705. className="half-item"
  3706. {...formItemLayout}
  3707. style={{ opacity: ".5" }}
  3708. label="原订单负责人"
  3709. >
  3710. <span>{theData.oldSalesmanName}</span>
  3711. </FormItem>
  3712. <FormItem
  3713. className="half-item"
  3714. {...formItemLayout}
  3715. style={{ opacity: ".5" }}
  3716. label="原订单负责人电话"
  3717. >
  3718. <span>{theData.oldSalesmanMobile}</span>
  3719. </FormItem>
  3720. <FormItem
  3721. className="half-item"
  3722. {...formItemLayout}
  3723. style={{ opacity: ".5" }}
  3724. label="实际财务操作人"
  3725. >
  3726. <span>{theData.financeName}</span>
  3727. </FormItem>
  3728. <FormItem
  3729. className="half-item"
  3730. {...formItemLayout}
  3731. style={{ opacity: ".5" }}
  3732. label="实际财务操作人电话"
  3733. >
  3734. <span>{theData.financeMobile}</span>
  3735. </FormItem>
  3736. </div>
  3737. {/* <Modal
  3738. visible={this.state.avisible}
  3739. className="admin-desc-content"
  3740. width="800px"
  3741. maskClosable={false}
  3742. title="订单日志"
  3743. footer={null}
  3744. onCancel={this.closeOrderLog}
  3745. >
  3746. <div className="patent-table">
  3747. <Spin spinning={this.state.loading}>
  3748. <Table
  3749. columns={this.state.columnsY}
  3750. dataSource={this.state.dataSourceY}
  3751. pagination={false}
  3752. />
  3753. </Spin>
  3754. </div>
  3755. </Modal> */}
  3756. <OrderRiZi
  3757. dataSourcerizhi={this.state.dataSourceY}
  3758. closeOrderLog={this.closeOrderLog}
  3759. visible={this.state.avisible}
  3760. loading={this.state.loading}
  3761. />
  3762. <div className="clearfix">
  3763. <p style={{ fontSize: 18, marginLeft: 20 }}>项目业务</p>
  3764. <div className="patent-table">
  3765. <Spin spinning={this.state.loading}>
  3766. <Table
  3767. columns={this.state.columnsX}
  3768. dataSource={this.state.dataSourceX}
  3769. pagination={false}
  3770. size="middle"
  3771. bordered
  3772. />
  3773. </Spin>
  3774. </div>
  3775. </div>
  3776. <div>
  3777. <span style={{ marginLeft: 20, fontSize: "18px" }}>
  3778. 催款节点
  3779. </span>
  3780. <span
  3781. style={{
  3782. display: cuiDataList.length ? "none" : "inline-block",
  3783. marginLeft: 10,
  3784. color: "red",
  3785. }}
  3786. >
  3787. 金额总计(万元): {this.state.totalCui}
  3788. </span>
  3789. </div>
  3790. <div className="clearfix">
  3791. <Spin spinning={this.state.loading}>
  3792. <Form layout="horizontal" id="demand-form">
  3793. <Table
  3794. pagination={false}
  3795. bordered
  3796. size="middle"
  3797. columns={
  3798. cuiDataList.length
  3799. ? this.state.ContactsLists
  3800. : this.state.ContactsListsNew
  3801. }
  3802. dataSource={
  3803. cuiDataList.length
  3804. ? this.state.contactList
  3805. : this.state.contactListNew
  3806. }
  3807. />
  3808. <Col
  3809. span={24}
  3810. offset={9}
  3811. style={{ marginTop: "15px" }}
  3812. />
  3813. </Form>
  3814. </Spin>
  3815. </div>
  3816. </Spin>
  3817. </Form> : <div />}
  3818. </TabPane>
  3819. <TabPane tab="外包详情" key="2">
  3820. <div className="clearfix">
  3821. <p style={{ color: "red" }}>
  3822. 提示:查看备注请点击表格左侧加号按钮~
  3823. </p>
  3824. <div className="patent-table">
  3825. <Spin spinning={this.state.loading}>
  3826. <Table
  3827. columns={this.state.columnsW}
  3828. dataSource={this.state.dataSourceW}
  3829. pagination={false}
  3830. size="middle"
  3831. expandedRowRender={(record) => (
  3832. <p style={{ margin: 0 }}>{record.remarks}</p>
  3833. )}
  3834. scroll={{ x: 300, y: 0 }}
  3835. />
  3836. </Spin>
  3837. </div>
  3838. </div>
  3839. </TabPane>
  3840. <TabPane tab="外包审核" key="3">
  3841. <div className="clearfix">
  3842. <FormItem
  3843. className="half-item"
  3844. labelCol={{ span: 8 }}
  3845. wrapperCol={{ span: 14 }}
  3846. label="外包公司"
  3847. >
  3848. <span>{this.state.companyName}</span>
  3849. </FormItem>
  3850. </div>
  3851. <div className="clearfix">
  3852. <FormItem
  3853. className="half-item"
  3854. {...formItemLayout}
  3855. label="单价(万元)"
  3856. >
  3857. <span>{this.state.unitPrice}</span>
  3858. </FormItem>
  3859. </div>
  3860. <div className="clearfix">
  3861. <FormItem
  3862. className="half-item"
  3863. {...formItemLayout}
  3864. label="数量(万元)"
  3865. >
  3866. <span>{this.state.unitNumber}</span>
  3867. </FormItem>
  3868. </div>
  3869. <div className="clearfix">
  3870. <FormItem
  3871. className="half-item"
  3872. {...formItemLayout}
  3873. label="总金额(万元)"
  3874. >
  3875. <span>{this.state.amount}</span>
  3876. </FormItem>
  3877. </div>
  3878. <div className="clearfix">
  3879. <FormItem
  3880. className="half-item"
  3881. {...formItemLayout}
  3882. label="备注"
  3883. >
  3884. <span>{this.state.outsourceRemarks}</span>
  3885. </FormItem>
  3886. </div>
  3887. {/*<div className="clearfix">
  3888. <FormItem className="half-item"
  3889. labelCol={{ span: 8 }}
  3890. wrapperCol={{ span: 14 }}
  3891. label="上传协议文件" >
  3892. <Upload header={{authorization: 'authorization-text'}} action={globalConfig.context + "/api/admin/outsourceOrg/uploadOutsourceFile"}
  3893. data={(e)=>{
  3894. return {
  3895. 'sign': e.name.substring(0,e.name.lastIndexOf("."))
  3896. }
  3897. }}
  3898. fileList={this.state.attachmentUrl}
  3899. showUploadList={{showRemoveIcon:false}}
  3900. onPreview={(e)=>{
  3901. let url = window.location.href.substring(7)
  3902. window.location.href="http://"+url.substring(0,url.indexOf("/"))+"/api/admin/outsourceOrg//downloadFile?path="+e.response.data
  3903. }}>
  3904. </Upload>
  3905. </FormItem>
  3906. </div>*/}
  3907. <div className="clearfix">
  3908. <FormItem
  3909. labelCol={{ span: 4 }}
  3910. wrapperCol={{ span: 18 }}
  3911. label="合同/协议扫描件"
  3912. >
  3913. {/*<Upload*/}
  3914. {/* className="demandDetailShow-upload"*/}
  3915. {/* listType="picture-card"*/}
  3916. {/* fileList={this.state.pictureUrl}*/}
  3917. {/* onPreview={(file) => {*/}
  3918. {/* this.setState({*/}
  3919. {/* previewImage: file.url || file.thumbUrl,*/}
  3920. {/* previewVisible: true,*/}
  3921. {/* });*/}
  3922. {/* }}*/}
  3923. {/*/>*/}
  3924. <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>
  3925. {this.state.pictureUrl && this.state.modKey === '3' ? <ImgList domId={'approvedOutsourcingAll2'} fileList={this.state.pictureUrl} /> : <div />}
  3926. </div>
  3927. <Modal
  3928. maskClosable={false}
  3929. footer={null}
  3930. width={"50%"}
  3931. visible={this.state.previewVisible}
  3932. onCancel={() => {
  3933. this.setState({ previewVisible: false });
  3934. }}
  3935. >
  3936. <img
  3937. alt=""
  3938. style={{
  3939. width: "100%",
  3940. transform: `rotate(${this.state.rotateDeg}deg)`,
  3941. }}
  3942. src={this.state.previewImage || ""}
  3943. />
  3944. <Button
  3945. onClick={this.rotate}
  3946. style={{
  3947. position: "relative",
  3948. left: "50%",
  3949. transform: "translateX(-50%)",
  3950. }}
  3951. >
  3952. 旋转
  3953. </Button>
  3954. <Button
  3955. onClick={this.upImg}
  3956. style={{
  3957. position: "absolute",
  3958. left: -81,
  3959. top: "50%",
  3960. transform: "translateY(-50%)",
  3961. }}
  3962. >
  3963. 上一张
  3964. </Button>
  3965. <Button
  3966. onClick={this.downImg}
  3967. style={{
  3968. position: "absolute",
  3969. right: -81,
  3970. top: "50%",
  3971. transform: "translateY(-50%)",
  3972. }}
  3973. >
  3974. 下一张
  3975. </Button>
  3976. </Modal>
  3977. </FormItem>
  3978. </div>
  3979. <div className="clearfix">
  3980. <hr className="division" />
  3981. <div className="clearfix">
  3982. <FormItem
  3983. className="half-item"
  3984. labelCol={{ span: 8 }}
  3985. wrapperCol={{ span: 14 }}
  3986. label="审核意见"
  3987. >
  3988. <span>{this.state.remarks}</span>
  3989. </FormItem>
  3990. </div>
  3991. <div className="clearfix">
  3992. <FormItem
  3993. className="half-item"
  3994. labelCol={{ span: 8 }}
  3995. wrapperCol={{ span: 14 }}
  3996. label="审核结果"
  3997. >
  3998. <span>{getRefundStatus(this.state.refundStatus)}</span>
  3999. </FormItem>
  4000. </div>
  4001. <div className="clearfix">
  4002. <FormItem
  4003. className="half-item"
  4004. labelCol={{ span: 8 }}
  4005. wrapperCol={{ span: 14 }}
  4006. label="审核时间"
  4007. >
  4008. <span>{this.state.auditTimes}</span>
  4009. </FormItem>
  4010. </div>
  4011. </div>
  4012. </TabPane>
  4013. </Tabs>
  4014. </Modal> : <div />}
  4015. </div>
  4016. <div className="patent-desc">
  4017. <Modal
  4018. maskClosable={false}
  4019. title="驳回理由"
  4020. visible={this.state.boHuiVisible}
  4021. onCancel={this.boHuiCancel}
  4022. width="500px"
  4023. footer=""
  4024. className="admin-desc-content"
  4025. >
  4026. <TextArea
  4027. rows={4}
  4028. value={this.state.reason}
  4029. onChange={(e) => {
  4030. this.setState({
  4031. reason: e.target.value,
  4032. });
  4033. }}
  4034. />
  4035. <Button
  4036. type="primary"
  4037. style={{ marginTop: "20px" }}
  4038. onClick={this.boHuiCo}
  4039. >
  4040. 确定
  4041. </Button>
  4042. </Modal>
  4043. </div>
  4044. <Assign
  4045. title="任务"
  4046. selApi={"/api/admin/newOrder/updateFinance"}
  4047. data={this.state.assignDataY}
  4048. showDesc={this.state.assignVisibleY}
  4049. closeDesc={this.closeAssignY.bind(this)}
  4050. // fenpaiData={8}
  4051. specially={0}
  4052. roleName={this.state.nub}
  4053. requestMethod={"get"}
  4054. />
  4055. <Receivable
  4056. title="收款记录"
  4057. api="/api/admin/financial/addReceiptsFlow"
  4058. data={this.state.assignDataX}
  4059. showDesc={this.state.assignVisibleX}
  4060. closeDesc={this.closeAssignX.bind(this)}
  4061. />
  4062. <Modal
  4063. visible={this.state.bvisible}
  4064. footer=""
  4065. title="开票历史记录"
  4066. className="admin-desc-content"
  4067. width="1200px"
  4068. onCancel={this.inRecordCanl}
  4069. >
  4070. <Spin spinning={this.state.loading}>
  4071. <div
  4072. className="patent-table"
  4073. ref={(e) => {
  4074. this.refs.kaiPiao = e;
  4075. }}
  4076. >
  4077. <Table
  4078. columns={this.state.columnsDate}
  4079. dataSource={this.state.recordData}
  4080. onRowClick={this.kaiPiaoData}
  4081. pagination={false}
  4082. bordered
  4083. size="middle"
  4084. />
  4085. <div className="clearfix" style={{ marginTop: "20px" }}>
  4086. <FormItem
  4087. className="half-item"
  4088. {...formItemLayout}
  4089. label={<span style={{ fontSize: "14px" }}>开票总计</span>}
  4090. >
  4091. <span>{this.state.sum + "(万元)"}</span>
  4092. </FormItem>
  4093. </div>
  4094. <ReactToPrint
  4095. trigger={() => (
  4096. <Button
  4097. type="primary"
  4098. style={{
  4099. float: "right",
  4100. // marginTop: 10,
  4101. position: "absolute",
  4102. top: -54,
  4103. right: 30,
  4104. }}
  4105. >
  4106. 打印
  4107. </Button>
  4108. )}
  4109. content={() => this.refs.kaiPiao}
  4110. />
  4111. </div>
  4112. </Spin>
  4113. </Modal>
  4114. <Modal
  4115. visible={this.state.cvisible}
  4116. footer=""
  4117. title="详细收款流水"
  4118. className="admin-desc-content"
  4119. width="1300px"
  4120. onCancel={this.waterCanl}
  4121. >
  4122. <Spin spinning={this.state.loading}>
  4123. <div
  4124. className="patent-table"
  4125. ref={(e) => {
  4126. this.refs.shouKuan = e;
  4127. }}
  4128. >
  4129. <Table
  4130. columns={this.state.waterlistDate}
  4131. dataSource={this.state.waterData}
  4132. pagination={false}
  4133. scroll={{ x: "max-content", y: 0 }}
  4134. bordered
  4135. size="middle"
  4136. />
  4137. <div className="clearfix" style={{ marginTop: "20px" }}>
  4138. <FormItem
  4139. className="half-item"
  4140. {...formItemLayout}
  4141. label={<span style={{ fontSize: "14px" }}>总计金额</span>}
  4142. >
  4143. <span>{this.state.waterSum + "(万元)"}</span>
  4144. </FormItem>
  4145. </div>
  4146. <ReactToPrint
  4147. trigger={() => (
  4148. <Button
  4149. type="primary"
  4150. style={{
  4151. float: "right",
  4152. position: "absolute",
  4153. top: -54,
  4154. right: 30,
  4155. }}
  4156. >
  4157. 打印
  4158. </Button>
  4159. )}
  4160. content={() => this.refs.shouKuan}
  4161. />
  4162. </div>
  4163. </Spin>
  4164. </Modal>
  4165. <Modal
  4166. visible={this.state.dvisible}
  4167. footer=""
  4168. title="所有列表信息"
  4169. className="admin-desc-content"
  4170. width="1300px"
  4171. onCancel={() => {
  4172. this.loadData(this.state.page);
  4173. this.setState({
  4174. dvisible: false,
  4175. });
  4176. }}
  4177. >
  4178. <Spin spinning={this.state.loading}>
  4179. <div
  4180. className="patent-table"
  4181. style={{
  4182. // width: 900,
  4183. // position: "relative",
  4184. // left: "50%",
  4185. // transform: "translate(-50%)",
  4186. padding: "25px 0 30px 30px",
  4187. }}
  4188. ref={(e) => {
  4189. this.refs.all = e;
  4190. }}
  4191. >
  4192. <Table
  4193. columns={this.state.printColumns}
  4194. dataSource={this.state.dataSource}
  4195. pagination={false}
  4196. bordered
  4197. size="small"
  4198. />
  4199. </div>
  4200. </Spin>
  4201. <ReactToPrint
  4202. trigger={() => (
  4203. <Button
  4204. type="primary"
  4205. style={{
  4206. float: "right",
  4207. marginTop: 10,
  4208. position: "absolute",
  4209. top: 0,
  4210. right: 30,
  4211. }}
  4212. >
  4213. 打印
  4214. </Button>
  4215. )}
  4216. content={() => this.refs.all}
  4217. />
  4218. </Modal>
  4219. <Modal
  4220. visible={this.state.timeVisible}
  4221. footer=""
  4222. title="工时详情"
  4223. className="admin-desc-content"
  4224. width="1300px"
  4225. pagination={false}
  4226. onCancel={() => {
  4227. this.loadData(this.state.page);
  4228. this.setState({
  4229. timeVisible: false,
  4230. });
  4231. }}
  4232. >
  4233. <Spin spinning={this.state.loading}>
  4234. <div
  4235. className="patent-table"
  4236. style={
  4237. {
  4238. // width: 900,
  4239. // position: "relative",
  4240. // left: "50%",
  4241. // transform: "translate(-50%)",
  4242. // padding: "25px 0 30px 30px"
  4243. }
  4244. }
  4245. ref={(e) => {
  4246. this.refs.all = e;
  4247. }}
  4248. >
  4249. <Table
  4250. columns={this.state.timeColumns}
  4251. dataSource={this.state.timeDataList}
  4252. scroll={{ x: "max-content", y: 0 }}
  4253. pagination={false}
  4254. bordered
  4255. size="small"
  4256. />
  4257. </div>
  4258. </Spin>
  4259. <ReactToPrint
  4260. trigger={() => (
  4261. <Button
  4262. type="primary"
  4263. style={{
  4264. float: "right",
  4265. marginTop: 10,
  4266. position: "absolute",
  4267. top: 0,
  4268. right: 30,
  4269. }}
  4270. >
  4271. 打印
  4272. </Button>
  4273. )}
  4274. content={() => this.refs.all}
  4275. />
  4276. </Modal>
  4277. <Modal
  4278. visible={this.state.cuiVisible}
  4279. footer=""
  4280. title="催款详情"
  4281. className="admin-desc-content"
  4282. width="1300px"
  4283. pagination={false}
  4284. onCancel={() => {
  4285. this.loadData(this.state.page);
  4286. this.setState({
  4287. cuiVisible: false,
  4288. cuiTabKey: "1",
  4289. });
  4290. }}
  4291. >
  4292. <Tabs activeKey={this.state.cuiTabKey} onChange={this.cuiTabChange}>
  4293. <TabPane tab="催款节点" key="1">
  4294. <Spin spinning={this.state.loading}>
  4295. <div
  4296. className="patent-table"
  4297. ref={(e) => {
  4298. this.refs.all = e;
  4299. }}
  4300. >
  4301. <Table
  4302. columns={this.state.cuiColumns}
  4303. dataSource={this.state.cuiDataList}
  4304. scroll={{ x: "max-content", y: 0 }}
  4305. pagination={false}
  4306. bordered
  4307. size="small"
  4308. />
  4309. </div>
  4310. <ReactToPrint
  4311. trigger={() => (
  4312. <Button
  4313. type="primary"
  4314. style={{
  4315. float: "right",
  4316. marginTop: 10,
  4317. position: "absolute",
  4318. top: "-60px",
  4319. right: 30,
  4320. }}
  4321. >
  4322. 打印
  4323. </Button>
  4324. )}
  4325. content={() => this.refs.all}
  4326. />
  4327. </Spin>
  4328. </TabPane>
  4329. <TabPane tab="欠款催收记录" key="2">
  4330. <Spin spinning={this.state.loading}>
  4331. <div
  4332. className="patent-table"
  4333. ref={(e) => {
  4334. this.refs.all = e;
  4335. }}
  4336. >
  4337. <Table
  4338. columns={this.state.qianColumns}
  4339. dataSource={this.state.qianDataList}
  4340. scroll={{ x: "max-content", y: 0 }}
  4341. pagination={false}
  4342. bordered
  4343. size="small"
  4344. />
  4345. </div>
  4346. <ReactToPrint
  4347. trigger={() => (
  4348. <Button
  4349. type="primary"
  4350. style={{
  4351. float: "right",
  4352. marginTop: 10,
  4353. position: "absolute",
  4354. top: "-60px",
  4355. right: 30,
  4356. }}
  4357. >
  4358. 打印
  4359. </Button>
  4360. )}
  4361. content={() => this.refs.all}
  4362. />
  4363. </Spin>
  4364. </TabPane>
  4365. </Tabs>
  4366. </Modal>
  4367. <Modal
  4368. visible={this.state.proVisible}
  4369. footer=""
  4370. title="项目进度"
  4371. className="admin-desc-content"
  4372. width="1300px"
  4373. pagination={false}
  4374. onCancel={() => {
  4375. this.loadData(this.state.page);
  4376. this.setState({
  4377. proVisible: false,
  4378. });
  4379. }}
  4380. >
  4381. <Spin spinning={this.state.loading}>
  4382. <div
  4383. className="patent-table"
  4384. style={
  4385. {
  4386. // width: 900,
  4387. // position: "relative",
  4388. // left: "50%",
  4389. // transform: "translate(-50%)",
  4390. // padding: "25px 0 30px 30px"
  4391. }
  4392. }
  4393. ref={(e) => {
  4394. this.refs.all = e;
  4395. }}
  4396. >
  4397. <Table
  4398. columns={this.state.proColumns}
  4399. dataSource={this.state.proDataList}
  4400. pagination={false}
  4401. bordered
  4402. size="small"
  4403. />
  4404. </div>
  4405. <span style={{ display: "block", marginTop: 10, color: "red" }}>
  4406. 外包(内部)价格总计(万元):{this.state.totalWaibao}
  4407. </span>
  4408. </Spin>
  4409. <ReactToPrint
  4410. trigger={() => (
  4411. <Button
  4412. type="primary"
  4413. style={{
  4414. float: "right",
  4415. marginTop: 10,
  4416. position: "absolute",
  4417. top: 0,
  4418. right: 30,
  4419. }}
  4420. >
  4421. 打印
  4422. </Button>
  4423. )}
  4424. content={() => this.refs.all}
  4425. />
  4426. </Modal>
  4427. <KaiPiaoModal
  4428. visible={this.state.avisible}
  4429. data={this.state.modalData}
  4430. onCancel={this.visitCancels}
  4431. loading={this.state.loading}
  4432. />
  4433. </div>
  4434. );
  4435. },
  4436. });
  4437. export default approvedOutsourcing;