shouKuang.jsx 102 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630
  1. import React from "react";
  2. import $ from "jquery/src/ajax";
  3. import moment from "moment";
  4. import "./public.less";
  5. import "./shouKuan.less";
  6. import {
  7. AutoComplete,
  8. Button,
  9. Form,
  10. Input,
  11. Spin,
  12. Table,
  13. Select,
  14. message,
  15. DatePicker,
  16. Modal,
  17. Tabs,
  18. Col,
  19. Tag,
  20. Popconfirm,
  21. Tooltip,
  22. } from "antd";
  23. import OrderDesc from "../orderDetail/orderDesc";
  24. import ResolutionDetail from "@/resolutionDetail";
  25. import Receivable from "./receivable";
  26. import Assign from "@/manageCenter/publicComponent/assign";
  27. import KaiPiaoModal from "./kaiPiaoModal";
  28. import ReactToPrint from "react-to-print";
  29. import {
  30. getLiquidationStatus,
  31. getProcessStatus,
  32. getApproval,
  33. getInvoiceStatus,
  34. getTransactionProject,
  35. getTaskStatus,
  36. getNewOrderStatus,
  37. getProjectStatus,
  38. getjiedian,
  39. splitUrl,
  40. } from "@/tools";
  41. import { ChooseList } from "../../order/orderNew/chooseList"
  42. import Project from "../../../../component/project"
  43. import LogPopup from "../../../common/logPopup";
  44. import { throws } from "assert";
  45. import { getProjectName, getClockState } from "@/tools";
  46. import { clockState, salesList } from "@/dataDic";
  47. import OrderItemStatus from "../../../common/orderItemStatus";
  48. const FormItem = Form.Item;
  49. const { TabPane } = Tabs;
  50. const { TextArea } = Input;
  51. const ShouKuang = React.createClass({
  52. //获取上级组织
  53. selectSuperId() {
  54. $.ajax({
  55. method: "get",
  56. dataType: "json",
  57. crossDomain: false,
  58. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  59. data: {},
  60. success: function (data) {
  61. let theArr = [];
  62. if (data.error && data.error.length === 0) {
  63. for (let i = 0; i < data.data.length; i++) {
  64. let theData = data.data[i];
  65. theArr.push(
  66. <Select.Option value={theData.id} key={theData.id}>
  67. {theData.name}
  68. </Select.Option>
  69. );
  70. }
  71. this.setState({
  72. contactsOption: theArr,
  73. });
  74. } else {
  75. message.warning(data.error[0].message);
  76. }
  77. }.bind(this),
  78. }).always(
  79. function () {
  80. this.setState({
  81. loading: false,
  82. });
  83. }.bind(this)
  84. );
  85. },
  86. departmentList() {
  87. // this.setState({
  88. // loading: true
  89. // });
  90. $.ajax({
  91. method: "get",
  92. dataType: "json",
  93. crossDomain: false,
  94. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  95. data: {},
  96. success: function (data) {
  97. let thedata = data.data;
  98. let theArr = [];
  99. if (!thedata) {
  100. if (data.error && data.error.length) {
  101. message.warning(data.error[0].message);
  102. }
  103. } else {
  104. thedata.map(function (item, index) {
  105. theArr.push({
  106. key: index,
  107. name: item.name,
  108. id: item.id,
  109. });
  110. });
  111. }
  112. this.setState({
  113. departmentArr: theArr,
  114. });
  115. }.bind(this),
  116. }).always(
  117. function () {
  118. // this.setState({
  119. // loading: false
  120. // });
  121. }.bind(this)
  122. );
  123. },
  124. loadData(pageNo, pageSize) {
  125. this.state.data = [];
  126. this.state.pagination.pageSize = 10;
  127. this.setState({
  128. // selectedRowKeys: [],
  129. // selectedRowKey: [],
  130. page: pageNo || this.state.pageNo,
  131. loadingA: true,
  132. pagination: this.state.pagination,
  133. });
  134. $.ajax({
  135. method: "get",
  136. dataType: "json",
  137. crossDomain: false,
  138. url: globalConfig.context + "/api/admin/financial/financeList",
  139. data: {
  140. pageNo: pageNo || 1,
  141. pageSize: pageSize || this.state.pagination.pageSize,
  142. buyerName: this.state.nameSearch, //客户名称
  143. orderNo: this.state.orderNoSearch,
  144. startTime: this.state.releaseDate[0],
  145. endTime: this.state.releaseDate[1],
  146. startFinalReceivablesTime: this.state.shouKuanDate[0],
  147. endFinalReceivablesTime: this.state.shouKuanDate[1],
  148. departmentId: this.state.departmenttList,
  149. processStatus: this.state.processStatusSearch,
  150. contractNo: this.state.contractNoSearch,
  151. liquidationStatus: this.state.liquidationStatus,
  152. amountStatus: this.state.amountStatus,
  153. approval: this.state.approval,
  154. projectType: this.state.projectType,
  155. },
  156. success: function (data) {
  157. let theArr = [];
  158. if (!data.data || !data.data.pagination.list) {
  159. if (data.error && data.error.length) {
  160. message.warning(data.error[0].message);
  161. }
  162. } else {
  163. for (let i = 0; i < data.data.pagination.list.length; i++) {
  164. let thisdata = data.data.pagination.list[i];
  165. thisdata.key = thisdata.orderNo;
  166. theArr.push(thisdata);
  167. }
  168. }
  169. this.state.pagination.current = data.data.pagination.pageNo;
  170. this.state.pagination.total = data.data.pagination.totalCount;
  171. if (
  172. data.data &&
  173. data.data.pagination.list &&
  174. !data.data.pagination.list.length
  175. ) {
  176. this.state.pagination.current = 0;
  177. this.state.pagination.total = 0;
  178. }
  179. this.setState({
  180. totalPage: data.data.pagination.totalPage,
  181. dataSource: theArr,
  182. pagination: this.state.pagination,
  183. totalHui: data.data.count ? data.data.count.signTotalAmount : 0,
  184. hui: data.data.count ? data.data.count.actuallyTotalAmount : 0,
  185. });
  186. }.bind(this),
  187. }).always(
  188. function () {
  189. // window.setTimeout(() => {
  190. this.setState({
  191. loadingA: false,
  192. });
  193. // },5000)
  194. }.bind(this)
  195. );
  196. },
  197. getInitialState() {
  198. return {
  199. cuiTabKey: "1",
  200. //默认搜索无流程状态
  201. processStatusSearch: [],
  202. selectedRows: [],
  203. pubVisible: false,
  204. pubDataList: [],
  205. pubpageNo: 1,
  206. pubpagination: {
  207. defaultCurrent: 1,
  208. defaultPageSize: 10,
  209. showQuickJumper: true,
  210. pageSize: 10,
  211. onChange: function (page) {
  212. this.loadData(page);
  213. }.bind(this),
  214. showTotal: function (total) {
  215. return "共" + total + "条数据";
  216. },
  217. },
  218. searchMore: true,
  219. dvisible: false,
  220. pageNo: 1,
  221. assignVisibleX: false,
  222. assignVisibleY: false,
  223. releaseDate: [],
  224. shouKuanDate: [],
  225. assignDataX: [],
  226. assignDataY: [],
  227. totalPage: 0,
  228. // processStatusSearch: "3",
  229. boHuivisible: false,
  230. selectedRowKeys: [],
  231. selectedRows: [],
  232. loading: false,
  233. loadingA: false,
  234. pagination: {
  235. defaultCurrent: 1,
  236. defaultPageSize: 10,
  237. showQuickJumper: true,
  238. pageSize: 10,
  239. onChange: function (page) {
  240. // console.log(page);
  241. this.setState({
  242. pageNo: page,
  243. });
  244. this.loadData(page);
  245. }.bind(this),
  246. showTotal: function (total) {
  247. return "共" + total + "条数据";
  248. },
  249. },
  250. // 子组件改变的表格title数组
  251. changeList: undefined,
  252. pubColumns: [
  253. {
  254. title: "编号",
  255. dataIndex: "key",
  256. key: "key",
  257. width: 45,
  258. },
  259. {
  260. title: "公出类型",
  261. dataIndex: "type",
  262. key: "type",
  263. width: 70,
  264. render: (text) =>
  265. <span
  266. style={{ color: ["#1D4FEA", "#1E90FF", "#FF5500", "red"][text] }}
  267. >
  268. {
  269. text === 0
  270. ? "业务公出" : text === 1
  271. ? "技术公出" : text === 2
  272. ? "行政公出" : text === 3
  273. ? "技术协单" : ""
  274. }
  275. </span>
  276. },
  277. {
  278. title: "客户名称",
  279. dataIndex: "nickname",
  280. key: "nickname",
  281. width: 80,
  282. render: (text) => {
  283. return (
  284. <div
  285. style={{
  286. width: 80,
  287. wordBreak: "break-all",
  288. }}
  289. >
  290. {text}
  291. </div>
  292. );
  293. },
  294. },
  295. {
  296. title: "跟单人",
  297. dataIndex: "sname",
  298. key: "sname",
  299. width: 70,
  300. render: (text) => {
  301. return (
  302. <Tooltip title={text}>
  303. <div
  304. style={{
  305. width: 90,
  306. overflow: "hidden",
  307. textOverflow: "ellipsis",
  308. whiteSpace: "nowrap",
  309. }}
  310. >
  311. {text}
  312. </div>
  313. </Tooltip>
  314. );
  315. },
  316. },
  317. {
  318. title: "公出人",
  319. dataIndex: "aname",
  320. key: "aname",
  321. width: 70,
  322. render: (text) => {
  323. return (
  324. <Tooltip title={text}>
  325. <div
  326. style={{
  327. width: 90,
  328. overflow: "hidden",
  329. textOverflow: "ellipsis",
  330. whiteSpace: "nowrap",
  331. }}
  332. >
  333. {text}
  334. </div>
  335. </Tooltip>
  336. );
  337. },
  338. },
  339. // {
  340. // title: "申请时间",
  341. // dataIndex: "createTimes",
  342. // key: "createTimes",
  343. // width: 130,
  344. // },
  345. {
  346. title: "公出时间",
  347. dataIndex: "releaseStarts",
  348. key: "releaseStarts",
  349. width: 130,
  350. render: (text, record) => (
  351. <div>
  352. <div>{text}</div>
  353. <div style={{ paddingLeft: "44px" }}>至</div>
  354. <div>{record.releaseEnds}</div>
  355. </div>
  356. ),
  357. },
  358. {
  359. title: "公出地点",
  360. dataIndex: "userName",
  361. key: "userName",
  362. width: 120,
  363. render: (text) => {
  364. return (
  365. <div>{text}</div>
  366. );
  367. },
  368. },
  369. {
  370. title: "打卡时间",
  371. dataIndex: "clockInTimes",
  372. key: "clockInTimes",
  373. width: 75,
  374. },
  375. {
  376. title: "时长(时)",
  377. dataIndex: "duration",
  378. key: "duration",
  379. width: 50,
  380. },
  381. {
  382. title: "打卡状态",
  383. dataIndex: "clockIn",
  384. key: "clockIn",
  385. width: 65,
  386. render: (text) => (
  387. <span
  388. style={{ color: ["#F21212", "#34DE38"][text] }}
  389. >
  390. {["未打卡", "已打卡"][text]}
  391. </span>
  392. )
  393. },
  394. {
  395. title: "审核状态",
  396. dataIndex: "status",
  397. key: "status",
  398. width: 55,
  399. render: (text, record) => (
  400. <div style={{ display: "flex", flexDirection: "row", flexWrap: "warp" }}>
  401. <Tag color={getClockState(text).color}>
  402. {getClockState(text).title}
  403. </Tag>
  404. {record.updateStatus == 1 && <Tag color="#1E90FF">改</Tag>}
  405. </div>
  406. ),
  407. },
  408. {
  409. title: "审核/指导",
  410. dataIndex: "auditInfo",
  411. key: "auditInfo",
  412. width: 160,
  413. render: (text) => {
  414. return <div style={{ wordBreak: "break-all" }}>{text}</div>;
  415. },
  416. },
  417. ],
  418. proColumns: [
  419. {
  420. title: "序号",
  421. dataIndex: "key",
  422. key: "key",
  423. },
  424. {
  425. title: "合同编号",
  426. dataIndex: "contractNo",
  427. key: "contractNo",
  428. },
  429. {
  430. title: "订单编号",
  431. dataIndex: "orderNo",
  432. key: "orderNo",
  433. },
  434. // {
  435. // title: "项目编号",
  436. // dataIndex: "id",
  437. // key: "id"
  438. // },
  439. {
  440. title: "客户名称",
  441. dataIndex: "userName",
  442. key: "userName",
  443. render: text => {
  444. return (
  445. <Tooltip title={text}>
  446. <div style={{
  447. maxWidth: '150px',
  448. overflow: 'hidden',
  449. textOverflow: "ellipsis",
  450. whiteSpace: 'nowrap',
  451. }}>{text}</div>
  452. </Tooltip>
  453. )
  454. }
  455. },
  456. {
  457. title: "订单负责人",
  458. dataIndex: "salesmanName",
  459. key: "salesmanName",
  460. },
  461. {
  462. title: "是否主项目",
  463. dataIndex: "main",
  464. key: "main",
  465. render: (text) => {
  466. return text == 0 ? "否" : "是";
  467. },
  468. },
  469. {
  470. title: "项目类别",
  471. dataIndex: "cname",
  472. key: "cname",
  473. },
  474. {
  475. title: "项目名称",
  476. dataIndex: "commodityName",
  477. key: "commodityName",
  478. },
  479. {
  480. title: "项目数量",
  481. dataIndex: "commodityQuantity",
  482. key: "commodityQuantity",
  483. render: (text, record) => {
  484. if (record.splitStatus == 1) {
  485. return (
  486. <span>
  487. {text}{" "}
  488. <Tag
  489. color="#108ee9"
  490. onClick={(e) => {
  491. e.stopPropagation();
  492. this.showRes(record);
  493. }}
  494. >
  495. 已拆
  496. </Tag>
  497. </span>
  498. );
  499. } else {
  500. return text;
  501. }
  502. },
  503. },
  504. {
  505. title: "服务市价",
  506. dataIndex: "commodityPrice",
  507. key: "commodityPrice",
  508. },
  509. {
  510. title: "证书编号",
  511. dataIndex: "certificateNumber",
  512. key: "certificateNumber",
  513. },
  514. {
  515. title: "项目状态",
  516. dataIndex: "projectStatus",
  517. key: "projectStatus",
  518. render: (text) => {
  519. return getProjectName(text);
  520. },
  521. },
  522. {
  523. title: "项目说明",
  524. dataIndex: "taskComment",
  525. key: "taskComment",
  526. },
  527. {
  528. title: "是否外包",
  529. dataIndex: "outsource",
  530. key: "outsource",
  531. render: (text) => {
  532. if (text == 0) {
  533. return "否";
  534. } else if (text == 1) {
  535. return "是";
  536. }
  537. },
  538. },
  539. // {
  540. // title: "外包(内部)公司",
  541. // dataIndex: "outsourceName",
  542. // key: "outsourceName",
  543. // },
  544. // {
  545. // title: "外包(内部)价格",
  546. // dataIndex: "outsourcePrice",
  547. // key: "outsourcePrice",
  548. // },
  549. ],
  550. qianColumns: [
  551. {
  552. title: "序号",
  553. dataIndex: "key",
  554. key: "key",
  555. },
  556. {
  557. title: "合同编号",
  558. dataIndex: "contractNo",
  559. key: "contractNo",
  560. },
  561. {
  562. title: "订单编号",
  563. dataIndex: "orderNo",
  564. key: "orderNo",
  565. },
  566. {
  567. title: "客户名称",
  568. dataIndex: "userName",
  569. key: "userName",
  570. render: text => {
  571. return (
  572. <Tooltip title={text}>
  573. <div style={{
  574. maxWidth: '150px',
  575. overflow: 'hidden',
  576. textOverflow: "ellipsis",
  577. whiteSpace: 'nowrap',
  578. }}>{text}</div>
  579. </Tooltip>
  580. )
  581. }
  582. },
  583. {
  584. title: "订单负责人",
  585. dataIndex: "salesmanName",
  586. key: "salesmanName",
  587. },
  588. {
  589. title: "订单部门",
  590. dataIndex: "depName",
  591. key: "depName",
  592. },
  593. {
  594. title: "订单状态",
  595. dataIndex: "orderStatus",
  596. key: "orderStatus",
  597. render: (text) => {
  598. return getNewOrderStatus(text);
  599. },
  600. },
  601. {
  602. title: "项目状态",
  603. dataIndex: "projectStatus",
  604. key: "projectStatus",
  605. render: (text) => {
  606. return getProjectName(text);
  607. },
  608. },
  609. {
  610. title: "签单金额",
  611. dataIndex: "totalAmount",
  612. key: "totalAmount",
  613. },
  614. {
  615. title: "结算状态",
  616. dataIndex: "liquidationStatus",
  617. key: "liquidationStatus",
  618. render: (text) => {
  619. return getLiquidationStatus(text);
  620. },
  621. },
  622. {
  623. title: "已收款",
  624. dataIndex: "settlementAmount",
  625. key: "settlementAmount",
  626. },
  627. {
  628. title: "欠款",
  629. dataIndex: "orderArrears",
  630. key: "orderArrears",
  631. },
  632. {
  633. title: "催收科目",
  634. dataIndex: "type",
  635. key: "type",
  636. render: (text) => {
  637. return "按时触发应收欠款";
  638. },
  639. },
  640. {
  641. title: "催款状态",
  642. dataIndex: "dunStatus",
  643. key: "dunStatus",
  644. render: (text) => {
  645. if (text == 0) {
  646. return "未启动";
  647. } else if (text == 1) {
  648. return "催款中";
  649. } else if (text == 2) {
  650. return "已完成";
  651. } else if (text == 3) {
  652. return "已停止";
  653. }
  654. },
  655. },
  656. {
  657. title: "催收启动时间",
  658. dataIndex: "startDate",
  659. key: "startDate",
  660. },
  661. ],
  662. cuiColumns: [
  663. {
  664. title: "序号",
  665. dataIndex: "key",
  666. key: "key",
  667. },
  668. {
  669. title: "合同编号",
  670. dataIndex: "contractNo",
  671. key: "contractNo",
  672. },
  673. {
  674. title: "订单编号",
  675. dataIndex: "orderNo",
  676. key: "orderNo",
  677. },
  678. {
  679. title: "客户名称",
  680. dataIndex: "userName",
  681. key: "userName",
  682. render: text => {
  683. return (
  684. <Tooltip title={text}>
  685. <div style={{
  686. maxWidth: '150px',
  687. overflow: 'hidden',
  688. textOverflow: "ellipsis",
  689. whiteSpace: 'nowrap',
  690. }}>{text}</div>
  691. </Tooltip>
  692. )
  693. }
  694. },
  695. {
  696. title: "订单负责人",
  697. dataIndex: "salesmanName",
  698. key: "salesmanName",
  699. },
  700. {
  701. title: "订单部门",
  702. dataIndex: "depName",
  703. key: "depName",
  704. },
  705. {
  706. title: "订单状态",
  707. dataIndex: "orderStatus",
  708. key: "orderStatus",
  709. render: (text) => {
  710. return getNewOrderStatus(text);
  711. },
  712. },
  713. {
  714. title: "项目状态",
  715. dataIndex: "projectStatus",
  716. key: "projectStatus",
  717. render: (text) => {
  718. return getProjectName(text);
  719. },
  720. },
  721. {
  722. title: "签单金额",
  723. dataIndex: "totalAmount",
  724. key: "totalAmount",
  725. },
  726. {
  727. title: "结算状态",
  728. dataIndex: "liquidationStatus",
  729. key: "liquidationStatus",
  730. render: (text) => {
  731. return getLiquidationStatus(text);
  732. },
  733. },
  734. {
  735. title: "已收款",
  736. dataIndex: "settlementAmount",
  737. key: "settlementAmount",
  738. },
  739. {
  740. title: "应收款",
  741. dataIndex: "accountsReceivable",
  742. key: "accountsReceivable",
  743. },
  744. {
  745. title: "催收科目",
  746. dataIndex: "dunSubject",
  747. key: "dunSubject",
  748. // render: text => {
  749. // return getjiedian(text);
  750. // }
  751. },
  752. {
  753. title: "催款状态",
  754. dataIndex: "dunStatus",
  755. key: "dunStatus",
  756. },
  757. {
  758. title: "催收启动时间",
  759. dataIndex: "startDate",
  760. key: "startDate",
  761. },
  762. ],
  763. timeColumns: [
  764. {
  765. title: "合同编号",
  766. dataIndex: "contractNo",
  767. key: "contractNo",
  768. },
  769. {
  770. title: "订单编号",
  771. dataIndex: "orderNo",
  772. key: "orderNo",
  773. },
  774. {
  775. title: "项目编号",
  776. dataIndex: "id",
  777. key: "id",
  778. render: (text, record) => {
  779. if (record.splitStatus == 2) {
  780. return <span>{record.splitSuper + "-" + record.splitId}</span>;
  781. } else {
  782. return text;
  783. }
  784. },
  785. },
  786. {
  787. title: "客户名称",
  788. dataIndex: "userName",
  789. key: "userName",
  790. render: text => {
  791. return (
  792. <Tooltip title={text}>
  793. <div style={{
  794. maxWidth: '150px',
  795. overflow: 'hidden',
  796. textOverflow: "ellipsis",
  797. whiteSpace: 'nowrap',
  798. }}>{text}</div>
  799. </Tooltip>
  800. )
  801. }
  802. },
  803. {
  804. title: "订单部门",
  805. dataIndex: "depName",
  806. key: "depName",
  807. },
  808. {
  809. title: "订单负责人",
  810. dataIndex: "salesmanName",
  811. key: "salesmanName",
  812. },
  813. {
  814. title: "项目类别",
  815. dataIndex: "cname",
  816. key: "cname",
  817. },
  818. {
  819. title: "项目名称",
  820. dataIndex: "taskName",
  821. key: "taskName",
  822. },
  823. {
  824. title: "项目负责人",
  825. dataIndex: "receiverName",
  826. key: "receiverName",
  827. },
  828. {
  829. title: "项目价格(万元)",
  830. dataIndex: "commodityPrice",
  831. key: "commodityPrice",
  832. },
  833. {
  834. title: "数量(个)",
  835. dataIndex: "commodityQuantity",
  836. key: "commodityQuantity",
  837. },
  838. {
  839. title: "任务状态",
  840. dataIndex: "taskStatus",
  841. key: "taskStatus",
  842. render: (text) => {
  843. return getTaskStatus(text);
  844. },
  845. },
  846. {
  847. title: "项目状态",
  848. dataIndex: "projectStatus",
  849. key: "projectStatus",
  850. render: (text) => {
  851. return getProjectName(text);
  852. },
  853. },
  854. {
  855. title: "工时",
  856. dataIndex: "hours",
  857. key: "hours",
  858. },
  859. {
  860. title: "是否外包",
  861. dataIndex: "outsource",
  862. key: "outsource",
  863. render: (text) => {
  864. if (text == 0) {
  865. return "否";
  866. } else if (text == 1) {
  867. return "是";
  868. }
  869. },
  870. },
  871. {
  872. title: "签单日期",
  873. dataIndex: "signTime",
  874. key: "signTime",
  875. },
  876. {
  877. title: "派单日期",
  878. dataIndex: "creteTime",
  879. key: "creteTime",
  880. },
  881. {
  882. title: "分配时间",
  883. dataIndex: "taskDistributionTime",
  884. key: "taskDistributionTime",
  885. },
  886. {
  887. title: "完成时间",
  888. dataIndex: "taskEndTime",
  889. key: "taskEndTime",
  890. },
  891. ],
  892. printColumns: [
  893. {
  894. title: "合同编号",
  895. dataIndex: "contractNo",
  896. key: "contractNo",
  897. },
  898. {
  899. title: "订单编号",
  900. dataIndex: "orderNo",
  901. key: "orderNo",
  902. // fixed: "left"
  903. },
  904. {
  905. title: "客户名称",
  906. dataIndex: "buyerName",
  907. key: "buyerName",
  908. render: text => {
  909. return (
  910. <Tooltip title={text}>
  911. <div style={{
  912. maxWidth: '150px',
  913. overflow: 'hidden',
  914. textOverflow: "ellipsis",
  915. whiteSpace: 'nowrap',
  916. }}>{text}</div>
  917. </Tooltip>
  918. )
  919. }
  920. },
  921. {
  922. title: "订单部门",
  923. dataIndex: "departmentName",
  924. key: "departmentName",
  925. },
  926. {
  927. title: "订单负责人",
  928. dataIndex: "sellerName",
  929. key: "sellerName",
  930. },
  931. {
  932. title: "签单日期",
  933. dataIndex: "signTime",
  934. key: "signTime",
  935. },
  936. {
  937. title: "下单日期",
  938. dataIndex: "createTime",
  939. key: "createTime",
  940. },
  941. {
  942. title: "签单金额(万元)",
  943. dataIndex: "signTotalAmount",
  944. key: "signTotalAmount",
  945. render: (text) => {
  946. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  947. },
  948. },
  949. {
  950. title: "开票金额(万元)",
  951. dataIndex: "invoiceAmount",
  952. key: "invoiceAmount",
  953. render: (text) => {
  954. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  955. },
  956. },
  957. {
  958. title: "已收款(万元)",
  959. dataIndex: "actuallyTotalAmount",
  960. key: "actuallyTotalAmount",
  961. render: (text) => {
  962. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  963. },
  964. },
  965. {
  966. title: "总成本(万元)",
  967. dataIndex: "costAmount",
  968. key: "costAmount",
  969. render: (text) => {
  970. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  971. }
  972. },
  973. {
  974. title: "已付成本(万元)",
  975. dataIndex: "paymentAmount",
  976. key: "paymentAmount",
  977. render: (text) => {
  978. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  979. },
  980. },
  981. {
  982. title: "最近收款(万元)",
  983. dataIndex: "finalReceivables",
  984. key: "finalReceivables",
  985. render: (text) => {
  986. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  987. },
  988. },
  989. {
  990. title: "最近收款时间",
  991. dataIndex: "finalReceivablesTime",
  992. key: "finalReceivablesTime",
  993. },
  994. {
  995. title: "结算状态",
  996. dataIndex: "liquidationStatus",
  997. key: "liquidationStatus",
  998. render: (text) => {
  999. return getLiquidationStatus(text);
  1000. },
  1001. },
  1002. {
  1003. title: "流程状态",
  1004. dataIndex: "processStatus",
  1005. key: "processStatus",
  1006. render: (text) => {
  1007. return getProcessStatus(text);
  1008. },
  1009. },
  1010. {
  1011. title: "特批状态",
  1012. dataIndex: "approval",
  1013. key: "approval",
  1014. render: (text) => {
  1015. return getApproval(text);
  1016. },
  1017. },
  1018. ],
  1019. columns: [
  1020. {
  1021. title: "销售类型",
  1022. dataIndex: "salesType",
  1023. key: "salesType",
  1024. fixed: "left",
  1025. render: (text, record) => {
  1026. return (
  1027. <Tooltip
  1028. title={salesList[text] + ((text == 3 || text == 4 || text == 5) ? (!record.other ? "" : "," + record.other) : "")}
  1029. >
  1030. <span>
  1031. {salesList[text]}
  1032. </span>
  1033. </Tooltip>
  1034. );
  1035. },
  1036. },
  1037. {
  1038. title: "合同编号",
  1039. dataIndex: "contractNo",
  1040. key: "contractNo",
  1041. // className: "title-table",
  1042. fixed: "left",
  1043. width: 130,
  1044. render: (text, record) => {
  1045. return (
  1046. <Tooltip
  1047. title={
  1048. <Button
  1049. type="primary"
  1050. onClick={(e) => {
  1051. e.stopPropagation();
  1052. let input = document.getElementById("copyText");
  1053. input.value = text;
  1054. input.select();
  1055. document.execCommand("copy");
  1056. message.success("复制成功");
  1057. }}
  1058. >
  1059. 复制
  1060. </Button>
  1061. }
  1062. >
  1063. <div>
  1064. {text}
  1065. <div style={{ display: "flex" }}>
  1066. <OrderItemStatus deleteSign={record.deleteSign} />
  1067. {record.approval == 1 && <Tag color="#ff0000">特批</Tag>}
  1068. </div>
  1069. </div>
  1070. </Tooltip>
  1071. );
  1072. },
  1073. },
  1074. {
  1075. title: "客户名称",
  1076. dataIndex: "buyerName",
  1077. key: "buyerName",
  1078. // className: "title-table",
  1079. fixed: "left",
  1080. width: 150,
  1081. render: text => {
  1082. return (
  1083. <Tooltip title={text}>
  1084. <div style={{
  1085. maxWidth: '150px',
  1086. overflow: 'hidden',
  1087. textOverflow: "ellipsis",
  1088. whiteSpace: 'nowrap',
  1089. }}>{text}</div>
  1090. </Tooltip>
  1091. )
  1092. }
  1093. },
  1094. {
  1095. title: "订单编号",
  1096. dataIndex: "orderNo",
  1097. key: "orderNo",
  1098. // className: "title-table",
  1099. fixed: "left",
  1100. width: 140,
  1101. render: (text, record) => {
  1102. return (
  1103. <Tooltip
  1104. title={
  1105. <Button
  1106. type="primary"
  1107. onClick={(e) => {
  1108. e.stopPropagation();
  1109. let input = document.getElementById("copyText");
  1110. input.value = text;
  1111. input.select();
  1112. document.execCommand("copy");
  1113. message.success("复制成功");
  1114. }}
  1115. >
  1116. 复制
  1117. </Button>
  1118. }
  1119. >
  1120. <div>
  1121. {text}
  1122. <div>
  1123. {record.signTotalAmount >= 10 && <Tag color="#ef7207">大客户</Tag>}
  1124. {record.projectType == 1 && <Tag color="rgb(22, 155, 213)">会员</Tag>}
  1125. </div>
  1126. </div>
  1127. </Tooltip>
  1128. );
  1129. },
  1130. },
  1131. // {
  1132. // title: "特批状态",
  1133. // dataIndex: "approval",
  1134. // key: "approval",
  1135. // className: "title-table",
  1136. // render: (text) => {
  1137. // if (text == 1 || text == 2) {
  1138. // return <Tag color="#f50">{getApproval(text)}</Tag>;
  1139. // }
  1140. // return getApproval(text);
  1141. // },
  1142. // },
  1143. {
  1144. title: "订单部门",
  1145. dataIndex: "departmentName",
  1146. key: "departmentName",
  1147. className: "title-table",
  1148. },
  1149. {
  1150. title: "订单负责人",
  1151. dataIndex: "sellerName",
  1152. key: "sellerName",
  1153. className: "title-table",
  1154. },
  1155. {
  1156. title: "财务负责人",
  1157. dataIndex: "financeName",
  1158. key: "financeName",
  1159. className: "title-table",
  1160. },
  1161. {
  1162. title: "签单日期",
  1163. dataIndex: "signTime",
  1164. key: "signTime",
  1165. className: "title-table",
  1166. },
  1167. {
  1168. title: "下单日期",
  1169. dataIndex: "createTime",
  1170. key: "createTime",
  1171. className: "title-table",
  1172. },
  1173. {
  1174. title: "签单金额(万元)",
  1175. dataIndex: "signTotalAmount",
  1176. key: "signTotalAmount",
  1177. className: "title-table",
  1178. render: (text) => {
  1179. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  1180. }
  1181. },
  1182. {
  1183. title: "开票金额(万元)",
  1184. dataIndex: "invoiceAmount",
  1185. key: "invoiceAmount",
  1186. className: "title-table",
  1187. render: (text) => {
  1188. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  1189. }
  1190. },
  1191. {
  1192. title: "已收款(万元)",
  1193. dataIndex: "actuallyTotalAmount",
  1194. key: "actuallyTotalAmount",
  1195. className: "title-table",
  1196. render: (text) => {
  1197. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  1198. }
  1199. },
  1200. {
  1201. title: "应收款(万元)",
  1202. dataIndex: "orderReceivables",
  1203. key: "orderReceivables",
  1204. className: "title-table",
  1205. render: (text) => {
  1206. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  1207. }
  1208. },
  1209. {
  1210. title: "欠款(万元)",
  1211. dataIndex: "orderArrears",
  1212. key: "orderArrears",
  1213. className: "title-table",
  1214. render: (text) => {
  1215. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  1216. }
  1217. },
  1218. {
  1219. title: "总成本(万元)",
  1220. dataIndex: "costAmount",
  1221. key: "costAmount",
  1222. className: "title-table",
  1223. render: (text) => {
  1224. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  1225. }
  1226. },
  1227. {
  1228. title: "已付成本(万元)",
  1229. dataIndex: "paymentAmount",
  1230. key: "paymentAmount",
  1231. className: "title-table",
  1232. render: (text) => {
  1233. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  1234. }
  1235. },
  1236. {
  1237. title: "最近收款(万元)",
  1238. dataIndex: "finalReceivables",
  1239. key: "finalReceivables",
  1240. className: "title-table",
  1241. render: (text) => {
  1242. return isNaN(parseFloat(text)) ? text : parseFloat(text);
  1243. }
  1244. },
  1245. {
  1246. title: "最近收款时间",
  1247. dataIndex: "finalReceivablesTime",
  1248. key: "finalReceivablesTime",
  1249. className: "title-table",
  1250. },
  1251. {
  1252. title: "结算状态",
  1253. dataIndex: "liquidationStatus",
  1254. key: "liquidationStatus",
  1255. className: "title-table",
  1256. render: (text) => {
  1257. return getLiquidationStatus(text);
  1258. },
  1259. },
  1260. {
  1261. title: "流程状态",
  1262. dataIndex: "processStatus",
  1263. key: "processStatus",
  1264. className: "title-table",
  1265. render: (text) => {
  1266. return getProcessStatus(text);
  1267. },
  1268. },
  1269. // {
  1270. // title: '订单状态',
  1271. // dataIndex: 'orderStatus',
  1272. // key: 'orderStatus',
  1273. // render: text => { return getNewOrderStatus(text)}
  1274. // },
  1275. {
  1276. title: "操作",
  1277. dataIndex: "caozuo",
  1278. key: "caouzo",
  1279. className: "title-table",
  1280. render: (text, recard) => {
  1281. return (
  1282. <div>
  1283. {/* {recard.liquidationStatus < 2 &&
  1284. (recard.approval === 1 || recard.approval === 2) ? (
  1285. <Button
  1286. style={{ background: "rgb(192,192,192)" }}
  1287. onClick={e => {
  1288. e.stopPropagation(), this.evaluateX(recard);
  1289. }}
  1290. >
  1291. 收款
  1292. </Button>
  1293. ) : (
  1294. <Button
  1295. type="primary"
  1296. onClick={e => {
  1297. e.stopPropagation(), this.evaluateX(recard);
  1298. }}
  1299. >
  1300. 收款
  1301. </Button>
  1302. )} */}
  1303. {recard.backStatus == 3 ? <Tag>已驳回</Tag> : ""}
  1304. {recard.processStatus == 3 ? (
  1305. <Button
  1306. type="primary"
  1307. onClick={(e) => {
  1308. // e.stopPropagation(), this.evaluateZ(recard);
  1309. e.stopPropagation(), this.checkRemark(recard);
  1310. }}
  1311. style={{ marginLeft: "5px" }}
  1312. >
  1313. 通过
  1314. </Button>
  1315. ) : (
  1316. ""
  1317. )}
  1318. {!(
  1319. recard.actuallyTotalAmount &&
  1320. Number(recard.actuallyTotalAmount) > 0
  1321. ) && (
  1322. <Button
  1323. type="danger"
  1324. style={{
  1325. marginLeft: "5px",
  1326. display:
  1327. recard.processStatus == 3 ? "inline-block" : "none",
  1328. }}
  1329. onClick={(e) => {
  1330. e.stopPropagation(), this.reject(recard);
  1331. }}
  1332. >
  1333. 驳回
  1334. </Button>
  1335. )}
  1336. {
  1337. // <Button
  1338. // type="primary"
  1339. // style={{ marginLeft: "5px" }}
  1340. // onClick={e => {
  1341. // e.stopPropagation(), this.evaluateY(recard, "财务专员");
  1342. // console.log(recard);
  1343. // }}
  1344. // >
  1345. // 转交
  1346. // </Button>
  1347. }
  1348. </div>
  1349. );
  1350. },
  1351. },
  1352. ],
  1353. dataSource: [],
  1354. searchTime: [],
  1355. columnsDate: [
  1356. {
  1357. title: "编号",
  1358. dataIndex: "id",
  1359. key: "id",
  1360. },
  1361. {
  1362. title: "订单编号",
  1363. dataIndex: "orderno",
  1364. key: "orderno",
  1365. },
  1366. {
  1367. title: "开票金额(万元)",
  1368. dataIndex: "amount",
  1369. key: "amount",
  1370. },
  1371. {
  1372. title: "申请时间",
  1373. dataIndex: "createTime",
  1374. key: "createTime",
  1375. },
  1376. {
  1377. title: "开票状态",
  1378. dataIndex: "status",
  1379. key: "status",
  1380. render: (text, record) => {
  1381. return <div>{getInvoiceStatus(text, record)} <LogPopup id={record.id} /></div>;
  1382. },
  1383. },
  1384. ],
  1385. waterlistDate: [
  1386. {
  1387. title: "订单编号",
  1388. dataIndex: "orderNo",
  1389. key: "orderNo",
  1390. },
  1391. {
  1392. title: "平台流水号",
  1393. dataIndex: "billNo",
  1394. key: "billNo",
  1395. // fixed: "left"
  1396. },
  1397. {
  1398. title: "收款金额(万元)",
  1399. dataIndex: "transactionAmount",
  1400. key: "transactionAmount",
  1401. },
  1402. {
  1403. title: "收款方",
  1404. dataIndex: "payeeName",
  1405. key: "payeeName",
  1406. },
  1407. {
  1408. title: "付款方",
  1409. dataIndex: "payerName",
  1410. key: "payerName",
  1411. },
  1412. {
  1413. title: "流水科目",
  1414. dataIndex: "transactionSubject",
  1415. key: "transactionSubject",
  1416. render: (text) => {
  1417. return getTransactionProject(text);
  1418. },
  1419. },
  1420. {
  1421. title: "收款类型",
  1422. dataIndex: "type",
  1423. key: "type",
  1424. },
  1425. {
  1426. title: "财务流水时间",
  1427. dataIndex: "financialPayTimes",
  1428. key: "financialPayTimes",
  1429. },
  1430. {
  1431. title: "财务流水号",
  1432. dataIndex: "financialPayNo",
  1433. key: "financialPayNo",
  1434. },
  1435. {
  1436. title: "订单负责人",
  1437. dataIndex: "saleName",
  1438. key: "saleName",
  1439. },
  1440. {
  1441. title: "创建时间",
  1442. dataIndex: "createTimes",
  1443. key: "createTimes",
  1444. },
  1445. {
  1446. title: "退款时间",
  1447. dataIndex: "refundTimes",
  1448. key: "refundTimes",
  1449. },
  1450. {
  1451. title: "删除时间",
  1452. dataIndex: "deleteTimes",
  1453. key: "deleteTimes",
  1454. },
  1455. {
  1456. title: "备注",
  1457. dataIndex: "remarks",
  1458. key: "remarks",
  1459. },
  1460. {
  1461. title: "流水状态",
  1462. dataIndex: "deleteSign",
  1463. key: "deleteSign",
  1464. render: (text, record) => {
  1465. if (!text) {
  1466. return (
  1467. <Popconfirm
  1468. title="是否删除?"
  1469. onConfirm={() => {
  1470. this.changeWater(record.billNo);
  1471. }}
  1472. okText="删除"
  1473. cancelText="不删除"
  1474. >
  1475. <Button>删除</Button>
  1476. </Popconfirm>
  1477. );
  1478. } else {
  1479. return <Tag>已删除</Tag>;
  1480. }
  1481. },
  1482. },
  1483. ],
  1484. waterData: [],
  1485. };
  1486. },
  1487. changeWater(billNo) {
  1488. this.setState({
  1489. loading: true,
  1490. });
  1491. $.ajax({
  1492. method: "get",
  1493. dataType: "json",
  1494. crossDomain: false,
  1495. url: globalConfig.context + "/api/admin/financial/deleteMyBill",
  1496. data: {
  1497. billNo,
  1498. },
  1499. success: function (data) {
  1500. let theArr = [];
  1501. if (data.error && data.error.length) {
  1502. message.warning(data.error[0].message);
  1503. } else {
  1504. message.warning("删除流水成功!");
  1505. this.waterData();
  1506. this.loadData();
  1507. }
  1508. }.bind(this),
  1509. }).always(
  1510. function () {
  1511. this.setState({
  1512. loading: false,
  1513. });
  1514. }.bind(this)
  1515. );
  1516. },
  1517. // 特批通过
  1518. evaluateZ(record) {
  1519. $.ajax({
  1520. method: "POST",
  1521. dataType: "json",
  1522. crossDomain: false,
  1523. url: globalConfig.context + "/api/admin/financial/financeApproval",
  1524. data: {
  1525. orderNo: record.orderNo,
  1526. },
  1527. }).done(
  1528. function (data) {
  1529. if (!data.error.length) {
  1530. message.success("通过成功!");
  1531. this.setState({
  1532. loading: false,
  1533. });
  1534. this.loadData();
  1535. } else {
  1536. message.warning(data.error[0].message);
  1537. }
  1538. }.bind(this)
  1539. );
  1540. },
  1541. /* 收款 */
  1542. evaluateX(recard) {
  1543. this.state.assignDataX = recard;
  1544. this.setState({
  1545. assignVisibleX: true,
  1546. });
  1547. },
  1548. /* 转交 */
  1549. evaluateY(recard, nub) {
  1550. this.state.assignDataY = recard;
  1551. this.setState({
  1552. nub,
  1553. assignVisibleY: true,
  1554. });
  1555. },
  1556. /* 驳回 */
  1557. reject(recard) {
  1558. this.setState({
  1559. bohuiData: recard,
  1560. boHuiVisible: true,
  1561. content: "",
  1562. });
  1563. },
  1564. boHuiOk() {
  1565. this.setState({
  1566. boHuiVisible: false,
  1567. });
  1568. if (
  1569. this.state.pagination.current == this.state.totalPage &&
  1570. this.state.pagination.total % 10 == 1
  1571. ) {
  1572. this.loadData(this.state.page - 1);
  1573. } else {
  1574. this.loadData(this.state.page);
  1575. }
  1576. },
  1577. boHuiCancel() {
  1578. this.setState({
  1579. boHuiVisible: false,
  1580. });
  1581. },
  1582. componentWillMount() {
  1583. this.loadData();
  1584. this.departmentList();
  1585. },
  1586. tableRowClick(record) {
  1587. this.state.RowData = record;
  1588. this.setState({
  1589. showDesc: true,
  1590. });
  1591. },
  1592. closeDesc(e, s) {
  1593. this.state.showDesc = e;
  1594. if (s) {
  1595. this.loadData(this.state.page);
  1596. }
  1597. },
  1598. closeAssignX(e, s) {
  1599. this.state.assignDataX = {};
  1600. this.state.assignVisibleX = e;
  1601. if (s) {
  1602. this.loadData(this.state.page);
  1603. }
  1604. },
  1605. closeAssignY(e, s) {
  1606. this.state.assignDataY = {};
  1607. this.state.assignVisibleY = e;
  1608. if (s) {
  1609. this.loadData(this.state.page);
  1610. }
  1611. },
  1612. search() {
  1613. this.setState({
  1614. selectedRowKeys: []
  1615. })
  1616. this.loadData();
  1617. },
  1618. // 拆分详细
  1619. showRes(record) {
  1620. this.setState({
  1621. resVisible: true,
  1622. resRecord: record,
  1623. });
  1624. },
  1625. resCancel() {
  1626. this.setState({
  1627. resVisible: false,
  1628. });
  1629. },
  1630. reset() {
  1631. this.state.nameSearch = "";
  1632. this.state.releaseDate = [];
  1633. this.state.shouKuanDate = [];
  1634. this.state.orderNoSearch = "";
  1635. this.state.departmenttList = undefined;
  1636. this.state.amountStatus = undefined;
  1637. this.state.approval = undefined;
  1638. this.state.projectType = undefined;
  1639. this.state.processStatus = [];
  1640. this.state.contractNoSearch = "";
  1641. this.state.liquidationStatus = [];
  1642. this.state.processStatusSearch = [];
  1643. this.state.contractNo = "";
  1644. this.loadData();
  1645. },
  1646. //驳回
  1647. boHuiSubmit(e) {
  1648. e.preventDefault();
  1649. if (!this.state.content) {
  1650. message.warning("请填写驳回原因");
  1651. return false;
  1652. }
  1653. this.setState({
  1654. loading: true,
  1655. });
  1656. $.ajax({
  1657. method: "POST",
  1658. dataType: "json",
  1659. crossDomain: false,
  1660. url: globalConfig.context + "/api/admin/financial/reject",
  1661. data: {
  1662. orderNo: this.state.bohuiData.orderNo,
  1663. reason: this.state.content,
  1664. },
  1665. }).done(
  1666. function (data) {
  1667. if (!data.error.length) {
  1668. message.success("驳回成功!");
  1669. this.setState({
  1670. loading: false,
  1671. });
  1672. this.boHuiOk();
  1673. } else {
  1674. message.warning(data.error[0].message);
  1675. }
  1676. }.bind(this)
  1677. );
  1678. },
  1679. searchSwitch() {
  1680. this.setState({
  1681. searchMore: !this.state.searchMore,
  1682. });
  1683. },
  1684. changeList(arr) {
  1685. const newArr = [];
  1686. this.state.columns.forEach((item) => {
  1687. arr.forEach((val) => {
  1688. if (val === item.title) {
  1689. newArr.push(item);
  1690. }
  1691. });
  1692. });
  1693. this.setState({
  1694. changeList: newArr,
  1695. });
  1696. },
  1697. callback(key) {
  1698. // console.log(key);
  1699. },
  1700. onSelectChange(selectedRowKeys, selectedRows) {
  1701. // for(var i=0; i<selectedRowKeys.length; i++){
  1702. // for(var j=i+1; j<selectedRowKeys.length; j++){
  1703. // if(selectedRowKeys[i]==selectedRowKeys[j]){
  1704. // selectedRowKeys.splice(j,1);
  1705. // j--;
  1706. // }
  1707. // }
  1708. // }
  1709. this.setState({ selectedRowKeys, selectedRows });
  1710. },
  1711. inRecordCanl() {
  1712. this.setState({
  1713. bvisible: false,
  1714. });
  1715. },
  1716. inRecordData() {
  1717. this.setState({
  1718. loading: true,
  1719. });
  1720. $.ajax({
  1721. method: "get",
  1722. dataType: "json",
  1723. crossDomain: false,
  1724. url:
  1725. globalConfig.context +
  1726. "/api/admin/orderInvoice/salesmanOrderInvoiceList",
  1727. data: {
  1728. orderNo: this.state.selectedRowKeys[0],
  1729. pageSize: 9999999,
  1730. },
  1731. success: function (data) {
  1732. let theArr = [];
  1733. let sum = 0;
  1734. if (!data.data) {
  1735. if (data.error && data.error.length) {
  1736. message.warning(data.error[0].message);
  1737. }
  1738. } else {
  1739. for (let i = 0; i < data.data.list.length; i++) {
  1740. let thisdata = data.data.list[i];
  1741. sum += parseFloat(thisdata.amount);
  1742. theArr.push({
  1743. id: thisdata.id,
  1744. orderno: thisdata.orderno, //订单编号
  1745. amount: thisdata.amount, //签单金额
  1746. createTime: thisdata.createTime, //流程状态
  1747. status: thisdata.status, //结算状态
  1748. rejectReason: thisdata.rejectReason,
  1749. approval: thisdata.approval,//0非特批 1待审核 2审核通过
  1750. });
  1751. }
  1752. }
  1753. this.setState({
  1754. recordData: theArr,
  1755. sum: sum.toFixed(6),
  1756. });
  1757. }.bind(this),
  1758. }).done(
  1759. function () {
  1760. this.setState({
  1761. loading: false,
  1762. });
  1763. }.bind(this)
  1764. );
  1765. },
  1766. waterData() {
  1767. this.state.data = [];
  1768. this.setState({
  1769. loading: true,
  1770. });
  1771. $.ajax({
  1772. method: "get",
  1773. dataType: "json",
  1774. crossDomain: false,
  1775. url: globalConfig.context + "/api/admin/financial/myBillList",
  1776. data: {
  1777. orderNo: this.state.selectedRowKeys[0],
  1778. pageSize: 9999999,
  1779. whoType: 1,
  1780. },
  1781. success: function (data) {
  1782. let theArr = [];
  1783. let waterSum = 0;
  1784. if (!data.data || !data.data.list) {
  1785. if (data.error && data.error.length) {
  1786. message.warning(data.error[0].message);
  1787. }
  1788. } else {
  1789. for (let i = 0; i < data.data.list.length; i++) {
  1790. let thisdata = data.data.list[i];
  1791. if (thisdata.deleteSign == 0) {
  1792. waterSum += parseFloat(thisdata.transactionAmount);
  1793. }
  1794. theArr.push({
  1795. key: i,
  1796. orderNo: thisdata.orderNo,
  1797. billNo: thisdata.billNo,
  1798. transactionAmount: thisdata.transactionAmount,
  1799. payeeName: thisdata.payeeName,
  1800. payerName: thisdata.payerName,
  1801. transactionSubject: thisdata.transactionSubject,
  1802. transactionChannel: thisdata.transactionChannel,
  1803. financialPayTimes: thisdata.financialPayTimes,
  1804. financialPayNo: thisdata.financialPayNo,
  1805. createrName: thisdata.createrName,
  1806. saleName: thisdata.saleName,
  1807. createTimes: thisdata.createTimes,
  1808. type:
  1809. thisdata.type == 0
  1810. ? "手工"
  1811. : thisdata.type == 1
  1812. ? "批量"
  1813. : "合同变更退款",
  1814. deleteSign: thisdata.deleteSign,
  1815. deleteTimes: thisdata.deleteTimes,
  1816. refundTimes: thisdata.refundTimes,
  1817. remarks: thisdata.remarks,
  1818. });
  1819. }
  1820. }
  1821. this.setState({
  1822. waterData: theArr,
  1823. waterSum: (Math.round(waterSum * 1000000) / 1000000).toFixed(6),
  1824. });
  1825. }.bind(this),
  1826. }).always(
  1827. function () {
  1828. this.setState({
  1829. loading: false,
  1830. });
  1831. }.bind(this)
  1832. );
  1833. },
  1834. waterCanl() {
  1835. this.setState({
  1836. cvisible: false,
  1837. });
  1838. },
  1839. exportKaip() {
  1840. window.location.href =
  1841. globalConfig.context +
  1842. "/api/admin/receivables/exportInvoice?" +
  1843. `orderNo=${this.state.selectedRowKeys}`;
  1844. },
  1845. exportAll() {
  1846. window.location.href =
  1847. globalConfig.context +
  1848. "/api/admin/receivables/exportReceivables?" +
  1849. `orderNo=${this.state.orderNoSearch ? this.state.orderNoSearch : ""
  1850. }&buyerName=${this.state.nameSearch ? this.state.nameSearch : ""
  1851. }&departmentId=${this.state.departmenttList ? this.state.departmenttList : ""
  1852. }&contractNo=${this.state.contractNoSearch ? this.state.contractNoSearch : ""
  1853. }&processStatus=${this.state.processStatusSearch}`;
  1854. },
  1855. exportWater() {
  1856. window.location.href =
  1857. globalConfig.context +
  1858. "/api/admin/receivables/exportMyBill?" +
  1859. `orderNo=${this.state.selectedRowKeys}&whoType=1`;
  1860. },
  1861. printAll() {
  1862. this.setState({
  1863. dvisible: true,
  1864. });
  1865. this.loadData(1, 9999999);
  1866. },
  1867. timeData() {
  1868. this.setState({
  1869. loading: true,
  1870. });
  1871. $.ajax({
  1872. method: "get",
  1873. dataType: "json",
  1874. crossDomain: false,
  1875. url: globalConfig.context + "/api/admin/orderProject/taskHoursList",
  1876. data: {
  1877. orderNo: this.state.selectedRowKeys[0],
  1878. pageSize: 9999999,
  1879. },
  1880. success: function (data) {
  1881. let theArr = [];
  1882. if (!data.data || !data.data.list) {
  1883. if (data.error && data.error.length) {
  1884. message.warning(data.error[0].message);
  1885. }
  1886. } else {
  1887. for (let i = 0; i < data.data.list.length; i++) {
  1888. let thisdata = data.data.list[i];
  1889. theArr.push({
  1890. key: i + 1,
  1891. id: thisdata.id, //ID
  1892. orderNo: thisdata.orderNo, //订单编号
  1893. taskName: thisdata.taskName, //任务名称
  1894. userName: thisdata.userName, //客户名称
  1895. cname: thisdata.cname, //项目品类
  1896. taskStatus: thisdata.taskStatus, //任务状态
  1897. receiverName: thisdata.receiverName, //负责人
  1898. hours: thisdata.hours, //任务工时
  1899. depName: thisdata.depName, //派单公司
  1900. contractNo: thisdata.contractNo,
  1901. signTime: thisdata.signTime,
  1902. creteTime: thisdata.creteTime,
  1903. projectStatus: thisdata.projectStatus,
  1904. commodityPrice: thisdata.commodityPrice, //价格
  1905. commodityQuantity: thisdata.commodityQuantity, //数量
  1906. salesmanName: thisdata.salesmanName, //订单负责人
  1907. taskDistributionTime: thisdata.taskDistributionTime,
  1908. taskEndTime: thisdata.taskEndTime,
  1909. outsource: thisdata.outsource,
  1910. splitStatus: thisdata.splitStatus,
  1911. splitSuper: thisdata.splitSuper,
  1912. splitId: thisdata.splitId,
  1913. });
  1914. }
  1915. }
  1916. this.setState({
  1917. timeDataList: theArr,
  1918. });
  1919. }.bind(this),
  1920. }).always(
  1921. function () {
  1922. this.setState({
  1923. loading: false,
  1924. });
  1925. }.bind(this)
  1926. );
  1927. },
  1928. exportTime() {
  1929. const data = {
  1930. orderNo: this.state.selectedRowKeys[0],
  1931. pageSize: 9999999,
  1932. };
  1933. window.location.href =
  1934. globalConfig.context +
  1935. "/api/admin/orderProject/exportMyTaskList?" +
  1936. $.param(data);
  1937. },
  1938. exportPro() {
  1939. const data = {
  1940. orderNo: this.state.selectedRowKeys[0],
  1941. };
  1942. window.location.href =
  1943. globalConfig.context +
  1944. "/api/admin/newOrder/exportOrderTaskData?" +
  1945. $.param(data);
  1946. },
  1947. exportCui() {
  1948. var data = {
  1949. orderNo: this.state.selectedRowKeys[0]
  1950. ? this.state.selectedRowKeys[0]
  1951. : undefined, //订单编号
  1952. // specially: 1,
  1953. pageSize: 9999999,
  1954. };
  1955. window.location.href =
  1956. globalConfig.context +
  1957. "/api/admin/newOrder/exportOrderDunData?" +
  1958. $.param(data);
  1959. },
  1960. cuiData() {
  1961. this.setState({
  1962. loading: true,
  1963. });
  1964. $.ajax({
  1965. method: "get",
  1966. dataType: "json",
  1967. crossDomain: false,
  1968. url: globalConfig.context + "/api/admin/newOrder/dunOrderNewList",
  1969. data: {
  1970. orderNo: this.state.selectedRowKeys[0],
  1971. pageSize: 9999999,
  1972. },
  1973. success: function (data) {
  1974. let theArr = [];
  1975. if (!data.data || !data.data.list) {
  1976. if (data.error && data.error.length) {
  1977. message.warning(data.error[0].message);
  1978. }
  1979. } else {
  1980. for (let i = 0; i < data.data.list.length; i++) {
  1981. let thisdata = data.data.list[i];
  1982. theArr.push({
  1983. key: i + 1,
  1984. orderNo: thisdata.orderNo,
  1985. contractNo: thisdata.contractNo,
  1986. userName: thisdata.userName,
  1987. buyerName: thisdata.buyerName,
  1988. departmentName: thisdata.departmentName,
  1989. salesmanName: thisdata.salesmanName,
  1990. depName: thisdata.depName,
  1991. orderStatus: thisdata.orderStatus,
  1992. projectStatus: thisdata.projectStatus,
  1993. totalAmount: thisdata.totalAmount,
  1994. liquidationStatus: thisdata.liquidationStatus,
  1995. settlementAmount: thisdata.settlementAmount,
  1996. accountsReceivable: thisdata.accountsReceivable,
  1997. dunSubject: thisdata.dunSubject,
  1998. startDate: thisdata.startDate,
  1999. taskStatus: thisdata.taskStatus,
  2000. cname: thisdata.cname,
  2001. id: thisdata.id,
  2002. taskName: thisdata.taskName,
  2003. hours: thisdata.hours,
  2004. taskDistributionTime: thisdata.taskDistributionTime,
  2005. taskEndTime: thisdata.taskEndTime,
  2006. dunStatus: thisdata.dunStatus == 0 ? "未触发" : "已触发",
  2007. });
  2008. }
  2009. }
  2010. this.setState({
  2011. cuiDataList: theArr,
  2012. });
  2013. }.bind(this),
  2014. }).always(
  2015. function () {
  2016. this.setState({
  2017. loading: false,
  2018. });
  2019. }.bind(this)
  2020. );
  2021. },
  2022. cuiTabChange(index) {
  2023. this.setState({
  2024. cuiTabKey: index,
  2025. });
  2026. if (index == 2) {
  2027. this.setState({
  2028. loading: true,
  2029. });
  2030. $.ajax({
  2031. method: "get",
  2032. dataType: "json",
  2033. crossDomain: false,
  2034. url: globalConfig.context + "/api/admin/newOrder/arrearsDunList",
  2035. data: {
  2036. orderNo: this.state.selectedRowKeys[0],
  2037. pageSize: 9999999,
  2038. },
  2039. success: function (data) {
  2040. let theArr = [];
  2041. if (data.error.length || data.data.list == "") {
  2042. if (data.error && data.error.length) {
  2043. message.warning(data.error[0].message);
  2044. }
  2045. } else {
  2046. for (let i = 0; i < data.data.list.length; i++) {
  2047. let thisdata = data.data.list[i];
  2048. let obj = thisdata;
  2049. obj.key = i;
  2050. theArr.push(obj);
  2051. }
  2052. }
  2053. this.setState({
  2054. qianDataList: theArr,
  2055. });
  2056. }.bind(this),
  2057. }).always(
  2058. function () {
  2059. this.setState({
  2060. loading: false,
  2061. });
  2062. }.bind(this)
  2063. );
  2064. }
  2065. },
  2066. proData() {
  2067. this.setState({
  2068. loading: true,
  2069. });
  2070. $.ajax({
  2071. method: "get",
  2072. dataType: "json",
  2073. crossDomain: false,
  2074. url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
  2075. data: {
  2076. orderNo: this.state.selectedRowKeys[0],
  2077. pageSize: 9999999,
  2078. },
  2079. success: function (data) {
  2080. let theArr = [];
  2081. let totalWaibao = 0;
  2082. if (!data.data) {
  2083. if (data.error && data.error.length) {
  2084. message.warning(data.error[0].message);
  2085. }
  2086. } else {
  2087. for (let i = 0; i < data.data.length; i++) {
  2088. let thisdata = data.data[i];
  2089. totalWaibao += thisdata.outsourcePrice;
  2090. thisdata.key = i + 1;
  2091. theArr.push(thisdata);
  2092. }
  2093. }
  2094. totalWaibao = (Math.round(totalWaibao * 1000000) / 1000000).toFixed(6);
  2095. this.setState({
  2096. proDataList: theArr,
  2097. totalWaibao,
  2098. });
  2099. }.bind(this),
  2100. }).always(
  2101. function () {
  2102. this.setState({
  2103. loading: false,
  2104. });
  2105. }.bind(this)
  2106. );
  2107. },
  2108. // 查看公出列表
  2109. pubData() {
  2110. this.setState({
  2111. loading: true,
  2112. });
  2113. let rows = this.state.selectedRows[0]
  2114. let searchInfor = {
  2115. releaseStart: this.state.releaseDate[0] || undefined,
  2116. releaseEnd: this.state.releaseDate[1] || undefined,
  2117. aid: this.state.theTypes || undefined,
  2118. sid: this.state.theTypes1 || undefined,
  2119. status: this.state.status,
  2120. clockIn: this.state.clockIn,
  2121. depId: this.state.depId || undefined,
  2122. publicType: this.state.type,
  2123. }
  2124. let datas = Object.assign(searchInfor, {
  2125. pageNo: this.state.pubpageNo || 1,
  2126. pageSize: 9999999,
  2127. uid: rows.buyerId,
  2128. });
  2129. $.ajax({
  2130. method: "get",
  2131. dataType: "json",
  2132. crossDomain: false,
  2133. url: globalConfig.context + "/api/admin/release/publicReleaseDtails",
  2134. data: datas,
  2135. success: function (data) {
  2136. let theArr = [];
  2137. this.setState({
  2138. loading: false,
  2139. });
  2140. if (!data.data) {
  2141. if (data.error && data.error.length) {
  2142. message.warning(data.error[0].message);
  2143. }
  2144. } else {
  2145. for (let i = 0; i < data.data.list.length; i++) {
  2146. let thisdata = data.data.list[i];
  2147. thisdata.key = (data.data.pageNo - 1) * data.data.pageSize + i + 1;
  2148. theArr.push(thisdata);
  2149. }
  2150. this.state.pubpagination.current = data.data.pageNo;
  2151. this.state.pubpagination.total = data.data.totalCount;
  2152. if (data.data && data.data.list && !data.data.list.length) {
  2153. this.state.pubpagination.current = 0;
  2154. this.state.pubpagination.total = 0;
  2155. }
  2156. }
  2157. this.setState({
  2158. pubDataList: theArr,
  2159. pubpagination: this.state.pubpagination,
  2160. pubpageNo: data.data.pageNo,
  2161. });
  2162. }.bind(this),
  2163. }).always(
  2164. function () {
  2165. this.setState({
  2166. loading: false,
  2167. });
  2168. }.bind(this)
  2169. );
  2170. },
  2171. // 重置公出列表查询
  2172. resetAll() {
  2173. this.setState(
  2174. {
  2175. releaseDate: [],
  2176. theCustomerTypes: undefined,
  2177. status: undefined,
  2178. clockIn: undefined,
  2179. depId: undefined,
  2180. auto: "",
  2181. auto1: "",
  2182. customer: "",
  2183. theTypes: undefined,
  2184. theTypes1: undefined,
  2185. type: undefined,
  2186. },
  2187. () => {
  2188. this.pubData();
  2189. }
  2190. );
  2191. },
  2192. //公出导出
  2193. pubexportExec() {
  2194. this.setState({
  2195. exportPendingLoading: true,
  2196. });
  2197. message.config({
  2198. duration: 20,
  2199. });
  2200. let loading = message.loading("下载中...");
  2201. let rows = this.state.selectedRows[0]
  2202. let searchInfor = {
  2203. releaseStart: this.state.releaseDate[0] || undefined,
  2204. releaseEnd: this.state.releaseDate[1] || undefined,
  2205. aid: this.state.theTypes || undefined,
  2206. sid: this.state.theTypes1 || undefined,
  2207. status: this.state.status,
  2208. clockIn: this.state.clockIn,
  2209. depId: this.state.depId || undefined,
  2210. publicType: this.state.type,
  2211. }
  2212. let data = Object.assign(searchInfor, {
  2213. pageNo: this.state.pubpageNo || 1,
  2214. pageSize: 9999999,
  2215. uid: rows.buyerId,
  2216. exportType: 1,
  2217. });
  2218. for (let i of Object.keys(data)) {
  2219. if (i === "status" || i === "clockIn") {
  2220. if (isNaN(parseInt(data[i]))) {
  2221. delete data[i];
  2222. }
  2223. } else if (!data[i]) {
  2224. delete data[i];
  2225. }
  2226. }
  2227. $.ajax({
  2228. method: "get",
  2229. dataType: "json",
  2230. crossDomain: false,
  2231. url: globalConfig.context + "/api/admin/release/publicReleaseDtails/export",
  2232. data,
  2233. success: function (data) {
  2234. if (data.error.length === 0) {
  2235. this.download(data.data);
  2236. } else {
  2237. message.warning(data.error[0].message);
  2238. }
  2239. }.bind(this),
  2240. }).always(
  2241. function () {
  2242. loading();
  2243. this.setState({
  2244. exportPendingLoading: false,
  2245. });
  2246. }.bind(this)
  2247. );
  2248. },
  2249. // 下载
  2250. download(fileName) {
  2251. window.location.href =
  2252. globalConfig.context + "/open/download?fileName=" + fileName;
  2253. },
  2254. checkRemark(record) {
  2255. this.setState({
  2256. checkVisible: true,
  2257. checkOrderNo: record.orderNo,
  2258. });
  2259. },
  2260. checkOk() {
  2261. if (this.state.checkData == "" || this.state.checkData == undefined) {
  2262. message.warning("请填写审核内容");
  2263. return;
  2264. }
  2265. this.setState({
  2266. loading: true,
  2267. });
  2268. let ajaxObj = $.ajax({
  2269. method: "post",
  2270. dataType: "json",
  2271. crossDomain: false,
  2272. url: globalConfig.context + "/api/admin/financial/financeApproval",
  2273. data: {
  2274. orderNo: this.state.checkOrderNo,
  2275. remarks: this.state.checkData,
  2276. },
  2277. success: function (data) {
  2278. let theArr = [];
  2279. if (!data.data) {
  2280. if (data.error && data.error.length) {
  2281. message.warning(data.error[0].message);
  2282. }
  2283. } else {
  2284. message.success("通过成功!");
  2285. this.loadData();
  2286. this.setState({
  2287. checkVisible: false,
  2288. checkData: "",
  2289. });
  2290. }
  2291. }.bind(this),
  2292. }).always(
  2293. function () {
  2294. this.setState({
  2295. loading: false,
  2296. financeApprovalAjaxObj: null
  2297. });
  2298. }.bind(this)
  2299. );
  2300. this.setState({
  2301. financeApprovalAjaxObj: ajaxObj
  2302. })
  2303. },
  2304. tableRowClickPro(record) {
  2305. this.setState({
  2306. pvisible: true,
  2307. record,
  2308. });
  2309. },
  2310. kaiPiaoData(record) {
  2311. this.setState({
  2312. avisible: true,
  2313. });
  2314. this.invoiceData(record.id)
  2315. },
  2316. invoiceData(id) {
  2317. this.setState({
  2318. loading: true,
  2319. });
  2320. $.ajax({
  2321. method: "get",
  2322. dataType: "json",
  2323. crossDomain: false,
  2324. url:
  2325. globalConfig.context + "/api/admin/orderInvoice/selectByIdOrderInvoice",
  2326. data: {
  2327. id,
  2328. },
  2329. success: function (data) {
  2330. let thisdata = data.data;
  2331. let obj = {
  2332. contractNo: thisdata.contractNo,
  2333. orderNo: thisdata.orderNo,
  2334. approval: thisdata.approval,
  2335. type: thisdata.type,
  2336. status: thisdata.status,
  2337. remarks: thisdata.remarks,
  2338. invoiceType: thisdata.invoiceType,
  2339. unitName: thisdata.unitName,
  2340. taxNumber: thisdata.taxNumber,
  2341. amount: thisdata.amount,
  2342. banks: thisdata.banks,
  2343. content: thisdata.content,
  2344. unitAddress: thisdata.unitAddress,
  2345. invoiceRemarks: thisdata.invoiceRemarks,
  2346. unitMobile: thisdata.unitMobile,
  2347. post: thisdata.post,
  2348. addressee: thisdata.addressee,
  2349. addresseeMobile: thisdata.addresseeMobile,
  2350. addresseeProvince: thisdata.addresseeProvince,
  2351. addresseeCity: thisdata.addresseeCity,
  2352. addresseeArea: thisdata.addresseeArea,
  2353. alreadyAmount: thisdata.alreadyAmount,
  2354. recipientAddress: thisdata.recipientAddress,
  2355. orgCodeUrl: thisdata.voucherUrl
  2356. ? splitUrl(
  2357. thisdata.voucherUrl,
  2358. ",",
  2359. globalConfig.avatarHost + "/upload"
  2360. )
  2361. : [],
  2362. };
  2363. this.setState({
  2364. modalData: obj,
  2365. });
  2366. }.bind(this),
  2367. }).done(
  2368. function () {
  2369. this.setState({
  2370. loading: false,
  2371. });
  2372. }.bind(this)
  2373. );
  2374. },
  2375. visitCancels() {
  2376. this.setState({
  2377. avisible: false
  2378. })
  2379. },
  2380. selectAuto(value, options) {
  2381. this.setState({
  2382. auto: value,
  2383. });
  2384. },
  2385. selectAuto1(value, options) {
  2386. this.setState({
  2387. auto1: value,
  2388. });
  2389. },
  2390. blurChange(e) {
  2391. let theType = "";
  2392. let contactLists = this.state.customerArr || [];
  2393. if (e) {
  2394. contactLists.map(function (item) {
  2395. if (item.name == e.toString()) {
  2396. theType = item.id;
  2397. }
  2398. });
  2399. }
  2400. this.setState({
  2401. theTypes: theType,
  2402. });
  2403. },
  2404. blurChange1(e) {
  2405. let theType = "";
  2406. let contactLists = this.state.customerArr1 || [];
  2407. if (e) {
  2408. contactLists.map(function (item) {
  2409. if (item.name == e.toString()) {
  2410. theType = item.id;
  2411. }
  2412. });
  2413. }
  2414. this.setState({
  2415. theTypes1: theType,
  2416. });
  2417. },
  2418. httpChange(e) {
  2419. if (e.length >= 1) {
  2420. this.supervisor(e);
  2421. }
  2422. this.setState({
  2423. auto: e,
  2424. });
  2425. },
  2426. httpChange1(e) {
  2427. if (e.length >= 1) {
  2428. this.supervisor1(e);
  2429. }
  2430. this.setState({
  2431. auto1: e,
  2432. });
  2433. },
  2434. supervisor(e) {
  2435. $.ajax({
  2436. method: "get",
  2437. dataType: "json",
  2438. crossDomain: false,
  2439. url: globalConfig.context + "/api/admin/customer/listAdminByName",
  2440. data: {
  2441. adminName: e,
  2442. },
  2443. success: function (data) {
  2444. if (data.error && data.error.length === 0) {
  2445. this.setState({
  2446. customerArr: data.data,
  2447. });
  2448. } else {
  2449. message.warning(data.error[0].message);
  2450. }
  2451. }.bind(this),
  2452. }).always(function () { }.bind(this));
  2453. },
  2454. supervisor1(e) {
  2455. $.ajax({
  2456. method: "get",
  2457. dataType: "json",
  2458. crossDomain: false,
  2459. url: globalConfig.context + "/api/admin/customer/listAdminByName",
  2460. data: {
  2461. adminName: e,
  2462. },
  2463. success: function (data) {
  2464. if (data.error && data.error.length === 0) {
  2465. this.setState({
  2466. customerArr1: data.data,
  2467. });
  2468. } else {
  2469. message.warning(data.error[0].message);
  2470. }
  2471. }.bind(this),
  2472. }).always(function () { }.bind(this));
  2473. },
  2474. render() {
  2475. const formItemLayout = {
  2476. labelCol: { span: 8 },
  2477. wrapperCol: { span: 14 },
  2478. };
  2479. const { RangePicker } = DatePicker;
  2480. var departmentArr = this.state.departmentArr || [];
  2481. const { loading, selectedRowKeys, visible } = this.state;
  2482. const rowSelection = {
  2483. selectedRowKeys,
  2484. onChange: this.onSelectChange,
  2485. hideDefaultSelections: true,
  2486. type: "radio",
  2487. };
  2488. const dataSources = this.state.customerArr || [];
  2489. const dataSources1 = this.state.customerArr1 || [];
  2490. const options = dataSources.map((group) => (
  2491. <Select.Option key={group.id} value={group.name}>
  2492. {group.name}
  2493. </Select.Option>
  2494. ));
  2495. const options1 = dataSources1.map((group) => (
  2496. <Select.Option key={group.id} value={group.name}>
  2497. {group.name}
  2498. </Select.Option>
  2499. ));
  2500. return (
  2501. <div className="user-content">
  2502. {this.state.resVisible ? (
  2503. <ResolutionDetail
  2504. cancel={this.resCancel}
  2505. detail={this.state.resRecord}
  2506. visible={this.state.resVisible}
  2507. id={this.state.resRecord.orderNo}
  2508. />
  2509. ) : (
  2510. ""
  2511. )}
  2512. <div className="content-title" style={{ marginBottom: 10 }}>
  2513. <span style={{ fontWeight: 900, fontSize: 16 }}>收款结算</span>
  2514. </div>
  2515. <Tabs defaultActiveKey="2" onChange={this.callback} className="test">
  2516. <TabPane tab="更改表格显示数据" key="1">
  2517. <div style={{ marginLeft: 10 }}>
  2518. <ChooseList
  2519. columns={this.state.columns}
  2520. changeFn={this.changeList}
  2521. changeList={this.state.changeList}
  2522. top={55}
  2523. margin={11}
  2524. />
  2525. </div>
  2526. </TabPane>
  2527. <TabPane tab="搜索" key="2">
  2528. <div className="user-search" style={{ marginLeft: 10 }}>
  2529. <Input
  2530. placeholder="订单编号"
  2531. value={this.state.orderNoSearch}
  2532. onChange={(e) => {
  2533. this.setState({ orderNoSearch: e.target.value });
  2534. }}
  2535. />
  2536. <Input
  2537. placeholder="客户名称"
  2538. value={this.state.nameSearch}
  2539. onChange={(e) => {
  2540. this.setState({ nameSearch: e.target.value });
  2541. }}
  2542. />
  2543. <Select
  2544. placeholder="订单部门"
  2545. style={{ width: 180, marginRight: 10 }}
  2546. value={this.state.departmenttList}
  2547. onChange={(e) => {
  2548. this.setState({ departmenttList: e });
  2549. }}
  2550. >
  2551. {departmentArr.map(function (item) {
  2552. return (
  2553. <Select.Option key={item.id}>{item.name}</Select.Option>
  2554. );
  2555. })}
  2556. </Select>
  2557. <Input
  2558. placeholder="合同编号"
  2559. value={this.state.contractNoSearch}
  2560. onChange={(e) => {
  2561. this.setState({
  2562. contractNoSearch: e.target.value,
  2563. });
  2564. }}
  2565. />
  2566. <Select
  2567. placeholder="流程状态"
  2568. onChange={(e) => {
  2569. this.setState({ processStatusSearch: e });
  2570. }}
  2571. style={{ width: 120, marginRight: 10 }}
  2572. value={this.state.processStatusSearch}
  2573. >
  2574. <Option value="3">未分配</Option>
  2575. <Option value="4">已分配</Option>
  2576. <Option value="9">已驳回</Option>
  2577. </Select>
  2578. <Select
  2579. placeholder="结算状态"
  2580. onChange={(e) => {
  2581. this.setState({ liquidationStatus: e });
  2582. }}
  2583. style={{ width: 120, marginRight: 10 }}
  2584. value={this.state.liquidationStatus}
  2585. >
  2586. <Option value="0">首付待付清</Option>
  2587. <Option value="1">尾款待付清</Option>
  2588. <Option value="2">已付清</Option>
  2589. </Select>
  2590. <Select
  2591. style={{ width: 120 }}
  2592. placeholder="签单金额"
  2593. value={this.state.amountStatus}
  2594. onChange={(e) => {
  2595. this.setState({
  2596. amountStatus: e,
  2597. });
  2598. }}
  2599. >
  2600. <Option value="0">10万元以下</Option>
  2601. <Option value="1">10~20万元</Option>
  2602. <Option value="2">20~30万元</Option>
  2603. <Option value="3">30~40万元</Option>
  2604. <Option value="4">40万元以上</Option>
  2605. </Select>
  2606. <Select
  2607. style={{ width: 120 }}
  2608. placeholder="特批状态"
  2609. value={this.state.approval}
  2610. onChange={(e) => {
  2611. this.setState({
  2612. approval: e,
  2613. });
  2614. }}
  2615. >
  2616. <Option value="0">非特批</Option>
  2617. <Option value="1">特批</Option>
  2618. </Select>
  2619. <Select
  2620. style={{ width: 120 }}
  2621. placeholder="会员状态"
  2622. value={this.state.projectType}
  2623. onChange={(e) => {
  2624. this.setState({
  2625. projectType: e,
  2626. });
  2627. }}
  2628. >
  2629. <Option value="1">会员</Option>
  2630. <Option value="0">非会员</Option>
  2631. </Select>
  2632. <span style={{}}>下单日期:</span>
  2633. <RangePicker
  2634. value={[
  2635. this.state.releaseDate[0]
  2636. ? moment(this.state.releaseDate[0])
  2637. : null,
  2638. this.state.releaseDate[1]
  2639. ? moment(this.state.releaseDate[1])
  2640. : null,
  2641. ]}
  2642. onChange={(data, dataString) => {
  2643. this.setState({ releaseDate: dataString });
  2644. }}
  2645. />
  2646. <span>最近收款:</span>
  2647. <RangePicker
  2648. value={[
  2649. this.state.shouKuanDate[0]
  2650. ? moment(this.state.shouKuanDate[0])
  2651. : null,
  2652. this.state.shouKuanDate[1]
  2653. ? moment(this.state.shouKuanDate[1])
  2654. : null,
  2655. ]}
  2656. onChange={(data, dataString) => {
  2657. this.setState({ shouKuanDate: dataString });
  2658. }}
  2659. />
  2660. <Button
  2661. type="primary"
  2662. onClick={this.search}
  2663. style={{ marginLeft: 10 }}
  2664. disabled={this.state.loadingA ? true : false}
  2665. >
  2666. 搜索
  2667. </Button>
  2668. <Button onClick={this.reset}>重置</Button>
  2669. </div>
  2670. </TabPane>
  2671. <TabPane tab="打印" key="3">
  2672. <Button
  2673. type="primary"
  2674. style={{ margin: "11px 0px 10px 10px" }}
  2675. onClick={this.printAll}
  2676. disabled={!this.state.dataSource.length}
  2677. >
  2678. 打印所有列表信息
  2679. </Button>
  2680. <Button
  2681. type="primary"
  2682. disabled={this.state.selectedRowKeys.length != 1}
  2683. style={{ margin: "11px 0px 10px 10px" }}
  2684. onClick={() => {
  2685. this.inRecordData();
  2686. this.setState({
  2687. bvisible: true,
  2688. });
  2689. }}
  2690. >
  2691. 打印开票详情
  2692. </Button>
  2693. <Button
  2694. type="primary"
  2695. disabled={this.state.selectedRowKeys.length != 1}
  2696. style={{ margin: "11px 0px 10px 10px" }}
  2697. onClick={() => {
  2698. this.waterData();
  2699. this.setState({
  2700. cvisible: true,
  2701. });
  2702. }}
  2703. >
  2704. 打印收款流水
  2705. </Button>
  2706. <Button
  2707. type="primary"
  2708. disabled={this.state.selectedRowKeys.length != 1}
  2709. style={{ margin: "11px 0px 10px 10px" }}
  2710. onClick={() => {
  2711. this.timeData();
  2712. this.setState({
  2713. timeVisible: true,
  2714. });
  2715. }}
  2716. >
  2717. 打印工时信息
  2718. </Button>
  2719. <Button
  2720. type="primary"
  2721. disabled={this.state.selectedRowKeys.length != 1}
  2722. style={{ margin: "11px 0px 10px 10px" }}
  2723. onClick={() => {
  2724. this.cuiData();
  2725. this.setState({
  2726. cuiVisible: true,
  2727. });
  2728. }}
  2729. >
  2730. 打印催款信息
  2731. </Button>
  2732. <Button
  2733. type="primary"
  2734. disabled={this.state.selectedRowKeys.length != 1}
  2735. style={{ margin: "11px 0px 10px 10px" }}
  2736. onClick={() => {
  2737. this.proData();
  2738. this.setState({
  2739. proVisible: true,
  2740. });
  2741. }}
  2742. >
  2743. 打印项目进度
  2744. </Button>
  2745. </TabPane>
  2746. <TabPane tab="导出Excel" key="4">
  2747. <Button
  2748. type="primary"
  2749. style={{ margin: "11px 0px 10px 10px" }}
  2750. onClick={this.exportAll}
  2751. >
  2752. 导出当前列表
  2753. </Button>
  2754. <Button
  2755. type="primary"
  2756. disabled={this.state.selectedRowKeys.length != 1}
  2757. style={{ margin: "11px 0px 10px 10px" }}
  2758. onClick={this.exportKaip}
  2759. >
  2760. 导出所选开票详情
  2761. </Button>
  2762. <Button
  2763. type="primary"
  2764. disabled={this.state.selectedRowKeys.length != 1}
  2765. style={{ margin: "11px 0px 10px 10px" }}
  2766. onClick={this.exportWater}
  2767. >
  2768. 导出所选收款详情流水
  2769. </Button>
  2770. <Button
  2771. type="primary"
  2772. disabled={this.state.selectedRowKeys.length != 1}
  2773. style={{ margin: "11px 0px 10px 10px" }}
  2774. onClick={this.exportTime}
  2775. >
  2776. 导出所选工时信息
  2777. </Button>
  2778. <Button
  2779. type="primary"
  2780. disabled={this.state.selectedRowKeys.length != 1}
  2781. style={{ margin: "11px 0px 10px 10px" }}
  2782. onClick={this.exportCui}
  2783. >
  2784. 导出催款信息
  2785. </Button>
  2786. <Button
  2787. type="primary"
  2788. disabled={this.state.selectedRowKeys.length != 1}
  2789. style={{ margin: "11px 0px 10px 10px" }}
  2790. onClick={this.exportPro}
  2791. >
  2792. 导出项目进度
  2793. </Button>
  2794. </TabPane>
  2795. <TabPane tab="查看" key="5">
  2796. <Button
  2797. type="primary"
  2798. disabled={this.state.selectedRowKeys.length != 1}
  2799. style={{ margin: "11px 0px 10px 10px" }}
  2800. onClick={() => {
  2801. this.inRecordData();
  2802. this.setState({
  2803. bvisible: true,
  2804. });
  2805. }}
  2806. >
  2807. 查看开票详情
  2808. </Button>
  2809. <Button
  2810. type="primary"
  2811. disabled={this.state.selectedRowKeys.length != 1}
  2812. style={{ margin: "11px 0px 10px 10px" }}
  2813. onClick={() => {
  2814. this.waterData();
  2815. this.setState({
  2816. cvisible: true,
  2817. });
  2818. }}
  2819. >
  2820. 详情收款流水
  2821. </Button>
  2822. <Button
  2823. type="primary"
  2824. disabled={this.state.selectedRowKeys.length != 1}
  2825. style={{ margin: "11px 0px 10px 10px" }}
  2826. onClick={() => {
  2827. this.timeData();
  2828. this.setState({
  2829. timeVisible: true,
  2830. });
  2831. }}
  2832. >
  2833. 工时信息
  2834. </Button>
  2835. <Button
  2836. type="primary"
  2837. disabled={this.state.selectedRowKeys.length != 1}
  2838. style={{ margin: "11px 0px 10px 10px" }}
  2839. onClick={() => {
  2840. this.cuiData();
  2841. this.setState({
  2842. cuiVisible: true,
  2843. });
  2844. }}
  2845. >
  2846. 催款信息
  2847. </Button>
  2848. <Button
  2849. type="primary"
  2850. disabled={this.state.selectedRowKeys.length != 1}
  2851. style={{ margin: "11px 0px 10px 10px" }}
  2852. onClick={() => {
  2853. this.proData();
  2854. this.setState({
  2855. proVisible: true,
  2856. });
  2857. }}
  2858. >
  2859. 项目进度
  2860. </Button>
  2861. <Button
  2862. type="primary"
  2863. disabled={this.state.selectedRowKeys.length != 1}
  2864. style={{ margin: "11px 0px 10px 10px" }}
  2865. onClick={() => {
  2866. this.pubData();
  2867. this.selectSuperId();
  2868. this.setState({
  2869. pubVisible: true,
  2870. });
  2871. }}
  2872. >
  2873. 查看公出
  2874. </Button>
  2875. </TabPane>
  2876. {/* <TabPane tab="批量操作" key="6">
  2877. <Button
  2878. type="primary"
  2879. disabled={this.state.selectedRowKeys.length == 0}
  2880. style={{ margin: "0px 0px 10px 10px" }}
  2881. onClick={e => {
  2882. e.stopPropagation(),
  2883. this.evaluateY(this.state.selectedRowKeys, "财务专员");
  2884. }}
  2885. >
  2886. 转交
  2887. </Button>
  2888. </TabPane> */}
  2889. </Tabs>
  2890. <div className="patent-table">
  2891. <Spin spinning={this.state.loadingA}>
  2892. <Table
  2893. bordered
  2894. columns={
  2895. this.state.changeList == undefined
  2896. ? this.state.columns
  2897. : this.state.changeList
  2898. }
  2899. dataSource={this.state.dataSource}
  2900. rowSelection={rowSelection}
  2901. scroll={{ x: "max-content", y: 0 }}
  2902. pagination={this.state.pagination}
  2903. onRowDoubleClick={this.tableRowClick.bind(this)}
  2904. size="small"
  2905. />
  2906. </Spin>
  2907. <p
  2908. style={{ display: "inline-block", fontSize: "14px", color: "red" }}
  2909. >
  2910. {
  2911. <span style={{ marginRight: 10 }}>
  2912. {`收款金额总计(万元):${this.state.hui ? this.state.hui : "0"}`}
  2913. </span>
  2914. }
  2915. {
  2916. <span>
  2917. {`合同额总计(万元):${this.state.totalHui ? this.state.totalHui : "0"
  2918. }`}
  2919. </span>
  2920. }
  2921. </p>
  2922. </div>
  2923. <Assign
  2924. title="任务"
  2925. selApi={"/api/admin/newOrder/updateFinance"}
  2926. data={this.state.assignDataY}
  2927. showDesc={this.state.assignVisibleY}
  2928. closeDesc={this.closeAssignY.bind(this)}
  2929. // fenpaiData={8}
  2930. specially={0}
  2931. roleName={this.state.nub}
  2932. requestMethod={"get"}
  2933. />
  2934. <OrderDesc
  2935. data={this.state.RowData}
  2936. showDesc={this.state.showDesc}
  2937. closeDesc={this.closeDesc.bind(this)}
  2938. />
  2939. <Receivable
  2940. title="收款记录"
  2941. api="/api/admin/financial/addReceiptsFlow"
  2942. data={this.state.assignDataX}
  2943. showDesc={this.state.assignVisibleX}
  2944. closeDesc={this.closeAssignX.bind(this)}
  2945. />
  2946. <Modal
  2947. visible={this.state.boHuiVisible}
  2948. width="400px"
  2949. title="驳回备注"
  2950. footer=""
  2951. onOk={this.boHuiOk}
  2952. onCancel={this.boHuiCancel}
  2953. >
  2954. <Form layout="horizontal" onSubmit={this.boHuiSubmit}>
  2955. <Spin spinning={this.state.loading}>
  2956. <FormItem
  2957. labelCol={{ span: 5 }}
  2958. wrapperCol={{ span: 16 }}
  2959. label={
  2960. <span>
  2961. <strong style={{ color: "#f00" }}>*</strong>驳回原因
  2962. </span>
  2963. }
  2964. >
  2965. <Input
  2966. type="textarea"
  2967. rows={4}
  2968. placeholder="请输入驳回原因"
  2969. value={this.state.content}
  2970. onChange={(e) => {
  2971. this.setState({ content: e.target.value });
  2972. }}
  2973. />
  2974. </FormItem>
  2975. <FormItem wrapperCol={{ span: 12, offset: 5 }}>
  2976. <Button
  2977. type="primary"
  2978. htmlType="submit"
  2979. style={{ marginRight: 20 }}
  2980. >
  2981. 驳回
  2982. </Button>
  2983. <Button
  2984. type="default"
  2985. onClick={() => {
  2986. this.boHuiCancel();
  2987. }}
  2988. >
  2989. 取消
  2990. </Button>
  2991. </FormItem>
  2992. </Spin>
  2993. </Form>
  2994. </Modal>
  2995. <Modal
  2996. visible={this.state.bvisible}
  2997. footer=""
  2998. title="开票历史记录"
  2999. className="admin-desc-content"
  3000. width="900px"
  3001. onCancel={this.inRecordCanl}
  3002. >
  3003. <Spin spinning={this.state.loading}>
  3004. <div
  3005. className="patent-table"
  3006. ref={(e) => {
  3007. this.refs.kaiPiao = e;
  3008. }}
  3009. >
  3010. <Table
  3011. columns={this.state.columnsDate}
  3012. dataSource={this.state.recordData}
  3013. onRowClick={this.kaiPiaoData}
  3014. pagination={false}
  3015. bordered
  3016. size="small"
  3017. />
  3018. <div className="clearfix" style={{ marginTop: "20px" }}>
  3019. <FormItem
  3020. className="half-item"
  3021. {...formItemLayout}
  3022. label={<span style={{ fontSize: "14px" }}>开票总计</span>}
  3023. >
  3024. <span>{this.state.sum + "(万元)"}</span>
  3025. </FormItem>
  3026. </div>
  3027. <ReactToPrint
  3028. trigger={() => (
  3029. <Button
  3030. type="primary"
  3031. style={{
  3032. float: "right",
  3033. // marginTop: 10,
  3034. position: "absolute",
  3035. top: -54,
  3036. right: 30,
  3037. }}
  3038. >
  3039. 打印
  3040. </Button>
  3041. )}
  3042. content={() => this.refs.kaiPiao}
  3043. />
  3044. </div>
  3045. </Spin>
  3046. </Modal>
  3047. <Modal
  3048. visible={this.state.cvisible}
  3049. footer=""
  3050. title="详细收款流水"
  3051. className="admin-desc-content"
  3052. width="1300px"
  3053. onCancel={this.waterCanl}
  3054. >
  3055. <Spin spinning={this.state.loading}>
  3056. <div
  3057. className="patent-table"
  3058. ref={(e) => {
  3059. this.refs.shouKuan = e;
  3060. }}
  3061. >
  3062. <Table
  3063. columns={this.state.waterlistDate}
  3064. dataSource={this.state.waterData}
  3065. pagination={false}
  3066. scroll={{ x: "max-content", y: 0 }}
  3067. bordered
  3068. size="small"
  3069. />
  3070. <div className="clearfix" style={{ marginTop: "20px" }}>
  3071. <FormItem
  3072. className="half-item"
  3073. {...formItemLayout}
  3074. label={<span style={{ fontSize: "14px" }}>总计金额</span>}
  3075. >
  3076. <span>{this.state.waterSum + "(万元)"}</span>
  3077. </FormItem>
  3078. </div>
  3079. <ReactToPrint
  3080. trigger={() => (
  3081. <Button
  3082. type="primary"
  3083. style={{
  3084. float: "right",
  3085. position: "absolute",
  3086. top: -54,
  3087. right: 30,
  3088. }}
  3089. >
  3090. 打印
  3091. </Button>
  3092. )}
  3093. content={() => this.refs.shouKuan}
  3094. />
  3095. </div>
  3096. </Spin>
  3097. </Modal>
  3098. <Modal
  3099. visible={this.state.dvisible}
  3100. footer=""
  3101. title="所有列表信息"
  3102. className="admin-desc-content"
  3103. width="1300px"
  3104. onCancel={() => {
  3105. this.loadData();
  3106. this.setState({
  3107. dvisible: false,
  3108. });
  3109. }}
  3110. >
  3111. <Spin spinning={this.state.loading}>
  3112. <div
  3113. className="patent-table"
  3114. style={{
  3115. // width: 900,
  3116. // position: "relative",
  3117. // left: "50%",
  3118. // transform: "translate(-50%)",
  3119. padding: "25px 0 30px 30px",
  3120. }}
  3121. ref={(e) => {
  3122. this.refs.all = e;
  3123. }}
  3124. >
  3125. <Table
  3126. columns={this.state.printColumns}
  3127. dataSource={this.state.dataSource}
  3128. pagination={false}
  3129. bordered
  3130. size="small"
  3131. />
  3132. </div>
  3133. </Spin>
  3134. <ReactToPrint
  3135. trigger={() => (
  3136. <Button
  3137. type="primary"
  3138. style={{
  3139. float: "right",
  3140. marginTop: 10,
  3141. position: "absolute",
  3142. top: 0,
  3143. right: 30,
  3144. }}
  3145. >
  3146. 打印
  3147. </Button>
  3148. )}
  3149. content={() => this.refs.all}
  3150. />
  3151. </Modal>
  3152. <Project
  3153. record={this.state.record}
  3154. visible={this.state.pvisible}
  3155. isAuditPayment={true}
  3156. cancel={() => {
  3157. this.setState({ pvisible: false });
  3158. }}
  3159. />
  3160. {/* 工时详情 */}
  3161. <Modal
  3162. visible={this.state.timeVisible}
  3163. footer=""
  3164. title="工时详情"
  3165. className="admin-desc-content"
  3166. width="1300px"
  3167. pagination={false}
  3168. onCancel={() => {
  3169. this.loadData();
  3170. this.setState({
  3171. timeVisible: false,
  3172. });
  3173. }}
  3174. >
  3175. <Spin spinning={this.state.loading}>
  3176. <div
  3177. className="patent-table"
  3178. style={
  3179. {
  3180. // width: 900,
  3181. // position: "relative",
  3182. // left: "50%",
  3183. // transform: "translate(-50%)",
  3184. // padding: "25px 0 30px 30px"
  3185. }
  3186. }
  3187. ref={(e) => {
  3188. this.refs.all = e;
  3189. }}
  3190. >
  3191. <Table
  3192. columns={this.state.timeColumns}
  3193. dataSource={this.state.timeDataList}
  3194. onRowClick={this.tableRowClickPro}
  3195. scroll={{ x: "max-content", y: 0 }}
  3196. pagination={false}
  3197. bordered
  3198. size="small"
  3199. />
  3200. </div>
  3201. </Spin>
  3202. <ReactToPrint
  3203. trigger={() => (
  3204. <Button
  3205. type="primary"
  3206. style={{
  3207. float: "right",
  3208. marginTop: 10,
  3209. position: "absolute",
  3210. top: 0,
  3211. right: 30,
  3212. }}
  3213. >
  3214. 打印
  3215. </Button>
  3216. )}
  3217. content={() => this.refs.all}
  3218. />
  3219. </Modal>
  3220. {/* 催款详情 */}
  3221. <Modal
  3222. visible={this.state.cuiVisible}
  3223. footer=""
  3224. title="催款详情"
  3225. className="admin-desc-content"
  3226. width="1300px"
  3227. pagination={false}
  3228. onCancel={() => {
  3229. this.loadData();
  3230. this.setState({
  3231. cuiVisible: false,
  3232. cuiTabKey: "1",
  3233. });
  3234. }}
  3235. >
  3236. <Tabs activeKey={this.state.cuiTabKey} onChange={this.cuiTabChange}>
  3237. <TabPane tab="催款节点" key="1">
  3238. <Spin spinning={this.state.loading}>
  3239. <div
  3240. className="patent-table"
  3241. ref={(e) => {
  3242. this.refs.all = e;
  3243. }}
  3244. >
  3245. <Table
  3246. columns={this.state.cuiColumns}
  3247. dataSource={this.state.cuiDataList}
  3248. scroll={{ x: "max-content", y: 0 }}
  3249. pagination={false}
  3250. bordered
  3251. size="small"
  3252. />
  3253. </div>
  3254. <ReactToPrint
  3255. trigger={() => (
  3256. <Button
  3257. type="primary"
  3258. style={{
  3259. float: "right",
  3260. marginTop: 10,
  3261. position: "absolute",
  3262. top: "-60px",
  3263. right: 30,
  3264. }}
  3265. >
  3266. 打印
  3267. </Button>
  3268. )}
  3269. content={() => this.refs.all}
  3270. />
  3271. </Spin>
  3272. </TabPane>
  3273. <TabPane tab="欠款催收记录" key="2">
  3274. <Spin spinning={this.state.loading}>
  3275. <div
  3276. className="patent-table"
  3277. ref={(e) => {
  3278. this.refs.all = e;
  3279. }}
  3280. >
  3281. <Table
  3282. columns={this.state.qianColumns}
  3283. dataSource={this.state.qianDataList}
  3284. scroll={{ x: "max-content", y: 0 }}
  3285. pagination={false}
  3286. bordered
  3287. size="small"
  3288. />
  3289. </div>
  3290. <ReactToPrint
  3291. trigger={() => (
  3292. <Button
  3293. type="primary"
  3294. style={{
  3295. float: "right",
  3296. marginTop: 10,
  3297. position: "absolute",
  3298. top: "-60px",
  3299. right: 30,
  3300. }}
  3301. >
  3302. 打印
  3303. </Button>
  3304. )}
  3305. content={() => this.refs.all}
  3306. />
  3307. </Spin>
  3308. </TabPane>
  3309. </Tabs>
  3310. </Modal>
  3311. {/* 项目进度 */}
  3312. <Modal
  3313. visible={this.state.proVisible}
  3314. footer=""
  3315. title="项目进度"
  3316. className="admin-desc-content"
  3317. width="1300px"
  3318. pagination={false}
  3319. onCancel={() => {
  3320. this.loadData(this.state.page);
  3321. this.setState({
  3322. proVisible: false,
  3323. });
  3324. }}
  3325. >
  3326. <Spin spinning={this.state.loading}>
  3327. <div
  3328. className="patent-table"
  3329. ref={(e) => {
  3330. this.refs.all = e;
  3331. }}
  3332. >
  3333. <Table
  3334. columns={this.state.proColumns}
  3335. dataSource={this.state.proDataList}
  3336. scroll={{ x: "max-content", y: 0 }}
  3337. onRowClick={this.tableRowClickPro}
  3338. pagination={false}
  3339. bordered
  3340. size="small"
  3341. />
  3342. </div>
  3343. <span style={{ display: "block", marginTop: 10, color: "red" }}>
  3344. 外包(内部)价格总计(万元):{this.state.totalWaibao}
  3345. </span>
  3346. </Spin>
  3347. <ReactToPrint
  3348. trigger={() => (
  3349. <Button
  3350. type="primary"
  3351. style={{
  3352. float: "right",
  3353. marginTop: 10,
  3354. position: "absolute",
  3355. top: 0,
  3356. right: 30,
  3357. }}
  3358. >
  3359. 打印
  3360. </Button>
  3361. )}
  3362. content={() => this.refs.all}
  3363. />
  3364. </Modal>
  3365. {/* 查看公出 */}
  3366. <Modal
  3367. visible={this.state.pubVisible}
  3368. footer=""
  3369. title={<span>公出详细列表(
  3370. {this.state.selectedRows.length > 0 && this.state.selectedRows[0].buyerName}
  3371. )</span>}
  3372. className="admin-desc-content"
  3373. width="1500px"
  3374. pagination={false}
  3375. onCancel={() => {
  3376. this.pubData();
  3377. this.setState({
  3378. pubVisible: false,
  3379. });
  3380. }}
  3381. >
  3382. <div
  3383. className="user-search"
  3384. style={{
  3385. marginTop: "10px",
  3386. marginLeft: "10px",
  3387. marginRight: "10px",
  3388. }}
  3389. >
  3390. <span style={{ marginRight: "10px" }}>
  3391. <Select
  3392. placeholder="请选择审核状态"
  3393. style={{ width: 120 }}
  3394. value={this.state.status}
  3395. onChange={(e) => {
  3396. this.setState({ status: e });
  3397. }}
  3398. >
  3399. {clockState.map((v, k) => (
  3400. <Select.Option key={k} value={v.id}>
  3401. {v.title}
  3402. </Select.Option>
  3403. ))}
  3404. </Select>
  3405. </span>
  3406. <span style={{ marginRight: "10px" }}>
  3407. <Select
  3408. placeholder="请选择打卡状态"
  3409. style={{ width: 120 }}
  3410. value={this.state.clockIn}
  3411. onChange={(e) => {
  3412. this.setState({ clockIn: e });
  3413. }}
  3414. >
  3415. <Select.Option value={1}>已打卡</Select.Option>
  3416. <Select.Option value={0}>未打卡</Select.Option>
  3417. </Select>
  3418. </span>
  3419. <span style={{ marginRight: "10px" }}>
  3420. <Select
  3421. placeholder="请选择公出类型"
  3422. style={{ width: 120 }}
  3423. value={this.state.type}
  3424. onChange={(e) => {
  3425. this.setState({ type: e });
  3426. }}
  3427. >
  3428. <Select.Option value={0}>业务打卡</Select.Option>
  3429. <Select.Option value={1}>技术打卡</Select.Option>
  3430. <Select.Option value={2}>行政打卡</Select.Option>
  3431. <Select.Option value={3}>技术协单</Select.Option>
  3432. </Select>
  3433. </span>
  3434. <span style={{ marginRight: "10px" }}>
  3435. <AutoComplete
  3436. className="certain-category-search"
  3437. dropdownClassName="certain-category-search-dropdown"
  3438. dropdownMatchSelectWidth={false}
  3439. style={{ width: "120px" }}
  3440. dataSource={options}
  3441. placeholder="输入公出申请人"
  3442. value={this.state.auto}
  3443. onChange={this.httpChange}
  3444. filterOption={true}
  3445. onBlur={this.blurChange}
  3446. onSelect={this.selectAuto}
  3447. >
  3448. <Input />
  3449. </AutoComplete>
  3450. </span>
  3451. <span style={{ marginRight: "10px" }}>
  3452. <AutoComplete
  3453. className="certain-category-search"
  3454. dropdownClassName="certain-category-search-dropdown"
  3455. dropdownMatchSelectWidth={false}
  3456. style={{ width: "120px" }}
  3457. dataSource={options1}
  3458. placeholder="输入跟单人"
  3459. value={this.state.auto1}
  3460. onChange={this.httpChange1}
  3461. filterOption={true}
  3462. onBlur={this.blurChange1}
  3463. onSelect={this.selectAuto1}
  3464. >
  3465. <Input />
  3466. </AutoComplete>
  3467. </span>
  3468. <span style={{ marginRight: "10px" }}>
  3469. <Select
  3470. placeholder="请选择公出部门"
  3471. style={{ width: 200 }}
  3472. value={this.state.depId}
  3473. onChange={(e) => {
  3474. this.setState({ depId: e });
  3475. }}
  3476. notFoundContent="未获取到上级组织列表"
  3477. >
  3478. {this.state.contactsOption}
  3479. </Select>
  3480. </span>
  3481. <span style={{ marginRight: "10px" }}>
  3482. <span style={{ marginRight: "5px", marginBottom: "10px" }}>
  3483. 公出时间 :
  3484. </span>
  3485. <RangePicker
  3486. style={{ marginRight: "10px", marginBottom: "10px" }}
  3487. value={[
  3488. this.state.releaseDate[0]
  3489. ? moment(this.state.releaseDate[0])
  3490. : null,
  3491. this.state.releaseDate[1]
  3492. ? moment(this.state.releaseDate[1])
  3493. : null,
  3494. ]}
  3495. onChange={(data, dataString) => {
  3496. this.setState({ releaseDate: dataString });
  3497. }}
  3498. />
  3499. </span>
  3500. <Button
  3501. type="primary"
  3502. onClick={() => {
  3503. this.pubData();
  3504. }}
  3505. style={{ marginRight: "10px", marginBottom: "10px" }}
  3506. >
  3507. 搜索
  3508. </Button>
  3509. <Button
  3510. onClick={this.resetAll}
  3511. style={{ marginRight: "10px", marginBottom: "10px" }}
  3512. >
  3513. 重置
  3514. </Button>
  3515. </div>
  3516. <Spin spinning={this.state.loading}>
  3517. <div
  3518. className="patent-table"
  3519. ref={(e) => {
  3520. this.refs.all = e;
  3521. }}
  3522. >
  3523. <Table
  3524. columns={this.state.pubColumns}
  3525. dataSource={this.state.pubDataList}
  3526. scroll={{ x: "max-content", y: 0 }}
  3527. pagination={false}
  3528. bordered
  3529. size="small"
  3530. />
  3531. </div>
  3532. </Spin>
  3533. <Button
  3534. type="primary"
  3535. style={{
  3536. float: "right",
  3537. marginTop: 10,
  3538. position: "absolute",
  3539. top: 0,
  3540. right: 120,
  3541. }}
  3542. loading={this.state.exportPendingLoading}
  3543. onClick={() => { this.pubexportExec() }}
  3544. >
  3545. 导出
  3546. </Button>
  3547. <ReactToPrint
  3548. trigger={() => (
  3549. <Button
  3550. type="primary"
  3551. style={{
  3552. float: "right",
  3553. marginTop: 10,
  3554. position: "absolute",
  3555. top: 0,
  3556. right: 30,
  3557. }}
  3558. >
  3559. 打印
  3560. </Button>
  3561. )}
  3562. content={() => this.refs.all}
  3563. />
  3564. </Modal>
  3565. <Spin spinning={this.state.loading}>
  3566. {this.state.checkVisible ? <Modal
  3567. title="审核订单"
  3568. visible={this.state.checkVisible}
  3569. onOk={this.checkOk}
  3570. confirmLoading={this.state.loading}
  3571. okText={"通过"}
  3572. onCancel={() => {
  3573. this.state.financeApprovalAjaxObj ? this.state.financeApprovalAjaxObj.abort() : null;
  3574. this.setState({
  3575. financeApprovalAjaxObj: null
  3576. })
  3577. this.loadData();
  3578. this.setState({
  3579. checkVisible: false,
  3580. checkData: "",
  3581. });
  3582. }}
  3583. >
  3584. <TextArea
  3585. value={this.state.checkData}
  3586. onChange={(e, recard) => {
  3587. this.setState({
  3588. checkData: e.target.value,
  3589. });
  3590. }}
  3591. placeholder="请填写审核内容"
  3592. />
  3593. </Modal> : <div />}
  3594. </Spin>
  3595. <KaiPiaoModal
  3596. visible={this.state.avisible}
  3597. data={this.state.modalData}
  3598. onCancel={this.visitCancels}
  3599. loading={this.state.loading}
  3600. />
  3601. </div>
  3602. );
  3603. },
  3604. });
  3605. export default ShouKuang;