approvedOutsourcingAll.jsx 127 KB

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