myTaskOutsource.jsx 184 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320
  1. import React from "react";
  2. import $ from "jquery";
  3. import moment from "moment";
  4. import Picture from "@/manageCenter/publicComponent/picture";
  5. import ResolutionDetail from "@/resolutionDetail";
  6. import "@/manageCenter/financialManage/distribute/public.less";
  7. import "@/manageCenter/financialManage/distribute/shouKuan.less";
  8. import {cuiJieDian } from '@/dataDic.js'
  9. import OrderDetail from "../../order/orderNew/changeComponent/orderDetail";
  10. import {
  11. Button,
  12. Form,
  13. Input,
  14. Select,
  15. Spin,
  16. Table,
  17. message,
  18. DatePicker,
  19. Modal,
  20. Radio,
  21. Cascader,
  22. Popconfirm,
  23. Tabs,
  24. Tag,
  25. notification, Col,
  26. } from "antd";
  27. import Assign from "@/manageCenter/publicComponent/assign";
  28. import { areaSelect } from "@/NewDicProvinceList";
  29. import { ChooseList } from "../../order/orderNew/chooseList";
  30. import OrderRiZi from "@/orderRiZi.jsx";
  31. import "./table.less";
  32. import {
  33. getMaterialStatus,
  34. getUrgentStatus,
  35. getProcessStatus,
  36. getApproval,
  37. getTaskStatus,
  38. getLiquidationStatus,
  39. getProjectStatus,
  40. splitUrl,
  41. getboutique,
  42. getprovince,
  43. moneyVerify,
  44. ShowModal
  45. } from "@/tools";
  46. import { taskStatus, projectStatus } from "@/dataDic.js";
  47. import ShowModalDiv from "@/showModal.jsx";
  48. import CheckProject from "../../components/checkProject";
  49. import ImgList from "../../../common/imgList";
  50. import NewSupplier from "./newSupplier";
  51. import OperationPayNode from "./operationPayNode";
  52. const FormItem = Form.Item;
  53. const { TabPane } = Tabs;
  54. const { Option } = Select;
  55. const { MonthPicker, RangePicker } = DatePicker;
  56. const { TextArea } = Input;
  57. const confirm = Modal.confirm
  58. const PicturesWall = React.createClass({
  59. getInitialState() {
  60. return {
  61. fileList: [],
  62. }
  63. },
  64. handleChange(info) {
  65. let fileList = info.fileList
  66. this.setState({
  67. fileList,
  68. })
  69. this.props.fileList(fileList)
  70. },
  71. componentWillReceiveProps(nextProps) {
  72. this.state.fileList = nextProps.pictureUrl
  73. this.state.pojectApplicationUrl = undefined
  74. },
  75. render() {
  76. const { fileList } = this.state
  77. return (
  78. <div style={{ display: 'inline-block' }}>
  79. <ImgList
  80. domId={this.props.domId}
  81. uploadConfig={{
  82. action:globalConfig.context + '/api/admin/outsourceOrg/uploadOutsourceFile',
  83. multiple:true,
  84. data:{ sign: 'order_outsource' },
  85. listType:"picture-card",
  86. }}
  87. onChange={(infor)=>{
  88. this.handleChange(infor)
  89. }}
  90. fileList={fileList}
  91. />
  92. </div>
  93. )
  94. },
  95. })
  96. const MyTaskOutsource = React.createClass({
  97. loadData(pageNo) {
  98. this.state.data = [];
  99. this.setState({
  100. loading: true,
  101. });
  102. $.ajax({
  103. method: "get",
  104. dataType: "json",
  105. crossDomain: false,
  106. url: globalConfig.context + "/api/admin/orderProject/orderTaskList",
  107. data: {
  108. pageNo: pageNo || 1,
  109. pageSize: this.state.pagination.pageSize,
  110. specially: 0, //个人
  111. name: this.state.nameSearch, //客户名称
  112. depId: this.state.departmenttSearch, //订单部门
  113. orderNo: this.state.orderNoSearch, //订单编号
  114. contractNo: this.state.contractNoSearch, //合同编号
  115. taskId: this.state.taskNoSearch, //项目编号
  116. taskStatus: this.state.taskStatuSearch, //项目状态
  117. projectStatus: this.state.projectStatusSearch, //项目状态
  118. adminName: this.state.adminName, //项目受理人
  119. outsource: 1,
  120. approval: this.state.approvalSearch, //特批状态搜索
  121. },
  122. success: function (data) {
  123. ShowModal(this);
  124. let theArr = [];
  125. if (!data.data || !data.data.list) {
  126. if (data.error && data.error.length) {
  127. message.warning(data.error[0].message);
  128. }
  129. } else {
  130. for (let i = 0; i < data.data.list.length; i++) {
  131. let thisdata = data.data.list[i];
  132. thisdata.key = i;
  133. thisdata.userName = thisdata.taskName.substring(0, 5) === "软件著作权"
  134. ? thisdata.userName +
  135. "(" +
  136. thisdata.commodityQuantity.toString() +
  137. "/" +
  138. thisdata.alreadyNumber +
  139. ")"
  140. : thisdata.userName;
  141. theArr.push(thisdata);
  142. }
  143. }
  144. this.state.pagination.current = data.data.pageNo;
  145. this.state.pagination.total = data.data.totalCount;
  146. if (data.data && data.data.list && !data.data.list.length) {
  147. this.state.pagination.current = 0;
  148. this.state.pagination.total = 0;
  149. }
  150. this.setState({
  151. dataSource: theArr,
  152. page: data.data.pageNo,
  153. pagination: this.state.pagination,
  154. });
  155. }.bind(this),
  156. }).always(
  157. function () {
  158. this.setState({
  159. loading: false,
  160. });
  161. }.bind(this)
  162. );
  163. },
  164. waiDetail() {
  165. let url = window.location.href.substring(7)
  166. this.setState({
  167. waiDetailLoading: true,
  168. })
  169. $.ajax({
  170. method: 'get',
  171. dataType: 'json',
  172. crossDomain: false,
  173. url:
  174. globalConfig.context + '/api/admin/outsourceOrg/orderOutsourceDtails',
  175. data: {
  176. tid: this.state.id,
  177. orderNo: this.state.orderNo,
  178. },
  179. }).done(
  180. function (data) {
  181. if (!data.error.length && data.data) {
  182. if(!isNaN(parseFloat(data.data.unitNumber))){
  183. this.setState({
  184. oldInfor: {
  185. companyName:data.data.companyName,
  186. unitPrice:data.data.unitPrice,
  187. unitNumber:data.data.unitNumber,
  188. amount:data.data.amount,
  189. outsourceRemarks:data.data.outsourceRemarks,
  190. refundStatus: data.data.refundStatus,
  191. pictureUrl: data.data.pictureUrl
  192. ? splitUrl(
  193. data.data.pictureUrl,
  194. ',',
  195. globalConfig.avatarHost + '/upload',
  196. url
  197. )
  198. : [], //图片地址
  199. }
  200. },()=>{
  201. this.setState({
  202. waiDetailLoading: false,
  203. })
  204. this.thirdTable(this.state.tid);
  205. this.payNodeTable(this.state.tid)
  206. })
  207. }else{
  208. this.setState({
  209. oldInfor: {}
  210. })
  211. }
  212. this.setState({
  213. startType: data.data.startType, //类型
  214. patentType: data.data.patentType, //专利类型
  215. patentNameType: data.data.patentNameType, //专利名称类型
  216. patentName: data.data.patentName, //专利名称
  217. outsourceRemarks: data.data.outsourceRemarks,
  218. remarks: data.data.remarks,
  219. companyName: data.data.companyName,
  220. amount: data.data.amount,
  221. mid: data.data.id,
  222. unitPrice: data.data.unitPrice,
  223. refundStatus: data.data.refundStatus,
  224. unitNumber: data.data.unitNumber,
  225. pictureUrl: data.data.pictureUrl
  226. ? splitUrl(
  227. data.data.pictureUrl,
  228. ',',
  229. globalConfig.avatarHost + '/upload',
  230. url
  231. )
  232. : [], //图片地址
  233. createTimes: data.data.createTimes,
  234. auditTimes: data.data.auditTimes,
  235. containOfficialFees: data.data.actualOfficial,//官费类型 0实际已缴费 1实际未缴费
  236. },()=>{
  237. this.setState({
  238. waiDetailLoading: false,
  239. })
  240. this.thirdTable(this.state.tid);
  241. this.payNodeTable(this.state.tid)
  242. })
  243. } else if (data.error && data.error.length) {
  244. message.warning(data.error[0].message);
  245. this.setState({
  246. waiDetailLoading: false,
  247. })
  248. } else if (!data.data) {
  249. this.setState({
  250. refundStatus: undefined,
  251. waiDetailLoading: false,
  252. })
  253. }
  254. }.bind(this)
  255. )
  256. },
  257. getInitialState() {
  258. return {
  259. PayNodeCompany: [],
  260. containOfficialFees:0,//官费缴费情况
  261. oldInfor:{},
  262. paySubject: [],
  263. orderData: [],
  264. orderNo: "",
  265. jiedian: [],
  266. jiedianNew: [],
  267. page: 1,
  268. timeVisible: false,
  269. searchMore: true,
  270. assignVisible: false,
  271. releaseDate: [],
  272. // 判断是否是退回给咨询师经理
  273. flag: false,
  274. roleName: "",
  275. modKey: "1",
  276. testFlag: true,
  277. boHuivisible: false,
  278. companyProvinceArr: [],
  279. selectedRowKeys: [],
  280. departmentArr: [],
  281. selectedRows: [],
  282. attachmentUrl: [],
  283. contactList: [],
  284. //特批状态搜索
  285. approvalSearch: undefined,
  286. paginations: false,
  287. loading: false,
  288. waiDetailLoading: false,
  289. pagination: {
  290. defaultCurrent: 1,
  291. defaultPageSize: 10,
  292. showQuickJumper: true,
  293. pageSize: 10,
  294. onChange: function (page) {
  295. this.loadData(page);
  296. }.bind(this),
  297. showTotal: function (total) {
  298. return "共" + total + "条数据";
  299. },
  300. },
  301. // 子组件改变的表格title数组
  302. changeList: undefined,
  303. columnsTime: [
  304. {
  305. title: "工作时长(小时)",
  306. dataIndex: "hours",
  307. key: "hours",
  308. },
  309. {
  310. title: "工作时间",
  311. dataIndex: "taskDays",
  312. key: "taskDays",
  313. },
  314. // {
  315. // title: "项目负责人",
  316. // dataIndex: "remarks",
  317. // key: "remarks"
  318. // },
  319. {
  320. title: "备注",
  321. dataIndex: "remarks",
  322. key: "remarks",
  323. },
  324. ],
  325. columns: [
  326. {
  327. title: "项目编号",
  328. dataIndex: "id",
  329. key: "id",
  330. render: (text, record) => {
  331. if (record.splitStatus == 2) {
  332. return <span>{record.splitSuper + "-" + record.splitId}</span>;
  333. } else {
  334. return text;
  335. }
  336. },
  337. },
  338. {
  339. title: "项目名称",
  340. dataIndex: "taskName",
  341. key: "taskName",
  342. render: (text) => {
  343. return text && text.length > 8 ? text.substr(0, 8) + "…" : text;
  344. },
  345. },
  346. {
  347. title: "项目数量",
  348. dataIndex: "commodityQuantity",
  349. key: "commodityQuantity",
  350. },
  351. {
  352. title: "订单编号",
  353. dataIndex: "orderNo",
  354. key: "orderNo",
  355. },
  356. {
  357. title: "合同编号",
  358. dataIndex: "contractNo",
  359. key: "contractNo",
  360. },
  361. {
  362. title: "业务类别",
  363. dataIndex: "cname",
  364. key: "cname",
  365. },
  366. {
  367. title: "客户名称",
  368. dataIndex: "userName",
  369. key: "userName",
  370. className: "userName",
  371. },
  372. // {
  373. // title: "外包公司",
  374. // dataIndex: "outsourceName",
  375. // key: "outsourceName",
  376. // },
  377. {
  378. title: "分配状态",
  379. dataIndex: "taskStatus",
  380. key: "taskStatus",
  381. render: (text) => {
  382. return getTaskStatus(text);
  383. },
  384. },
  385. {
  386. title: "项目状态",
  387. dataIndex: "projectStatus",
  388. key: "projectStatus",
  389. render: (text) => {
  390. return getProjectStatus(text);
  391. },
  392. },
  393. {
  394. title: "特批状态",
  395. dataIndex: "approval",
  396. key: "approval",
  397. render: (text) => {
  398. return getApproval(text, true);
  399. },
  400. },
  401. {
  402. title: "分配时间",
  403. dataIndex: "taskDate",
  404. key: "taskDate",
  405. },
  406. {
  407. title: "订单部门",
  408. dataIndex: "depName",
  409. key: "depName",
  410. },
  411. {
  412. title: "累计工时(小时)",
  413. dataIndex: "hours",
  414. key: "hours",
  415. },
  416. {
  417. title: "项目金额(万元)",
  418. dataIndex: "commodityPrice",
  419. key: "commodityPrice",
  420. },
  421. {
  422. title: "外包成本(万元)",
  423. dataIndex: "costAmount",
  424. key: "costAmount",
  425. render: (text, record) => {
  426. return (<span>
  427. {
  428. isNaN(parseFloat(text)) ? text : parseFloat(text)
  429. }
  430. </span>)
  431. }
  432. },
  433. {
  434. title: "已付(万元)",
  435. dataIndex: "partyAmount",
  436. key: "partyAmount",
  437. render: (text, record) => {
  438. return (<span>
  439. {
  440. isNaN(parseFloat(text)) ? text : parseFloat(text)
  441. }
  442. </span>)
  443. }
  444. },
  445. {
  446. title: "操作",
  447. dataIndex: "caozuo",
  448. key: "caozuo",
  449. render: (text, record) => {
  450. return (
  451. <div>
  452. <Button
  453. type="primary"
  454. onClick={(e) => {
  455. e.stopPropagation(), this.evaluate(record, "咨询师");
  456. }}
  457. >
  458. 转交
  459. </Button>
  460. <Button
  461. type="primary"
  462. style={{ marginLeft: 10 }}
  463. onClick={(e) => {
  464. e.stopPropagation();
  465. this.evaluate(record, "咨询师经理", true);
  466. }}
  467. >
  468. 回退
  469. </Button>
  470. <Button
  471. type="primary"
  472. style={{ margin: "0 10px" }}
  473. onClick={(e) => {
  474. e.stopPropagation();
  475. this.okCancel(record);
  476. }}
  477. >
  478. 添加工时
  479. </Button>
  480. <Button
  481. type="primary"
  482. onClick={(e) => {
  483. e.stopPropagation();
  484. this.setState({
  485. timeVisible: true,
  486. });
  487. this.timeDetail(record);
  488. }}
  489. >
  490. 工时记录
  491. </Button>
  492. </div>
  493. );
  494. },
  495. },
  496. ],
  497. dataSource: [],
  498. searchTime: [],
  499. columnsX: [
  500. {
  501. title: "业务项目名称",
  502. dataIndex: "commodityName",
  503. key: "commodityName",
  504. },
  505. {
  506. title: "项目类别",
  507. dataIndex: "cname",
  508. key: "cname",
  509. },
  510. {
  511. title: "项目数量",
  512. dataIndex: "commodityQuantity",
  513. key: "commodityQuantity",
  514. render: (text, record) => {
  515. if (record.splitStatus == 1) {
  516. return (
  517. <span>
  518. {text}{" "}
  519. <Tag
  520. color="#108ee9"
  521. onClick={(e) => {
  522. e.stopPropagation();
  523. this.showRes(record);
  524. }}
  525. >
  526. 已拆
  527. </Tag>
  528. </span>
  529. );
  530. } else {
  531. return text;
  532. }
  533. },
  534. },
  535. {
  536. title: "金额(万元)",
  537. dataIndex: "commodityPrice",
  538. key: "commodityPrice",
  539. render: (text, record) => {
  540. return (
  541. <span>
  542. {this.props.isZxs || text === -1 ? '***' : text}
  543. </span>
  544. )
  545. }
  546. },
  547. {
  548. title: "负责人",
  549. dataIndex: "contacts",
  550. key: "contacts",
  551. },
  552. {
  553. title: "负责人电话",
  554. dataIndex: "contactsMobile",
  555. key: "contactsMobile",
  556. },
  557. {
  558. title: "主要项目",
  559. dataIndex: "main",
  560. key: "main",
  561. render: (text) => {
  562. return text ? "是" : "否";
  563. },
  564. },
  565. {
  566. title: "项目说明",
  567. dataIndex: "taskComment",
  568. key: "taskComment",
  569. render: (text) => {
  570. return text && text.length > 8 ? text.substr(0, 8) + "…" : text;
  571. },
  572. },
  573. ],
  574. columnsA: [
  575. {
  576. title: "流程",
  577. dataIndex: "content",
  578. key: "content",
  579. align: "center",
  580. },
  581. {
  582. title: "操作人",
  583. dataIndex: "aName",
  584. key: "aName",
  585. align: "center",
  586. },
  587. {
  588. title: "时间",
  589. dataIndex: "createTimes",
  590. key: "createTimes",
  591. align: "center",
  592. },
  593. ],
  594. dataSourceX: [],
  595. dataSourceA: [],
  596. ContactsLists: [
  597. {
  598. title: "批次",
  599. dataIndex: "num",
  600. key: "num",
  601. },
  602. {
  603. title: "下证时间",
  604. dataIndex: "licenceTimes",
  605. key: "licenceTimes",
  606. render: (text, record) => {
  607. return (
  608. <div>
  609. <DatePicker
  610. style={{ marginTop: "5px" }}
  611. showTime
  612. format="YYYY-MM-DD"
  613. onOk={() => {}}
  614. value={
  615. record.licenceTimes ? moment(record.licenceTimes) : null
  616. }
  617. onChange={(data, dataString) => {
  618. record.licenceTimes = dataString;
  619. this.setState({ contactList: this.state.contactList });
  620. }}
  621. />
  622. </div>
  623. );
  624. },
  625. },
  626. {
  627. title: "下证数量",
  628. dataIndex: "alreadyNumber",
  629. key: "alreadyNumber",
  630. render: (text, record) => {
  631. return (
  632. <div>
  633. {
  634. <Input
  635. value={record.alreadyNumber}
  636. placeholder="请输入下证数量"
  637. key={record.id}
  638. required="required"
  639. onChange={(e) => {
  640. record.alreadyNumber = e.target.value;
  641. this.setState({ contactList: this.state.contactList });
  642. }}
  643. style={{ width: "120px" }}
  644. />
  645. }
  646. </div>
  647. );
  648. },
  649. },
  650. {
  651. title: "未下证数量",
  652. dataIndex: "notCount",
  653. key: "notCount",
  654. },
  655. {
  656. title: "操作",
  657. dataIndex: "dels",
  658. key: "dels",
  659. render: (text, record, index) => {
  660. return (
  661. <div>
  662. {
  663. <Popconfirm
  664. title="是否删除?"
  665. onConfirm={() => {
  666. this.confirmDelet(record);
  667. }}
  668. okText="删除"
  669. cancelText="不删除"
  670. >
  671. <Button
  672. style={{
  673. marginRight: "10px",
  674. color: "#ffffff",
  675. background: "#f00",
  676. border: "none",
  677. }}
  678. >
  679. 删除
  680. </Button>
  681. </Popconfirm>
  682. }
  683. {record.flag ? (
  684. ""
  685. ) : (
  686. <Button
  687. type="primary"
  688. onClick={(e) => {
  689. e.stopPropagation();
  690. this.contactSave(record, index);
  691. }}
  692. >
  693. 保存
  694. </Button>
  695. )}
  696. </div>
  697. );
  698. },
  699. },
  700. ],
  701. companyColumns: [
  702. {
  703. title: "公司",
  704. dataIndex: "name",
  705. key: "name",
  706. //fixed:'left',
  707. width: 160,
  708. },
  709. {
  710. title: "联系人",
  711. dataIndex: "contacts",
  712. key: "contacts",
  713. },
  714. {
  715. title: "联系人电话",
  716. dataIndex: "contactsMobile",
  717. key: "contactsMobile",
  718. },
  719. {
  720. title: "地址",
  721. dataIndex: "companyProvinceArr",
  722. key: "companyProvinceArr",
  723. width: 140,
  724. render: (test) => {
  725. return test[0] === null
  726. ? ""
  727. : getprovince(test[0]) +
  728. "/" +
  729. getprovince(test[1]) +
  730. "/" +
  731. getprovince(test[2]);
  732. },
  733. },
  734. {
  735. title: "详细地址",
  736. dataIndex: "address",
  737. key: "address",
  738. },
  739. {
  740. title: "操作",
  741. width: 160,
  742. render: (text, record) => {
  743. return (
  744. <div>
  745. <Button
  746. type="primary"
  747. onClick={() => {
  748. this.setState({
  749. companyId: record.id,
  750. updataSwicth: true,
  751. cName: record.name,
  752. companyContacts: record.contacts,
  753. companyContactsMobile: record.contactsMobile,
  754. companyProvinceArr: record.companyProvinceArr,
  755. companyAddress: record.address,
  756. companyRemarks: record.remarks,
  757. });
  758. this.openNotification();
  759. }}
  760. >
  761. 修改
  762. </Button>
  763. <Popconfirm
  764. title="是否确认删除?"
  765. okText="确定"
  766. onConfirm={() => {
  767. this.deleteCompany(record.id);
  768. }}
  769. cancelText="取消"
  770. >
  771. <Button type="danger" style={{ marginLeft: "10px" }}>
  772. 删除
  773. </Button>
  774. </Popconfirm>
  775. </div>
  776. );
  777. },
  778. },
  779. ],
  780. displayFees: 'none',
  781. costReduction: '',
  782. officialCost: '',
  783. };
  784. },
  785. /* 分派 */
  786. evaluate(record, nub, flag) {
  787. this.state.assignData = record;
  788. this.setState(
  789. {
  790. nub,
  791. assignData: record,
  792. flag,
  793. },
  794. () => {
  795. this.setState({
  796. assignVisible: true,
  797. });
  798. }
  799. );
  800. },
  801. componentWillMount() {
  802. this.departmentList();
  803. this.loadData();
  804. },
  805. componentDidMount() {
  806. this.setColor();
  807. },
  808. setColor() {
  809. $(".userName span").after(
  810. "(<span class='ruanzhu'>软著数</span>/<span class='xiazheng'>下证数</span>)"
  811. );
  812. },
  813. tableRowClick(record) {
  814. this.state.RowData = record;
  815. let str = record.taskName;
  816. let test = str.indexOf("会员");
  817. if (test == -1) {
  818. this.setState({
  819. isHuiyuan: false,
  820. });
  821. } else {
  822. this.setState({
  823. isHuiyuan: true,
  824. });
  825. }
  826. if (record.taskName.substring(0, 5) === "软件著作权") {
  827. this.setState({
  828. speVisible: true,
  829. id: record.id,
  830. splitStatus: record.splitStatus,
  831. splitSuper: record.splitSuper,
  832. splitId: record.splitId,
  833. dataArr: record,
  834. commodityQuantity: record.commodityQuantity,
  835. });
  836. } else {
  837. this.setState({
  838. visible: true,
  839. splitStatus: record.splitStatus,
  840. splitSuper: record.splitSuper,
  841. splitId: record.splitId,
  842. projectType: record.projectType,
  843. patentNameType: record.patentNameType,
  844. patentName: record.patentName,
  845. });
  846. }
  847. this.setState({
  848. orderNo: record.orderNo,
  849. id:record.id,
  850. })
  851. this.xiangqing(record.id, record.taskName);
  852. this.xiangqings(record.orderNo);
  853. this.xiangmu(record.orderNo);
  854. this.loaduserss(record);
  855. // 获取第三方信息表格
  856. this.thirdTable(record.id)
  857. //获取支付节点信息表格
  858. this.payNodeTable(record.id)
  859. // 获取Csort
  860. this.getCsortData(localStorage.getItem('cSort'))
  861. this.projectTypeTabContent(record.projectType)
  862. },
  863. //点击修改项目详情
  864. tijiaoOk() {
  865. if (moneyVerify(this.state.setUpAmount)) {
  866. return;
  867. }
  868. let attachmentUrls = [];
  869. if (this.state.attachmentUrl.length) {
  870. let picArr = [];
  871. this.state.attachmentUrl.map(function (item) {
  872. if (item.response && item.response.data && item.response.data.length) {
  873. picArr.push(item.response.data);
  874. }
  875. });
  876. attachmentUrls = picArr.join(",");
  877. }
  878. this.setState({
  879. loading: true,
  880. });
  881. $.ajax({
  882. method: "POST",
  883. dataType: "json",
  884. crossDomain: false,
  885. url: globalConfig.context + "/api/admin/orderProject/updateOrderTask",
  886. data: {
  887. id: this.state.id, //项目编号
  888. orderNo: this.state.orderNo, //订单编号
  889. projectStatus: this.state.projectStatus, //项目状态
  890. taskStatus: this.state.taskStatus, //项目状态
  891. taskComment: this.state.taskComment, //说明
  892. startDate: this.state.startDate, //启动日期
  893. endDate: this.state.endDate, //结束日期
  894. acceptDate: this.state.acceptDate, //受理日期
  895. reviewDate: this.state.reviewDate, //评审日期
  896. publicityDate: this.state.publicityDate, //公示日期
  897. licenceDate: this.state.licenceDate, //发证日期
  898. attachmentUrl: attachmentUrls.length ? attachmentUrls : "", //附件
  899. contacts: this.state.contacts, //联系人
  900. contactMobile: this.state.contactMobile, //联系人电话
  901. legalPerson: this.state.legalPerson, //法人
  902. legalPersonTel: this.state.legalPersonTel, //法人电话
  903. certificateNumber: this.state.certificateNumber, //证书编号
  904. status: this.state.status, //状态
  905. formRetrieve: this.state.formRetrieve, //满意度表格
  906. taskRefund: this.state.taskRefund, //退单
  907. refundContent: this.state.refundContent, //退单信息
  908. retrieveContent: this.state.retrieveContent, //回收信息
  909. locationProvince: this.state.ProvinceCity[0],
  910. locationCity: this.state.ProvinceCity[1],
  911. locationArea: this.state.ProvinceCity[2],
  912. postalAddress: this.state.postalAddress, //详细地址
  913. arrivalMoney: this.state.arrivalMoney, //是否到款
  914. setUpAmount: this.state.setUpAmount, //立项金额
  915. declareUser: this.state.declareUser, //账号
  916. declarePwd: this.state.declarePwd, //密码
  917. outsourceName: this.state.outsourceName, //外包公司名称
  918. outsourcePrice: this.state.outsourcePrice, //外包价格
  919. declarationBatch: this.state.declarationBatch,
  920. },
  921. }).done(
  922. function (data) {
  923. this.setState({
  924. loading: false,
  925. });
  926. if (!data.error.length) {
  927. message.success("保存成功!");
  928. this.visitCancel();
  929. } else {
  930. message.warning(data.error[0].message);
  931. }
  932. }.bind(this)
  933. );
  934. },
  935. //点击修改项目详情
  936. tianjiaOk() {
  937. if (this.state.attachmentUrl.length) {
  938. let picArr = [];
  939. this.state.attachmentUrl.map(function (item) {
  940. if (item.response && item.response.data && item.response.data.length) {
  941. picArr.push(item.response.data);
  942. }
  943. });
  944. }
  945. $.ajax({
  946. method: "POST",
  947. dataType: "json",
  948. crossDomain: false,
  949. url: globalConfig.context + "/api/admin/orderProject/addTaskHours",
  950. data: {
  951. taskId: this.state.taskId, //项目编号
  952. hours: this.state.hours, //工时
  953. remarks: this.state.remarks, //说明
  954. taskDate: this.state.taskDate, //日期
  955. taskComment: this.state.taskComment, //说明
  956. },
  957. }).done(
  958. function (data) {
  959. this.setState({
  960. loading: false,
  961. });
  962. if (!data.error.length) {
  963. message.success("保存成功!");
  964. this.noCancel();
  965. } else {
  966. message.warning(data.error[0].message);
  967. }
  968. }.bind(this)
  969. );
  970. },
  971. //订单详情
  972. xiangqing(id) {
  973. $.ajax({
  974. method: "get",
  975. dataType: "json",
  976. crossDomain: false,
  977. url: globalConfig.context + "/api/admin/orderProject/orderTaskDetail",
  978. data: {
  979. id: id,
  980. },
  981. success: function (data) {
  982. let thisdata = data.data;
  983. if (data.error.length || data.data.list == "") {
  984. if (data.error && data.error.length) {
  985. message.warning(data.error[0].message);
  986. }
  987. } else {
  988. this.setState({
  989. id: thisdata.id, //ID
  990. orderNo: thisdata.orderNo, //订单编号
  991. splitId: thisdata.splitId,//拆分序号
  992. splitStatus: thisdata.splitStatus,//0未拆分 1已拆分
  993. splitSuper: thisdata.splitSuper,//拆分前项目编号
  994. userName: thisdata.userName, //客户名称
  995. taskName: thisdata.taskName, //项目名称
  996. cname: thisdata.cname, //项目品类
  997. contractNo: thisdata.contractNo, //合同编号
  998. projectStatus: thisdata.projectStatus.toString(), //项目状态
  999. taskStatus: thisdata.taskStatus.toString(), //项目状态
  1000. taskDate: thisdata.taskDate, //分配时间
  1001. taskComment: thisdata.taskComment, //说明
  1002. attachmentUrl: thisdata.attachmentUrl
  1003. ? splitUrl(
  1004. thisdata.attachmentUrl,
  1005. ",",
  1006. globalConfig.avatarHost + "/upload"
  1007. )
  1008. : [], //图片地址
  1009. salesmanName: thisdata.salesmanName, //订单负责人
  1010. startDate: thisdata.startDate, //启动日期
  1011. endDate: thisdata.endDate, //结束日期
  1012. acceptDate: thisdata.acceptDate, //受理日期
  1013. reviewDate: thisdata.reviewDate, //评审日期
  1014. publicityDate: thisdata.publicityDate, //公示日期
  1015. licenceDate: thisdata.licenceDate, //发证日期
  1016. contacts: thisdata.contacts, //联系人
  1017. contactMobile: thisdata.contactMobile, //联系人电话
  1018. legalPerson: thisdata.legalPerson, //法人
  1019. legalPersonTel: thisdata.legalPersonTel, //法人电话
  1020. certificateNumber: thisdata.certificateNumber, //证书编号
  1021. status: thisdata.status, //状态
  1022. formRetrieve: thisdata.formRetrieve, //满意度表格
  1023. taskRefund: thisdata.taskRefund, //退单
  1024. refundContent: thisdata.refundContent, //退单信息
  1025. retrieveContent: thisdata.retrieveContent, //回收信息
  1026. arrivalMoney: thisdata.arrivalMoney, //是否到款
  1027. setUpAmount: thisdata.setUpAmount, //立项金额
  1028. declareUser: thisdata.declareUser, //账号
  1029. declarePwd: thisdata.declarePwd, //密码
  1030. outsourceName: thisdata.outsourceName, //外包公司名称
  1031. outsourcePrice: thisdata.outsourcePrice, //外包价格
  1032. declarationBatch: thisdata.declarationBatch,
  1033. orderTaskOfficialCost: thisdata.officialCost, //官费 0无 1有
  1034. });
  1035. }
  1036. }.bind(this),
  1037. }).always(
  1038. function () {
  1039. this.setState({
  1040. loading: false,
  1041. });
  1042. }.bind(this)
  1043. );
  1044. },
  1045. //订单详情
  1046. xiangqings(orderNos) {
  1047. $.ajax({
  1048. method: "get",
  1049. dataType: "json",
  1050. crossDomain: false,
  1051. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  1052. data: {
  1053. orderNo: orderNos,
  1054. },
  1055. success: function (data) {
  1056. let thisdata = data.data;
  1057. let ProvinceCityArr = [];
  1058. let ProvinceS = thisdata.locationProvince; //省
  1059. let citys = thisdata.locationCity; //市
  1060. let Areas = thisdata.locationArea; //区
  1061. ProvinceCityArr.push(ProvinceS, citys, Areas);
  1062. if (data.error.length || data.data.list == "") {
  1063. if (data.error && data.error.length) {
  1064. message.warning(data.error[0].message);
  1065. }
  1066. } else {
  1067. this.setState({
  1068. processStatus: thisdata.processStatus, //流程状态
  1069. liquidationStatus: thisdata.liquidationStatus, //结算状态
  1070. approval: thisdata.approval, //特批状态
  1071. orderRemarks: thisdata.orderRemarks, //订单留言
  1072. salesmanName: thisdata.salesmanName, //营销员名称
  1073. salesmanMobile: thisdata.salesmanMobile, //营销员电话
  1074. oldSalesmanName: thisdata.oldSalesmanName, //营销员名称
  1075. oldSalesmanMobile: thisdata.oldSalesmanMobile, //营销员电话
  1076. financeName: thisdata.financeName, //财务名称
  1077. financeMobile: thisdata.financeMobile, //财务电话
  1078. nowFinance: thisdata.nowFinance, //财务名称
  1079. nowFinanceMobile: thisdata.nowFinanceMobile, //财务电话
  1080. depName: thisdata.depName, //订单部门
  1081. ProvinceCity: ProvinceCityArr[0] === null ? [] : ProvinceCityArr,
  1082. postalAddress: thisdata.postalAddress, //详细地址
  1083. });
  1084. }
  1085. }.bind(this),
  1086. }).always(
  1087. function () {
  1088. this.setState({
  1089. loading: false,
  1090. });
  1091. }.bind(this)
  1092. );
  1093. },
  1094. //项目列表
  1095. xiangmu(orderNos) {
  1096. $.ajax({
  1097. method: "get",
  1098. dataType: "json",
  1099. crossDomain: false,
  1100. url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
  1101. data: {
  1102. orderNo: orderNos,
  1103. },
  1104. success: function (data) {
  1105. let theArr = [];
  1106. if (data.error.length || data.data.list == "") {
  1107. if (data.error && data.error.length) {
  1108. message.warning(data.error[0].message);
  1109. }
  1110. } else {
  1111. for (let i = 0; i < data.data.length; i++) {
  1112. let thisdata = data.data[i];
  1113. thisdata.key = i;
  1114. theArr.push(thisdata);
  1115. }
  1116. }
  1117. this.setState({
  1118. dataSourceX: theArr,
  1119. });
  1120. }.bind(this),
  1121. }).always(
  1122. function () {
  1123. this.setState({
  1124. loading: false,
  1125. });
  1126. }.bind(this)
  1127. );
  1128. },
  1129. //导出
  1130. exportExec() {
  1131. let departmentName = "",
  1132. depart = this.state.departmentArr || [];
  1133. depart.map((item) => {
  1134. if (this.state.departmentId == item.id) {
  1135. departmentName = item.name;
  1136. return;
  1137. }
  1138. });
  1139. let data = {
  1140. departmentId: this.state.departmentId,
  1141. departmentName: departmentName,
  1142. salesName: this.state.orderRefundSearch, //订单负责人
  1143. startTime: this.state.releaseDate[0],
  1144. endTime: this.state.releaseDate[1],
  1145. grantStatus: this.state.grantStatus,
  1146. };
  1147. window.location.href =
  1148. globalConfig.context +
  1149. "/api/admin/orderProject/exporProjectList?" +
  1150. $.param(data);
  1151. },
  1152. //关闭详情
  1153. visitCancel() {
  1154. this.setState({
  1155. visible: false,
  1156. speVisible: false,
  1157. modKey: "1",
  1158. updataSwicth: false,
  1159. });
  1160. this.companyReset();
  1161. this.reset(this.state.page);
  1162. },
  1163. visitOk() {
  1164. this.setState({
  1165. visible: false,
  1166. speVisible: false,
  1167. });
  1168. this.reset(this.state.page);
  1169. },
  1170. closeDesc(e, s) {
  1171. this.state.showDesc = e;
  1172. if (s) {
  1173. this.loadData(this.state.page);
  1174. }
  1175. },
  1176. closeAssign(e, s) {
  1177. this.state.roleName = "";
  1178. this.state.assignVisible = e;
  1179. if (s) {
  1180. this.loadData(this.state.page);
  1181. }
  1182. },
  1183. //添加工时
  1184. okCancel(record) {
  1185. this.setState({
  1186. lookVisible: true,
  1187. taskId: record.id,
  1188. });
  1189. },
  1190. //测试
  1191. getOrgCodeUrl(e) {
  1192. this.setState({ orgCodeUrl: e });
  1193. },
  1194. //查看下证信息
  1195. loaduserss(record) {
  1196. $.ajax({
  1197. method: "get",
  1198. dataType: "json",
  1199. crossDomain: false,
  1200. url: globalConfig.context + "/api/admin/orderProject/selectTaskProgress",
  1201. data: {
  1202. tid: record.id,
  1203. },
  1204. success: function (data) {
  1205. let theArr = [];
  1206. let thisData = [];
  1207. if (!thisData) {
  1208. if (data.error && data.error.length) {
  1209. message.warning(data.error[0].message);
  1210. }
  1211. thisData = {};
  1212. } else {
  1213. for (let i = 0; i < data.data.length; i++) {
  1214. thisData = data.data[i];
  1215. theArr.push({
  1216. num: i + 1,
  1217. key: i,
  1218. id: thisData.id, //编号
  1219. alreadyNumber: thisData.alreadyNumber, //下证数
  1220. licenceTimes: thisData.licenceTimes, //下证时间
  1221. notCount: thisData.notCount, //未下证数
  1222. flag: true,
  1223. });
  1224. }
  1225. this.setState({
  1226. contactList: theArr,
  1227. });
  1228. }
  1229. }.bind(this),
  1230. }).always(
  1231. function () {
  1232. this.setState({
  1233. loading: false,
  1234. });
  1235. }.bind(this)
  1236. );
  1237. },
  1238. //下证信息保存
  1239. contactSave(record) {
  1240. if (!record.licenceTimes) {
  1241. message.warning("下证日期不能为空");
  1242. return;
  1243. }
  1244. if (!record.alreadyNumber) {
  1245. message.warning("下证数量不能为空");
  1246. return;
  1247. }
  1248. this.setState({
  1249. loading: true,
  1250. });
  1251. $.ajax({
  1252. url: globalConfig.context + "/api/admin/orderProject/createTaskProgress",
  1253. method: "post",
  1254. data: {
  1255. taskId: this.state.id,
  1256. licenceTimes: record.licenceTimes,
  1257. alreadyNumber: record.alreadyNumber,
  1258. },
  1259. }).done(
  1260. function (data) {
  1261. this.setState({
  1262. loading: false,
  1263. });
  1264. if (!data.error.length) {
  1265. message.success("保存成功!");
  1266. record.flag = true;
  1267. this.loaduserss(this.state.dataArr);
  1268. } else {
  1269. message.warning(data.error[0].message);
  1270. }
  1271. }.bind(this)
  1272. );
  1273. },
  1274. getOrgCodeUrlWai(e) {
  1275. this.setState({ pictureUrl: e })
  1276. },
  1277. getUrl(url) {
  1278. let theorgCodeUrl = []
  1279. if (url.length) {
  1280. let picArr = []
  1281. url.map(function (item) {
  1282. if (item.response && item.response.data && item.response.data.length) {
  1283. picArr.push(item.response.data)
  1284. }
  1285. })
  1286. theorgCodeUrl = picArr.join(',')
  1287. }
  1288. return theorgCodeUrl
  1289. },
  1290. //下证信息删除
  1291. contactDele(record) {
  1292. this.setState({
  1293. loading: true,
  1294. });
  1295. $.ajax({
  1296. url: globalConfig.context + "/api/admin/orderProject/delectTaskProgress",
  1297. method: "post",
  1298. data: {
  1299. id: record.id,
  1300. },
  1301. }).done(
  1302. function (data) {
  1303. this.setState({
  1304. loading: false,
  1305. });
  1306. if (!data.error.length) {
  1307. this.loaduserss(this.state.dataArr);
  1308. } else {
  1309. message.warning(data.error[0].message);
  1310. }
  1311. }.bind(this)
  1312. );
  1313. },
  1314. //点击新增下证信息
  1315. addcontact() {
  1316. this.state.contactList.push({
  1317. num: this.state.contactList.length + 1,
  1318. key: this.state.contactList.length,
  1319. licenceTimes: "",
  1320. alreadyNumber: "",
  1321. notCount: "",
  1322. dels: "",
  1323. flag: false,
  1324. aflag: false,
  1325. });
  1326. this.setState({
  1327. contactList: this.state.contactList,
  1328. });
  1329. },
  1330. //删除下证信息
  1331. confirmDelet(record) {
  1332. this.state.contactList.splice(record.key, 1);
  1333. this.setState({
  1334. contactList: this.state.contactList,
  1335. });
  1336. if (record.id) {
  1337. this.contactDele(record);
  1338. }
  1339. },
  1340. caozuorizhi() {
  1341. this.setState({
  1342. visibleA: true,
  1343. });
  1344. $.ajax({
  1345. method: "get",
  1346. dataType: "json",
  1347. crossDomain: false,
  1348. url: globalConfig.context + "/api/admin/orderProject/TaskLogList",
  1349. data: {
  1350. id: this.state.id,
  1351. },
  1352. success: function (data) {
  1353. let theArr = [];
  1354. if (data.error.length || data.data.list == "") {
  1355. if (data.error && data.error.length) {
  1356. message.warning(data.error[0].message);
  1357. }
  1358. } else {
  1359. for (let i = 0; i < data.data.length; i++) {
  1360. let thisdata = data.data[i];
  1361. theArr.push({
  1362. key: i,
  1363. id: thisdata.id, //日志ID
  1364. content: thisdata.content, //流程
  1365. taskId: thisdata.taskId, //项目ID
  1366. aName: thisdata.aName, //负责人
  1367. createTimes: thisdata.createTimes, //时间
  1368. });
  1369. }
  1370. }
  1371. this.setState({
  1372. dataSourceA: theArr,
  1373. });
  1374. }.bind(this),
  1375. }).always(
  1376. function () {
  1377. this.setState({
  1378. loading: false,
  1379. });
  1380. }.bind(this)
  1381. );
  1382. },
  1383. //通知提醒
  1384. openNotification() {
  1385. notification.open({
  1386. message: "提醒",
  1387. description: "请在输入框中重新输入需要修改的选项!",
  1388. });
  1389. },
  1390. //关闭操作工时
  1391. visitCancelA() {
  1392. this.setState({
  1393. visibleA: false,
  1394. });
  1395. },
  1396. callBack(e) {
  1397. this.setState({
  1398. modKey: e,
  1399. });
  1400. if (e == 2) {
  1401. this.waiDetail()
  1402. }
  1403. if (e == 3) {
  1404. this.orderDetailData(this.state.orderNo);
  1405. this.xiangmu(this.state.orderNo);
  1406. this.jiedian(this.state.orderNo);
  1407. this.jiedianNew(this.state.orderNo);
  1408. }
  1409. },
  1410. //添加公司
  1411. addCompany() {
  1412. this.setState({
  1413. switch: true,
  1414. });
  1415. },
  1416. //保存和修改公司
  1417. saveCompany(id) {
  1418. if (this.companyJugle()) {
  1419. let upAndde = this.state.updataSwicth
  1420. ? {
  1421. api: "/api/admin/outsourceOrg/updateOutsourceOrg",
  1422. warn: "修改成功",
  1423. data: {
  1424. id: id,
  1425. name: this.state.cName,
  1426. contacts: this.state.companyContacts,
  1427. contactsMobile: this.state.companyContactsMobile,
  1428. province: this.state.companyProvinceArr[0],
  1429. city: this.state.companyProvinceArr[1],
  1430. area: this.state.companyProvinceArr[2],
  1431. address: this.state.companyAddress,
  1432. remarks: this.state.companyRemarks,
  1433. },
  1434. }
  1435. : {
  1436. api: "/api/admin/outsourceOrg/addOutsourceOrg",
  1437. warn: "保存成功",
  1438. data: {
  1439. name: this.state.cName,
  1440. tid: this.state.RowData.id,
  1441. contacts: this.state.companyContacts,
  1442. contactsMobile: this.state.companyContactsMobile,
  1443. orderNo: this.state.orderNo,
  1444. province: this.state.companyProvinceArr[0],
  1445. city: this.state.companyProvinceArr[1],
  1446. area: this.state.companyProvinceArr[2],
  1447. address: this.state.companyAddress,
  1448. remarks: this.state.companyRemarks,
  1449. },
  1450. };
  1451. this.setState({
  1452. loading: true,
  1453. });
  1454. $.ajax({
  1455. method: "post",
  1456. dataType: "json",
  1457. crossDomain: false,
  1458. url: globalConfig.context + upAndde.api,
  1459. data: upAndde.data,
  1460. success: function (data) {
  1461. if (data.error.length || data.data.list == "") {
  1462. if (data.error && data.error.length) {
  1463. message.warning(data.error[0].message);
  1464. }
  1465. }
  1466. }.bind(this),
  1467. }).done(
  1468. function () {
  1469. this.setState({
  1470. loading: false,
  1471. updataSwicth: false,
  1472. });
  1473. this.companyReset();
  1474. message.success(upAndde.warn);
  1475. }.bind(this)
  1476. );
  1477. }
  1478. },
  1479. //判断
  1480. companyJugle() {
  1481. if (this.state.cName === undefined) {
  1482. console.log(2345);
  1483. message.warning("公司名称不能为空!");
  1484. return;
  1485. }
  1486. if (this.state.companyContacts === undefined) {
  1487. message.warning("联系人不能为空!");
  1488. return;
  1489. }
  1490. if (this.state.companyContactsMobile === undefined) {
  1491. message.warning("联系人电话不能为空!");
  1492. return;
  1493. }
  1494. return true;
  1495. },
  1496. //删除外包
  1497. deleteCompany(id) {
  1498. $.ajax({
  1499. method: "post",
  1500. dataType: "json",
  1501. crossDomain: false,
  1502. url: globalConfig.context + "/api/admin/outsourceOrg/deleteOutsourceOrg",
  1503. data: {
  1504. id: id,
  1505. },
  1506. success: function () {}.bind(this),
  1507. }).done(
  1508. function () {
  1509. this.setState({
  1510. loading: false,
  1511. });
  1512. message.warning("删除成功");
  1513. }.bind(this)
  1514. );
  1515. },
  1516. //重置外包
  1517. companyReset() {
  1518. this.setState({
  1519. cName: undefined,
  1520. companyContacts: undefined,
  1521. companyContactsMobile: undefined,
  1522. companyProvinceArr: [],
  1523. companyAddress: undefined,
  1524. companyRemarks: undefined,
  1525. });
  1526. },
  1527. foo2() {
  1528. this.setState({
  1529. testFlag1: false,
  1530. });
  1531. },
  1532. foo1() {
  1533. this.setState({
  1534. testFlag1: true,
  1535. });
  1536. },
  1537. foo() {
  1538. this.setState({
  1539. testFlag: false,
  1540. });
  1541. },
  1542. nextCancel() {
  1543. this.setState({
  1544. addnextVisible: false,
  1545. displayFees: "none",
  1546. costReduction: '',
  1547. officialCost: '',
  1548. });
  1549. },
  1550. //点击打卡项目详情
  1551. tableRowClickX(record) {
  1552. if (record.type == "1") {
  1553. this.setState({
  1554. displayFees: "block",
  1555. costReduction: record.costReduction,
  1556. officialCost: record.officialCost,
  1557. });
  1558. }else{
  1559. this.setState({
  1560. displayFees: "none",
  1561. });
  1562. }
  1563. this.setState({
  1564. jid: record.id, //项目ID
  1565. kid: record.commodityId, //商品ID
  1566. commodityName: record.commodityName, //金额
  1567. commodityPrice: record.commodityPrice, //金额
  1568. commodityQuantity: record.commodityQuantity, //数量
  1569. taskComment: record.taskComment, //备注
  1570. main: record.main.toString(), //是否为主要
  1571. addnextVisible: true,
  1572. addState: 0,
  1573. });
  1574. },
  1575. //关闭添加工时
  1576. noCancel() {
  1577. this.setState({
  1578. lookVisible: false,
  1579. });
  1580. this.reset();
  1581. },
  1582. search() {
  1583. this.loadData();
  1584. },
  1585. reset(page) {
  1586. this.state.id = ""; //项目编号
  1587. this.state.orderNo = ""; //订单编号
  1588. this.state.contractNoSearch = undefined; //订单编号
  1589. this.state.projectStatus = undefined; //项目状态
  1590. this.state.projectStatusSearch = undefined; //项目状态
  1591. this.state.taskStatuSearch = undefined; //项目状态
  1592. this.state.taskComment = ""; //说明
  1593. this.state.startDate = ""; //启动日期
  1594. this.state.endDate = ""; //结束日期
  1595. this.state.acceptDate = ""; //受理日期
  1596. this.state.reviewDate = ""; //评审日期
  1597. this.state.publicityDate = ""; //公示日期
  1598. this.state.licenceDate = ""; //发证日期
  1599. // attachmentUrl: []; //附件
  1600. this.state.contacts = ""; //联系人
  1601. this.state.contactMobile = ""; //联系人电话
  1602. this.state.legalPerson = ""; //法人
  1603. this.state.legalPersonTel = ""; //法人电话
  1604. this.state.taskId = ""; //项目编号
  1605. this.state.hours = ""; //工时
  1606. this.state.remarks = ""; //说明
  1607. this.state.taskDate = ""; //日期
  1608. this.state.taskComment = ""; //说明
  1609. this.state.nameSearch = "";
  1610. this.state.releaseDate = [];
  1611. this.state.orderNoSearch = "";
  1612. this.state.taskNoSearch = "";
  1613. this.state.distribution = undefined;
  1614. this.state.departmenttSearch = undefined;
  1615. this.state.outsourceName = ""; //外包公司名称
  1616. this.state.outsourcePrice = ""; //外包价格
  1617. this.state.approvalSearch = undefined;
  1618. this.loadData(page || 0);
  1619. this.setState({
  1620. oldInfor: {}
  1621. })
  1622. },
  1623. searchSwitch() {
  1624. this.setState({
  1625. searchMore: !this.state.searchMore,
  1626. });
  1627. },
  1628. // 拆分详细
  1629. showRes(record) {
  1630. this.setState({
  1631. resVisible: true,
  1632. resRecord: record,
  1633. });
  1634. },
  1635. resCancel() {
  1636. this.setState({
  1637. resVisible: false,
  1638. });
  1639. },
  1640. //部门
  1641. departmentList() {
  1642. this.setState({
  1643. loading: true,
  1644. });
  1645. $.ajax({
  1646. method: "get",
  1647. dataType: "json",
  1648. crossDomain: false,
  1649. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  1650. data: {},
  1651. success: function (data) {
  1652. let thedata = data.data;
  1653. let theArr = [];
  1654. if (!thedata) {
  1655. if (data.error && data.error.length) {
  1656. message.warning(data.error[0].message);
  1657. }
  1658. thedata = {};
  1659. } else {
  1660. thedata.map(function (item, index) {
  1661. theArr.push({
  1662. key: index,
  1663. name: item.name,
  1664. id: item.id,
  1665. });
  1666. });
  1667. }
  1668. this.setState({
  1669. departmentArr: theArr,
  1670. });
  1671. }.bind(this),
  1672. }).always(
  1673. function () {
  1674. this.setState({
  1675. loading: false,
  1676. });
  1677. }.bind(this)
  1678. );
  1679. },
  1680. changeList(arr) {
  1681. const newArr = [];
  1682. this.state.columns.forEach((item) => {
  1683. arr.forEach((val) => {
  1684. if (val === item.title) {
  1685. newArr.push(item);
  1686. }
  1687. });
  1688. });
  1689. this.setState({
  1690. changeList: newArr,
  1691. });
  1692. },
  1693. timeClose() {
  1694. this.setState({
  1695. timeVisible: false,
  1696. });
  1697. },
  1698. timeDetail(record) {
  1699. console.log(record);
  1700. this.setState({
  1701. loading: true,
  1702. recordHour: record.hours,
  1703. });
  1704. $.ajax({
  1705. method: "get",
  1706. dataType: "json",
  1707. crossDomain: false,
  1708. url:
  1709. globalConfig.context + "/api/admin/orderProject/taskHoursDetailsList",
  1710. data: {
  1711. taskId: record.id,
  1712. },
  1713. success: function (data) {
  1714. if (data.error && data.error.length) {
  1715. message.warning(data.error[0].message);
  1716. } else {
  1717. this.setState({
  1718. dataSourceTime: data.data,
  1719. });
  1720. console.log(this.state.dataSourceTime);
  1721. }
  1722. }.bind(this),
  1723. }).always(
  1724. function () {
  1725. this.setState({
  1726. loading: false,
  1727. });
  1728. }.bind(this)
  1729. );
  1730. },
  1731. rizhi() {
  1732. this.setState({
  1733. loading: true,
  1734. });
  1735. $.ajax({
  1736. method: "get",
  1737. dataType: "json",
  1738. crossDomain: false,
  1739. url: "/api/admin/newOrder/selectOrderLog",
  1740. data: {
  1741. orderNo: this.state.orderNo,
  1742. },
  1743. success: function (data) {
  1744. let theArr = [];
  1745. let thisData = data.data;
  1746. if (!thisData.length) {
  1747. if (data.error && data.error.length) {
  1748. message.warning(data.error[0].message);
  1749. }
  1750. thisData = {};
  1751. } else {
  1752. for (let i = 0; i < data.data.length; i++) {
  1753. let thisdata = data.data[i];
  1754. theArr.push({
  1755. processName: thisdata.processName,
  1756. adminName: thisdata.adminName,
  1757. createDate: thisdata.createDate,
  1758. remarks: thisdata.remarks,
  1759. });
  1760. }
  1761. }
  1762. this.setState({
  1763. dataSourceY: theArr,
  1764. });
  1765. }.bind(this),
  1766. }).always(
  1767. function () {
  1768. this.setState({
  1769. loading: false,
  1770. });
  1771. }.bind(this)
  1772. );
  1773. },
  1774. closeOrderLog() {
  1775. this.setState({
  1776. avisible: false,
  1777. });
  1778. },
  1779. getOrderLog() {
  1780. this.setState({
  1781. avisible: true,
  1782. });
  1783. this.rizhi();
  1784. },
  1785. orderChange(key) {
  1786. this.setState({
  1787. activeKey: key,
  1788. });
  1789. if (key == 2) {
  1790. this.orderDetailData(this.state.orderNo);
  1791. this.xiangmu(this.state.orderNo);
  1792. this.jiedian(this.state.orderNo);
  1793. this.jiedianNew(this.state.orderNo);
  1794. }
  1795. },
  1796. //节点列表
  1797. jiedian(orderNos) {
  1798. $.ajax({
  1799. method: "get",
  1800. dataType: "json",
  1801. crossDomain: false,
  1802. url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
  1803. data: {
  1804. orderNo: orderNos,
  1805. },
  1806. success: function (data) {
  1807. let theArr = [];
  1808. let thisData = [];
  1809. if (data.error.length || data.data.list == "") {
  1810. if (data.error && data.error.length) {
  1811. message.warning(data.error[0].message);
  1812. }
  1813. } else {
  1814. for (let i = 0; i < data.data.length; i++) {
  1815. thisData = data.data[i];
  1816. theArr.push({
  1817. key: i,
  1818. dunSubject: thisData.dunSubject
  1819. ? thisData.dunSubject.toString()
  1820. : "", //催款科目
  1821. id: thisData.id, //节点Id
  1822. money: thisData.money, //催款金额
  1823. dunStatus: thisData.dunStatus, //催款状态
  1824. });
  1825. }
  1826. this.setState({
  1827. jiedian: theArr,
  1828. });
  1829. }
  1830. }.bind(this),
  1831. });
  1832. },
  1833. // 获取csort下的数据
  1834. getCsortData(cSort) {
  1835. cuiJieDian.map((item) => {
  1836. if (item.value == cSort) {
  1837. this.setState({
  1838. paySubject: item.children,
  1839. })
  1840. }
  1841. })
  1842. },
  1843. jiedianNew(orderNos) {
  1844. $.ajax({
  1845. method: "get",
  1846. dataType: "json",
  1847. crossDomain: false,
  1848. url:
  1849. globalConfig.context + "/api/admin/newOrderDun/selectListNewOrderDun",
  1850. data: {
  1851. orderNo: orderNos,
  1852. },
  1853. success: function (data) {
  1854. if (data.error && data.error.length) {
  1855. message.warning(data.error[0].message);
  1856. } else {
  1857. let theArr = [];
  1858. let thisData = [];
  1859. let arr = data.data || [];
  1860. let totalCui = 0;
  1861. for (let i = 0; i < arr.length; i++) {
  1862. thisData = arr[i];
  1863. totalCui += +thisData.money;
  1864. thisData.key = i;
  1865. thisData.dunSubject = thisData.dunSubject
  1866. ? thisData.dunSubject.toString()
  1867. : ""; //催款科目
  1868. theArr.push(thisData);
  1869. }
  1870. if (!totalCui) {
  1871. totalCui = 0;
  1872. }
  1873. totalCui = (Math.round(totalCui * 1000000) / 1000000).toFixed(6);
  1874. this.setState({
  1875. jiedianNew: theArr,
  1876. totalCui,
  1877. });
  1878. }
  1879. }.bind(this),
  1880. }).always(
  1881. function () {
  1882. this.setState({
  1883. loading: false,
  1884. });
  1885. }.bind(this)
  1886. );
  1887. },
  1888. //查看第三方信息表格
  1889. thirdTable(id) {
  1890. this.setState({
  1891. loadData: true,
  1892. thirdInfoLoading: true,
  1893. })
  1894. $.ajax({
  1895. method: 'get',
  1896. dataType: 'json',
  1897. crossDomain: false,
  1898. url: globalConfig.context + '/api/admin/company/selectCompany',
  1899. data: {
  1900. tid: id,
  1901. },
  1902. success: function (data) {
  1903. if (data.error && data.error.length) {
  1904. message.warning(data.error[0].message)
  1905. } else {
  1906. let companyNameArr = [];
  1907. let theArr = [];
  1908. let thisData = [];
  1909. let arr = data.data || [];
  1910. let allTotalAmount = 0;
  1911. let type = 0;
  1912. let startType = 0;
  1913. let patentNameType = 0;
  1914. for (let i = 0; i < arr.length; i++) {
  1915. thisData = arr[i]
  1916. allTotalAmount =
  1917. (allTotalAmount * 10000 + thisData.totalAmount * 10000) / 10000
  1918. companyNameArr.push(thisData.companyName);
  1919. thisData.key = i;
  1920. type=thisData.patentType;
  1921. thisData.patentType = thisData.type;
  1922. theArr.push(thisData);
  1923. startType=thisData.startType;
  1924. patentNameType= thisData.patentNameType
  1925. }
  1926. if (!allTotalAmount) {
  1927. allTotalAmount = 0
  1928. }
  1929. for(let d=0;d<theArr.length;d++){
  1930. theArr[d].companyName = theArr[d].companyName+ '-' + theArr[d].id;
  1931. companyNameArr[d] = {
  1932. companyName: theArr[d].companyName,
  1933. id: theArr[d].id,
  1934. }
  1935. }
  1936. if(type === 0 || type === 1){
  1937. this.setState({
  1938. patentType: type === 0 ? 0 : 1, //0专利申请 1专利买卖
  1939. patentNameType: patentNameType, //0实用新型 1发明专利 2外观专利 3 其他
  1940. })
  1941. }
  1942. //设置项目类型
  1943. if(arr.length >0){
  1944. this.setState({
  1945. startType: startType
  1946. })
  1947. }
  1948. this.setState({
  1949. tid: id,
  1950. PayNodeCompany: companyNameArr,
  1951. thirdInfoList: theArr,
  1952. allTotalAmount: allTotalAmount,
  1953. },()=>{
  1954. this.projectTypeTabContent(this.state.projectType);
  1955. })
  1956. }
  1957. }.bind(this),
  1958. }).always(
  1959. function () {
  1960. this.setState({
  1961. loading: false,
  1962. thirdInfoLoading: false,
  1963. })
  1964. }.bind(this)
  1965. )
  1966. },
  1967. payNodeTable(id) {
  1968. this.setState({
  1969. loadData: true,
  1970. payNodeLoading: true,
  1971. })
  1972. $.ajax({
  1973. method: 'get',
  1974. dataType: 'json',
  1975. crossDomain: false,
  1976. url: globalConfig.context + '/api/admin/company/selectPaymentNode',
  1977. data: {
  1978. tid: id,
  1979. },
  1980. success: function (data) {
  1981. if (data.error && data.error.length) {
  1982. message.warning(data.error[0].message)
  1983. } else {
  1984. let payNodeArr = []
  1985. let thisData = []
  1986. let arr = data.data || []
  1987. // console.log('this.state.paySubject', this.state.paySubject)
  1988. //对#5283自定义的补充展示
  1989. this.state.paySubject.push({ key: '自定义', value: '0' })
  1990. for (let i = 0; i < arr.length; i++) {
  1991. thisData = arr[i]
  1992. //遍历paySubject,获取当前dunType对应的key
  1993. this.state.paySubject.map((item) => {
  1994. if (item.value == thisData.dunType) {
  1995. thisData.dunType = item.key
  1996. }
  1997. })
  1998. payNodeArr.push({
  1999. key: i,
  2000. id: thisData.id, //付款节点Id
  2001. tid: thisData.tid,
  2002. nodeId: thisData.id, //付款节点Id
  2003. companyName: thisData.companyName, //供应商名称
  2004. projectType: thisData.projectType, //项目分类
  2005. dunType: thisData.dunType, //催款分类
  2006. unitPrice: thisData.unitPrice, //单价
  2007. quantity: thisData.quantity, //数量
  2008. totalAmount: thisData.totalAmount, //总价
  2009. partyAmount: thisData.partyAmount, //付款
  2010. partyTimes: thisData.partyTimes, //付款时间
  2011. cid: thisData.cid, //机构id
  2012. status: thisData.status, //催款状态 0-未支付 1-待全款 ,2已全款 status=2的时候已经全款,申请付款按钮可以去掉了
  2013. })
  2014. }
  2015. for(let d=0;d<payNodeArr.length;d++){
  2016. payNodeArr[d].companyName = payNodeArr[d].companyName+ '-' + payNodeArr[d].cid;
  2017. }
  2018. this.setState({
  2019. tid: id,
  2020. payNodeList: payNodeArr,
  2021. })
  2022. }
  2023. }.bind(this),
  2024. }).always(
  2025. function () {
  2026. this.setState({
  2027. loading: false,
  2028. payNodeLoading: false
  2029. })
  2030. }.bind(this)
  2031. )
  2032. },
  2033. // 新增第三方供应商信息
  2034. addThirdList() {
  2035. this.setState({
  2036. ThirdListVisible: true,
  2037. })
  2038. },
  2039. // 新增支付节点
  2040. addPayNode() {
  2041. this.setState({
  2042. PayNodeVisible: true,
  2043. })
  2044. },
  2045. //用于判断 第三方信息表格显示
  2046. projectTypeTabContent(projectType) {
  2047. if(projectType === 0 || !projectType || this.state.startType === 0){ //0正常 1专利 2软著 3审计 this.state.startType 0外包 1供应商 外包时当普通单处理
  2048. this.setState({
  2049. ContactsListsNew: [
  2050. {
  2051. title: '供应商名称',
  2052. dataIndex: 'companyName',
  2053. key: 'companyName',
  2054. render: (text, record, index) => {
  2055. if (text) {
  2056. return <span>{text}</span>
  2057. }
  2058. },
  2059. },
  2060. {
  2061. title: '单价(万元)',
  2062. dataIndex: 'unitPrice',
  2063. key: 'unitPrice',
  2064. render: (text, record) => {
  2065. if (text) {
  2066. return <span>
  2067. {
  2068. isNaN(text) ? text : parseFloat(text)
  2069. }
  2070. </span>
  2071. }
  2072. },
  2073. },
  2074. {
  2075. title: '数量',
  2076. dataIndex: 'quantity',
  2077. key: 'quantity',
  2078. render: (text, record) => {
  2079. if (text) {
  2080. return <span>{text}</span>
  2081. }
  2082. },
  2083. },
  2084. {
  2085. title: '总价(万元)',
  2086. dataIndex: 'totalAmount',
  2087. key: 'totalAmount',
  2088. render: (text, record) => {
  2089. return <span>
  2090. {
  2091. isNaN(text) ? text : parseFloat(text)
  2092. }
  2093. </span>
  2094. },
  2095. },
  2096. {
  2097. title: '备注',
  2098. dataIndex: 'remarks',
  2099. key: 'remarks',
  2100. },
  2101. {
  2102. title: '操作',
  2103. dataIndex: 'action',
  2104. key: 'action',
  2105. render: (text, record) => {
  2106. return (
  2107. <div>
  2108. {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
  2109. {/*存在支付节点时不显示第三方的申请付款*/}
  2110. {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
  2111. {
  2112. <Button disabled={
  2113. !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
  2114. } type="primary" onClick={() => {
  2115. this.setState({
  2116. previewPayVisible: true,
  2117. previewPayInfor: record,
  2118. })
  2119. }}>
  2120. 申请付款
  2121. </Button>
  2122. }
  2123. <Popconfirm
  2124. title="是否删除?"
  2125. onConfirm={() => {
  2126. this.confirmDeletNew(record)
  2127. }}
  2128. okText="删除"
  2129. cancelText="不删除"
  2130. >
  2131. <Button
  2132. onClick={(e) => {
  2133. e.stopPropagation()
  2134. }}
  2135. style={{
  2136. marginLeft: '10px',
  2137. color: '#ffffff',
  2138. background: '#f00',
  2139. border: 'none',
  2140. }}
  2141. >
  2142. 删除
  2143. </Button>
  2144. </Popconfirm>
  2145. </div>
  2146. )
  2147. },
  2148. },
  2149. ],
  2150. })
  2151. }else if(projectType === 2){ //2软著
  2152. this.setState({
  2153. ContactsListsNew: [
  2154. {
  2155. title: '供应商名称',
  2156. dataIndex: 'companyName',
  2157. key: 'companyName',
  2158. render: (text, record, index) => {
  2159. if (text) {
  2160. return <span>{text}</span>
  2161. }
  2162. },
  2163. },
  2164. {
  2165. title: '单价(万元)',
  2166. dataIndex: 'unitPrice',
  2167. key: 'unitPrice',
  2168. render: (text, record) => {
  2169. if (text) {
  2170. return <span>
  2171. {
  2172. isNaN(text) ? text : parseFloat(text)
  2173. }
  2174. </span>
  2175. }
  2176. },
  2177. },
  2178. {
  2179. title: '数量',
  2180. dataIndex: 'quantity',
  2181. key: 'quantity',
  2182. render: (text, record) => {
  2183. if (text) {
  2184. return <span>{text}</span>
  2185. }
  2186. },
  2187. },
  2188. {
  2189. title: '总价(万元)',
  2190. dataIndex: 'totalAmount',
  2191. key: 'totalAmount',
  2192. render: (text, record) => {
  2193. return <span>
  2194. {
  2195. isNaN(text) ? text : parseFloat(text)
  2196. }
  2197. </span>
  2198. },
  2199. },
  2200. {
  2201. title: '材料',
  2202. dataIndex: 'material',
  2203. key: 'material',
  2204. render: (text, record) => {
  2205. return getMaterialStatus(text)
  2206. },
  2207. },
  2208. {
  2209. title: '加急',
  2210. dataIndex: 'urgent',
  2211. key: 'urgent',
  2212. render: (text, record) => {
  2213. return getUrgentStatus(text)
  2214. },
  2215. },
  2216. {
  2217. title: '操作',
  2218. dataIndex: 'action',
  2219. key: 'action',
  2220. render: (text, record) => {
  2221. return (
  2222. <div>
  2223. {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
  2224. {/*存在支付节点时不显示第三方的申请付款*/}
  2225. {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
  2226. {
  2227. <Button disabled={
  2228. !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
  2229. } type="primary" onClick={() => {
  2230. this.setState({
  2231. previewPayVisible: true,
  2232. previewPayInfor: record,
  2233. })
  2234. }}>
  2235. 申请付款
  2236. </Button>
  2237. }
  2238. <Popconfirm
  2239. title="是否删除?"
  2240. onConfirm={() => {
  2241. this.confirmDeletNew(record)
  2242. }}
  2243. okText="删除"
  2244. cancelText="不删除"
  2245. >
  2246. <Button
  2247. onClick={(e) => {
  2248. e.stopPropagation()
  2249. }}
  2250. style={{
  2251. marginLeft: '10px',
  2252. color: '#ffffff',
  2253. background: '#f00',
  2254. border: 'none',
  2255. }}
  2256. >
  2257. 删除
  2258. </Button>
  2259. </Popconfirm>
  2260. </div>
  2261. )
  2262. },
  2263. },
  2264. ],
  2265. })
  2266. }else if(projectType === 1){ //1专利
  2267. if(this.state.patentType === 0){ //专利申请
  2268. this.setState({
  2269. ContactsListsNew: [
  2270. {
  2271. title: '供应商名称',
  2272. dataIndex: 'companyName',
  2273. key: 'companyName',
  2274. render: (text, record, index) => {
  2275. if (text) {
  2276. return <span>{text}</span>
  2277. }
  2278. },
  2279. },
  2280. {
  2281. title: '单价(万元)',
  2282. dataIndex: 'unitPrice',
  2283. key: 'unitPrice',
  2284. render: (text, record) => {
  2285. if (text) {
  2286. return <span>
  2287. {
  2288. isNaN(text) ? text : parseFloat(text)
  2289. }
  2290. </span>
  2291. }
  2292. },
  2293. },
  2294. {
  2295. title: '数量',
  2296. dataIndex: 'quantity',
  2297. key: 'quantity',
  2298. render: (text, record) => {
  2299. if (text) {
  2300. return <span>{text}</span>
  2301. }
  2302. },
  2303. },
  2304. {
  2305. title: "官费",
  2306. dataIndex: "officialCost",
  2307. key: "officialCost",
  2308. render: (text) => {
  2309. return text === 1 ? '有官费' : '无官费'
  2310. },
  2311. },
  2312. {
  2313. title: "费减",
  2314. dataIndex: "costReduction",
  2315. key: "costReduction",
  2316. render: (text) => {
  2317. return text === 1 ? '有费减' : '无费减'
  2318. },
  2319. },
  2320. {
  2321. title: '总价(万元)',
  2322. dataIndex: 'totalAmount',
  2323. key: 'totalAmount',
  2324. render: (text, record) => {
  2325. return <span>
  2326. {
  2327. isNaN(text) ? text : parseFloat(text)
  2328. }
  2329. </span>
  2330. },
  2331. },
  2332. {
  2333. title: '备注',
  2334. dataIndex: 'remarks',
  2335. key: 'remarks',
  2336. },
  2337. {
  2338. title: '操作',
  2339. dataIndex: 'action',
  2340. key: 'action',
  2341. render: (text, record) => {
  2342. return (
  2343. <div>
  2344. {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
  2345. {/*存在支付节点时不显示第三方的申请付款*/}
  2346. {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
  2347. {
  2348. <Button disabled={
  2349. !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
  2350. } type="primary" onClick={() => {
  2351. this.setState({
  2352. previewPayVisible: true,
  2353. previewPayInfor: record,
  2354. })
  2355. }}>
  2356. 申请付款
  2357. </Button>
  2358. }
  2359. {
  2360. <Button
  2361. type="primary"
  2362. style={{
  2363. marginLeft: '10px',
  2364. }}
  2365. disabled={!(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)}
  2366. onClick={() => {
  2367. this.setState({
  2368. previewPayVisible: true,
  2369. previewPayInfor: record,
  2370. })
  2371. }}>
  2372. 付官费
  2373. </Button>
  2374. }
  2375. <Popconfirm
  2376. title="是否删除?"
  2377. onConfirm={() => {
  2378. this.confirmDeletNew(record)
  2379. }}
  2380. okText="删除"
  2381. cancelText="不删除"
  2382. >
  2383. <Button
  2384. onClick={(e) => {
  2385. e.stopPropagation()
  2386. }}
  2387. style={{
  2388. marginLeft: '10px',
  2389. color: '#ffffff',
  2390. background: '#f00',
  2391. border: 'none',
  2392. }}
  2393. >
  2394. 删除
  2395. </Button>
  2396. </Popconfirm>
  2397. </div>
  2398. )
  2399. },
  2400. },
  2401. ]
  2402. })
  2403. }else{
  2404. this.setState({
  2405. ContactsListsNew: [
  2406. {
  2407. title: '供应商名称',
  2408. dataIndex: 'companyName',
  2409. key: 'companyName',
  2410. render: (text, record, index) => {
  2411. if (text) {
  2412. return <span>{text}</span>
  2413. }
  2414. },
  2415. },
  2416. {
  2417. title: '单价(万元)',
  2418. dataIndex: 'unitPrice',
  2419. key: 'unitPrice',
  2420. render: (text, record) => {
  2421. if (text) {
  2422. return <span>
  2423. {
  2424. isNaN(text) ? text : parseFloat(text)
  2425. }
  2426. </span>
  2427. }
  2428. },
  2429. },
  2430. {
  2431. title: '数量',
  2432. dataIndex: 'quantity',
  2433. key: 'quantity',
  2434. render: (text, record) => {
  2435. if (text) {
  2436. return <span>{text}</span>
  2437. }
  2438. },
  2439. },
  2440. {
  2441. title: '总价(万元)',
  2442. dataIndex: 'totalAmount',
  2443. key: 'totalAmount',
  2444. render: (text, record) => {
  2445. return <span>
  2446. {
  2447. isNaN(text) ? text : parseFloat(text)
  2448. }
  2449. </span>
  2450. },
  2451. },
  2452. {
  2453. title: '备注',
  2454. dataIndex: 'remarks',
  2455. key: 'remarks',
  2456. },
  2457. {
  2458. title: '操作',
  2459. dataIndex: 'action',
  2460. key: 'action',
  2461. render: (text, record) => {
  2462. return (
  2463. <div>
  2464. {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
  2465. {/*存在支付节点时不显示第三方的申请付款*/}
  2466. {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
  2467. {
  2468. <Button disabled={
  2469. !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
  2470. } type="primary" onClick={() => {
  2471. this.setState({
  2472. previewPayVisible: true,
  2473. previewPayInfor: record,
  2474. })
  2475. }}>
  2476. 申请付款
  2477. </Button>
  2478. }
  2479. <Popconfirm
  2480. title="是否删除?"
  2481. onConfirm={() => {
  2482. this.confirmDeletNew(record)
  2483. }}
  2484. okText="删除"
  2485. cancelText="不删除"
  2486. >
  2487. <Button
  2488. onClick={(e) => {
  2489. e.stopPropagation()
  2490. }}
  2491. style={{
  2492. marginLeft: '10px',
  2493. color: '#ffffff',
  2494. background: '#f00',
  2495. border: 'none',
  2496. }}
  2497. >
  2498. 删除
  2499. </Button>
  2500. </Popconfirm>
  2501. </div>
  2502. )
  2503. },
  2504. },
  2505. ]
  2506. })
  2507. }
  2508. }else if(projectType === 3){ //3审计
  2509. this.setState({
  2510. ContactsListsNew: [
  2511. {
  2512. title: '供应商名称',
  2513. dataIndex: 'companyName',
  2514. key: 'companyName',
  2515. render: (text, record, index) => {
  2516. if (text) {
  2517. return <span>{text}</span>
  2518. }
  2519. },
  2520. },
  2521. {
  2522. title: '单价(万元)',
  2523. dataIndex: 'unitPrice',
  2524. key: 'unitPrice',
  2525. render: (text, record) => {
  2526. if (text) {
  2527. return <span>
  2528. {
  2529. isNaN(text) ? text : parseFloat(text)
  2530. }
  2531. </span>
  2532. }
  2533. },
  2534. },
  2535. {
  2536. title: '数量',
  2537. dataIndex: 'quantity',
  2538. key: 'quantity',
  2539. render: (text, record) => {
  2540. if (text) {
  2541. return <span>{text}</span>
  2542. }
  2543. },
  2544. },
  2545. {
  2546. title: '总价(万元)',
  2547. dataIndex: 'totalAmount',
  2548. key: 'totalAmount',
  2549. render: (text, record) => {
  2550. return <span>
  2551. {
  2552. isNaN(text) ? text : parseFloat(text)
  2553. }
  2554. </span>
  2555. },
  2556. },
  2557. {
  2558. title: '审计',
  2559. dataIndex: 'audit',
  2560. key: 'audit',
  2561. render: (text, record) => {
  2562. if (text) {
  2563. return <span>{text===0?'无审计':text===1?'年审':'专审'}</span>
  2564. }
  2565. },
  2566. },
  2567. {
  2568. title: '公司资产(万元)',
  2569. dataIndex: 'assets',
  2570. key: 'assets',
  2571. render: (text, record) => {
  2572. if (text) {
  2573. return <span>{text}</span>
  2574. }
  2575. },
  2576. },
  2577. {
  2578. title: '收入(万元)',
  2579. dataIndex: 'income',
  2580. key: 'income',
  2581. render: (text, record) => {
  2582. return <span>
  2583. {
  2584. isNaN(text) ? text : parseFloat(text)
  2585. }
  2586. </span>
  2587. },
  2588. },
  2589. {
  2590. title: '操作',
  2591. dataIndex: 'action',
  2592. key: 'action',
  2593. render: (text, record) => {
  2594. return (
  2595. <div>
  2596. {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
  2597. {/*存在支付节点时不显示第三方的申请付款*/}
  2598. {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
  2599. {
  2600. <Button disabled={
  2601. !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
  2602. } type="primary" onClick={() => {
  2603. this.setState({
  2604. previewPayVisible: true,
  2605. previewPayInfor: record,
  2606. })
  2607. }}>
  2608. 申请付款
  2609. </Button>
  2610. }
  2611. <Popconfirm
  2612. title="是否删除?"
  2613. onConfirm={() => {
  2614. this.confirmDeletNew(record)
  2615. }}
  2616. okText="删除"
  2617. cancelText="不删除"
  2618. >
  2619. <Button
  2620. onClick={(e) => {
  2621. e.stopPropagation()
  2622. }}
  2623. style={{
  2624. marginLeft: '10px',
  2625. color: '#ffffff',
  2626. background: '#f00',
  2627. border: 'none',
  2628. }}
  2629. >
  2630. 删除
  2631. </Button>
  2632. </Popconfirm>
  2633. </div>
  2634. )
  2635. },
  2636. },
  2637. ]
  2638. })
  2639. }
  2640. this.setState({
  2641. //付款节点表头
  2642. PayNodeTableColunms: [
  2643. {
  2644. title: '供应商名称',
  2645. dataIndex: 'companyName',
  2646. key: 'companyName',
  2647. render: (text, record, index) => {
  2648. if (text) {
  2649. return <span>{text}</span>
  2650. }
  2651. },
  2652. },
  2653. {
  2654. title: '付款科目',
  2655. dataIndex: 'dunType',
  2656. key: 'dunType',
  2657. render: (text, record) => {
  2658. if (text) {
  2659. return <span>{text}</span>
  2660. }
  2661. },
  2662. },
  2663. {
  2664. title: '付款时间',
  2665. dataIndex: 'partyTimes',
  2666. key: 'partyTimes',
  2667. render: (text, record) => {
  2668. return <span>{text ? text : '/'}</span>
  2669. },
  2670. },
  2671. {
  2672. title: '数量',
  2673. dataIndex: 'quantity',
  2674. key: 'quantity',
  2675. render: (text, record) => {
  2676. if (text) {
  2677. return <span>{text}</span>
  2678. }
  2679. },
  2680. },
  2681. {
  2682. title: '总价(万元)',
  2683. dataIndex: 'totalAmount',
  2684. key: 'totalAmount',
  2685. render: (text, record) => {
  2686. return <span>
  2687. {
  2688. isNaN(text) ? text : parseFloat(text)
  2689. }
  2690. </span>
  2691. },
  2692. },
  2693. {
  2694. title: '已付',
  2695. dataIndex: 'partyAmount',
  2696. key: 'partyAmount',
  2697. render: (text, record) => {
  2698. if (text) {
  2699. return <span>{text}</span>
  2700. }
  2701. },
  2702. },
  2703. {
  2704. title: '操作',
  2705. dataIndex: 'dels',
  2706. key: 'dels',
  2707. render: (text, record, index) => {
  2708. return (
  2709. <div>
  2710. <Popconfirm
  2711. title="是否删除?"
  2712. onConfirm={() => {
  2713. this.payNodeConfirmDeletNew(record)
  2714. }}
  2715. okText="删除"
  2716. cancelText="不删除"
  2717. >
  2718. <Button
  2719. onClick={(e) => {
  2720. e.stopPropagation()
  2721. }}
  2722. style={{
  2723. marginRight: '10px',
  2724. color: '#ffffff',
  2725. background: '#f00',
  2726. border: 'none',
  2727. }}
  2728. >
  2729. 删除
  2730. </Button>
  2731. </Popconfirm>
  2732. </div>
  2733. )
  2734. },
  2735. },
  2736. ],
  2737. })
  2738. },
  2739. // 删除供应商信息
  2740. confirmDeletNew(index,resolve=()=>{},reject=()=>{}) {
  2741. let arr = this.state.payNodeList.filter((v)=>{
  2742. return v.companyName === index.companyName
  2743. });
  2744. let _this = this;
  2745. if(arr.length > 0){
  2746. confirm({
  2747. title: '确定要删除此供应商信息吗?',
  2748. content: '此供应商存在'+arr.length+'条付款节点信息,删除后对应的付款节点也会一起删除',
  2749. onOk() {
  2750. return new Promise((resolve, reject) => {
  2751. let str = '';
  2752. arr.map((value)=>{
  2753. str+=value.id+',';
  2754. })
  2755. _this.payNodeConfirmDeletNew({
  2756. id: str
  2757. });
  2758. _this.handleConfirmDelet(index,resolve,reject)
  2759. }).catch(() => console.log('Oops errors!'));
  2760. },
  2761. onCancel() {},
  2762. });
  2763. }else{
  2764. this.handleConfirmDelet(index,resolve,reject)
  2765. }
  2766. },
  2767. //外包日志列表
  2768. getSelectOutsourceLog(tid){
  2769. this.setState({
  2770. loading: true,
  2771. })
  2772. $.ajax({
  2773. method: 'get',
  2774. dataType: 'json',
  2775. crossDomain: false,
  2776. url: globalConfig.context + '/api/admin/outsourceOrg/selectOutsourceLog',
  2777. data: {
  2778. tid: tid,
  2779. },
  2780. success: function (data) {
  2781. if (data.error.length) {
  2782. if (data.error && data.error.length) {
  2783. message.warning(data.error[0].message);
  2784. }
  2785. } else {
  2786. this.setState({
  2787. outsourceLogs: data.data
  2788. })
  2789. }
  2790. this.setState({
  2791. loading: false,
  2792. })
  2793. }.bind(this),
  2794. }).always(
  2795. function () {
  2796. this.setState({
  2797. loading: false,
  2798. })
  2799. }.bind(this)
  2800. )
  2801. },
  2802. // 项目发起外包
  2803. sureOut(startType) {
  2804. if (this.state.startType !== 0 && this.state.startType !== 1) {
  2805. message.warning('请选择类型')
  2806. return
  2807. }
  2808. //0正常 1专利 2软著 3审计
  2809. if (this.state.projectType === 1) {
  2810. //专利
  2811. if (this.state.patentType === -1) {
  2812. message.warning('请选择专利类型')
  2813. return
  2814. }
  2815. if (this.state.patentNameType === -1) {
  2816. message.warning('请选择专利类型名称')
  2817. return
  2818. }
  2819. if (this.state.patentNameType == 3) {
  2820. if (!this.state.patentName) {
  2821. message.warning('请填写专利名称')
  2822. return
  2823. }
  2824. }
  2825. }
  2826. if (!this.state.outsourceRemarks) {
  2827. message.warning('备注不能为空')
  2828. return
  2829. }
  2830. //refundStatus 0-待审核 ,1-审核通过,2-审核拒绝
  2831. //类型为供应商时不需要发起原因
  2832. //this.state.startType 0外包 1供应商
  2833. if(!this.state.reason && (this.state.refundStatus === 2 || typeof this.state.refundStatus === 'undefined') && this.state.startType !== 1){
  2834. message.warning('发起原因不能为空')
  2835. return
  2836. }
  2837. let _this = this;
  2838. let ajaxObj = null;
  2839. confirm({
  2840. title: startType === 0 ? '确定要发起外包吗?' : '确定要提交供应商信息吗?',
  2841. content: startType === 0 ? '高于总部价格,费用个人承担' : '确定提交供应商信息后,不可修改',
  2842. onOk() {
  2843. return new Promise((resolve, reject) => {
  2844. _this.setState({
  2845. sureOutLoading: true,
  2846. })
  2847. let data = {
  2848. tid: _this.state.id,
  2849. orderNo: _this.state.orderNo,
  2850. type: 1, //分类 0订单 1项目
  2851. startType: _this.state.startType, //支付类型 0外包 1供应商 false 0
  2852. companyName: _this.state.companyName,
  2853. amount: _this.state.amount,
  2854. outsourceRemarks: _this.state.outsourceRemarks,
  2855. unitNumber: _this.state.unitNumber,
  2856. unitPrice: _this.state.unitPrice,
  2857. id: _this.state.refundStatus === 2 ? _this.state.mid : undefined,//被拒绝外包申请时,需要传id
  2858. }
  2859. if(_this.state.startType !== 0){
  2860. data.actualOfficial = _this.state.containOfficialFees;//0实际已缴费 1实际未缴费
  2861. }
  2862. //refundStatus 0-待审核 ,1-审核通过,2-审核拒绝 审核被驳回时和第一次发起外包时,要填写发起原因
  2863. //this.state.startType 0外包 1供应商
  2864. //类型为外包时不需要传 发起原因
  2865. if((_this.state.refundStatus === 2 || typeof _this.state.refundStatus === 'undefined') && _this.state.startType !== 1){
  2866. data.reason = _this.state.reason
  2867. }
  2868. if (_this.state.projectType === 1) {
  2869. data.patentType = _this.state.patentType;
  2870. data.patentNameType = _this.state.patentNameType;
  2871. if (_this.state.patentNameType == 3) {
  2872. data.patentName = _this.state.patentName;
  2873. }
  2874. }
  2875. if (_this.state.pictureUrl && Array.isArray(_this.state.pictureUrl) && _this.state.pictureUrl.length !== 0){
  2876. data.pictureUrl = _this.getUrl(_this.state.pictureUrl).length
  2877. ? _this.getUrl(_this.state.pictureUrl)
  2878. : ''
  2879. }
  2880. ajaxObj = $.ajax({
  2881. method: 'POST',
  2882. dataType: 'json',
  2883. crossDomain: false,
  2884. url:
  2885. globalConfig.context + '/api/admin/outsourceOrg/outsourceProjectAudit',
  2886. data: data,
  2887. }).done(
  2888. function (data) {
  2889. _this.setState({
  2890. sureOutLoading: false,
  2891. })
  2892. if (!data.error.length) {
  2893. resolve();
  2894. message.success('提交成功!')
  2895. _this.waiDetail();
  2896. _this.thirdTable(_this.state.tid);
  2897. _this.getSelectOutsourceLog(_this.state.tid);
  2898. _this.payNodeTable(_this.state.tid)
  2899. } else {
  2900. message.warning(data.error[0].message);
  2901. reject();
  2902. }
  2903. }.bind(_this)
  2904. )
  2905. }).catch((err) => console.log(err));
  2906. },
  2907. onCancel() {
  2908. ajaxObj ? ajaxObj.abort() : '';
  2909. _this.setState({
  2910. sureOutLoading: false,
  2911. })
  2912. },
  2913. });
  2914. },
  2915. handleConfirmDelet(index,resolve=()=>{},reject=()=>{}) {
  2916. this.setState({
  2917. loading: true,
  2918. ThirdListVisible: false,
  2919. })
  2920. let id = '';
  2921. if(index === -1){
  2922. if(this.state.thirdInfoList.length === 1){
  2923. id = this.state.thirdInfoList[0].id
  2924. }else{
  2925. this.state.thirdInfoList.map((value,index)=>{
  2926. id+=value.id+',';
  2927. })
  2928. }
  2929. }else{
  2930. id = index.id
  2931. }
  2932. $.ajax({
  2933. url: globalConfig.context + '/api/admin/company/deleteCompany',
  2934. method: 'post',
  2935. data: {
  2936. id: id,
  2937. },
  2938. }).done(
  2939. function (data) {
  2940. this.setState({
  2941. loading: false,
  2942. })
  2943. if (!data.error.length) {
  2944. message.success('删除成功!')
  2945. this.thirdTable(this.state.tid)
  2946. resolve();
  2947. } else {
  2948. message.warning(data.error[0].message)
  2949. reject();
  2950. }
  2951. }.bind(this)
  2952. )
  2953. },
  2954. // 删除付款节点
  2955. payNodeConfirmDeletNew(index,resolve=()=>{},reject=()=>{}) {
  2956. this.setState({
  2957. loading: true,
  2958. PayNodeVisible: false,
  2959. })
  2960. let id = '';
  2961. if(index === -1){
  2962. this.state.payNodeList.map((value,index)=>{
  2963. id+=value.id+',';
  2964. })
  2965. }else{
  2966. id = index.id
  2967. }
  2968. $.ajax({
  2969. url: globalConfig.context + '/api/admin/company/deletePaymentNode',
  2970. method: 'post',
  2971. data: {
  2972. id: id,
  2973. },
  2974. }).done(
  2975. function (data) {
  2976. this.setState({
  2977. loading: false,
  2978. })
  2979. if (!data.error.length) {
  2980. message.success('删除成功!')
  2981. resolve();
  2982. this.payNodeTable(this.state.tid)
  2983. } else {
  2984. message.warning(data.error[0].message)
  2985. reject();
  2986. }
  2987. }.bind(this)
  2988. )
  2989. },
  2990. orderDetailData(orderNos) {
  2991. this.setState({
  2992. loading: true,
  2993. });
  2994. $.ajax({
  2995. method: "get",
  2996. dataType: "json",
  2997. crossDomain: false,
  2998. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  2999. data: {
  3000. orderNo: orderNos,
  3001. },
  3002. success: function (data) {
  3003. if (data.error.length || data.data.list == "") {
  3004. if (data.error && data.error.length) {
  3005. message.warning(data.error[0].message);
  3006. this.setState({
  3007. loading: false,
  3008. });
  3009. }
  3010. } else {
  3011. let thisdata = data.data;
  3012. this.setState({
  3013. loading: false,
  3014. userName: thisdata.userName,
  3015. primaryOrderNo: thisdata.primaryOrder,
  3016. additionalOrder: thisdata.additionalOrder,
  3017. contractNo: thisdata.contractNo,
  3018. orderData: thisdata,
  3019. isAddition: thisdata.additionalOrder ? true : false,
  3020. contractPictureUrl: thisdata.contractPictureUrl
  3021. ? splitUrl(
  3022. thisdata.contractPictureUrl,
  3023. ",",
  3024. globalConfig.avatarHost + "/upload"
  3025. )
  3026. : [],
  3027. });
  3028. }
  3029. }.bind(this),
  3030. });
  3031. },
  3032. render() {
  3033. const { TabPane } = Tabs;
  3034. const formItemLayout = {
  3035. labelCol: { span: 8 },
  3036. wrapperCol: { span: 14 },
  3037. };
  3038. let departmentArr = this.state.departmentArr || [];
  3039. return (
  3040. <div className="user-content">
  3041. {this.state.resVisible ? (
  3042. <ResolutionDetail
  3043. cancel={this.resCancel}
  3044. detail={this.state.resRecord}
  3045. visible={this.state.resVisible}
  3046. id={this.state.resRecord.orderNo}
  3047. />
  3048. ) : (
  3049. ""
  3050. )}
  3051. <ShowModalDiv ShowModal={this.state.showModal} />
  3052. <div className="content-title" style={{ marginBottom: 10 }}>
  3053. <span style={{ fontWeight: 900, fontSize: 16 }}>我的外包项目</span>
  3054. </div>
  3055. <Tabs defaultActiveKey="2" onChange={this.callback} className="test">
  3056. <TabPane tab="搜索" key="2">
  3057. <div className="user-search" style={{ marginLeft: 10 }}>
  3058. <Input
  3059. placeholder="客户名称"
  3060. value={this.state.nameSearch}
  3061. onChange={(e) => {
  3062. this.setState({ nameSearch: e.target.value });
  3063. }}
  3064. />
  3065. <Input
  3066. placeholder="订单编号"
  3067. value={this.state.orderNoSearch}
  3068. onChange={(e) => {
  3069. this.setState({ orderNoSearch: e.target.value });
  3070. }}
  3071. />
  3072. <Input
  3073. placeholder="合同编号"
  3074. value={this.state.contractNoSearch}
  3075. onChange={(e) => {
  3076. this.setState({ contractNoSearch: e.target.value });
  3077. }}
  3078. />
  3079. <Input
  3080. placeholder="项目编号"
  3081. value={this.state.taskNoSearch}
  3082. onChange={(e) => {
  3083. this.setState({ taskNoSearch: e.target.value });
  3084. }}
  3085. />
  3086. <Select
  3087. placeholder="选择部门"
  3088. style={{ width: 150, marginRight: "10px" }}
  3089. value={this.state.departmenttSearch}
  3090. onChange={(e) => {
  3091. this.setState({ departmenttSearch: e });
  3092. }}
  3093. >
  3094. {departmentArr.map(function (item) {
  3095. return (
  3096. <Select.Option key={item.id}>{item.name}</Select.Option>
  3097. );
  3098. })}
  3099. </Select>
  3100. <Select
  3101. placeholder="项目状态"
  3102. style={{ width: 150, marginRight: "10px" }}
  3103. value={this.state.projectStatusSearch}
  3104. onChange={(e) => {
  3105. this.setState({ projectStatusSearch: e });
  3106. console.log(this.state.projectStatusSearch);
  3107. }}
  3108. >
  3109. {projectStatus.map(function (item) {
  3110. return (
  3111. <Select.Option key={item.value}>{item.key}</Select.Option>
  3112. );
  3113. })}
  3114. </Select>
  3115. <Select
  3116. placeholder="特批状态"
  3117. style={{ width: 150, marginRight: "10px" }}
  3118. value={this.state.approvalSearch}
  3119. onChange={(e) => {
  3120. this.setState({ approvalSearch: e });
  3121. console.log(this.state.approvalSearch);
  3122. }}
  3123. >
  3124. <Select.Option key={0}>非特批</Select.Option>
  3125. <Select.Option key={1}>特批</Select.Option>
  3126. </Select>
  3127. <Button type="primary" onClick={this.search}>
  3128. 搜索
  3129. </Button>
  3130. <Button onClick={()=>{
  3131. this.reset();
  3132. }}>重置</Button>
  3133. {/* <span>更多搜索<Switch defaultChecked={false} onChange={this.searchSwitch.bind(this)} /></span>
  3134. <div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>
  3135. <span>订单时间 :</span>
  3136. <RangePicker
  3137. value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,
  3138. this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}
  3139. onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />
  3140. </div> */}
  3141. </div>
  3142. </TabPane>
  3143. <TabPane tab="导出Excel" key="3">
  3144. <Button
  3145. type="primary"
  3146. style={{ margin: "11px 0 10px 10px" }}
  3147. onClick={this.exportExec}
  3148. >
  3149. 导出Excel
  3150. </Button>
  3151. </TabPane>
  3152. <TabPane tab="更改表格显示数据" key="1">
  3153. <div style={{ marginLeft: 10 }}>
  3154. <ChooseList
  3155. columns={this.state.columns}
  3156. changeFn={this.changeList}
  3157. changeList={this.state.changeList}
  3158. top={55}
  3159. margin={11}
  3160. />
  3161. </div>
  3162. </TabPane>
  3163. {/* <TabPane tab="批量操作" key="6">
  3164. <Button
  3165. type="primary"
  3166. disabled={this.state.selectedRowKeys.length == 0}
  3167. style={{ margin: "0px 0px 10px 10px" }}
  3168. onClick={e => {
  3169. e.stopPropagation(),
  3170. this.evaluateY(this.state.selectedRowKeys, "财务专员");
  3171. }}
  3172. >
  3173. 转交
  3174. </Button>
  3175. </TabPane> */}
  3176. </Tabs>
  3177. <div className="patent-table">
  3178. <Spin spinning={this.state.loading}>
  3179. <Table
  3180. columns={
  3181. this.state.changeList == undefined
  3182. ? this.state.columns
  3183. : this.state.changeList
  3184. }
  3185. dataSource={this.state.dataSource}
  3186. pagination={this.state.pagination}
  3187. onRowClick={this.tableRowClick.bind(this)}
  3188. scroll={{ x: "max-content", y: 0 }}
  3189. bordered
  3190. size={"small"}
  3191. />
  3192. </Spin>
  3193. </div>
  3194. <Assign
  3195. title="项目"
  3196. selApi={"/api/admin/orderProject/projectDistribution"}
  3197. data={this.state.assignData}
  3198. showDesc={this.state.assignVisible}
  3199. closeDesc={this.closeAssign.bind(this)}
  3200. fenpaiData={8}
  3201. specially={0}
  3202. roleName={this.state.nub}
  3203. requestMethod={"post"}
  3204. flag={this.state.flag}
  3205. isZhuan={this.state.isZhuan} //是否转交
  3206. />
  3207. {this.state.visible ? <Modal
  3208. className="customeDetails"
  3209. footer=""
  3210. title=""
  3211. width="900px"
  3212. visible={this.state.visible}
  3213. onOk={this.visitOk}
  3214. onCancel={this.visitCancel}
  3215. >
  3216. <Tabs
  3217. onChange={this.callBack}
  3218. activeKey={this.state.modKey}
  3219. tabBarExtraContent={
  3220. <div style={{fontWeight:'bold',paddingRight:'15px'}}>
  3221. <span>
  3222. 项目名称:
  3223. <span style={{color:'#F00',paddingRight:'5px'}}>{this.state.taskName}</span>
  3224. </span>
  3225. <span style={{marginLeft:'15px'}}>
  3226. 项目编号:
  3227. <span style={{color:'#F00',paddingRight:'5px'}}>
  3228. {this.state.id}
  3229. {
  3230. this.state.splitStatus === 2 ? '('+this.state.splitSuper+'-'+this.state.splitId+')' : ''
  3231. }
  3232. </span>
  3233. </span>
  3234. </div>
  3235. }
  3236. >
  3237. <TabPane tab="项目概况" key="1">
  3238. {this.state.modKey === "1" ? <Form
  3239. layout="horizontal"
  3240. onSubmit={this.handleSubmit}
  3241. id="demand-form"
  3242. style={{ paddingBottom: "00px" }}
  3243. >
  3244. <Spin spinning={this.state.loading}>
  3245. <div className="clearfix">
  3246. <div className="clearfix">
  3247. <FormItem
  3248. className="half-item"
  3249. {...formItemLayout}
  3250. label="当前项目情况"
  3251. >
  3252. <Radio.Group
  3253. value={this.state.status}
  3254. onChange={(e) => {
  3255. this.setState({ status: e.target.value });
  3256. }}
  3257. >
  3258. <Radio value={0}>开启</Radio>
  3259. <Radio value={1}>暂停</Radio>
  3260. </Radio.Group>
  3261. <Button
  3262. type="primary"
  3263. size="small"
  3264. style={{ marginTop: "5px", position: "absolute" }}
  3265. onClick={this.caozuorizhi}
  3266. >
  3267. 操作日志
  3268. </Button>
  3269. </FormItem>
  3270. <FormItem
  3271. className="half-item"
  3272. {...formItemLayout}
  3273. label="合同编号"
  3274. >
  3275. <span>{this.state.contractNo}</span>
  3276. </FormItem>
  3277. </div>
  3278. <div className="clearfix">
  3279. <FormItem
  3280. className="half-item"
  3281. {...formItemLayout}
  3282. label="项目状态"
  3283. >
  3284. <Select
  3285. placeholder="选择项目状态"
  3286. style={{ width: "200px" }}
  3287. value={this.state.projectStatus}
  3288. onChange={(e) => {
  3289. this.setState({ projectStatus: e });
  3290. }}
  3291. >
  3292. {projectStatus.map(function (item) {
  3293. return (
  3294. <Select.Option key={item.value}>
  3295. {item.key}
  3296. </Select.Option>
  3297. );
  3298. })}
  3299. </Select>
  3300. </FormItem>
  3301. <FormItem
  3302. className="half-item"
  3303. {...formItemLayout}
  3304. label="是否特批"
  3305. >
  3306. <span>{getApproval(this.state.approval)}</span>
  3307. </FormItem>
  3308. <FormItem
  3309. className="half-item"
  3310. {...formItemLayout}
  3311. label="结算状态"
  3312. >
  3313. <span>
  3314. {getLiquidationStatus(this.state.liquidationStatus)}
  3315. </span>
  3316. </FormItem>
  3317. <FormItem
  3318. className="half-item"
  3319. {...formItemLayout}
  3320. label="流程状态"
  3321. >
  3322. <span>
  3323. {getProcessStatus(this.state.processStatus)}
  3324. </span>
  3325. </FormItem>
  3326. <FormItem
  3327. className="half-item"
  3328. {...formItemLayout}
  3329. label="订单编号"
  3330. >
  3331. <span>{this.state.orderNo}</span>
  3332. </FormItem>
  3333. </div>
  3334. <div className="clearfix">
  3335. <FormItem
  3336. className="half-item"
  3337. {...formItemLayout}
  3338. label="满意度表格"
  3339. >
  3340. <Radio.Group
  3341. value={this.state.formRetrieve}
  3342. onChange={(e) => {
  3343. this.setState({ formRetrieve: e.target.value });
  3344. }}
  3345. >
  3346. <Radio value={0}>未收回</Radio>
  3347. <Radio value={1}>已收回</Radio>
  3348. <Radio value={2}>其他</Radio>
  3349. </Radio.Group>
  3350. </FormItem>
  3351. <FormItem
  3352. className="half-item"
  3353. {...formItemLayout}
  3354. label="退单"
  3355. >
  3356. <Radio.Group
  3357. value={this.state.taskRefund}
  3358. onChange={(e) => {
  3359. this.setState({ taskRefund: e.target.value });
  3360. }}
  3361. >
  3362. <Radio value={0}>已完成</Radio>
  3363. <Radio value={1}>未完成</Radio>
  3364. <Radio value={2}>其他</Radio>
  3365. </Radio.Group>
  3366. </FormItem>
  3367. </div>
  3368. <div className="clearfix">
  3369. {
  3370. <FormItem
  3371. className="half-item"
  3372. {...formItemLayout}
  3373. label="(满意度)备注"
  3374. >
  3375. <Input
  3376. type="textarea"
  3377. placeholder="请输入备注"
  3378. rows={2}
  3379. value={this.state.retrieveContent}
  3380. onChange={(e) => {
  3381. this.setState({
  3382. retrieveContent: e.target.value,
  3383. });
  3384. }}
  3385. />
  3386. </FormItem>
  3387. }
  3388. {
  3389. <FormItem
  3390. className="half-item"
  3391. {...formItemLayout}
  3392. label="(退单)备注"
  3393. >
  3394. <Input
  3395. type="textarea"
  3396. placeholder="请输入备注"
  3397. rows={2}
  3398. value={this.state.refundContent}
  3399. onChange={(e) => {
  3400. this.setState({ refundContent: e.target.value });
  3401. }}
  3402. />
  3403. </FormItem>
  3404. }
  3405. </div>
  3406. <div className="clearfix">
  3407. <h3 className="sub-title">订单负责人信息</h3>
  3408. <FormItem
  3409. className="half-item"
  3410. {...formItemLayout}
  3411. label="负责人"
  3412. >
  3413. <span>
  3414. {this.state.salesmanName +
  3415. "(" +
  3416. this.state.depName +
  3417. ")"}
  3418. </span>
  3419. </FormItem>
  3420. <FormItem
  3421. className="half-item"
  3422. {...formItemLayout}
  3423. label="负责人电话"
  3424. >
  3425. <span>{this.state.salesmanMobile}</span>
  3426. </FormItem>
  3427. <FormItem
  3428. className="half-item"
  3429. {...formItemLayout}
  3430. label="当前财务负责人"
  3431. >
  3432. <span>{this.state.nowFinance}</span>
  3433. </FormItem>
  3434. <FormItem
  3435. className="half-item"
  3436. {...formItemLayout}
  3437. label="当前财务负责人电话"
  3438. >
  3439. <span>{this.state.nowFinanceMobile}</span>
  3440. </FormItem>
  3441. <FormItem
  3442. className="half-item"
  3443. {...formItemLayout}
  3444. style={{ opacity: ".5" }}
  3445. label="原负责人"
  3446. >
  3447. <span>{this.state.oldSalesmanName}</span>
  3448. </FormItem>
  3449. <FormItem
  3450. className="half-item"
  3451. {...formItemLayout}
  3452. style={{ opacity: ".5" }}
  3453. label="原负责人电话"
  3454. >
  3455. <span>{this.state.oldSalesmanMobile}</span>
  3456. </FormItem>
  3457. <FormItem
  3458. className="half-item"
  3459. {...formItemLayout}
  3460. style={{ opacity: ".5" }}
  3461. label="实际财务操作人"
  3462. >
  3463. <span>{this.state.financeName}</span>
  3464. </FormItem>
  3465. <FormItem
  3466. className="half-item"
  3467. {...formItemLayout}
  3468. style={{ opacity: ".5" }}
  3469. label="实际财务操作人电话"
  3470. >
  3471. <span>{this.state.financeMobile}</span>
  3472. </FormItem>
  3473. <FormItem
  3474. className="half-item"
  3475. {...formItemLayout}
  3476. label="订单留言"
  3477. >
  3478. <span>{this.state.orderRemarks}</span>
  3479. </FormItem>
  3480. <FormItem
  3481. className="half-item"
  3482. {...formItemLayout}
  3483. label=""
  3484. >
  3485. <Button onClick={this.getOrderLog}>查看订单日志</Button>
  3486. </FormItem>
  3487. <OrderRiZi
  3488. dataSourcerizhi={this.state.dataSourceY}
  3489. closeOrderLog={this.closeOrderLog}
  3490. visible={this.state.avisible}
  3491. loading={this.state.loading}
  3492. />
  3493. </div>
  3494. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  3495. <div className="clearfix">
  3496. <h3 className="sub-title">联系信息</h3>
  3497. <FormItem
  3498. className="half-item"
  3499. {...formItemLayout}
  3500. label="客户名称"
  3501. >
  3502. <span>{this.state.userName}</span>
  3503. </FormItem>
  3504. <FormItem
  3505. className="half-item"
  3506. {...formItemLayout}
  3507. label="企业法人"
  3508. >
  3509. <Input
  3510. placeholder="请输入法人名称"
  3511. value={this.state.legalPerson}
  3512. style={{ width: "200px" }}
  3513. onChange={(e) => {
  3514. this.setState({ legalPerson: e.target.value });
  3515. }}
  3516. ref="commodityQuantity"
  3517. />
  3518. </FormItem>
  3519. <FormItem
  3520. className="half-item"
  3521. {...formItemLayout}
  3522. label="法人电话"
  3523. >
  3524. <Input
  3525. placeholder="请输入法人电话"
  3526. value={this.state.legalPersonTel}
  3527. style={{ width: "200px" }}
  3528. onChange={(e) => {
  3529. this.setState({ legalPersonTel: e.target.value });
  3530. }}
  3531. ref="commodityQuantity"
  3532. />
  3533. </FormItem>
  3534. <FormItem
  3535. className="half-item"
  3536. {...formItemLayout}
  3537. label="客户联系人"
  3538. >
  3539. <Input
  3540. placeholder="请输入联系人名称"
  3541. value={this.state.contacts}
  3542. style={{ width: "200px" }}
  3543. onChange={(e) => {
  3544. this.setState({ contacts: e.target.value });
  3545. }}
  3546. ref="commodityQuantity"
  3547. />
  3548. </FormItem>
  3549. <FormItem
  3550. className="half-item"
  3551. {...formItemLayout}
  3552. label="联系人电话"
  3553. >
  3554. <Input
  3555. placeholder="请输入联系人电话"
  3556. value={this.state.contactMobile}
  3557. style={{ width: "200px" }}
  3558. onChange={(e) => {
  3559. this.setState({ contactMobile: e.target.value });
  3560. }}
  3561. ref="commodityQuantity"
  3562. />
  3563. </FormItem>
  3564. <FormItem
  3565. className="half-item"
  3566. {...formItemLayout}
  3567. label="企业地址"
  3568. >
  3569. <Cascader
  3570. options={areaSelect()}
  3571. value={this.state.ProvinceCity}
  3572. placeholder="选择城市"
  3573. style={{ width: "200px" }}
  3574. onChange={(e) => {
  3575. this.setState({ ProvinceCity: e });
  3576. }}
  3577. />
  3578. </FormItem>
  3579. <FormItem
  3580. className="half-item"
  3581. {...formItemLayout}
  3582. label=""
  3583. />
  3584. <FormItem
  3585. className="half-item"
  3586. {...formItemLayout}
  3587. label=""
  3588. >
  3589. <Input
  3590. placeholder="请输入详细地址"
  3591. value={this.state.postalAddress}
  3592. style={{ width: "200px", marginLeft: "12em" }}
  3593. onChange={(e) => {
  3594. this.setState({ postalAddress: e.target.value });
  3595. }}
  3596. ref="commodityQuantity"
  3597. />
  3598. </FormItem>
  3599. </div>
  3600. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  3601. <div className="clearfix">
  3602. <h3 className="sub-title">项目信息</h3>
  3603. <FormItem
  3604. className="half-item"
  3605. {...formItemLayout}
  3606. label="项目编号"
  3607. >
  3608. <span>
  3609. {this.state.splitStatus == 2
  3610. ? this.state.splitSuper + "-" + this.state.splitId
  3611. : this.state.id}
  3612. </span>
  3613. </FormItem>
  3614. <FormItem
  3615. className="half-item"
  3616. {...formItemLayout}
  3617. label="项目名称"
  3618. >
  3619. <span>{this.state.taskName}</span>
  3620. </FormItem>
  3621. <FormItem
  3622. className="half-item"
  3623. {...formItemLayout}
  3624. label="项目状态"
  3625. >
  3626. <Select
  3627. placeholder="选择项目状态"
  3628. style={{ width: "200px" }}
  3629. value={this.state.taskStatus}
  3630. onChange={(e) => {
  3631. this.setState({ taskStatus: e });
  3632. }}
  3633. >
  3634. {taskStatus.map(function (item) {
  3635. return (
  3636. <Select.Option key={item.value}>
  3637. {item.key}
  3638. </Select.Option>
  3639. );
  3640. })}
  3641. </Select>
  3642. </FormItem>
  3643. <FormItem
  3644. className="half-item"
  3645. {...formItemLayout}
  3646. label="项目类别"
  3647. >
  3648. <span>{this.state.cname}</span>
  3649. </FormItem>
  3650. <FormItem
  3651. className="half-item"
  3652. {...formItemLayout}
  3653. label="证书编号"
  3654. >
  3655. <Input
  3656. placeholder="请输入证书编号"
  3657. value={this.state.certificateNumber}
  3658. style={{ width: "200px" }}
  3659. onChange={(e) => {
  3660. this.setState({
  3661. certificateNumber: e.target.value,
  3662. });
  3663. }}
  3664. ref="commodityQuantity"
  3665. />
  3666. </FormItem>
  3667. </div>
  3668. <div className="clearfix">
  3669. <h3 className="sub-title">申报系统账户信息</h3>
  3670. {/*<span style={{color:'red'}}>注:仅技术部可见</span>*/}
  3671. <FormItem
  3672. className="half-item"
  3673. {...formItemLayout}
  3674. label="用户名"
  3675. >
  3676. <Input
  3677. placeholder="请输入用户名"
  3678. value={this.state.declareUser}
  3679. style={{ width: "200px" }}
  3680. onChange={(e) => {
  3681. this.setState({ declareUser: e.target.value });
  3682. }}
  3683. />
  3684. </FormItem>
  3685. <FormItem
  3686. className="half-item"
  3687. {...formItemLayout}
  3688. label="密码"
  3689. >
  3690. <Input
  3691. placeholder="请输入密码"
  3692. value={this.state.declarePwd}
  3693. style={{ width: "200px" }}
  3694. onChange={(e) => {
  3695. this.setState({ declarePwd: e.target.value });
  3696. }}
  3697. />
  3698. </FormItem>
  3699. </div>
  3700. <div className="clearfix">
  3701. <h3 className="sub-title">项目申报进度</h3>
  3702. <FormItem
  3703. className="half-item"
  3704. {...formItemLayout}
  3705. label="申报批次"
  3706. >
  3707. <Select
  3708. value={
  3709. this.state.declarationBatch
  3710. ? this.state.declarationBatch
  3711. : undefined
  3712. }
  3713. placeholder="请选择批次"
  3714. style={{ width: 200 }}
  3715. onChange={(e) => {
  3716. this.setState({
  3717. declarationBatch: e,
  3718. });
  3719. }}
  3720. >
  3721. <Option value={1}>第一批</Option>
  3722. <Option value={2}>第二批</Option>
  3723. <Option value={3}>第三批</Option>
  3724. <Option value={4}>第四批</Option>
  3725. </Select>
  3726. </FormItem>
  3727. <FormItem
  3728. className="half-item"
  3729. {...formItemLayout}
  3730. label="启动时间"
  3731. >
  3732. <DatePicker
  3733. style={{
  3734. marginTop: "2px",
  3735. width: "200px",
  3736. height: "32px",
  3737. }}
  3738. showTime
  3739. format="YYYY-MM-DD"
  3740. onOk={() => {}}
  3741. value={
  3742. this.state.startDate
  3743. ? moment(this.state.startDate)
  3744. : null
  3745. }
  3746. onChange={(data, dataString) => {
  3747. this.setState({ startDate: dataString });
  3748. }}
  3749. />
  3750. </FormItem>
  3751. <FormItem
  3752. className="half-item"
  3753. {...formItemLayout}
  3754. label="完成时间"
  3755. >
  3756. <DatePicker
  3757. style={{
  3758. marginTop: "2px",
  3759. width: "200px",
  3760. height: "32px",
  3761. }}
  3762. showTime
  3763. format="YYYY-MM-DD"
  3764. onOk={() => {}}
  3765. value={
  3766. this.state.endDate
  3767. ? moment(this.state.endDate)
  3768. : null
  3769. }
  3770. onChange={(data, dataString) => {
  3771. this.setState({ endDate: dataString });
  3772. }}
  3773. />
  3774. </FormItem>
  3775. <FormItem
  3776. className="half-item"
  3777. {...formItemLayout}
  3778. label="受理时间"
  3779. >
  3780. <DatePicker
  3781. style={{
  3782. marginTop: "2px",
  3783. width: "200px",
  3784. height: "32px",
  3785. }}
  3786. showTime
  3787. format="YYYY-MM-DD"
  3788. onOk={() => {}}
  3789. value={
  3790. this.state.acceptDate
  3791. ? moment(this.state.acceptDate)
  3792. : null
  3793. }
  3794. onChange={(data, dataString) => {
  3795. this.setState({ acceptDate: dataString });
  3796. }}
  3797. />
  3798. </FormItem>
  3799. <FormItem
  3800. className="half-item"
  3801. {...formItemLayout}
  3802. label="评审时间"
  3803. >
  3804. <DatePicker
  3805. style={{
  3806. marginTop: "2px",
  3807. width: "200px",
  3808. height: "32px",
  3809. }}
  3810. showTime
  3811. format="YYYY-MM-DD"
  3812. onOk={() => {}}
  3813. value={
  3814. this.state.reviewDate
  3815. ? moment(this.state.reviewDate)
  3816. : null
  3817. }
  3818. onChange={(data, dataString) => {
  3819. this.setState({ reviewDate: dataString });
  3820. }}
  3821. />
  3822. </FormItem>
  3823. <FormItem
  3824. className="half-item"
  3825. {...formItemLayout}
  3826. label="公示时间"
  3827. >
  3828. <DatePicker
  3829. style={{
  3830. marginTop: "2px",
  3831. width: "200px",
  3832. height: "32px",
  3833. }}
  3834. showTime
  3835. format="YYYY-MM-DD"
  3836. onOk={() => {}}
  3837. value={
  3838. this.state.publicityDate
  3839. ? moment(this.state.publicityDate)
  3840. : null
  3841. }
  3842. onChange={(data, dataString) => {
  3843. this.setState({ publicityDate: dataString });
  3844. }}
  3845. />
  3846. </FormItem>
  3847. <FormItem
  3848. className="half-item"
  3849. {...formItemLayout}
  3850. label="发证时间"
  3851. >
  3852. <DatePicker
  3853. style={{
  3854. marginTop: "2px",
  3855. width: "200px",
  3856. height: "32px",
  3857. }}
  3858. showTime
  3859. format="YYYY-MM-DD"
  3860. onOk={() => {}}
  3861. value={
  3862. this.state.licenceDate
  3863. ? moment(this.state.licenceDate)
  3864. : null
  3865. }
  3866. onChange={(data, dataString) => {
  3867. this.setState({ licenceDate: dataString });
  3868. }}
  3869. />
  3870. </FormItem>
  3871. <FormItem
  3872. className="half-item"
  3873. {...formItemLayout}
  3874. label="立项金额(万元)"
  3875. >
  3876. <Input
  3877. placeholder="请输入立项金额"
  3878. value={this.state.setUpAmount}
  3879. style={{ width: "200px" }}
  3880. onChange={(e) => {
  3881. this.setState({ setUpAmount: e.target.value });
  3882. }}
  3883. ref="commodityQuantity"
  3884. />
  3885. </FormItem>
  3886. <FormItem
  3887. className="half-item"
  3888. {...formItemLayout}
  3889. label="是否到款"
  3890. >
  3891. <Radio.Group
  3892. value={this.state.arrivalMoney}
  3893. onChange={(e) => {
  3894. this.setState({ arrivalMoney: e.target.value });
  3895. }}
  3896. >
  3897. <Radio value={0}>未到企业</Radio>
  3898. <Radio value={1}>已到企业</Radio>
  3899. </Radio.Group>
  3900. </FormItem>
  3901. </div>
  3902. <div className="clearfix">
  3903. <FormItem
  3904. labelCol={{ span: 3 }}
  3905. wrapperCol={{ span: 16 }}
  3906. label="附件"
  3907. >
  3908. <Picture
  3909. domId={'myTaskOutsource1'}
  3910. fileList={(e) => {
  3911. this.setState({ attachmentUrl: e });
  3912. }}
  3913. pictureUrl={this.state.attachmentUrl}
  3914. visible={this.props.visible}
  3915. data={{
  3916. sign: "order_task_file",
  3917. url: "/api/admin/orderProject/uploadOrderTaskFile",
  3918. number: 8,
  3919. }}
  3920. />
  3921. </FormItem>
  3922. </div>
  3923. <div className="clearfix">
  3924. <FormItem
  3925. labelCol={{ span: 3 }}
  3926. wrapperCol={{ span: 16 }}
  3927. label="备注"
  3928. >
  3929. <Input
  3930. type="textarea"
  3931. placeholder="请输入备注"
  3932. rows={4}
  3933. value={this.state.taskComment}
  3934. onChange={(e) => {
  3935. this.setState({ taskComment: e.target.value });
  3936. }}
  3937. />
  3938. </FormItem>
  3939. </div>
  3940. <div>
  3941. <h3 className="sub-title">项目业务</h3>
  3942. {this.state.processStatus == 0 ? (
  3943. <Button
  3944. type="primary"
  3945. onClick={this.addDetailed}
  3946. style={{
  3947. float: "right",
  3948. marginRight: "50px",
  3949. marginBottom: "15px",
  3950. }}
  3951. >
  3952. 添加项目明细
  3953. </Button>
  3954. ) : (
  3955. ""
  3956. )}
  3957. </div>
  3958. <div className="patent-table">
  3959. <Spin spinning={this.state.loading}>
  3960. <Table
  3961. columns={this.state.columnsX}
  3962. dataSource={this.state.dataSourceX}
  3963. pagination={this.state.paginations}
  3964. onRowClick={this.tableRowClickX}
  3965. bordered
  3966. size="small"
  3967. />
  3968. </Spin>
  3969. </div>
  3970. <div className="clearfix">
  3971. <Button
  3972. className="cancel"
  3973. type="primary"
  3974. onClick={this.tijiaoOk}
  3975. style={{ marginLeft: "200px", marginTop: "10px" }}
  3976. htmlType="submit"
  3977. >
  3978. 保存
  3979. </Button>
  3980. <Button
  3981. className="cancel"
  3982. type="ghost"
  3983. onClick={this.visitCancel}
  3984. style={{ marginLeft: "50px", marginTop: "10px" }}
  3985. >
  3986. 取消
  3987. </Button>
  3988. </div>
  3989. </div>
  3990. </Spin>
  3991. </Form> : <div/>}
  3992. </TabPane>
  3993. <TabPane tab="外包/供应商信息" key="2">
  3994. <Spin spinning={this.state.waiDetailLoading}>
  3995. {this.state.visible && this.state.modKey === '2'?<div>
  3996. {
  3997. this.state.refundStatus !== 0 && this.state.refundStatus !== 1? (
  3998. <div style={{ marginTop: 10 }}>
  3999. <div className="clearfix">
  4000. <FormItem
  4001. className="half-item"
  4002. labelCol={{ span: 3 }}
  4003. wrapperCol={{ span: 14 }}
  4004. label={
  4005. <span>
  4006. <strong style={{ color: '#f00' }}>*</strong>
  4007. 类型
  4008. </span>
  4009. }
  4010. >
  4011. <Radio.Group
  4012. disabled={this.state.payNodeLoading || this.state.thirdInfoLoading}
  4013. value={this.state.startType}
  4014. onChange={(e) => {
  4015. let _this = this;
  4016. if(this.state.thirdInfoList.length >0){
  4017. confirm({
  4018. title: '确定要切换吗?',
  4019. content: '切换将删除所有第三信息和付款节点',
  4020. onOk() {
  4021. return new Promise((resolve, reject) => {
  4022. _this.setState({ startType: e.target.value },()=>{
  4023. _this.projectTypeTabContent(_this.state.projectType);
  4024. })
  4025. _this.confirmDeletNew(-1,resolve,reject)
  4026. if(_this.state.payNodeList.length > 0){
  4027. _this.payNodeConfirmDeletNew(-1,resolve,reject);
  4028. }
  4029. }).catch(() => console.log('Oops errors!'));
  4030. },
  4031. onCancel() {},
  4032. });
  4033. }else{
  4034. this.setState({ startType: e.target.value },()=>{
  4035. this.projectTypeTabContent(this.state.projectType);
  4036. })
  4037. }
  4038. }}
  4039. >
  4040. <Radio value={0}>外包(不走总部)</Radio>
  4041. <Radio value={1}>供应商信息</Radio>
  4042. </Radio.Group>
  4043. </FormItem>
  4044. </div>
  4045. {/* 专利类型 */}
  4046. <div
  4047. className="clearfix"
  4048. style={{
  4049. display: this.state.projectType === 1 ? 'block' : 'none',
  4050. }}
  4051. >
  4052. <FormItem
  4053. className="half-item"
  4054. labelCol={{ span: 4 }}
  4055. wrapperCol={{ span: 14 }}
  4056. label={
  4057. <span>
  4058. <strong style={{ color: '#f00' }}>*</strong>
  4059. 专利类型
  4060. </span>
  4061. }
  4062. >
  4063. <Radio.Group
  4064. disabled={this.state.payNodeLoading || this.state.thirdInfoLoading}
  4065. value={this.state.patentType}
  4066. onChange={(e) => {
  4067. let _this = this;
  4068. if(this.state.thirdInfoList.length >0){
  4069. confirm({
  4070. title: '确定要切换吗?',
  4071. content: '切换将删除所有第三信息和付款节点',
  4072. onOk() {
  4073. return new Promise((resolve, reject) => {
  4074. _this.setState({ patentType: e.target.value },()=>{
  4075. _this.projectTypeTabContent(_this.state.projectType);
  4076. })
  4077. _this.confirmDeletNew(-1,resolve,reject)
  4078. if(_this.state.payNodeList.length > 0){
  4079. _this.payNodeConfirmDeletNew(-1,resolve,reject);
  4080. }
  4081. }).catch(() => console.log('Oops errors!'));
  4082. },
  4083. onCancel() {},
  4084. });
  4085. }else{
  4086. this.setState({ patentType: e.target.value },()=>{
  4087. this.projectTypeTabContent(this.state.projectType);
  4088. })
  4089. }
  4090. }}
  4091. >
  4092. <Radio value={0}>专利申请/变更/转让</Radio>
  4093. <Radio value={1}>专利买卖</Radio>
  4094. </Radio.Group>
  4095. </FormItem>
  4096. </div>
  4097. <div
  4098. className="clearfix"
  4099. style={{
  4100. display: this.state.projectType === 1? 'block' : 'none',
  4101. }}
  4102. >
  4103. <FormItem
  4104. className="half-item"
  4105. labelCol={{ span: 4 }}
  4106. wrapperCol={{ span: 14 }}
  4107. label={
  4108. <span>
  4109. <strong style={{ color: '#f00' }}>*</strong>
  4110. 专利名称
  4111. </span>
  4112. }
  4113. >
  4114. <Radio.Group
  4115. disabled={this.state.payNodeLoading || this.state.thirdInfoLoading}
  4116. value={this.state.patentNameType}
  4117. onChange={(e) => {
  4118. let _this = this;
  4119. if(this.state.thirdInfoList.length >0){
  4120. confirm({
  4121. title: '确定要切换吗?',
  4122. content: '切换将删除所有第三信息和付款节点',
  4123. onOk() {
  4124. return new Promise((resolve, reject) => {
  4125. _this.setState({ patentNameType: e.target.value },()=>{
  4126. _this.projectTypeTabContent(_this.state.projectType);
  4127. })
  4128. _this.confirmDeletNew(-1,resolve,reject)
  4129. if(_this.state.payNodeList.length > 0){
  4130. _this.payNodeConfirmDeletNew(-1,resolve,reject);
  4131. }
  4132. }).catch(() => console.log('Oops errors!'));
  4133. },
  4134. onCancel() {},
  4135. });
  4136. }else{
  4137. this.setState({ patentNameType: e.target.value },()=>{
  4138. this.projectTypeTabContent(this.state.projectType);
  4139. })
  4140. }
  4141. }}
  4142. >
  4143. <Radio value={0}>实用新型专利</Radio>
  4144. <Radio value={1}>发明专利</Radio>
  4145. <Radio value={2}>外观专利</Radio>
  4146. {/*<Radio value={3}>*/}
  4147. {/* 其他*/}
  4148. {/* <Input*/}
  4149. {/* disabled={this.state.patentNameType !== 3}*/}
  4150. {/* value={this.state.patentName}*/}
  4151. {/* style={{ marginLeft: '15px' }}*/}
  4152. {/* onChange={(e) => {*/}
  4153. {/* this.setState({*/}
  4154. {/* patentName: e.target.value,*/}
  4155. {/* })*/}
  4156. {/* }}*/}
  4157. {/* placeholder="请填写专利名称"*/}
  4158. {/* />*/}
  4159. {/*</Radio>*/}
  4160. </Radio.Group>
  4161. </FormItem>
  4162. </div>
  4163. {/*外包类型无此选项*/}
  4164. {this.state.orderTaskOfficialCost === 1 && this.state.startType !== 0 ? <div className="clearfix">
  4165. <FormItem
  4166. className="half-item"
  4167. labelCol={{ span: 4 }}
  4168. wrapperCol={{ span: 14 }}
  4169. label={<span>官费</span>}>
  4170. <Radio.Group
  4171. value={this.state.containOfficialFees}
  4172. onChange={(e) => {
  4173. this.setState({ containOfficialFees: e.target.value })
  4174. }}
  4175. >
  4176. <Radio value={0}>实际已缴费</Radio>
  4177. <Radio value={1}>实际未缴费</Radio>
  4178. </Radio.Group>
  4179. </FormItem>
  4180. </div> : <div/>}
  4181. {/* 第三方信息专利 */}
  4182. <div>
  4183. <span
  4184. style={{
  4185. fontSize: '18px',
  4186. }}
  4187. >
  4188. 第三方信息
  4189. </span>
  4190. <span
  4191. style={{
  4192. display: 'inline-block',
  4193. marginLeft: 10,
  4194. color: 'red',
  4195. }}
  4196. >
  4197. 金额总计(万元): {this.state.allTotalAmount}
  4198. </span>
  4199. <Button
  4200. type="primary"
  4201. onClick={(e) => {
  4202. //this.state.startType 0外包 1供应商 类型为外包时,当普通单
  4203. if(this.state.projectType === 1 && this.state.patentType === -1){
  4204. message.info('请先选择专利类型');
  4205. }else if(this.state.projectType === 1 && this.state.patentNameType === -1){
  4206. message.info('请先选择专利名称');
  4207. } else{
  4208. this.addThirdList()
  4209. }
  4210. }}
  4211. style={{
  4212. float: 'right',
  4213. marginRight: '50px',
  4214. marginBottom: '15px',
  4215. }}
  4216. >
  4217. +新增供应商名称
  4218. </Button>
  4219. </div>
  4220. <div
  4221. className="clearfix"
  4222. >
  4223. <Spin spinning={this.state.thirdInfoLoading}>
  4224. <Form layout="horizontal">
  4225. <Table
  4226. pagination={false}
  4227. columns={this.state.ContactsListsNew}
  4228. dataSource={this.state.thirdInfoList}
  4229. onRowClick={this.tableRowClickOne}
  4230. scroll={{ x: 'max-content', y: 0 }}
  4231. bordered
  4232. size="small"
  4233. />
  4234. <Col
  4235. span={24}
  4236. offset={9}
  4237. style={{ marginTop: '15px' }}
  4238. />
  4239. </Form>
  4240. </Spin>
  4241. </div>
  4242. {/*如果是软著类或者专利类的专利申请,隐藏付款节点 但当为外包类型时,无需隐藏*/}
  4243. {/*this.state.startType 0外包 1供应商*/}
  4244. <div
  4245. style={{
  4246. display: this.state.startType === 0 ? 'block' : ((this.state.projectType === 1 && this.state.patentType === 0) || this.state.projectType === 2? 'none' : 'block'), //0正常 1专利 2软著 3审计
  4247. }}
  4248. >
  4249. <span
  4250. style={{
  4251. fontSize: '18px',
  4252. }}
  4253. >
  4254. 付款节点
  4255. </span>
  4256. <span
  4257. style={{
  4258. display: 'inline-block',
  4259. marginLeft: 10,
  4260. color: 'red',
  4261. }}
  4262. />
  4263. <Button
  4264. type="primary"
  4265. onClick={(e) => {
  4266. this.addPayNode()
  4267. }}
  4268. style={{
  4269. float: 'right',
  4270. marginRight: '50px',
  4271. marginBottom: '15px',
  4272. }}
  4273. >
  4274. +新增付款节点
  4275. </Button>
  4276. </div>
  4277. {/*如果是软著类或者专利类的专利申请,隐藏付款节点 但当为外包类型时,无需隐藏*/}
  4278. <div
  4279. className="clearfix"
  4280. style={{
  4281. display: this.state.startType === 0 ? 'block' : ((this.state.projectType === 1 && this.state.patentType === 0) || this.state.projectType === 2? 'none' : 'block'), //0正常 1专利 2软著 3审计
  4282. }}
  4283. >
  4284. <Spin spinning={this.state.payNodeLoading}>
  4285. <Form layout="horizontal">
  4286. <Table
  4287. pagination={false}
  4288. columns={this.state.PayNodeTableColunms}
  4289. dataSource={this.state.payNodeList}
  4290. onRowClick={this.payNodeTableRowClickOne}
  4291. scroll={{ x: 'max-content', y: 0 }}
  4292. bordered
  4293. size="small"
  4294. />
  4295. <Col
  4296. span={24}
  4297. offset={9}
  4298. style={{ marginTop: '15px' }}
  4299. />
  4300. </Form>
  4301. </Spin>
  4302. </div>
  4303. <div className="clearfix">
  4304. <FormItem
  4305. className="half-item"
  4306. {...formItemLayout}
  4307. label={
  4308. <span>
  4309. <strong style={{ color: '#f00' }}>*</strong>备注
  4310. </span>
  4311. }
  4312. >
  4313. <TextArea
  4314. rows={4}
  4315. value={this.state.outsourceRemarks}
  4316. onChange={(e) => {
  4317. this.setState({
  4318. outsourceRemarks: e.target.value,
  4319. })
  4320. }}
  4321. placeholder="请输入备注"
  4322. />
  4323. </FormItem>
  4324. </div>
  4325. <p
  4326. className="tip"
  4327. style={{
  4328. paddingBottom: '12px',
  4329. width: '240px',
  4330. marginLeft: '145px',
  4331. color: 'red',
  4332. }}
  4333. >
  4334. 首次派单项目,需上传协议,第2次起,同项目,只需写外包公司
  4335. </p>
  4336. <div className="clearfix">
  4337. <FormItem
  4338. labelCol={{ span: 4 }}
  4339. wrapperCol={{ span: 18 }}
  4340. label={
  4341. <span>
  4342. 合同/协议扫描件
  4343. </span>
  4344. }
  4345. >
  4346. <PicturesWall
  4347. domId={'myTask3'}
  4348. fileList={this.getOrgCodeUrlWai}
  4349. pictureUrl={this.state.pictureUrl}
  4350. />
  4351. <p style={{ color: 'red' }}>图片建议:要清晰。</p>
  4352. </FormItem>
  4353. </div>
  4354. {/*只有审核拒绝和第一次发起外包的时候才要填写发起原因 如果是类型为供应商则不需要发起原因*/}
  4355. {/*this.state.startType 0外包 1供应商*/}
  4356. {(typeof this.state.refundStatus === 'undefined' || this.state.refundStatus === 2) && this.state.startType !== 1 ? <div className="clearfix">
  4357. <FormItem
  4358. className="half-item"
  4359. {...formItemLayout}
  4360. label={
  4361. <span>
  4362. <strong style={{ color: '#f00' }}>*</strong>发起原因
  4363. </span>
  4364. }
  4365. >
  4366. <TextArea
  4367. rows={4}
  4368. value={this.state.reason}
  4369. onChange={(e) => {
  4370. this.setState({
  4371. reason: e.target.value,
  4372. })
  4373. }}
  4374. placeholder="请输入发起原因"
  4375. />
  4376. </FormItem>
  4377. </div> : <div/>}
  4378. <div className="clearfix">
  4379. <div
  4380. style={{
  4381. display: 'inline-black',
  4382. textAlign: 'center',
  4383. }}
  4384. >
  4385. <Button
  4386. type="primary"
  4387. loading={this.state.loading}
  4388. onClick={()=>{
  4389. this.sureOut(this.state.startType);
  4390. }}
  4391. >
  4392. {
  4393. this.state.startType === 0 ? "确认发起外包,不通过总部" : "提交供应商信息"
  4394. }
  4395. </Button>
  4396. <p className="tip" style={{ color: 'red' }}>
  4397. {
  4398. this.state.startType === 0 ? "提示:高于总部价格,费用个人承担" : "确定提交供应商信息,提交后,不可修改"
  4399. }
  4400. </p>
  4401. </div>
  4402. </div>
  4403. </div>):
  4404. <CheckProject
  4405. {...this.props}
  4406. tid={this.state.tid}
  4407. orderTaskOfficialCost={this.state.orderTaskOfficialCost} //是否含官费 0无1有
  4408. containOfficialFees={this.state.containOfficialFees} //0:实际已缴费 1:实际未缴费
  4409. status={this.state.refundStatus}
  4410. projectType={this.state.projectType}
  4411. oldInfor={this.state.oldInfor}
  4412. patentNameType={this.state.patentNameType}
  4413. patentName={this.state.patentName}
  4414. patentType={this.state.patentType}
  4415. isPreviewPay={true}
  4416. mid={this.state.mid}
  4417. thirdInfoList={this.state.thirdInfoList}
  4418. dataSource={this.state.payNodeList}
  4419. outsourceRemarks={this.state.outsourceRemarks}
  4420. fileList={this.state.pictureUrl}
  4421. startType={this.state.startType}
  4422. projectStatus={this.state.projectStatus}
  4423. onRefresh={()=>{
  4424. this.waiDetail();
  4425. this.loadData(this.state.page)
  4426. }}
  4427. />
  4428. }
  4429. </div>:<div/>}
  4430. </Spin>
  4431. </TabPane>
  4432. {!this.props.isZxs || (this.state.isHuiyuan && this.props.isZxs) ? (
  4433. <TabPane tab="订单详情" key="3">
  4434. <Spin spinning={this.state.loading}>
  4435. <OrderDetail
  4436. orderData={this.state.orderData}
  4437. getOrderLog={this.getOrderLog}
  4438. dataSourceX={this.state.dataSourceX}
  4439. contactList={this.state.jiedian}
  4440. orderNo={this.state.orderNo}
  4441. totalCui={this.state.totalCui}
  4442. contactListNew={this.state.jiedianNew}
  4443. pictureUrl={this.state.contractPictureUrl}
  4444. />
  4445. </Spin>
  4446. <OrderRiZi
  4447. dataSourcerizhi={this.state.dataSourceY}
  4448. closeOrderLog={this.closeOrderLog}
  4449. visible={this.state.avisible}
  4450. loading={this.state.loading}
  4451. />
  4452. </TabPane>
  4453. ) : (
  4454. ""
  4455. )}
  4456. </Tabs>
  4457. </Modal> : <div/>}
  4458. <Modal
  4459. maskClosable={false}
  4460. visible={this.state.lookVisible}
  4461. onOk={this.noCancel}
  4462. onCancel={this.noCancel}
  4463. width="500px"
  4464. title={"添加工时"}
  4465. footer=""
  4466. className="admin-desc-content"
  4467. >
  4468. <Form layout="horizontal" id="demand-form">
  4469. <Spin spinning={this.state.loading}>
  4470. <div className="clearfix">
  4471. <FormItem {...formItemLayout} label="工作日期">
  4472. <DatePicker
  4473. style={{ marginTop: "2px", width: "200px", height: "32px" }}
  4474. showTime
  4475. format="YYYY-MM-DD"
  4476. onOk={() => {}}
  4477. value={
  4478. this.state.taskDate ? moment(this.state.taskDate) : null
  4479. }
  4480. onChange={(data, dataString) => {
  4481. this.setState({ taskDate: dataString });
  4482. }}
  4483. />
  4484. </FormItem>
  4485. </div>
  4486. <div className="clearfix">
  4487. <FormItem {...formItemLayout} label="工作时长">
  4488. <Input
  4489. placeholder="请输入工作时长"
  4490. value={this.state.hours}
  4491. style={{ width: "200px" }}
  4492. onChange={(e) => {
  4493. this.setState({ hours: e.target.value });
  4494. }}
  4495. ref="commodityQuantity"
  4496. />
  4497. </FormItem>
  4498. </div>
  4499. <div className="clearfix">
  4500. <FormItem {...formItemLayout} label="工作内容">
  4501. <Input
  4502. type="textarea"
  4503. placeholder="请输入备注"
  4504. rows={4}
  4505. value={this.state.remarks}
  4506. onChange={(e) => {
  4507. this.setState({ remarks: e.target.value });
  4508. }}
  4509. />
  4510. </FormItem>
  4511. </div>
  4512. <div className="clearfix">
  4513. <Button
  4514. className="cancel"
  4515. type="primary"
  4516. onClick={this.tianjiaOk}
  4517. style={{ marginLeft: "100px", marginTop: "10px" }}
  4518. htmlType="submit"
  4519. >
  4520. 确定
  4521. </Button>
  4522. <Button
  4523. className="cancel"
  4524. type="ghost"
  4525. onClick={this.noCancel}
  4526. style={{ marginLeft: "50px" }}
  4527. >
  4528. 取消
  4529. </Button>
  4530. </div>
  4531. </Spin>
  4532. </Form>
  4533. </Modal>
  4534. {this.state.addnextVisible ? <Modal
  4535. maskClosable={false}
  4536. visible={this.state.addnextVisible}
  4537. onOk={this.nextCancel}
  4538. onCancel={this.nextCancel}
  4539. width="800px"
  4540. title="项目项目详情"
  4541. footer=""
  4542. className="admin-desc-content"
  4543. >
  4544. <Form layout="horizontal" onSubmit={this.nextSubmit} id="demand-form">
  4545. <Spin spinning={this.state.loading}>
  4546. <div className="clearfix">
  4547. <FormItem
  4548. className="half-item"
  4549. {...formItemLayout}
  4550. label="项目名称"
  4551. >
  4552. <span>{this.state.commodityName}</span>
  4553. </FormItem>
  4554. <FormItem
  4555. className="half-item"
  4556. {...formItemLayout}
  4557. label="项目数量"
  4558. >
  4559. <span>{this.state.commodityQuantity}</span>
  4560. </FormItem>
  4561. <FormItem
  4562. className="half-item"
  4563. {...formItemLayout}
  4564. label="官费"
  4565. style={{ display: this.state.displayFees }}
  4566. >
  4567. <span>
  4568. {this.state.officialCost == 0 ? "无官费" : "有官费"}
  4569. </span>
  4570. </FormItem>
  4571. <FormItem
  4572. className="half-item"
  4573. {...formItemLayout}
  4574. label="费减"
  4575. style={{ display: this.state.displayFees }}
  4576. >
  4577. <span>
  4578. {this.state.costReduction == 0 ? "无费减" : "有费减"}
  4579. </span>
  4580. </FormItem>
  4581. <FormItem
  4582. className="half-item"
  4583. {...formItemLayout}
  4584. label="金额(万元)"
  4585. >
  4586. <span>{this.state.commodityPrice}</span>
  4587. </FormItem>
  4588. <FormItem
  4589. className="half-item"
  4590. {...formItemLayout}
  4591. label="主要项目"
  4592. >
  4593. <span>{getboutique(this.state.main)}</span>
  4594. </FormItem>
  4595. <div className="clearfix">
  4596. <FormItem
  4597. labelCol={{ span: 3 }}
  4598. wrapperCol={{ span: 18 }}
  4599. label="服务说明"
  4600. >
  4601. <span>{this.state.taskComment}</span>
  4602. </FormItem>
  4603. </div>
  4604. </div>
  4605. </Spin>
  4606. </Form>
  4607. </Modal> : <div/>}
  4608. <Modal
  4609. maskClosable={false}
  4610. visible={this.state.speVisible}
  4611. onOk={this.visitOk}
  4612. onCancel={this.visitCancel}
  4613. width="900px"
  4614. title=""
  4615. footer=""
  4616. className="admin-desc-content"
  4617. >
  4618. <Tabs
  4619. activeKey={this.state.modKey}
  4620. onChange={this.callBack}
  4621. type="card"
  4622. >
  4623. <TabPane tab="项目概况" key="1">
  4624. <div className="clearfix">
  4625. <FormItem
  4626. className="half-item"
  4627. {...formItemLayout}
  4628. label="当前项目情况"
  4629. >
  4630. <Radio.Group
  4631. value={this.state.status}
  4632. onChange={(e) => {
  4633. this.setState({ status: e.target.value });
  4634. }}
  4635. >
  4636. <Radio value={0}>开启</Radio>
  4637. <Radio value={1}>暂停</Radio>
  4638. </Radio.Group>
  4639. <Button
  4640. type="primary"
  4641. size="small"
  4642. style={{ marginTop: "5px", position: "absolute" }}
  4643. onClick={this.caozuorizhi}
  4644. >
  4645. 操作日志
  4646. </Button>
  4647. </FormItem>
  4648. <FormItem
  4649. className="half-item"
  4650. {...formItemLayout}
  4651. label="合同编号"
  4652. >
  4653. <span>{this.state.contractNo}</span>
  4654. </FormItem>
  4655. </div>
  4656. <div className="clearfix">
  4657. <FormItem
  4658. className="half-item"
  4659. {...formItemLayout}
  4660. label="项目状态"
  4661. >
  4662. <Select
  4663. placeholder="选择项目状态"
  4664. style={{ width: "200px" }}
  4665. value={this.state.projectStatus}
  4666. onChange={(e) => {
  4667. this.setState({ projectStatus: e });
  4668. }}
  4669. >
  4670. {projectStatus.map(function (item) {
  4671. return (
  4672. <Select.Option key={item.value}>
  4673. {item.key}
  4674. </Select.Option>
  4675. );
  4676. })}
  4677. </Select>
  4678. </FormItem>
  4679. <FormItem
  4680. className="half-item"
  4681. {...formItemLayout}
  4682. label="是否特批"
  4683. >
  4684. <span>{getApproval(this.state.approval)}</span>
  4685. </FormItem>
  4686. <FormItem
  4687. className="half-item"
  4688. {...formItemLayout}
  4689. label="结算状态"
  4690. >
  4691. <span>
  4692. {getLiquidationStatus(this.state.liquidationStatus)}
  4693. </span>
  4694. </FormItem>
  4695. <FormItem
  4696. className="half-item"
  4697. {...formItemLayout}
  4698. label="流程状态"
  4699. >
  4700. <span>{getProcessStatus(this.state.processStatus)}</span>
  4701. </FormItem>
  4702. <FormItem
  4703. className="half-item"
  4704. {...formItemLayout}
  4705. label="订单编号"
  4706. >
  4707. <span>{this.state.orderNo}</span>
  4708. </FormItem>
  4709. </div>
  4710. <div className="clearfix">
  4711. <FormItem
  4712. className="half-item"
  4713. {...formItemLayout}
  4714. label="满意度表格"
  4715. >
  4716. <Radio.Group
  4717. value={this.state.formRetrieve}
  4718. onChange={(e) => {
  4719. this.setState({ formRetrieve: e.target.value });
  4720. }}
  4721. >
  4722. <Radio value={0}>未收回</Radio>
  4723. <Radio value={1}>已收回</Radio>
  4724. <Radio value={2}>其他</Radio>
  4725. </Radio.Group>
  4726. </FormItem>
  4727. <FormItem
  4728. className="half-item"
  4729. {...formItemLayout}
  4730. label="退单"
  4731. >
  4732. <Radio.Group
  4733. value={this.state.taskRefund}
  4734. onChange={(e) => {
  4735. this.setState({ taskRefund: e.target.value });
  4736. }}
  4737. >
  4738. <Radio value={0}>已完成</Radio>
  4739. <Radio value={1}>未完成</Radio>
  4740. <Radio value={2}>其他</Radio>
  4741. </Radio.Group>
  4742. </FormItem>
  4743. </div>
  4744. <div className="clearfix">
  4745. {
  4746. <FormItem
  4747. className="half-item"
  4748. {...formItemLayout}
  4749. label="(满意度)备注"
  4750. >
  4751. <Input
  4752. type="textarea"
  4753. placeholder="请输入备注"
  4754. rows={2}
  4755. value={this.state.retrieveContent}
  4756. onChange={(e) => {
  4757. this.setState({ retrieveContent: e.target.value });
  4758. }}
  4759. />
  4760. </FormItem>
  4761. }
  4762. {
  4763. <FormItem
  4764. className="half-item"
  4765. {...formItemLayout}
  4766. label="(退单)备注"
  4767. >
  4768. <Input
  4769. type="textarea"
  4770. placeholder="请输入备注"
  4771. rows={2}
  4772. value={this.state.refundContent}
  4773. onChange={(e) => {
  4774. this.setState({ refundContent: e.target.value });
  4775. }}
  4776. />
  4777. </FormItem>
  4778. }
  4779. </div>
  4780. <div className="clearfix">
  4781. <h3 className="sub-title">订单负责人信息</h3>
  4782. <FormItem
  4783. className="half-item"
  4784. {...formItemLayout}
  4785. label="负责人"
  4786. >
  4787. <span>
  4788. {this.state.salesmanName + "(" + this.state.depName + ")"}
  4789. </span>
  4790. </FormItem>
  4791. <FormItem
  4792. className="half-item"
  4793. {...formItemLayout}
  4794. label="负责人电话"
  4795. >
  4796. <span>{this.state.salesmanMobile}</span>
  4797. </FormItem>
  4798. <FormItem
  4799. className="half-item"
  4800. {...formItemLayout}
  4801. label="财务负责人"
  4802. >
  4803. <span>{this.state.financeName}</span>
  4804. </FormItem>
  4805. <FormItem
  4806. className="half-item"
  4807. {...formItemLayout}
  4808. label="财务负责人电话"
  4809. >
  4810. <span>{this.state.financeMobile}</span>
  4811. </FormItem>
  4812. </div>
  4813. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  4814. <div className="clearfix">
  4815. <h3 className="sub-title">联系信息</h3>
  4816. <FormItem
  4817. className="half-item"
  4818. {...formItemLayout}
  4819. label="客户名称"
  4820. >
  4821. <span>{this.state.userName}</span>
  4822. </FormItem>
  4823. <FormItem
  4824. className="half-item"
  4825. {...formItemLayout}
  4826. label="企业法人"
  4827. >
  4828. <Input
  4829. placeholder="请输入法人名称"
  4830. value={this.state.legalPerson}
  4831. style={{ width: "200px" }}
  4832. onChange={(e) => {
  4833. this.setState({ legalPerson: e.target.value });
  4834. }}
  4835. ref="commodityQuantity"
  4836. />
  4837. </FormItem>
  4838. <FormItem
  4839. className="half-item"
  4840. {...formItemLayout}
  4841. label="法人电话"
  4842. >
  4843. <Input
  4844. placeholder="请输入法人电话"
  4845. value={this.state.legalPersonTel}
  4846. style={{ width: "200px" }}
  4847. onChange={(e) => {
  4848. this.setState({ legalPersonTel: e.target.value });
  4849. }}
  4850. ref="commodityQuantity"
  4851. />
  4852. </FormItem>
  4853. <FormItem
  4854. className="half-item"
  4855. {...formItemLayout}
  4856. label="客户联系人"
  4857. >
  4858. <Input
  4859. placeholder="请输入联系人名称"
  4860. value={this.state.contacts}
  4861. style={{ width: "200px" }}
  4862. onChange={(e) => {
  4863. this.setState({ contacts: e.target.value });
  4864. }}
  4865. ref="commodityQuantity"
  4866. />
  4867. </FormItem>
  4868. <FormItem
  4869. className="half-item"
  4870. {...formItemLayout}
  4871. label="联系人电话"
  4872. >
  4873. <Input
  4874. placeholder="请输入联系人电话"
  4875. value={this.state.contactMobile}
  4876. style={{ width: "200px" }}
  4877. onChange={(e) => {
  4878. this.setState({ contactMobile: e.target.value });
  4879. }}
  4880. ref="commodityQuantity"
  4881. />
  4882. </FormItem>
  4883. <FormItem
  4884. className="half-item"
  4885. {...formItemLayout}
  4886. label="企业地址"
  4887. >
  4888. <Cascader
  4889. options={areaSelect()}
  4890. value={this.state.ProvinceCity}
  4891. placeholder="选择城市"
  4892. style={{ width: "200px" }}
  4893. onChange={(e) => {
  4894. this.setState({ ProvinceCity: e });
  4895. }}
  4896. />
  4897. </FormItem>
  4898. <FormItem
  4899. className="half-item"
  4900. {...formItemLayout}
  4901. label=""
  4902. />
  4903. <FormItem className="half-item" {...formItemLayout} label="">
  4904. <Input
  4905. placeholder="请输入详细地址"
  4906. value={this.state.postalAddress}
  4907. style={{ width: "200px", marginLeft: "12em" }}
  4908. onChange={(e) => {
  4909. this.setState({ postalAddress: e.target.value });
  4910. }}
  4911. ref="commodityQuantity"
  4912. />
  4913. </FormItem>
  4914. </div>
  4915. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  4916. <div className="clearfix">
  4917. <h3 className="sub-title">项目信息</h3>
  4918. <FormItem
  4919. className="half-item"
  4920. {...formItemLayout}
  4921. label="项目编号"
  4922. >
  4923. <span>{this.state.id}</span>
  4924. </FormItem>
  4925. <FormItem
  4926. className="half-item"
  4927. {...formItemLayout}
  4928. label="项目名称"
  4929. >
  4930. <span>{this.state.taskName}</span>
  4931. </FormItem>
  4932. <FormItem
  4933. className="half-item"
  4934. {...formItemLayout}
  4935. label="项目状态"
  4936. >
  4937. <Select
  4938. placeholder="选择项目状态"
  4939. style={{ width: "200px" }}
  4940. value={this.state.taskStatus}
  4941. onChange={(e) => {
  4942. this.setState({ taskStatus: e });
  4943. }}
  4944. >
  4945. {taskStatus.map(function (item) {
  4946. return (
  4947. <Select.Option key={item.value}>
  4948. {item.key}
  4949. </Select.Option>
  4950. );
  4951. })}
  4952. </Select>
  4953. </FormItem>
  4954. <FormItem
  4955. className="half-item"
  4956. {...formItemLayout}
  4957. label="项目类别"
  4958. >
  4959. <span>{this.state.cname}</span>
  4960. </FormItem>
  4961. <FormItem
  4962. className="half-item"
  4963. {...formItemLayout}
  4964. label="证书编号"
  4965. >
  4966. <Input
  4967. placeholder="请输入证书编号"
  4968. value={this.state.certificateNumber}
  4969. style={{ width: "200px" }}
  4970. onChange={(e) => {
  4971. this.setState({ certificateNumber: e.target.value });
  4972. }}
  4973. ref="commodityQuantity"
  4974. />
  4975. </FormItem>
  4976. </div>
  4977. <div className="clearfix" style={{ marginTop: "10px" }}>
  4978. <FormItem
  4979. labelCol={{ span: 3 }}
  4980. wrapperCol={{ span: 14 }}
  4981. label="附件"
  4982. >
  4983. <Picture
  4984. domId={'myTaskOutsource2'}
  4985. fileList={(e) => {
  4986. this.setState({ attachmentUrl: e });
  4987. }}
  4988. pictureUrl={this.state.attachmentUrl}
  4989. visible={this.props.visible}
  4990. data={{
  4991. sign: "order_task_file",
  4992. url: "/api/admin/orderProject/uploadOrderTaskFile",
  4993. number: 8,
  4994. }}
  4995. />
  4996. </FormItem>
  4997. </div>
  4998. <div className="clearfix">
  4999. <FormItem
  5000. labelCol={{ span: 3 }}
  5001. wrapperCol={{ span: 16 }}
  5002. label="备注"
  5003. >
  5004. <Input
  5005. type="textarea"
  5006. placeholder="请输入备注"
  5007. rows={4}
  5008. value={this.state.taskComment}
  5009. onChange={(e) => {
  5010. this.setState({ taskComment: e.target.value });
  5011. }}
  5012. />
  5013. </FormItem>
  5014. </div>
  5015. <div className="clearfix">
  5016. <h3 className="sub-title">项目申报进度</h3>
  5017. <FormItem
  5018. className="half-item"
  5019. {...formItemLayout}
  5020. label="申报批次"
  5021. >
  5022. <Select
  5023. value={
  5024. this.state.declarationBatch
  5025. ? this.state.declarationBatch
  5026. : undefined
  5027. }
  5028. placeholder="请选择批次"
  5029. style={{ width: 200 }}
  5030. onChange={(e) => {
  5031. this.setState({
  5032. declarationBatch: e,
  5033. });
  5034. }}
  5035. >
  5036. <Option value={1}>第一批</Option>
  5037. <Option value={2}>第二批</Option>
  5038. <Option value={3}>第三批</Option>
  5039. <Option value={4}>第四批</Option>
  5040. </Select>
  5041. </FormItem>
  5042. <FormItem
  5043. className="half-item"
  5044. {...formItemLayout}
  5045. label="启动时间"
  5046. >
  5047. <DatePicker
  5048. style={{ marginTop: "5px" }}
  5049. showTime
  5050. format="YYYY-MM-DD"
  5051. onOk={() => {}}
  5052. value={
  5053. this.state.startDate ? moment(this.state.startDate) : null
  5054. }
  5055. onChange={(data, dataString) => {
  5056. this.setState({ startDate: dataString });
  5057. }}
  5058. />
  5059. </FormItem>
  5060. <FormItem
  5061. className="half-item"
  5062. {...formItemLayout}
  5063. label="软著派单数量"
  5064. >
  5065. <span>{this.state.commodityQuantity}</span>
  5066. <Button
  5067. type="primary"
  5068. size="small"
  5069. style={{ marginLeft: "45px" }}
  5070. onClick={this.addcontact}
  5071. >
  5072. +增加下证信息
  5073. </Button>
  5074. </FormItem>
  5075. <div className="patent-table">
  5076. <Spin spinning={this.state.loading}>
  5077. <Table
  5078. columns={this.state.ContactsLists}
  5079. dataSource={this.state.contactList}
  5080. pagination={false}
  5081. bordered
  5082. size="small"
  5083. />
  5084. </Spin>
  5085. </div>
  5086. </div>
  5087. <div className="clearfix">
  5088. <h3 className="sub-title">项目业务</h3>
  5089. <div className="patent-table">
  5090. <Spin spinning={this.state.loading}>
  5091. <Table
  5092. columns={this.state.columnsX}
  5093. dataSource={this.state.dataSourceX}
  5094. pagination={this.state.paginations}
  5095. onRowClick={this.tableRowClickX}
  5096. bordered
  5097. size="small"
  5098. />
  5099. </Spin>
  5100. </div>
  5101. </div>
  5102. <div className="clearfix">
  5103. <Button
  5104. className="cancel"
  5105. type="primary"
  5106. onClick={this.tijiaoOk}
  5107. style={{ marginLeft: "200px", marginTop: "10px" }}
  5108. htmlType="submit"
  5109. >
  5110. 保存
  5111. </Button>
  5112. <Button
  5113. className="cancel"
  5114. type="ghost"
  5115. onClick={this.visitCancel}
  5116. style={{ marginLeft: "50px", marginTop: "10px" }}
  5117. >
  5118. 取消
  5119. </Button>
  5120. </div>
  5121. </TabPane>
  5122. <TabPane tab="外包/供应商信息" key="2">
  5123. <Spin spinning={this.state.waiDetailLoading}>
  5124. {this.state.speVisible && this.state.modKey === '2'?<CheckProject
  5125. {...this.props}
  5126. tid={this.state.tid}
  5127. orderTaskOfficialCost={this.state.orderTaskOfficialCost} //是否含官费 0无1有
  5128. containOfficialFees={this.state.containOfficialFees} //0:实际已缴费 1:实际未缴费
  5129. status={this.state.refundStatus}
  5130. projectType={this.state.projectType}
  5131. oldInfor={this.state.oldInfor}
  5132. patentNameType={this.state.patentNameType}
  5133. patentName={this.state.patentName}
  5134. patentType={this.state.patentType}
  5135. isPreviewPay={true}
  5136. mid={this.state.mid}
  5137. thirdInfoList={this.state.thirdInfoList}
  5138. dataSource={this.state.payNodeList}
  5139. outsourceRemarks={this.state.outsourceRemarks}
  5140. fileList={this.state.pictureUrl}
  5141. startType={this.state.startType}
  5142. projectStatus={this.state.projectStatus}
  5143. onRefresh={()=>{
  5144. this.waiDetail();
  5145. this.loadData(this.state.page)
  5146. }}
  5147. />:<div/>}
  5148. </Spin>
  5149. </TabPane>
  5150. {!this.props.isZxs || (this.state.isHuiyuan && this.props.isZxs) ? (
  5151. <TabPane tab="订单详情" key="3">
  5152. <Spin spinning={this.state.loading}>
  5153. <OrderDetail
  5154. orderData={this.state.orderData}
  5155. getOrderLog={this.getOrderLog}
  5156. dataSourceX={this.state.dataSourceX}
  5157. contactList={this.state.jiedian}
  5158. orderNo={this.state.orderNo}
  5159. totalCui={this.state.totalCui}
  5160. contactListNew={this.state.jiedianNew}
  5161. pictureUrl={this.state.contractPictureUrl}
  5162. />
  5163. </Spin>
  5164. <OrderRiZi
  5165. dataSourcerizhi={this.state.dataSourceY}
  5166. closeOrderLog={this.closeOrderLog}
  5167. visible={this.state.avisible}
  5168. loading={this.state.loading}
  5169. />
  5170. </TabPane>
  5171. ) : (
  5172. ""
  5173. )}
  5174. </Tabs>
  5175. </Modal>
  5176. {/* <Modal
  5177. width="800px"
  5178. visible={this.state.visibleA}
  5179. onCancel={this.visitCancelA}
  5180. title="操作日志"
  5181. footer=""
  5182. className="admin-desc-content"
  5183. >
  5184. <div className="patent-table patent-table-center">
  5185. <Spin spinning={this.state.loading}>
  5186. <Table
  5187. columns={this.state.columnsA}
  5188. dataSource={this.state.dataSourceA}
  5189. pagination={false}
  5190. />
  5191. </Spin>
  5192. </div>
  5193. </Modal> */}
  5194. <OrderRiZi
  5195. dataSourcerizhi={this.state.dataSourceA}
  5196. closeOrderLog={this.visitCancelA}
  5197. visible={this.state.visibleA}
  5198. loading={this.state.loading}
  5199. />
  5200. <Modal
  5201. title="工时记录"
  5202. visible={this.state.timeVisible}
  5203. onCancel={this.timeClose}
  5204. width={800}
  5205. footer={null}
  5206. >
  5207. <Spin spinning={this.state.loading}>
  5208. <Table
  5209. columns={this.state.columnsTime}
  5210. dataSource={this.state.dataSourceTime}
  5211. pagination={false}
  5212. scroll={{ x: "max-content", y: 0 }}
  5213. bordered
  5214. size={"small"}
  5215. />
  5216. <p style={{ marginTop: 10, color: "red" }}>
  5217. 累计工时(小时):{this.state.recordHour}
  5218. </p>
  5219. </Spin>
  5220. </Modal>
  5221. {this.state.ThirdListVisible ? <NewSupplier
  5222. patentNameType={this.state.patentNameType}
  5223. ThirdId={this.state.ThirdId}
  5224. tid={this.state.tid}
  5225. patentType={this.state.patentType}
  5226. projectType={this.state.startType === 0 ? 0 : this.state.projectType}
  5227. realProjectType={this.state.projectType} //真实的项目类型
  5228. startType={this.state.startType} //项目类型 0外包 1供应商
  5229. thirdCompanyName={this.state.thirdCompanyName}
  5230. thirdUnitPrice={this.state.thirdUnitPrice}
  5231. thirdQuantity={this.state.thirdQuantity}
  5232. thirdRemarks={this.state.thirdRemarks}
  5233. spinning={this.state.loading}
  5234. visible={this.state.ThirdListVisible}
  5235. thirdMaterial={this.state.thirdMaterial}
  5236. thirdUrgent={this.state.thirdUrgent}
  5237. audit={this.state.audit}
  5238. assets={this.state.assets}
  5239. income={this.state.income}
  5240. onDetermine={this.handleCancelq}
  5241. onCancel={()=>{
  5242. this.thirdTable(this.state.tid);
  5243. this.setState({
  5244. ThirdListVisible: false,
  5245. ThirdId: '', //供应商id
  5246. thirdCompanyName: '', //第三方名称
  5247. thirdUnitPrice: '', //单价
  5248. thirdQuantity: '', //数量
  5249. currentTotalPrice: '', //总价
  5250. thirdMaterial: 0, //有无材料
  5251. thirdUrgent: 0, //加急情况
  5252. thirdRemarks: '',
  5253. audit: 1,
  5254. assets: '',
  5255. income: '',
  5256. })
  5257. }}
  5258. otherOperations={(data)=>{
  5259. this.setState({
  5260. thirdMaterial: data.thirdMaterial,
  5261. thirdUrgent: data.thirdUrgent,
  5262. customerArr: data.customerArr,
  5263. thirdCompanyName: data.thirdCompanyName
  5264. })
  5265. }}/> : <div/>}
  5266. {this.state.PayNodeVisible ? <OperationPayNode
  5267. tid={this.state.tid}
  5268. cSort={this.state.cSort}
  5269. visible={this.state.PayNodeVisible}
  5270. thirdId={this.state.ThirdId}
  5271. thirdInfoList={this.state.thirdInfoList}
  5272. supplierList={this.state.PayNodeCompany}
  5273. payNodeInfor={this.state.payNodeInfor}
  5274. thirdUnitPrice={this.state.thirdUnitPrice}
  5275. onCancel={()=>{
  5276. this.setState({
  5277. PayNodeVisible: false,
  5278. payNodeInfor: {},
  5279. ThirdId: '',
  5280. thirdUnitPrice: '',
  5281. })
  5282. this.payNodeTable(this.state.tid)
  5283. }}
  5284. /> : <div/>}
  5285. </div>
  5286. );
  5287. },
  5288. });
  5289. export default MyTaskOutsource;