myTask.jsx 244 KB

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