publicQuery.jsx 235 KB

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