| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741 |
- <template>
- <div class="body">
- <div class="Enclosure flex f-c back" v-if="isLetter">
- <div class="home flex j-s a-c">
- <div class="flex j-s a-c">
- <img src="../../../../src/icon/归属信息.png" alt class="icon-img" />
- <span style="margin-left:10px;">归属信息</span>
- </div>
- </div>
- <el-form class="demo-ruleForm" :model="userform" ref="userform" label-width="130px" size="small"
- style="margin-top: 15px" disabled label-position="top">
- <el-row type="flex" justify="space-between">
- <el-col :span="5">
- <el-form-item label="业务员">
- <el-input v-model="userform.name"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="工号">
- <el-input v-model="userform.id" type="text"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="工号类型">
- <el-select v-model="userform.usertype" >
- <el-option label="业务员" value="A"></el-option>
- <el-option label="代理人" value="B"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="归属">
- <el-input v-model="deptName"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- </div>
- <div class="Enclosure flex f-c back" v-if="isLetter">
- <div class="home flex j-s a-c">
- <div class="flex j-s a-c">
- <img src="../../../../src/icon/快速查询.png" alt class="icon-img" />
- <span style="margin-left: 10px">快速查询</span>
- </div>
- <el-button size="small" type="primary" @click="continuousquery()">
- <i class="el-icon-search" style="margin-right: 1px"></i>
- 续保查询
- </el-button>
- </div>
- <el-form class="demo-ruleForm" :model="attributionform" ref="continuousform" label-width="130px" size="small"
- style="margin-top: 15px" label-position="top">
- <el-row>
- <el-col :span="5">
- <el-form-item label="保险公司" prop="companyId">
- <el-select v-model="attributionform.companyId" placeholder="请选择保险公司" @change="continuousChange">
- <el-option v-for="(item, index) in continuousCompanyList" :key="index" :label="item.namesimple"
- :value="item.id"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1" v-for="(domain, index) in attributionform.configure" :key="domain.index">
- <el-form-item :label="domain.label" :prop="'configure.' + index + '.value'" :rules="{
- required: true,
- message: domain.label + '不能为空',
- trigger: 'blur',
- }">
- <el-input v-model="domain.value" :type="domain.type"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- </div>
- <div class="Enclosure flex f-c back">
- <div class="home flex j-s a-c">
- <div class="flex j-s a-c color" id="Car">
- <img src="../../../../src/icon/车辆信息.png" alt class="icon-img" />
- <span style="margin-left:10px;">车辆信息</span>
- </div>
- <el-button size="small" type="primary" @click="uploadcardialogVisible = true">
- <i class="el-icon-camera-solid" style="margin-right:1px;"></i>
- 证件识别
- </el-button>
- </div>
- <el-form class="demo-ruleForm" :model="carInfo" ref="carInfo" :rules="rules" label-width="130px" size="small"
- label-position="top" style="margin-top: 15px">
- <el-row style="flex-wrap: wrap; display: flex;">
- <el-col :span="5">
- <el-form-item label="车牌" :prop="licenseplate ? 'licenseNo' : ''">
- <div style="display: flex;">
- <el-input style="width: 75%;margin-right:13px" v-model="carInfo.licenseNo" placeholder="请输入车牌号"
- :disabled="!licenseplate"></el-input>
- <el-checkbox v-model="licenseplate">已上牌</el-checkbox>
- </div>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="车辆识别代码" prop="frameNo">
- <el-input placeholder="请输入车辆识别码" v-model="carInfo.frameNo" maxlength="17" type="text" show-word-limit>
- <el-button slot="append" type="primary" icon="el-icon-search" @click="toChooseVin(carInfo.frameNo)"
- style="color: #fff;background-color:#D42426;border-color:#D42426;"></el-button>
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="品牌型号" prop="modelcname">
- <el-input v-model="carInfo.modelcname" placeholder="请输入品牌型号" type="text">
- <el-button slot="append" icon="el-icon-search" type="primary"
- @click="toChooseVehicleType(carInfo.modelcname)"
- style="color: #fff;background-color:#D42426;border-color:#D42426;border-top:none"></el-button>
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="发动机号" prop="engineNo">
- <el-input v-model="carInfo.engineNo" placeholder="请输入发动机号"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="年款" prop="caryear">
- <el-input onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.caryear" placeholder="请输入年款"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="座位数" prop="seatCount">
- <el-input onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.seatCount" placeholder="请输入座位数">
- <el-button slot="append">座</el-button>
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="整备质量" prop="completeKerbMass">
- <el-input v-model="carInfo.completeKerbMass" placeholder="请输入整备质量">
- <el-button slot="append">千克(KG)</el-button>
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="核定载质量" prop="limitLoad">
- <el-input v-model="carInfo.limitLoad" placeholder="请输入核定载质量">
- <el-button slot="append">千克(KG)</el-button>
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="排量" prop="enginedesc">
- <el-input v-model="carInfo.enginedesc" placeholder="请输入排量">
- <el-button slot="append">升(L)</el-button>
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="功率" prop="powerScale">
- <el-input v-model="carInfo.powerScale" placeholder="请输入功率">
- <el-button slot="append">千瓦(KW)</el-button>
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="新车购置价" prop="purchasePrice">
- <el-input onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.purchasePrice" placeholder="请输入新车购置价">
- <el-button slot="append">元</el-button>
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="使用性质" prop="carnature">
- <el-select v-model="carInfo.carnature" placeholder="请选择使用性质" @change="natureFun">
- <el-option :label="item.dictTag" :value="item.dictValue"
- v-for="(item, index) in natureOfVehicleUseoptions" :key="index"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="车辆用途" prop="vehicleUse">
- <el-select v-if="carInfo.carnature == '02'" v-model="carInfo.vehicleUse" placeholder="请选择使车辆用途">
- <el-option :label="item.dictTag" :value="item.dictValue"
- v-for="(item, index) in outOfBusinessVehicleUseoptions" :key="index"></el-option>
- </el-select>
- <el-select v-if="carInfo.carnature == '01'" v-model="carInfo.vehicleUse" placeholder="请选择使车辆用途">
- <el-option :label="item.dictTag" :value="item.dictValue"
- v-for="(item, index) in businessVehicleUseoptions" :key="index"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="车辆类型" prop="cartype">
- <el-select v-model="carInfo.cartype" placeholder="请选择车辆种类" filterable clearable>
- <el-option :label="item.dictValue + item.dictTag" :value="item.dictValue"
- v-for="(item, index) in trafficManagementVehicleTypeoptions" :key="index"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="车辆种类" prop="cimodelclass">
- <el-select v-model="carInfo.cimodelclass" placeholder="请选择车辆种类" clearable>
- <el-option :label="item.dictTag" :value="item.dictValue" v-for="(item, index) in vehicleTypeoptions"
- :key="index"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="能源种类" prop="energyType">
- <el-select v-model="carInfo.energyType" placeholder="请选择能源种类">
- <el-option :label="item.dictTag" :value="item.dictValue" v-for="(item, index) in energyTypeoptions"
- :key="index"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="注册日期" prop="registerDate">
- <el-date-picker v-dateFormat v-model="carInfo.registerDate" :picker-options="pickerOptions"
- value-format="yyyy-MM-dd" type="date" placeholder="选择注册日期" placement="bottom-start"></el-date-picker>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="发证日期" prop="issueDate">
- <el-date-picker v-dateFormat v-model="carInfo.issueDate" :picker-options="issueDateOptions" type="date"
- placeholder="选择发证日期" value-format="yyyy-MM-dd" placement="bottom-start"></el-date-picker>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1" v-if="transferDateShow">
- <el-form-item label="转移登记日期" prop="transferDate">
- <el-date-picker v-dateFormat v-model="carInfo.transferDate" :picker-options="pickerOptions" type="date"
- placeholder="选择日期" value-format="yyyy-MM-dd" placement="bottom-start"></el-date-picker>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- </div>
- <div class="Enclosure flex f-c back">
- <div class="home flex j-s a-c">
- <div class="flex j-s a-c color" id="CheZhu">
- <img src="../../../../src/icon/车主信息.png" alt class="icon-img" />
- <span style="margin-left:10px;">车主信息</span>
- </div>
- <el-button size="small" type="primary" @click="uploaduser(2)">
- <i class="el-icon-camera-solid" style="margin-right:4px;"></i>证件识别
- </el-button>
- </div>
- <el-form class="demo-ruleForm" :model="ownerInfo" ref="ownerInfo" :rules="rules" label-width="130px" size="small"
- style="margin-top: 15px" label-position="top">
- <el-row style="flex-wrap: wrap; display: flex;">
- <el-col :span="5">
- <el-form-item label="车主姓名" prop="name">
- <el-input v-model="ownerInfo.name" placeholder="请输入车主姓名"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="证件类型" prop="identifyType">
- <el-select v-model="ownerInfo.identifyType" placeholder="身份证" disabled>
- <el-option label="身份证" value="01"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="证件号码" prop="identifyNumber">
- <el-input v-model="ownerInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
- show-word-limit @blur="identifyblur('ownerInfo')"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="年龄" prop="age">
- <el-input v-model="ownerInfo.age" placeholder="请输入年龄" type="text" disabled></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="性别" prop="gender">
- <el-select @change="genderChange" v-model="ownerInfo.gender" placeholder="请选择性别">
- <el-option label="男" value="男"></el-option>
- <el-option label="女" value="女"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="车主手机号" prop="mobile">
- <el-input v-model="ownerInfo.mobile" placeholder="请输入车主手机号" type="text" maxlength="11"
- @paste.native="handlePaste($event, 'ownerInfo')" show-word-limit></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="地址" prop="addr">
- <el-input v-model="ownerInfo.addr" placeholder="请输入地址" type="text"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="有效期起期" prop="identifyValidDate">
- <el-date-picker v-dateFormat v-model="ownerInfo.identifyValidDate" value-format="yyyy-MM-dd"
- :picker-options="pickerOptions" type="date" placeholder="选择注册日期"
- placement="bottom-start"></el-date-picker>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="有效期止期" prop="identifyValidEndDate">
- <el-date-picker v-dateFormat v-model="ownerInfo.identifyValidEndDate" type="date" value-format="yyyy-MM-dd"
- placeholder="选择有效期" placement="bottom-start" style="width: calc(100% - 40px);"></el-date-picker>
- <div class="insure-long-term" @click="insureLongterm('ownerInfo')">长期</div>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="电子邮箱" prop="email">
- <el-input v-model="ownerInfo.email" placeholder="请输入电子邮箱"></el-input>
- </el-form-item>
- </el-col>
- <!-- <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell" v-if="iscCrownerShow">
- <el-form-item label="省市区：">
- <el-cascader v-model="ownerInfo.provinceData" :options="areaOption" :props="{ value: 'code',label: 'name',children: 'sub'}"></el-cascader>
- </el-form-item>
- </el-col>-->
- </el-row>
- </el-form>
- </div>
- <div class="Enclosure flex f-c back">
- <div class="home flex j-s a-c">
- <div class="flex j-s a-c">
- <img src="../../../../src/icon/投保人信息.png" alt class="icon-img" />
- <span style="margin-left:10px;">投保人信息</span>
- </div>
- <div class="flex a-c j-c">
- <div style="font-size:12px;margin:0 10px;">
- 同车主
- <el-switch v-model="tbczcarShow" active-color="#D42426" @change="tbczcarShowChange()"></el-switch>
- </div>
- <el-button size="small" type="primary" @click="uploaduser(3)">
- <i class="el-icon-camera-solid" style="margin-right:4px;"></i>
- 证件识别
- </el-button>
- </div>
- </div>
- <el-form v-show="!tbczcarShow" class="demo-ruleForm" :model="policyHolderInfo" ref="policyHolderInfo" :rules="rules"
- label-width="130px" size="small " style="margin-top: 15px" label-position="top">
- <el-row style="flex-wrap: wrap; display: flex;">
- <el-col :span="5">
- <el-form-item label="投保人姓名" prop="name">
- <el-input v-model="policyHolderInfo.name" placeholder="请输入投保人姓名"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="证件类型" prop="identifyType">
- <el-select v-model="policyHolderInfo.identifyType" placeholder="身份证" disabled>
- <el-option label="身份证" value="01"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="证件号码" prop="identifyNumber">
- <el-input v-model="policyHolderInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
- show-word-limit @blur="identifyblur('policyHolderInfo')"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="年龄" prop="age">
- <el-input v-model="policyHolderInfo.age" placeholder="请输入年龄" type="text" disabled></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="性别" prop="gender">
- <el-select v-model="policyHolderInfo.gender" placeholder="请选择性别">
- <el-option label="男" value="男"></el-option>
- <el-option label="女" value="女"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="投保人手机号" prop="mobile">
- <el-input v-model="policyHolderInfo.mobile" placeholder="请输入投保人手机号" maxlength="11" type="text"
- @paste.native="handlePaste($event, 'policyHolderInfo')" show-word-limit></el-input>
- </el-form-item>
- </el-col>
- <!-- <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
- <el-form-item label="省市区：">
- <el-cascader v-model="selectedOptions2" :options="areaOptions"
- @change="event => areahandleChange(event, 'policyHolderInfo')"></el-cascader>
- </el-form-item>
- </el-col>-->
- <el-col :span="5" :offset="1">
- <el-form-item label="地址" prop="addr">
- <el-input v-model="policyHolderInfo.addr" placeholder="请输入地址" type="text"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="有效期起期" prop="identifyValidDate">
- <el-date-picker v-dateFormat v-model="policyHolderInfo.identifyValidDate" value-format="yyyy-MM-dd"
- :picker-options="pickerOptions" type="date" placeholder="选择有效期" placement="bottom-start"></el-date-picker>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="有效期止期" prop="identifyValidEndDate">
- <el-date-picker v-dateFormat v-model="policyHolderInfo.identifyValidEndDate" type="date"
- value-format="yyyy-MM-dd" placeholder="选择有效期" placement="bottom-start"
- style="width: calc(100% - 40px);"></el-date-picker>
- <div class="insure-long-term" @click="insureLongterm('policyHolderInfo')">长期</div>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="电子邮箱" prop="email">
- <el-input v-model="policyHolderInfo.email" placeholder="请输入电子邮箱"></el-input>
- </el-form-item>
- </el-col>
- <!-- <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell" v-if="isApplicantShow">
- <el-form-item label="省市区：">
- <el-cascader v-model="policyHolderInfo.provinceData" :options="areaOption" :props="{ value: 'code',label: 'name',children: 'sub'}"></el-cascader>
- </el-form-item>
- </el-col>-->
- </el-row>
- </el-form>
- </div>
- <div class="Enclosure flex f-c back">
- <div class="home flex j-s a-c">
- <div class="flex j-s a-c">
- <img src="../../../../src/icon/被投保人信息.png" alt class="icon-img" />
- <span style="margin-left:10px;">被保人信息</span>
- </div>
- <div class="flex j-s a-c">
- <div style="font-size:12px;margin:0 10px;">
- 同投保人
- <el-switch v-model="bbtbcarShow" active-color="#D42426" @change="bbtbcarShowChange()"></el-switch>
- </div>
- <div style="font-size:12px;margin:0 10px;">
- 同车主
- <el-switch v-model="bbczcarShow" active-color="#D42426" @change="bbczcarShowChange()"></el-switch>
- </div>
- <el-button size="small" type="primary" @click="uploaduser(4)">
- <i class="el-icon-camera-solid" style="margin-right:4px;"></i>
- 证件识别
- </el-button>
- </div>
- </div>
- <el-form v-show="!bbtbcarShow && !bbczcarShow" class="demo-ruleForm" :model="insuredPersonInfo"
- ref="insuredPersonInfo" :rules="rules" label-width="130px" size="small" style="margin-top: 15px"
- label-position="top">
- <el-row style="flex-wrap: wrap; display: flex;">
- <el-col :span="5">
- <el-form-item label="被保人姓名" prop="name">
- <el-input v-model="insuredPersonInfo.name" placeholder="请输入被保人姓名"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="证件类型" prop="identifyType">
- <el-select v-model="insuredPersonInfo.identifyType" placeholder="身份证" disabled>
- <el-option label="身份证" value="01"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="证件号码" prop="identifyNumber">
- <el-input v-model="insuredPersonInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
- show-word-limit @blur="identifyblur('insuredPersonInfo')"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="年龄" prop="age">
- <el-input v-model="insuredPersonInfo.age" placeholder="请输入年龄" type="text" disabled></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="性别" prop="gender">
- <el-select v-model="insuredPersonInfo.gender" placeholder="请选择性别">
- <el-option label="男" value="男"></el-option>
- <el-option label="女" value="女"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="被保人手机号" prop="mobile">
- <el-input v-model="insuredPersonInfo.mobile" placeholder="请输入被保人手机号" maxlength="11" type="text"
- @paste.native="handlePaste($event, 'insuredPersonInfo')" show-word-limit></el-input>
- </el-form-item>
- </el-col>
- <!-- <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
- <el-form-item label="省市区：">
- <el-cascader v-model="selectedOptions3" :options="areaOptions"
- @change="event => areahandleChange(event, 'insuredPersonInfo')"></el-cascader>
- </el-form-item>
- </el-col>-->
- <el-col :span="5" :offset="1">
- <el-form-item label="地址" prop="addr">
- <el-input v-model="insuredPersonInfo.addr" placeholder="请输入地址" type="text"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="有效期起期" prop="identifyValidDate">
- <el-date-picker v-dateFormat v-model="insuredPersonInfo.identifyValidDate" value-format="yyyy-MM-dd"
- :picker-options="pickerOptions" type="date" placeholder="选择有效期" placement="bottom-start"></el-date-picker>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="有效期止期" prop="identifyValidEndDate">
- <el-date-picker v-dateFormat v-model="insuredPersonInfo.identifyValidEndDate" type="date"
- value-format="yyyy-MM-dd" placeholder="选择有效期" placement="bottom-start"
- style="width: calc(100% - 40px);"></el-date-picker>
- <div class="insure-long-term" @click="insureLongterm('insuredPersonInfo')">长期</div>
- </el-form-item>
- </el-col>
- <el-col :span="5" :offset="1">
- <el-form-item label="电子邮箱" prop="email">
- <el-input v-model="insuredPersonInfo.email" placeholder="请输入电子邮箱"></el-input>
- </el-form-item>
- </el-col>
- <!-- <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell" v-if="isInsuredShow">
- <el-form-item label="省市区：">
- <el-cascader v-model="insuredPersonInfo.provinceData" :options="areaOption" :props="{ value: 'code',label: 'name',children: 'sub'}"></el-cascader>
- </el-form-item>
- </el-col>-->
- </el-row>
- </el-form>
- </div>
- <div class="Enclosure flex f-c back">
- <div class="home flex j-s a-c">
- <div class="flex j-s a-c color" id="insurance">
- <img src="../../../../src/icon/投保信息.png" alt class="icon-img" />
- <span style="margin-left:10px;">投保信息</span>
- <el-switch style="margin:0 10px 0 30px;" @change="immediatelyChange" v-model="immediatelyValue"
- active-color="#D42426"></el-switch>
- <span style="font-weight:normal;font-size: 13px;">即时投保</span>
- </div>
- </div>
- <el-form class="back demo-ruleForm" :inline="true" :model="Carinsurance" label-width="150px" size="small"
- style="margin-top: 15px" label-position="top">
- <div class="flex j-start a-c">
- <div class="flex j-c a-start">
- <el-checkbox class="checkbox" style="margin-right: 20px" v-model="jqchecked"
- @change="jqcheckedChange"></el-checkbox>
- <div class="flex f-c a-c">
- <el-form-item label="交强险起保日期" prop="identifyNumber">
- <el-date-picker v-dateFormat value-format="yyyy-MM-dd HH:mm:ss" v-model="jqstartDate" @change="jqChange"
- type="datetime" placeholder="选择日期时间" placement="bottom-start"></el-date-picker>
- </el-form-item>
- <el-form-item label="交强险终保日期" prop="identifyNumber">
- <el-date-picker v-dateFormat value-format="yyyy-MM-dd HH:mm:ss" v-model="jqendDate" type="datetime"
- placeholder="选择日期时间" placement="bottom-start"></el-date-picker>
- </el-form-item>
- </div>
- </div>
- <div class="flex f-c a-c synchronous" style="margin: 0 50px;" @click="synchronization">
- <span style="font-size:12px;">同步</span>
- </div>
- <div class="flex j-c a-start">
- <el-checkbox class="checkbox" style="margin-right: 20px" v-model="sychecked"
- @change="sycheckedChange"></el-checkbox>
- <div class="flex f-c a-c">
- <el-form-item label="商业险起保日期" prop="name">
- <el-date-picker v-dateFormat value-format="yyyy-MM-dd HH:mm:ss" v-model="systartDate" @change="syChange"
- type="datetime" placeholder="选择日期时间" placement="bottom-start"></el-date-picker>
- </el-form-item>
- <el-form-item label="商业险终保日期" prop="name">
- <el-date-picker v-dateFormat value-format="yyyy-MM-dd HH:mm:ss" v-model="syendDate" type="datetime"
- placeholder="选择日期时间" placement="bottom-start"></el-date-picker>
- </el-form-item>
- </div>
- </div>
- </div>
- </el-form>
- </div>
- <div class="Enclosure flex f-c back">
- <div class="home flex j-s a-c">
- <div class="flex j-s a-c color" id="insurance">
- <img src="../../../../src/icon/车船税.png" alt class="icon-img" />
- <span style="margin-left:10px;">车船税</span>
- </div>
- </div>
- <el-form class="demo-ruleForm" :model="vehicleAndVesselTaxForm" ref="vehicleAndVesselTaxForm" :rules="rules"
- label-width="160px" size="small" style="margin-top: 15px" label-position="top">
- <el-row style="flex-wrap: wrap; display: flex;">
- <el-col :span="5">
- <el-form-item label="纳税类型：" prop="taxRelifFlag">
- <el-select @change="taxRelifFlagChange" v-model="vehicleAndVesselTaxForm.taxRelifFlag" placeholder="纳税类型">
- <el-option v-for="(item, index) in taxRelifFlagoptions" :key="index" :label="item.dictTag"
- :value="item.dictValue"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col v-show="vehicleAndVesselTaxForm.taxRelifFlag == 1" :span="5" :offset="1">
- <el-form-item label="纳税人识别号：" prop="identifyNumber">
- <el-input v-model="vehicleAndVesselTaxForm.identifyNumber" placeholder="请输入纳税人识别号" type="text"></el-input>
- </el-form-item>
- </el-col>
- <el-col v-show="vehicleAndVesselTaxForm.taxRelifFlag == 1" :span="5" :offset="1">
- <el-form-item label="纳税人名称：" prop="taxpayerName">
- <el-input v-model="vehicleAndVesselTaxForm.taxpayerName" placeholder="请输入纳税人名称" type="text"></el-input>
- </el-form-item>
- </el-col>
- <el-col v-show="vehicleAndVesselTaxForm.taxRelifFlag == 1" :span="5" :offset="1">
- <el-form-item label="证件类型：" prop="taxpayerIdentifier">
- <el-select v-model="vehicleAndVesselTaxForm.taxpayerIdentifier" placeholder="证件类型" clearable>
- <el-option v-for="(item, index) in taxpayerIdentifieroptions" :key="index" :label="item.dictTag"
- :value="item.dictValue"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col v-show="vehicleAndVesselTaxForm.taxRelifFlag == 2 || vehicleAndVesselTaxForm.taxRelifFlag == 3"
- :span="5" :offset="1">
- <el-form-item label="减免税凭证号：" prop="extendChar2">
- <el-input v-model="vehicleAndVesselTaxForm.extendChar2" placeholder="请输入减免税凭证号" type="text"></el-input>
- </el-form-item>
- </el-col>
- <el-col v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" :span="5" :offset="1">
- <el-form-item label="完税凭证号：" prop="paidFreeCertificate">
- <el-input v-model="vehicleAndVesselTaxForm.paidFreeCertificate" placeholder="请输入完税凭证号"
- type="text"></el-input>
- </el-form-item>
- </el-col>
- <el-col v-show="vehicleAndVesselTaxForm.taxRelifFlag == 2 || vehicleAndVesselTaxForm.taxRelifFlag == 3"
- :span="5" :offset="1">
- <el-form-item label="减免税原因：" prop="relifReason">
- <el-select v-model="vehicleAndVesselTaxForm.relifReason" placeholder="减免税原因" clearable>
- <el-option v-for="(item, index) in relifReasonoptions" :key="index" :label="item.dictTag"
- :value="item.dictValue"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col v-show="vehicleAndVesselTaxForm.taxRelifFlag != 1" :span="5" :offset="1">
- <el-form-item label="税务机关代码：" prop="taxComCode">
- <el-input v-model="vehicleAndVesselTaxForm.taxComCode" placeholder="请输入税务机关代码" type="text"></el-input>
- </el-form-item>
- </el-col>
- <el-col v-show="vehicleAndVesselTaxForm.taxRelifFlag != 1" :span="5"
- :offset="vehicleAndVesselTaxForm.taxRelifFlag == 4 ? 1 : 0">
- <el-form-item label="税务机关名称：" prop="taxComName">
- <el-input v-model="vehicleAndVesselTaxForm.taxComName" placeholder="请输入税务机关名称" type="text"></el-input>
- </el-form-item>
- </el-col>
- <el-col v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" :span="5">
- <el-form-item label="完税凭证填发日期：" prop="taxDocumentDate">
- <el-date-picker v-dateFormat v-model="vehicleAndVesselTaxForm.taxDocumentDate" value-format="yyyy-MM-dd"
- type="date" placeholder="完税凭证填发日期" placement="bottom-start"></el-date-picker>
- </el-form-item>
- </el-col>
- <el-col v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" :span="5" :offset="1">
- <el-form-item label="完税凭证地区：" prop="taxPaidAreaCode">
- <el-select v-model="vehicleAndVesselTaxForm.taxPaidAreaCode" placeholder="完税凭证地区" clearable>
- <el-option v-for="(item, index) in provinceSelect" :key="index" :label="item.name"
- :value="item.code"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col v-show="vehicleAndVesselTaxForm.taxRelifFlag == 3" :span="5" :offset="1">
- <el-form-item label="减税比例：" prop="taxRelief">
- <el-input v-model="vehicleAndVesselTaxForm.taxRelief" placeholder="请输入0~1的数值" type="text"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- </div>
- <div class="Enclosure flex f-c back">
- <div class="home flex j-s a-c back">
- <div class="flex j-s a-c" id="more">
- <img src="../../../../src/icon/险别选择.png" alt class="icon-img" />
- <span style="margin-left:15px;width: 120px">险别选择</span>
- <el-select size="small" style="width:70%" v-model="packageValue" placeholder="请选择套餐" @change="packageChange">
- <el-option v-for="item in packageOptions" :key="item.id" :label="item.title" :value="item.id"></el-option>
- </el-select>
- </div>
- </div>
- <div class="flex f-c more">
- <div class="flex j-s a-c more-title back">
- <div style="width:590px;padding-left:100px;" class="flex j-s a-c">
- <span>险别</span>
- <span>保额（元）</span>
- </div>
- </div>
- <div class="flex a-c more-data back" v-for="(insureitem, insureindex) in insureList" :key="insureindex">
- <div style="width:700px;padding-left: 100px;" class="flex j-s a-c">
- <div style="width:auto;">
- <span style="text-align:center;">
- {{ insureitem.kindName }}
- <el-input
- v-show="insureitem.kindCode == 'D4' || insureitem.kindCode == 'MJ4' || insureitem.kindCode == 'SY_FJ_YBW2'"
- v-model="sumseatCount" style="width:40px;margin:0 5px;" size="small" placeholder disabled></el-input>
- <span
- v-show="insureitem.kindCode == 'D4' || insureitem.kindCode == 'MJ4' || insureitem.kindCode == 'SY_FJ_YBW2'">座</span>
- </span>
- </div>
- <el-select v-if="insureitem.amtList" filterable v-model="insureitem.amount" placeholder="请选择"
- @change="insureitemChange" size="small" style="width: 300px;">
- <el-option :label="item.label" :value="item.value" v-for="(item, index) in insureitem.amtList"
- :key="index"></el-option>
- </el-select>
- <span v-else>
- <el-input-number size="small" style="width: 280px;margin-right:10px" v-model="insureitem.amount"
- :min="0"></el-input-number>次
- </span>
- </div>
- </div>
- <!-- <div style="margin:0 auto;font-size: 14px;cursor: pointer;margin-top:15px;">
- <span v-show="insureMore" @click="selectMore(insureList.length)">
- 查看更多
- <i class="el-icon-arrow-down"></i>
- </span>
- <span v-show="!insureMore" @click="packup()">
- 收起
- <i class="el-icon-arrow-up"></i>
- </span>
- </div>-->
- </div>
- </div>
- <div class="Enclosure flex f-c back">
- <div class="home flex j-s">
- <div class="flex j-s a-c" id="company">
- <img src="../../../../src/icon/保险公司.png" alt class="icon-img" />
- <span style="margin-left:10px;">保险公司</span>
- <div class="csstool">
- <span>是否过户车</span>
- <el-switch @change="transferFlagChange" v-model="carInfo.transferFlag" active-color="#D42426"></el-switch>
- </div>
- <div class="csstool">
- <span>商业险是否过户</span>
- <el-switch v-model="carInfo.transferFlagBi" active-color="#D42426"></el-switch>
- </div>
- <div class="csstool">
- <span>是否脱保</span>
- <el-switch v-model="carInfo.outOfInsurance" active-color="#D42426"></el-switch>
- </div>
- <div class="csstool">
- <span>是否二手车</span>
- <el-switch v-model="carInfo.usedCar" active-color="#D42426"></el-switch>
- </div>
- </div>
- <div class="flex j-c a-c">
- <el-button v-show="imageUploadShow" size="small" type="primary" @click="imageUpload()">
- <i class="el-icon-camera-solid" style="margin-right:4px;"></i>
- 影像上传
- </el-button>
- </div>
- </div>
- <div>
- <div class="companyhead">
- <el-row>
- <el-col :span="1">
- <el-checkbox style="margin:0 10px 0 10px" @change="handleCheckAllChange"></el-checkbox>
- <span style="font-size:14px;">全选</span>
- </el-col>
- <el-col :span="2" style="margin: 0 42px 0 35px;">
- <span>保险公司</span>
- </el-col>
- <el-col :span="5">
- <span>报价协议</span>
- </el-col>
- <el-col :span="3">
- <span>报价结果</span>
- </el-col>
- <el-col :span="3">
- <span>交强险</span>
- </el-col>
- <el-col :span="3">
- <span>车船税</span>
- </el-col>
- <el-col :span="3">
- <span>商业险</span>
- </el-col>
- <el-col :span="2">
- <span>驾意险</span>
- </el-col>
- </el-row>
- </div>
- <div class="coll">
- <div v-loading.fullscreen.lock="loading" class="hovers" v-for="(reslistitem, reslistindex) in totalCompanyList"
- :key="reslistindex">
- <el-row>
- <el-col :span="1" style="margin-left: 20px;">
- <el-checkbox v-model="reslistitem.checked"
- @change="event => initchange(event, reslistitem.id, reslistitem.cnName, reslistindex)"></el-checkbox>
- </el-col>
- <el-col :span="3">
- <img :src="reslistitem.logo" alt
- style="width:30px; height:30px;vertical-align: middle;margin-left:20px" />
- <span>{{ reslistitem.namesimple }}</span>
- </el-col>
- <el-col :span="5">
- <el-select size="small" v-if="reslistitem.isTaxSource && reslistitem.isTaxSource == '1'" :disabled="true"
- placeholder="默认" style="width: 230px;" v-model="isTaxSourceModel" :clearable="true"></el-select>
- <el-select size="small" v-else :disabled="!reslistitem.checked" v-model="reslistitem.agreementId"
- placeholder="请选择协议" style="width: 230px;" :clearable="true"
- @change="val => agreementChange(val, reslistitem.agreement, reslistindex, reslistitem)">
- <div v-for="(agreementitem, agreementindex ) in reslistitem.agreement" :key="agreementindex">
- <div
- v-if="agreementitem.licenseNo && agreementitem.licenseNo.length > 0 && carInfo.licenseNo.length > 0 ? agreementitem.licenseNo.includes(carInfo.licenseNo.slice(0, 2)) : 'true'">
- <el-option :label="agreementitem.agreementName" :value="agreementitem.id"
- :disabled="agreementitem.disabled"></el-option>
- </div>
- </div>
- </el-select>
- </el-col>
- <el-col :span="3">
- <div v-show="reslistitem.quoteCode == '0'">
- <span>未报价</span>
- </div>
- <div v-show="reslistitem.quoteCode == '1'">
- <i style="color:#D42426" class="el-icon-loading"></i>
- </div>
- <div class="dis f-c" v-show="reslistitem.quoteCode == '200'">
- <span style="color:#D42426;font-weight:bold;">
- ￥{{
- reslistitem.result.sumPermium
- }}
- </span>
- <span style="font-size: 13px;color:#2D4D89" class="m-top-5" >优惠：{{reslistitem.result.sumExportFee}}</span>
- </div>
- </el-col>
- <el-col :span="3" v-show="reslistitem.quoteCode == '200'">
- <div class="dis f-c">
- <span style="color:#D42426;font-weight:bold;">
- ￥{{
- reslistitem.result.jqPremium }}
- </span>
- <span v-if="reslistitem.result.jqPremium" style="font-size: 13px;color:#2D4D89" class="m-top-5" >优惠：{{reslistitem.result.jqExportFee}}</span>
- </div>
- </el-col>
- <el-col :span="3" v-show="reslistitem.quoteCode == '200'">
- <span style="color:#D42426;font-weight:bold;">
- ￥{{
- reslistitem.result.taxAmount }}
- </span>
- </el-col>
- <el-col :span="3" v-show="reslistitem.quoteCode == '200'">
- <div class="dis f-c">
- <span style="color:#D42426;font-weight:bold;">
- ￥{{
- reslistitem.result.syPremium }}
- </span>
- <span v-if="reslistitem.result.syPremium" style="font-size: 13px;color:#2D4D89" class="m-top-5" >优惠：{{reslistitem.result.syExportFee}}</span>
- </div>
- </el-col>
- <el-col :span="2" v-if="reslistitem.quoteCode == '200'" style="">
- <div class="dis f-c">
- <span style="color:#D42426;font-weight:bold;">
- {{
- reslistitem.result.jyPremium ? '￥' + reslistitem.result.jyPremium : '无' }}
- </span>
- <span v-if="reslistitem.result.jyPremium" style="font-size: 13px;color:#2D4D89" class="m-top-5" >优惠：{{reslistitem.result.noExportFee}}</span>
- </div>
- </el-col>
- <el-col :span="24"
- v-show="reslistitem.quoteCode == '200' && reslistitem.result.feeNoDescription">
- <div class="flex offer-time" style="color:#D42426">
- <span>该车未匹配费用，不建议投保！</span>
- <el-tooltip class="item" effect="dark" content="优惠匹配错误信息" placement="top">
- <i class="el-icon-s-goods" @click="open3(reslistitem.namesimple+'优惠信息', reslistitem.result.feeNoDescription)"
- style="font-size:20px;transform: scale(0.8);vertical-align: middle;"
- :disabled="reslistitem.quoteCode == '200' && reslistitem.result.feeNoDescription"
- ></i>
- </el-tooltip>
- </div>
- </el-col>
- <el-col :span="24"
- v-show="(reslistitem.quoteCode != '200') && (reslistitem.quoteCode != '0') && (reslistitem.quoteCode != '1')">
- <div class="flex j-s offer-time" style="color:#D42426">{{ reslistitem.msg.length > 500 ?
- reslistitem.msg.slice(0, 500) : reslistitem.msg }}</div>
- </el-col>
- </el-row>
- <div class="flex j-s offer-time" v-if="reslistitem.quoteCode == '200'">
- <div style="line-height: 25px;">
- 保险期限：
- <span v-show="reslistitem.result.startDateJq">
- 【交强险】
- <span>
- {{ reslistitem.result.startDateJq }} -
- {{ reslistitem.result.endDateJq }}
- </span>
- </span>
- <span v-show="reslistitem.result.startDateSy" style="margin-left: 20px;">
- 【商业险】
- <span>
- {{ reslistitem.result.startDateSy }} -
- {{ reslistitem.result.endDateSy }}
- </span>
- </span>
- <span @click="syncData(reslistitem.result)">
- <el-tooltip class="item" effect="dark" content="使用此时间" placement="top">
- <i style="color:red" class="el-icon-time"></i>
- </el-tooltip>
- </span>
- <div>
- <span v-show="reslistitem.result.JqExportFee">
- 交强出口费用<span>{{ reslistitem.result.JqExportFee }}</span>
- </span>
- <span v-show="reslistitem.result.syExportFee">
- 商业出口费用<span>{{ reslistitem.result.syExportFee }}</span>
- </span>
- <span v-show="reslistitem.result.noExportFee">
- 非车出口费用<span> {{ reslistitem.result.noExportFee }}</span>
- </span>
- </div>
- <div>
- <span v-if="reslistitem.namesimple == '永诚财险'">
- 光博分：
- <span>
- {{ reslistitem.result.ilogPreUdwMess ?
- reslistitem.result.ilogPreUdwMess : '无' }}
- </span>
- </span>
- <span v-else>
- 评分：
- <span>
- {{ reslistitem.result.ilogPreUdwMess ?
- reslistitem.result.ilogPreUdwMess : '无' }}
- </span>
- </span>
- <span v-if="reslistitem.result.jqScore" class="marginL">
- 交强类型评分：
- <span>{{ reslistitem.result.jqScore }}</span>
- </span>
- <span v-if="reslistitem.result.syScore" class="marginL">
- 商业类型评分：
- <span>{{ reslistitem.result.syScore }}</span>
- </span>
- <span v-if="reslistitem.result.lossRation" class="marginL">
- 总赔付率：
- <span>{{ reslistitem.result.lossRation }}</span>
- </span>
- <span v-if="reslistitem.result.jqLossRation" class="marginL">
- 交强赔付率：
- <span>{{ reslistitem.result.jqLossRation }}</span>
- </span>
- <span v-if="reslistitem.result.syLossRation" class="marginL">
- 商业赔付率：
- <span>{{ reslistitem.result.syLossRation }}</span>
- </span>
- <span v-if="reslistitem.result.totalAdjustRate" class="marginL">
- 自主定价系数：
- <span>{{ reslistitem.result.totalAdjustRate }}</span>
- </span>
- <span v-if="reslistitem.result.jgAdjustRate" class="marginL">
- 交强折扣系数：
- <span>{{ reslistitem.result.jgAdjustRate }}</span>
- </span>
- <span v-if="reslistitem.result.syAdjustRate" class="marginL">
- 商业折扣系数：
- <span>{{ reslistitem.result.syAdjustRate }}</span>
- </span>
- <span v-if="reslistitem.result.accidentInfoStr" class="marginL">
- 出险信息：
- <span>
- {{
- reslistitem.result.accidentInfoStr }}
- </span>
- </span>
- <span v-if="reslistitem.namesimple == '紫金财险' && reslistitem.result.ubiPredictedInfoScore"
- class="marginL">
- 紫金能源车（鼎然-车辆风险评分）：
- <span>{{ reslistitem.result.ubiPredictedInfoScore }}</span>
- </span>
- <span v-if="reslistitem.result.iszdj && reslistitem.result.iszdj == '1'">真单交</span>
- <span v-if="reslistitem.result.iszdj && reslistitem.result.iszdj == '0'">假单交</span>
- </div>
- </div>
- <div style="text-align: right;">
- <div style="color:#2D4D89; ">
- <el-tooltip class="item" effect="dark" content="上年信息" placement="top">
- <i class="el-icon-chat-dot-round" @click="open2(reslistitem.namesimple, reslistitem.lastYearMsg)"
- style="font-size:20px;transform: scale(0.8);vertical-align: middle;"
- :disabled="reslistitem.namesimple == '众安财险' && reslistitem.result.tips == '需要验车'"
- v-show="(reslistitem.quoteCode == '200' && reslistitem.lastYearMsg)"></i>
- </el-tooltip>
- <el-tooltip class="item" effect="dark" content="预核保信息" placement="top">
- <i class="el-icon-chat-dot-round"
- @click="openPredictInfo(reslistitem.namesimple, reslistitem.predictInfo)"
- style="font-size:20px;transform: scale(0.8);vertical-align: middle;"
- v-show="(reslistitem.quoteCode == '200' && reslistitem.predictInfo && reslistitem.predictInfo.length > 0 && reslistitem.namesimple == '中国人寿')"></i>
- </el-tooltip>
- <el-button :disabled="reslistitem.namesimple == '众安财险' && reslistitem.result.tips == '需要验车'"
- v-show="reslistitem.quoteCode == '200' && !('editStatus' in reslistitem.result)" type="text"
- size="small" style="color:#2D4D89;font-size:14px" @click="hbsubmitdialog(reslistitem)">下单</el-button>
- <el-button v-show="reslistitem.quoteCode == '200'" type="text" size="small"
- style="color:#2D4D89;font-size:14px "
- @click="qoutedetail(reslistitem.result.companyId)">查看详情</el-button>
- </div>
- <div>
- <el-button v-show="reslistitem.quoteCode == '200'" type="text" size="small" style="font-size:14px "
- @click="bjdpreview(reslistitem.result.companyId)">报价单</el-button>
- <el-button type="text" size="small" style="font-size:14px "
- @click="Payment(reslistitem.result.companyId, reslistitem.namesimple)"
- v-show="reslistitem.orderstatus == '2' && !('editStatus' in reslistitem.result)">付款码</el-button>
- </div>
- </div>
- </div>
- <template>
- <!-- <div style="margin:20px 0 0 100px;" v-if="reslistitem.checked && reslistitem.agreementId"> -->
- <span v-if="reslistitem.checked && reslistitem.agreementId && reslistitem.underwritingDescription"
- style="margin:20px 20px 0 100px;display: inline-block">{{ reslistitem.underwritingDescription }}</span>
- <!-- </div> -->
- </template>
- <template v-if="reslistitem.namesimple == '恒邦财险' && reslistitem.checked && reslistitem.agreementId">
- <div class="flex f-c Driving-risk">
- <div class="dis a-c" style="margin:15px 0">
- <span style="margin-right:15px;font-weight:bold">选择意外险</span>
- <el-select style="width: 250px;margin-right:60px" filterable size="small" clearable v-model="insuranceHB"
- placeholder="未选择" @clear="clearAccidentFormHB" @change="hengbangInsuranceChange">
- <el-option v-for="(item, index) in hengbangInsuranceData" :key="index" :label="item.programname"
- :value="item.programcode"></el-option>
- </el-select>
- 保费： <b>{{ hengbangaccidentalDrivingVo.sumgrosspremium || 0}} 元</b>
- </div>
- <el-table size="small" :data="HBInsuranceData" border v-if="insuranceHB" @row-click="HBDrivingChange"
- ref="RsTable" highlight-current-row
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }">
- <el-table-column prop="kindname" label="险种名称" align="center"></el-table-column>
- <el-table-column prop="kindunitinsured" label="险种金额" align="center"></el-table-column>
- <!-- <el-table-column prop="sumgrosspremium" label="保费 (元)/每份" align="center">
- <template slot-scope="scope">
- <span>￥{{ scope.row.sumgrosspremium }}</span>
- </template>
- </el-table-column>
- <el-table-column label="份数" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.quantity }}</span>
- </template>
- </el-table-column> -->
- </el-table>
- </div>
- </template>
- <template v-if="reslistitem.namesimple == '华农财险' && reslistitem.checked && reslistitem.agreementId">
- <div class="flex f-c Driving-risk">
- <el-form :inline="true" :model="accidentFormHN" class="demo-form-inline"
- style="font-weight:bold;margin-top:15px" size="small">
- <el-form-item label="意外险类型：" style="margin-right:30px;">
- <el-select clearable v-model="accidentFormHN.accidentType" placeholder="未选择"
- @clear="clearAccidentFormHN" @change="huanongInsuranceChange">
- <el-option v-for="(item, index) in huanongInsuranceData" :key="index" :label="item.planName"
- :value="item.planCode"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="选择份数" style="margin-right:30px;">
- <el-input-number v-model="accidentFormHN.allQuantity" :min="1"
- controls-position="right"></el-input-number>
- <!-- <span style="margin-left: 5px;">份</span> -->
- </el-form-item>
- </el-form>
- <el-table v-if="accidentFormHN.accidentType" size="small" :data="HNInsuranceData" border ref="expandTable"
- highlight-current-row
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }">
- <el-table-column prop="dutyName" label="保险责任" align="center"></el-table-column>
- <el-table-column prop="unitAmount" label="保额" align="center">
- <template slot-scope="scope">
- <el-input v-model="scope.row.unitAmount" placeholder="请输入内容" size="small" disabled></el-input>
- </template>
- </el-table-column>
- </el-table>
- </div>
- </template>
- <template v-if="reslistitem.namesimple == '太平财险' && reslistitem.checked && reslistitem.agreementId">
- <div class="flex f-c Driving-risk">
- <div class="dis a-c" style="margin:15px 0">
- <span style="margin-right:15px;font-weight:bold">选择意外险</span>
- <el-select style="width: 250px;margin-right:60px" filterable size="small" clearable v-model="insuranceTP"
- placeholder="未选择" @clear="clearAccidentFormTP" @change="taipingInsuranceChange">
- <el-option v-for="(item, index) in taipingInsuranceData" :key="index" :label="item.rationName"
- :value="item.rationType"></el-option>
- </el-select>
- 每份价税合计： <b>{{ taipingaccidentalDrivingVo.price || 0}} 元</b>
- </div>
- <el-table size="small" :data="TPInsuranceData" border v-if="insuranceTP" ref="RsTable"
- highlight-current-row
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }">
- <el-table-column prop="kindName" label="险种名称" align="center"></el-table-column>
- <el-table-column prop="insured" label="险种金额" align="center"></el-table-column>
- <!-- <el-table-column prop="rationName" label="投保产品" align="center"></el-table-column>
- <el-table-column label="投保份数" align="center" prop="quantity">
- <template>
- <span>1</span>
- </template>
- </el-table-column>
- <el-table-column prop="price" label="每份价税合计" align="center"></el-table-column>
- <el-table-column prop="endSeatNum" label="最大座位数" align="center"></el-table-column> -->
- </el-table>
- </div>
- </template>
- <template v-if="reslistitem.namesimple == '安盛天平' && reslistitem.checked && reslistitem.agreementId">
- <div class="flex f-c Driving-risk">
- <div class="dis a-c" style="margin-top:15px">
- <span style="margin-right:15px;font-weight:bold;">意外险类型</span>
- <el-select style="width: 250px;" size="small" clearable v-model="anshengInsurancetype" placeholder="未选择"
- @clear="clearAccidentFormAS" @change="anshengInsuranceChange">
- <el-option v-for="(item, index) in anshengInsuranceData" :key="index"
- :label="item.planCode + ' ' + item.planChineseName" :value="item.planCode"></el-option>
- </el-select>
- </div>
- <el-table size="small" :data="anshengInsuranceData1" border v-if="anshengInsurancetype" ref="RsTable"
- highlight-current-row
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }">
- <el-table-column align="center" width="55" label="选择">
- <template slot-scope="scope">
- <el-radio class="radio" v-model="AStemplateSelection" :label="scope.row.productCode"
- @click.native.stop.prevent="ASDrivingRadio(scope.row)"> </el-radio>
- </template>
- </el-table-column>
- <el-table-column prop="productName" label="方案名称" align="center"></el-table-column>
- <el-table-column prop="productCode" label="方案代码" align="center"></el-table-column>
- <el-table-column label="份数" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.quantity }}</span>
- </template>
- </el-table-column>
- </el-table>
- </div>
- </template>
- <template v-if="reslistitem.namesimple == '中国人寿' && reslistitem.checked && reslistitem.agreementId">
- <div style="margin:15px 0 15px 100px">
- <span>商业险折扣：</span>
- <el-input style="width:220px" :disabled="!lastCompanyId" size="small" v-model="reslistitem.discount"
- placeholder="请输入内容"
- @input="reslistitem.discount = reslistitem.discount.replace(/[^\d.]/g, '')"></el-input>
- </div>
- <div class="flex f-c Driving-risk">
- <div class="dis a-c">
- <span style="margin-right:15px;font-weight:bold">选择意外险</span>
- <el-select style="width: 250px;" filterable size="small" clearable v-model="insuranceRS"
- placeholder="未选择" @clear="clearAccidentFormRS" @change="renshouInsuranceChange">
- <el-option v-for="(item, index) in renshouInsuranceData" :key="index" :label="item.productName"
- :value="item.id"></el-option>
- </el-select>
- </div>
- <el-table size="small" :data="RSInsuranceData" border v-if="insuranceRS" @row-click="RSDrivingChange"
- ref="RsTable" highlight-current-row
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }">
- <el-table-column prop="productName" label="方案名称" align="center"></el-table-column>
- <el-table-column prop="totalPremium" label="保费 (元)起" align="center">
- <template slot-scope="scope">
- <span>￥{{ scope.row.totalPremium }}</span>
- </template>
- </el-table-column>
- <el-table-column label="份数" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.quantity }}</span>
- </template>
- </el-table-column>
- </el-table>
- </div>
- </template>
- <template v-if="reslistitem.namesimple == '众安财险' && reslistitem.checked && reslistitem.agreementId">
- <div class="flex f-c Driving-risk">
- <div class="dis a-c" style="margin:15px 0">
- <span style="margin-right:15px;font-weight:bold">选择意外险</span>
- <el-select style="width: 250px;" filterable size="small" clearable v-model="insuranceZA"
- placeholder="未选择" @clear="clearAccidentFormZA" @change="zhonganInsuranceChange">
- <el-option v-for="(item, index) in zhonganInsuranceData" :key="index" :label="item.name"
- :value="item.combination"></el-option>
- </el-select>
- <!-- 保费： <b>{{ zhonganaccidentalDrivingVo.sumgrosspremium || 0}} 元</b> -->
- </div>
- <el-table size="small" :data="ZRInsuranceData" border v-if="insuranceZA" @row-click="ZADrivingChange"
- ref="RsTable" highlight-current-row
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }">
- <el-table-column prop="liabilityName" label="险种名称" align="center"></el-table-column>
- <el-table-column prop="amountLabel" label="险种金额" align="center"></el-table-column>
- </el-table>
- </div>
- </template>
- <template v-if="reslistitem.namesimple == '紫金财险' && reslistitem.checked && reslistitem.agreementId">
- <div style="margin:15px 0 15px 100px">
- <span>自主定价系数：</span>
- <el-input style="width:220px" size="small" v-model="reslistitem.coefficient"
- placeholder="请输入内容"></el-input>
- </div>
- <div class="flex f-c Driving-risk">
- <div class="dis a-c" style="margin-bottom:15px">
- <span style="margin-right:15px;font-weight:bold">选择意外险</span>
- <el-select style="width: 250px;" filterable multiple size="small" clearable v-model="insuranceZJ"
- placeholder="未选择" @clear="clearAccidentFormZJ" @change="zijinInsuranceChange">
- <el-option v-for="(item, index) in ziJinInsuranceData" :key="index" :label="item.projectName"
- :value="item.projectCode"></el-option>
- </el-select>
- </div>
- <el-table size="small" :data="ZJInsuranceData" border v-if="insuranceZJ" @select="CheckboxChange"
- filterable ref="expandTable" highlight-current-row
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }">
- <el-table-column type="selection" width="55"></el-table-column>
- <el-table-column prop="projectName" label="方案名称" align="center"></el-table-column>
- <el-table-column prop="sumAmount" label="总保额 (元)/每份" align="center"></el-table-column>
- <el-table-column prop="sumPremium" label="保费 (元)/每份" align="center">
- <template slot-scope="scope">
- <span>￥{{ scope.row.sumPremium }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="quantity" label="份数" align="center">
- <template slot-scope="scope">
- <el-input-number v-model="scope.row.quantity" :min="1" :max="scope.row.maxQuantity" size="small"
- controls-position="right"></el-input-number>
- </template>
- </el-table-column>
- <el-table-column prop="Totalprice" label="总保费 (元)" align="center">
- <template slot-scope="scope">
- <span v-if="scope.row.quantity">{{ scope.row.sumPremium * scope.row.quantity }}</span>
- <span v-else>{{ scope.row.sumPremium }}</span>
- </template>
- </el-table-column>
- </el-table>
- </div>
- </template>
- <template v-if="reslistitem.namesimple == '永诚财险' && reslistitem.checked && reslistitem.agreementId">
- <div class="flex f-c Driving-risk">
- <el-form :inline="true" :model="accidentForm" class="demo-form-inline" size="small"
- style="font-weight:bold;margin-top:15px">
- <el-form-item label="意外险类型" style="margin-right:30px;">
- <el-select clearable v-model="accidentForm.accidentType" placeholder="未选择" @clear="clearAccidentForm"
- @change="ywxxxchange">
- <el-option v-for="(item, index) in accidentDataList" :key="index" :label="item.name"
- :value="item.code"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="选择份数" style="margin-right:50px;">
- <el-input-number v-model="accidentForm.fen" @change="numberCopieschange" :min="1"
- controls-position="right"></el-input-number>
- <!-- <span style="margin-left: 5px;">份</span> -->
- </el-form-item>
- <el-form-item label="保费：">
- <span>{{ accidentForm.premium }} 元</span>
- </el-form-item>
- </el-form>
- <el-table v-if="accidentForm.accidentType" size="small" :data="accidenttableData" border ref="expandTable"
- highlight-current-row
- :header-cell-style="{ background: '#F7F7F9', fontWeight: '700', color: '#333333' }">
- <el-table-column prop="name" label="保险责任" align="center"></el-table-column>
- <el-table-column prop="seatSum" label="每座保额 (元)/每份" align="center"></el-table-column>
- <el-table-column prop="carSum" label="每车保额 (元)/每份" align="center"></el-table-column>
- <el-table-column prop="premium" label="责任保费 (元)/每份" align="center"></el-table-column>
- </el-table>
- </div>
- </template>
- <template v-if="reslistitem.namesimple == '国任财险' && reslistitem.checked && reslistitem.agreementId">
- <!-- <div style="margin:10px 0 0 100px;">
- <span style="margin-right:20px"> {{reslistitem.underwritingDescription}}</span>-->
- <el-button type="text" @click="contributingGuoRen(reslistitem.agreementId)">选择特约</el-button>
- <!-- </div> -->
- <div class="flex f-c Driving-risk">
- <el-form :inline="true" :model="guoRenaccidentForm" class="demo-form-inline" size="small">
- <el-form-item label="意外险类型" style="margin-right:30px;">
- <el-select clearable placeholder="未选择" @clear="clearAccidentFormGr" @change="grcxchange"
- v-model="guoRenaccidentForm.goodsCode">
- <el-option v-for="(item, index) in guoRenaccidentDataList" :key="index" :label="item.goodDesc"
- :value="item.goodId"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label=" ">
- <el-select clearable v-model="guoRenaccidentForm.prodCode" v-loading="accidentLoading"
- @change="grcxchangeChild">
- <el-option v-for="(item, index) in guoRenaccidentDataListChild" :key="item.prodCode"
- :label="item.prodCName" :value="item.prodCode"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="选择份数" style="margin-right:30px;">
- <el-input-number v-model="guoRenaccidentForm.quantity" :min="1" controls-position="right"
- @change="numberCopieschangeGR"></el-input-number>
- <!-- <span style="margin-left: 5px;">份</span> -->
- </el-form-item>
- <el-form-item label="保费：">
- <span>{{ guoRenaccidentForm.premium }} 元</span>
- </el-form-item>
- </el-form>
- <el-table v-if="guoRenaccidentForm.prodCode" size="small" :data="guoRenaccidenttableData" border
- ref="expandTable" highlight-current-row
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }">
- <el-table-column prop="liabName" label="保险责任" align="center"></el-table-column>
- <el-table-column prop="liabAmount" label="保额 (元)" align="center"></el-table-column>
- <el-table-column prop="liabPremium" label="保费 (元)" align="center">
- <template slot-scope="scope">￥{{ scope.row.liabPremium }}</template>
- </el-table-column>
- </el-table>
- </div>
- </template>
- <template v-if="reslistitem.namesimple == '中煤财险' && reslistitem.checked && reslistitem.agreementId">
- <div class="flex f-c Driving-risk accident-style zmDriving">
- <el-form :inline="true" :model="accidentFormZM" class="demo-form-inline" size="small"
- style="font-weight:bold;margin-top:15px">
- <el-form-item label="意外险类型" style="margin-right:30px;">
- <el-select style="width: 250px;" size="small" clearable v-model="zhongmeiInsurancetype"
- placeholder="未选择" @clear="numberCopieschangeZM" @change="zhongmeiInsuranceChange">
- <el-option v-for="(item, index) in zhongmeiInsuranceData" :key="index" :label="item.rideRiskName"
- :value="item.rideRiskCode"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="选择份数" style="margin-right:30px;">
- <el-input-number v-model="accidentFormZM.quantity" @change="numberCopieschangeZM" :min="1"
- controls-position="right" :max="accidentFormZM.maxQuantity"></el-input-number>
- <!-- <span style="margin-left: 5px;">份</span> -->
- </el-form-item>
- <el-form-item label="保费：">
- <span>{{ accidentFormZM.unitPremium }} 元</span>
- </el-form-item>
- </el-form>
- <el-table size="small" :data="zhongmeiInsuranceDataDetail" border ref="ZmMultipleTable"
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }">
- <el-table-column prop="insurName" label="保险责任名称" align="center"></el-table-column>
- <el-table-column prop="amountName" label="保险责任对应保额" align="center"></el-table-column>
- <!-- <el-table-column label="份数" align="center">
- <template slot-scope="scope">
- <div @click.stop>
- <el-input-number
- v-model="scope.row.quantity"
- @change="ZMhandleChange"
- :min="1"
- :max="Number(scope.row.insuredNumLimit)"
- controls-position="right"
- ></el-input-number>
- </div>
- </template>
- </el-table-column>-->
- </el-table>
- </div>
- </template>
- <template v-if="reslistitem.namesimple == '大家财险' && reslistitem.checked && reslistitem.agreementId">
- <div class="flex f-c Driving-risk">
- <div class="dis a-c" style="margin-top:15px">
- <span style="margin-right:15px;font-weight:bold">选择意外险</span>
- <el-select style="width: 250px;" filterable size="small" clearable v-model="insuranceDJ"
- placeholder="未选择" @clear="clearAccidentFormDJ" @change="dajiaInsuranceChange">
- <el-option v-for="(item, index) in dajiaInsuranceData" :key="index" :label="item.productName"
- :value="item.id"></el-option>
- </el-select>
- </div>
- <el-table size="small" :data="DJInsuranceData" border v-if="insuranceDJ" @row-click="DJDrivingChange"
- ref="RsTable" highlight-current-row
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }">
- <el-table-column prop="cvrgName" label="保险责任名称" align="center"></el-table-column>
- <el-table-column prop="cvrgPrm" label="保费 (元)/每份" align="center">
- <template slot-scope="scope">￥{{ scope.row.cvrgPrm }}</template>
- </el-table-column>
- </el-table>
- </div>
- </template>
- <template v-if="reslistitem.namesimple == '渤海财险' && reslistitem.checked && reslistitem.agreementId">
- <div class="flex f-c Driving-risk" style="margin-top:15px">
- <el-form :inline="true" :model="boHaiaccidentForm" class="demo-form-inline" size="small">
- <el-form-item label="意外险类型" style="margin-right:30px;">
- <el-select clearable placeholder="未选择" @clear="clearAccidentFormBh" @change="bhcxchange"
- v-model="boHaiaccidentForm.packageCode">
- <el-option v-for="(item, index) in boHaiaccidentDataList" :key="index" :label="item.packageName"
- :value="item.packageCode"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="选择份数" style="margin-right:30px;">
- <el-input-number v-model="boHaiaccidentForm.copies" :min="1"
- controls-position="right"></el-input-number>
- </el-form-item>
- <el-form-item label="保费：">
- <span>{{ boHaiaccidentForm.premium * boHaiaccidentForm.copies }} 元</span>
- </el-form-item>
- </el-form>
- <el-table v-if="boHaiaccidentForm.packageCode" size="small" :data="boHaiaccidenttableData" border
- v-loading="accidentLoadingbh" ref="expandTable" highlight-current-row
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }">
- <el-table-column prop="coverageName" label="保险责任名称" align="center"></el-table-column>
- <el-table-column prop="insuredAmount" label="保额 (元)" align="center">
- <template slot-scope="scope">￥{{ scope.row.insuredAmount }}</template>
- </el-table-column>
- </el-table>
- </div>
- </template>
- </div>
- </div>
- </div>
- </div>
- <div class="Enclosure flex f-c" v-if="isLetter">
- <div class="home flex j-s a-c back">
- <div class="flex j-s a-c color">
- <img src="../../../../src/icon/报价历史.png" alt class="icon-img" />
- <span style="margin-left:10px;">报价历史</span>
- <div v-if="orderno">
- <el-radio-group v-model="historyRadio" style="margin-left:30px;" @input="RadioHistoryChange"
- v-for="item in insOrderStatusoptions" :key="item.dictValue">
- <el-radio :label="item.dictValue">{{ item.dictTag }}</el-radio>
- </el-radio-group>
- </div>
- </div>
- </div>
- <div style="padding:20px;">
- <el-table size="small" :data="HistoryList" height="250" border style="width: 100%" v-loading="loading"
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }" highlight-current-row>
- <el-table-column prop="inscompany" label="保险公司" align="center"></el-table-column>
- <el-table-column prop="username" label="业务员" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.userName }}({{ scope.row.userId }})</span>
- </template>
- </el-table-column>
- <el-table-column prop="licenseno" label="车牌号" align="center"></el-table-column>
- <el-table-column prop="createtime" label="报价时间" align="center"></el-table-column>
- <el-table-column prop="jqpremium" label="交强险" align="center"></el-table-column>
- <el-table-column prop="sypremium" label="商业险" align="center"></el-table-column>
- <el-table-column prop="taxamount" label="车船税" align="center"></el-table-column>
- <el-table-column prop="sumpremium" label="总保费" align="center"></el-table-column>
- <el-table-column prop="orderstatus" label="状态" align="center">
- <template slot-scope="scope">
- <el-tag style="color:#33A08D;border-color:#33A08D;background: rgba(51,160,141,0.1);"
- v-if="scope.row.orderstatus == '0' || scope.row.orderstatus == '1'" size="small">{{ scope.row.orderstatus |
- cap }}</el-tag>
- <el-tag type="danger" style="border-color:#E75B5D ;" v-else-if="scope.row.orderstatus == '3'"
- size="small">{{ scope.row.orderstatus | cap }}</el-tag>
- <el-tag v-else style="color:#2D4D89 ;border-color:#2D4D89 ;background: rgba(45, 77, 137,0.1);"
- size="small">{{ scope.row.orderstatus | cap }}</el-tag>
- </template>
- </el-table-column>
- <el-table-column label="操作" align="center" min-width="180" fixed="right">
- <template slot-scope="scope">
- <el-button type="text" style="color:#2D4D89 " size="small"
- @click="qoutedetail(scope.row.id)">查看详情</el-button>
- <el-button size="small" type="text" @click="bjdpreview(scope.row.id)">报价单</el-button>
- <el-button size="small" v-show="scope.row.orderstatus == '2'" type="text"
- @click="Payment(scope.row.id, scope.row)">付款码</el-button>
- <el-button size="mini" type="text"
- v-if="(scope.row.orderstatus == '1' || scope.row.orderstatus == '2' || scope.row.orderstatus == '4') && ['紫金财险'].includes(scope.row.inscompany)"
- @click="cancelorder(scope.row)">撤单</el-button>
- <el-button type="text" size="mini" style="color:#2D4D89 " v-if="scope.row.orderstatus == '2'"
- @click="revokeCode(scope.row.id)">撤销二维码</el-button>
- </template>
- </el-table-column>
- </el-table>
- </div>
- </div>
- <!-- 查看详情 -->
- <detailsDialog ref="detailsDialog" :orderInfo="queryOrders" :Feepermissions="false"></detailsDialog>
- <el-dialog title="车型选择" :visible.sync="chexingdialogVisible" width="1300px">
- <el-form :inline="true" class="demo-form-inline" size="small">
- <el-form-item label="厂牌型号">
- <el-input v-model="carInfo.modelcname" placeholder="厂牌型号" style="width:500px;"></el-input>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" size="small" @click="toChooseVehicleType(carInfo.modelcname)">查询</el-button>
- </el-form-item>
- </el-form>
- <el-table size="small" :data="reslist" height="690" border style="width: 100%" v-loading="loading"
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }" highlight-current-row
- @row-dblclick="reslistCurrentChange">
- <el-table-column prop="modelCode" label="厂牌型号代码" align="center" width="200"></el-table-column>
- <el-table-column prop="modelName" label="厂牌型号" align="center" width="300"></el-table-column>
- <el-table-column prop="replacementValue" label="新车购置价" align="center" width="100"></el-table-column>
- <el-table-column prop="marketYear" label="年款" align="center" width="100"></el-table-column>
- <el-table-column prop="ratedPassengerCapacity" label="座位数" align="center" width="80"></el-table-column>
- <el-table-column prop="displacement" label="排量" align="center" width="100"></el-table-column>
- <el-table-column prop="remark" label="配置" align="center"></el-table-column>
- </el-table>
- </el-dialog>
- <el-dialog title="车辆识别代码" :visible.sync="sbdmdialogVisible" width="1300px">
- <el-form :inline="true" class="demo-form-inline" size="small">
- <el-form-item label="车辆识别代码">
- <el-input v-model="carInfo.frameNo" placeholder="车辆识别代码" style="width:500px;"></el-input>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" size="small" @click="toChooseVin(carInfo.frameNo)">查询</el-button>
- </el-form-item>
- </el-form>
- <el-table size="small" :data="reslist" height="690" border style="width: 100%" v-loading="loading"
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }" highlight-current-row
- @row-dblclick="reslistCurrentChange">
- <el-table-column prop="modelCode" label="厂牌型号代码" align="center" width="200"></el-table-column>
- <el-table-column prop="modelName" label="厂牌型号" align="center" width="300"></el-table-column>
- <el-table-column prop="replacementValue" label="新车购置价" align="center" width="100"></el-table-column>
- <el-table-column prop="marketYear" label="年款" align="center" width="100"></el-table-column>
- <el-table-column prop="ratedPassengerCapacity" label="座位数" align="center" width="80"></el-table-column>
- <el-table-column prop="displacement" label="排量" align="center" width="100"></el-table-column>
- <el-table-column prop="remark" label="配置" align="center"></el-table-column>
- </el-table>
- </el-dialog>
- <!--第一种 二维码 -->
- <el-dialog :visible.sync="codedialogVisible" width="430px" top="10vh" class="saomazhifucodeClass">
- <div class="ORcodebody" v-watermark="userform.id || userId" >
- <div slot="title" class="dialog-title">
- <span>扫码付款</span>
- </div>
- <div class="ORcode">
- <div style="padding:13px;position: relative;">
- <img v-if="['太平财险'].includes(inscompany)" :src="paycodeimg" alt style="width:100%" />
- <div v-else id="qrcode" ref="qrcode"></div>
- </div>
- </div>
- <img style="margin-left: -16px" src="../../../assets/image/divider.png" alt />
- <div style="font-size:32px;text-align: center;color:#D42426;margin-top:20px">
- <span style="font-size:24px;font-weight:bold">￥</span>
- {{ sumpremium }}
- </div>
- <div class="ORtitle">
- <div>
- <span>保险公司：</span>
- <span>{{ inscompany }}</span>
- </div>
- <div>
- <span>车牌号：</span>
- <span>{{ licenseNo }}</span>
- </div>
- <div>
- <span>投保人：</span>
- <span>{{ applyName }}</span>
- </div>
- <!-- <div>
- <span style="color:#f75c00">总金额：</span>
- <span style="color:#f75c00">{{ sumpremium }}</span>
- </div>-->
- <div v-show="jqpremium">
- <span>交强：</span>
- <span>{{ jqpremium }}</span>
- </div>
- <div v-show="sypremium">
- <span>商业：</span>
- <span>{{ sypremium }}</span>
- </div>
- <div v-show="taxamount">
- <span>车船税：</span>
- <span>{{ taxamount }}</span>
- </div>
- <div v-show="jqstartdate">
- <span>交强险起保日期：</span>
- <span>{{ jqstartdate }}</span>
- </div>
- <div v-show="systartdate">
- <span>商业险起保日期：</span>
- <span>{{ systartdate }}</span>
- </div>
- <div v-if="jypremium">
- <span>非车险：</span>
- <span>{{ jypremium }}</span>
- </div>
- </div>
- <!-- <div class="display">
- <el-button size="small" style="width:100px;" @click="codedialogVisible = false">关闭</el-button>
- </div>-->
- </div>
- <span slot="footer" class="dialog-footer display">
- <el-button size="small" style="width:100px;border-color:#D42426;color:#D42426 "
- @click="codedialogVisible = false">关闭</el-button>
- </span>
- </el-dialog>
- <!--第二种 二维码 -->
- <el-dialog :visible.sync="codedialogVisiblePro" width="660px" class="proSaomazhifucodeClass" top="10vh" title="扫码付款">
- <div class="flex j-s">
- <div class="scan-code">
- <div style="font-weight: bold;">
- 总金额：
- <span style="color:#2D4D89 ">{{ sumpremium }}</span>
- </div>
- <div>交强险：{{ jqpremium }}</div>
- <div>车船税：{{ taxamount }}</div>
- <div>商业险：{{ sypremium }}</div>
- <div>非车险：{{ jypremium }}</div>
- </div>
- <div>
- <img v-if="['太平财险'].includes(inscompany)" :src="paycodeimg" alt style="width:100%" />
- <div v-else id="qrcode" ref="qrcode"></div>
- </div>
- <div class="scan-code">
- <div>保险公司：{{ inscompany }}</div>
- <div>车牌号：{{ licenseNo }}</div>
- <div>投保人：{{ applyName }}</div>
- <div>交强险起保日期：{{ jqstartdate }}</div>
- <div>商业险起保日期：{{ systartdate }}</div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button size="small" style="width:100px;background: #EAEDF1;border-color:#EAEDF1;color:#2D4D89 "
- @click="codedialogVisiblePro = false">关闭</el-button>
- </span>
- </el-dialog>
- <el-dialog :visible.sync="uploadcardialogVisible" width="960px" style="padding:10px 20px;box-sizing: border-box;"
- @open="closeDialog(0)">
- <div slot="title" class="dialog-title">
- <span>行驶证识别</span>
- </div>
- <el-row :gutter="20">
- <div class="bodys1">
- <div>
- <div class="flex a-c">
- <div class="OCR" style="text-align:center;">行驶证主页</div>
- <div style="text-align:center;margin: 20px;" @drop="reportDrop">
- <el-upload drag action="#" :show-file-list="false" :auto-upload="false" :on-change="carfrontChange">
- <img v-show="carfrontImg" :src="carfrontImg" style="width:100%;height:100%" />
- <img v-show="!carfrontImg" src="../../../../static/carfront.png" style="width:100%;height:100%" />
- <span class="slot" v-show="carfrontImg" @click.stop>
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(carfrontImg)"></i>
- <i class="el-icon-delete" @click.stop="handleRemove('carfrontImg')"></i>
- </span>
- </el-upload>
- </div>
- </div>
- <div class="flex a-c">
- <div class="OCR" style="text-align:center;">行驶证副页</div>
- <div style="text-align:center;margin: 20px;" @drop="reportDrop">
- <el-upload drag action="#" :show-file-list="false" :auto-upload="false" :on-change="carbackChange">
- <img v-show="carbackImg" :src="carbackImg" style="width:100%;height:100%" />
- <img v-show="!carbackImg" src="../../../../static/carback.png" style="width:100%;height:100%" />
- <span class="slot" v-show="carbackImg" @click.stop>
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(carbackImg)"></i>
- <i class="el-icon-delete" @click.stop="handleRemove('carbackImg')"></i>
- </span>
- </el-upload>
- </div>
- </div>
- </div>
- <div style="text-align:center;">
- <el-form :model="carform" label-width="130px" size="small">
- <el-form-item label="所有人">
- <el-input v-model="carform.carOwner" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="车牌号">
- <el-input v-model="carform.licenseNo" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="车架号">
- <el-input v-model="carform.frameNo" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="品牌型号">
- <el-input v-model="carform.modelcname" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="发动机号">
- <el-input v-model="carform.engineNo" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="总质量">
- <el-input v-model="carform.grossMass" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="整备质量">
- <el-input v-model="carform.unladenMass" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="核定载质量">
- <el-input v-model="carform.limitLoad" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="核定载客数">
- <el-input v-model="carform.approvedPassengersCapacity" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="注册日期">
- <el-input v-model="carform.registerDate" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="发证日期">
- <el-input v-model="carform.issueDate" autocomplete="off"></el-input>
- </el-form-item>
- </el-form>
- </div>
- </div>
- </el-row>
- <span slot="footer" class="dialog-footer">
- <el-button type="primary" @click="CarOCRdiscern()" size="small">识 别</el-button>
- <el-button type="primary" @click="CarOCRconfirm()" size="small">确 认</el-button>
- </span>
- </el-dialog>
- <el-dialog :visible.sync="uploaduserdialogVisible" width="960px" style="padding:10px 20px;box-sizing: border-box;"
- @open="closeDialog(userIndex)">
- <el-tabs v-model="activeName">
- <el-tab-pane label="身份证识别" name="1">
- <el-row :gutter="20">
- <div class="bodys1">
- <div>
- <div class="flex">
- <div class="OCR" style="text-align:center;">身份证主页</div>
- <div style="text-align:center;margin: 20px;" @drop="reportDrop">
- <el-upload class="upload-demo" drag action="#" :show-file-list="false" :auto-upload="false"
- :on-change="userfrontChange">
- <img v-show="userfrontImg" :src="userfrontImg" style="width:100%;height:100%" />
- <img v-show="!userfrontImg" src="../../../../static/userfront.png" style="width:100%;height:100%" />
- <span class="slot" v-show="userfrontImg" @click.stop>
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(userfrontImg)"></i>
- <i class="el-icon-delete" @click.stop="handleRemove('userfrontImg')"></i>
- </span>
- </el-upload>
- </div>
- </div>
- <div class="flex">
- <div class="OCR" style="text-align:center;">身份证副页</div>
- <div style="text-align:center;margin: 20px;" @drop="reportDrop">
- <el-upload class="upload-demo" drag action="#" :show-file-list="false" :auto-upload="false"
- :on-change="userbackChange">
- <img v-show="userbackImg" :src="userbackImg" style="width:100%;height:100%" />
- <img v-show="!userbackImg" src="../../../../static/userback.png" style="width:100%;height:100%" />
- <span class="slot" v-show="userbackImg" @click.stop>
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(userbackImg)"></i>
- <i class="el-icon-delete" @click.stop="handleRemove('userbackImg')"></i>
- </span>
- </el-upload>
- </div>
- </div>
- </div>
- <div style="text-align:center;">
- <el-form :model="ownerInfoform" label-width="130px" size="small">
- <el-form-item label="姓名">
- <el-input v-model="ownerInfoform.name" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="性别">
- <el-input v-model="ownerInfoform.gender" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="证件类型">
- <el-input v-model="ownerInfoform.identifyType" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="证件号码">
- <el-input v-model="ownerInfoform.identifyNumber" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="车主手机号">
- <el-input v-model="ownerInfoform.mobile" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="地址">
- <el-input v-model="ownerInfoform.addr" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="有效期起期">
- <el-input disabled v-model="ownerInfoform.identifyValidDate" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="有效期止期">
- <el-input disabled v-model="ownerInfoform.identifyValidEndDate" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="电子邮箱">
- <el-input v-model="ownerInfoform.email" autocomplete="off"></el-input>
- </el-form-item>
- </el-form>
- </div>
- </div>
- </el-row>
- </el-tab-pane>
- <el-tab-pane label="营业执照" name="2">
- <el-row :gutter="20">
- <div class="bodys1">
- <div>
- <div class="flex">
- <div class="OCR" style="text-align:center;">营业执照</div>
- <div style="text-align:center;margin: 20px;" @drop="reportDrop">
- <el-upload class="upload-demo" drag action="#" :show-file-list="false" :auto-upload="false"
- :on-change="userfrontChange">
- <img v-show="businessImg" :src="businessImg" style="width:100%;height:100%" />
- <img v-show="!businessImg" src="../../../../static/userfront.png" style="width:100%;height:100%" />
- <span class="slot" v-show="businessImg" @click.stop>
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(businessImg)"></i>
- <i class="el-icon-delete" @click.stop="handleRemove('businessImg')"></i>
- </span>
- </el-upload>
- </div>
- </div>
- </div>
- <div style="text-align:center;">
- <el-form :model="ownerInfoform" label-width="130px" size="small">
- <el-form-item label="单位名称">
- <el-input autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="法人">
- <el-input autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="社会信用代码">
- <el-input autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="地址">
- <el-input autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="经营范围">
- <el-input autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item label="注册资本">
- <el-input autocomplete="off"></el-input>
- </el-form-item>
- </el-form>
- </div>
- </div>
- </el-row>
- </el-tab-pane>
- </el-tabs>
- <span slot="footer" class="dialog-footer">
- <el-button type="primary" @click="userOCRdiscern()" size="small">识 别</el-button>
- <el-button type="primary" @click="userOCRconfirm()" size="small">确 认</el-button>
- </span>
- </el-dialog>
- <el-dialog :visible.sync="imageUploaddialogVisible" width="1070px">
- <div slot="title" class="dialog-title">
- <span>影像上传</span>
- </div>
- <el-row>
- <el-col :span="3">
- <div class="tab-style">
- <li class="liMenu" :class="idx == tabLiIndex ? 'tabLi-style' : ''" @click="tabLiScroll(item.scroll, idx)"
- v-for="(item, idx) in tabLimenu" :key="idx">{{ item.name }}</li>
- </div>
- </el-col>
- <el-col :span="21" style="height:320px;overflow-y: auto;">
- <div class="flex" id="vehicle">
- <div class="aaa">
- <span>1.行驶证主页</span>
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
- :on-change="file => drivingupload(file, 'imageList1', 'imgList1', 'C01')" :file-list="imgList1"
- ref="upload1" :class="{ styleB: imgList1.length == 1 }">
- <img v-show="imgList1.length == 0" src="../../../../static/carfront.png" style="width:100%;height:100%" />
- <div slot="file" slot-scope="{file}" v-if="imgList1.length > 0">
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-delete" @click="handleRemove1(file, 'imageList1', 'imgList1')">
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
- </el-upload>
- </div>
- <div class="aaa">
- <span>2.行驶证副页</span>
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
- :on-change="file => drivingupload(file, 'imageList1', 'imgList2', 'D01')" :file-list="imgList2"
- ref="upload2" :class="{ styleB: imgList2.length === 1 }">
- <img v-show="imgList2.length == 0" src="../../../../static/carback.png" style="width:100%;height:100%" />
- <div slot="file" slot-scope="{file}">
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-delete" @click="handleRemove1(file, 'imageList1', 'imgList2')">
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
- </el-upload>
- </div>
- <div class="aaa">
- <span>1.新车合格证</span>
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
- :on-change="file => drivingupload(file, 'imageList5', 'imgList9', 'XC00')" :file-list="imgList9" multiple
- ref="upload3" :class="{ styleB: imgList9.length === 1 }">
- <img v-show="imgList9.length == 0" src="../../../../static/userfront.png"
- style="width:100%;height:100%" />
- <div slot="file" slot-scope="{file}">
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-delete" @click="handleRemove1(file, 'imageList5', 'imgList9')">
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
- </el-upload>
- </div>
- <div class="aaa">
- <span>2.购车发票</span>
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
- :on-change="file => drivingupload(file, 'imageList5', 'imgList10', 'GC00')" :file-list="imgList10"
- multiple ref="upload4" :class="{ styleB: imgList10.length === 1 }">
- <img v-show="imgList10.length == 0" src="../../../../static/userfront.png"
- style="width:100%;height:100%" />
- <div slot="file" slot-scope="{file}">
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-delete" @click="handleRemove1(file, 'imageList5', 'imgList10')">
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
- </el-upload>
- </div>
- </div>
- <div class="flex" id="owner">
- <div class="aaa">
- <span>1.车主身份证（正面）</span>
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
- :on-change="file => drivingupload(file, 'imageList2', 'imgList3', 'C02')" :file-list="imgList3" multiple
- ref="upload3" :class="{ styleB: imgList3.length === 1 }">
- <img v-show="imgList3.length == 0" src="../../../../static/userfront.png"
- style="width:100%;height:100%" />
- <div slot="file" slot-scope="{file}">
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-delete" @click="handleRemove1(file, 'imageList2', 'imgList3')">
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
- </el-upload>
- </div>
- <div class="aaa">
- <span>2.车主身份证（反面）</span>
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
- :on-change="file => drivingupload(file, 'imageList2', 'imgList4', 'D02')" :file-list="imgList4" multiple
- ref="upload4" :class="{ styleB: imgList4.length === 1 }">
- <img v-show="imgList4.length == 0" src="../../../../static/userback.png" style="width:100%;height:100%" />
- <div slot="file" slot-scope="{file}">
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-delete" @click="handleRemove1(file, 'imageList2', 'imgList4')">
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
- </el-upload>
- </div>
- <div class="aaa">
- <span>3.营业执照</span>
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag multiple ref="upload4">
- <img src="../../../../static/userfront.png" style="width:100%;height:100%" />
- <div slot="file" slot-scope="{file}">
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-delete" @click="handleRemove1(file, 'imageList2', 'imgList4')">
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
- </el-upload>
- </div>
- </div>
- <div class="flex" id="applicant">
- <div class="aaa">
- <span>1.投保人身份证（正面）</span>
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
- :on-change="file => drivingupload(file, 'imageList3', 'imgList5', 'C03')" :file-list="imgList5" multiple
- ref="upload5" :class="{ styleB: imgList5.length === 1 }">
- <img v-show="imgList5.length == 0" src="../../../../static/userfront.png"
- style="width:100%;height:100%" />
- <div slot="file" slot-scope="{file}">
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-delete" @click="handleRemove1(file, 'imageList3', 'imgList5')">
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
- </el-upload>
- </div>
- <div class="aaa">
- <span>2.投保人身份证（反面）</span>
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
- :on-change="file => drivingupload(file, 'imageList3', 'imgList6', 'D03')" :file-list="imgList6" multiple
- ref="upload6" :class="{ styleB: imgList6.length === 1 }">
- <img v-show="imgList6.length == 0" src="../../../../static/userback.png" style="width:100%;height:100%" />
- <div slot="file" slot-scope="{file}">
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-delete" @click="handleRemove1(file, 'imageList3', 'imgList6')">
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
- </el-upload>
- </div>
- <div class="aaa">
- <span>3.营业执照</span>
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag multiple ref="upload4">
- <img src="../../../../static/userfront.png" style="width:100%;height:100%" />
- <div slot="file" slot-scope="{file}">
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-delete" @click="handleRemove1(file, 'imageList2', 'imgList4')">
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
- </el-upload>
- </div>
- </div>
- <div class="flex">
- <div class="aaa">
- <span id="insured">1.被保人身份证（正面）</span>
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
- :on-change="file => drivingupload(file, 'imageList4', 'imgList7', 'C04')" :file-list="imgList7" multiple
- ref="upload7" :class="{ styleB: imgList7.length === 1 }">
- <img v-show="imgList7.length == 0" src="../../../../static/userfront.png"
- style="width:100%;height:100%" />
- <div slot="file" slot-scope="{file}">
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-delete" @click="handleRemove1(file, 'imageList4', 'imgList7')">
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
- </el-upload>
- </div>
- <div class="aaa">
- <span>2.被保人身份证（反面）</span>
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
- :on-change="file => drivingupload(file, 'imageList4', 'imgList8', 'D04')" :file-list="imgList8" multiple
- ref="upload8" :class="{ styleB: imgList8.length === 1 }">
- <img v-show="imgList8.length == 0" src="../../../../static/userback.png" style="width:100%;height:100%" />
- <div slot="file" slot-scope="{file}">
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-delete" @click="handleRemove1(file, 'imageList4', 'imgList8')">
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
- </el-upload>
- </div>
- <div class="aaa">
- <span>3.营业执照</span>
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag multiple ref="upload4">
- <img src="../../../../static/userfront.png" style="width:100%;height:100%" />
- <div slot="file" slot-scope="{file}">
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-delete" @click="handleRemove1(file, 'imageList2', 'imgList4')">
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
- </el-upload>
- </div>
- </div>
- <div class="flex" id="relationship">
- <div class="aaa">
- <span>1.关系证明</span>
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
- :on-change="file => drivingupload(file, 'imageList5', 'imgList11', 'GX00')" :file-list="imgList11"
- multiple ref="upload3" :class="{ styleB: imgList11.length === 1 }">
- <img v-show="imgList11.length == 0" src="../../../../static/userfront.png"
- style="width:100%;height:100%" />
- <div slot="file" slot-scope="{file}">
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-delete" @click="handleRemove1(file, 'imageList5', 'imgList11')">
- <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
- </el-upload>
- </div>
- </div>
- </el-col>
- </el-row>
- <span slot="footer" class="dialog-footer">
- <el-button size="small" @click="imageUploaddialogVisible = false">取 消</el-button>
- <el-button size="small" type="primary" @click="uploadinformation">上传资料</el-button>
- </span>
- </el-dialog>
- <div v-if="isLetter" class="flex j-c a-c" :class="{
- 'footer': true,
- 'shadow': !isBottom
- }">
- <el-button size="small" @click="add()">录下一单</el-button>
- <el-button type="primary" :loading="calculateLoading" size="small" @click="quote()">保费计算</el-button>
- </div>
- <div v-else style="text-align: center">
- <el-button type="primary" :loading="calculateLoading" size="small" @click="quote()">保费计算</el-button>
- </div>
- <div class="Anchor-link flex f-c j-s a-c" v-if="isLetter">
- <div>
- <img src="../../../../src/icon/车辆信息.png" alt class="icon-img" @click="handleScroll('Car')" />
- </div>
- <div>
- <img src="../../../../src/icon/投保信息.png" alt class="icon-img" @click="handleScroll('insurance')" />
- </div>
- <div>
- <img src="../../../../src/icon/险别选择.png" alt class="icon-img" @click="handleScroll('more')" />
- </div>
- <div>
- <img src="../../../../src/icon/保险公司.png" alt class="icon-img" @click="handleScroll('company')" />
- </div>
- </div>
- <el-dialog title="核保信息" :visible.sync="underwritingdialogVisible" width="30%">
- <div class="flex j-s f-c">
- <div style="font-size: 18px;color: #D42426;font-weight:700;padding: 10px 30px;" v-if="orderstatus == '2'">
- 订单状态：已核保待缴费</div>
- </div>
- <span slot="footer" class="dialog-footer" v-if="orderstatus == '2'">
- <el-button style="width: 100px;" type="primary" size="small"
- @click="Payment(companyId, queryOrders.inscompany)">缴费二维码</el-button>
- </span>
- </el-dialog>
- <el-dialog title="转保确认码" :visible.sync="renewalCodedialogVisible" width="400px" style="font-weight: bold">
- <div class="flex a-c u-f-sa" v-if="renewalCodeJqImg">
- <span>交强转保确认码</span>
- <div class="flex a-c f-c">
- <img :src="renewalCodeJqImg" alt style="width: 150px; height: 40px; margin-bottom: 5px" />
- <el-input v-model="renewalCodeJq" placeholder="请输入确认码" style="width: 150px"></el-input>
- </div>
- </div>
- <div class="flex a-c u-f-sa" v-if="renewalCodeSyImg">
- <span>商业转保确认码</span>
- <div class="flex a-c f-c">
- <img :src="renewalCodeSyImg" alt style="width: 150px; height: 40px; margin-bottom: 5px" />
- <el-input v-model="renewalCodeSy" placeholder="请输入确认码" style="width: 150px"></el-input>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button size="small" @click="renewalCodedialogVisible = false">取 消</el-button>
- <el-button size="small" type="primary" @click="renewalCodeconfirm">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog :title="contributingState ? '选择特约' : '提交核保'" :visible.sync="hbsubmitdialogVisible" width="1200px">
- <div style="margin-bottom: 20px;font-weight: bold;">特约选择</div>
- <el-table size="small" :data="zijinengageListData" border v-loading="contributingLoading"
- @select="zijinengageChange" @select-all="zijinengageChangeAll" ref="expandTablePro" highlight-current-row
- @cell-dblclick="zijincellDblclick" :cell-class-name="tableCellClassName"
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }">
- <el-table-column type="selection" width="55"></el-table-column>
- <el-table-column prop="clauseCode" :width="80" label="特约代码" align="center"></el-table-column>
- <el-table-column v-if="contributingState" :width="100" prop="riskName" label="特约险种"
- align="center"></el-table-column>
- <el-table-column prop="clauseName" label="特约名称" align="center"></el-table-column>
- <el-table-column prop="clauseContent" label="特约内容">
- <template slot-scope="scope">
- <el-input @blur="hideInput" size="small" type="textarea" :ref="scope.row.index + ',' + scope.column.index"
- v-model="scope.row.clauseContent"
- v-if="scope.row.index + ',' + scope.column.index == currentCell && scope.row.modifyFlag == '1'"></el-input>
- <span v-else>{{ scope.row.clauseContent }}</span>
- </template>
- </el-table-column>
- </el-table>
- <span slot="footer" class="dialog-footer">
- <el-button size="small" @click="hbsubmitdialogVisible = false">取 消</el-button>
- <el-button v-if="contributingState" size="small" type="primary"
- @click="hbsubmitdialogVisible = false">确定</el-button>
- <el-button v-else size="small" type="primary" @click="hbsubmit">提交核保</el-button>
- </span>
- </el-dialog>
- <!-- 报价单 -->
- <quotationDialog ref="quotationDialog" :queryOrders="queryOrders"></quotationDialog>
- <quotationDialogPro ref="quotationDialogPro" :queryOrders="queryOrders"></quotationDialogPro>
- <el-image-viewer v-if="showViewer" :on-close="closeViewer" :z-index="9999" :url-list="[ProViewImg]" />
- <el-dialog :visible.sync="redictInfodialogVisible" width="70%">
- <el-table :data="redictInfoMsg" style="width: 100%">
- <el-table-column prop="description" label="审核意见"></el-table-column>
- <el-table-column prop="opinion" label="备注"></el-table-column>
- </el-table>
- </el-dialog>
- </div>
- </template>
- <script>
- let _self;
- import QRCode from "qrcodejs2";
- import Cookies from "js-cookie";
- import CommonUtil from "@/utils/comutil.js";
- import {
- getAgeByIdCard,
- searchkey,
- addressCode,
- getGenderByIdCard
- } from "@/utils/validate.js";
- import citydata from "@/assets/js/citydata.js";
- // import yongchengData from '../../assets/js/yongchengData';
- import { regionData, codeToText } from "element-china-area-data";
- import { base64ToPath } from "@/common/image-tools-base64.js";
- import quotationDialog from "@/views/Core/components/quotationDialog.vue";
- import quotationDialogPro from "@/views/Core/components/quotationDialogPro.vue";
- import detailsDialog from "@/views/Core/components/detailsDialog.vue";
- export default {
- inject: ["reload"],
- name: "qrCode",
- data() {
- var checkpurchasePrice = (rule, value, callback) => {
- if (!value) {
- callback(new Error("新车购置价不能为空"));
- } else if (value == 0) {
- callback(new Error("新车购置价不能为零"));
- } else {
- callback();
- }
- };
- var checkframeNo = (rule, value, callback) => {
- if (value.length < 17) {
- callback(new Error("车架号不足17位"));
- } else if (
- value.indexOf("I") != "-1" ||
- value.indexOf("O") != "-1" ||
- value.indexOf("Q") != "-1"
- ) {
- callback(new Error("车架号不能包含（I O Q）三个字母"));
- } else {
- callback();
- }
- };
- var carPhoneValid = (rule, value, callback) => {
- const plateNumber = /^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1})$/;
- if (!value) {
- callback(new Error("请输入车牌号"));
- } else if (plateNumber.test(value)) {
- callback();
- } else {
- callback(new Error("请输入正确的车牌号"));
- }
- };
- return {
- watermarkedImage:'',
- redictInfoMsg: [],
- redictInfodialogVisible: false,
- qrcodeWidth: "180",
- qrcodeHeight: "180",
- activeName: "1",
- isTaxSourceModel: "",
- tabLiIndex: 0,
- tabLimenu: [
- {
- name: "车辆信息",
- scroll: "vehicle"
- },
- {
- name: "车主信息",
- scroll: "owner"
- },
- {
- name: "投保人信息",
- scroll: "applicant"
- },
- {
- name: "被保人信息",
- scroll: "insured"
- },
- {
- name: "关系证明",
- scroll: "relationship"
- }
- ],
- packageValue: "",
- packageOptions: [],
- zhongmeiInsurancetype: "", //中煤驾意险产品选中值
- zhongmeiInsuranceData: [], //中煤驾意险产品列表数据
- zhongmeiInsuranceDataDetail: [], //中煤驾意险产品明细方案数据
- zhongmeiaccidentalDrivingVo: {}, //中煤驾意险最终选中字段
- currentCell: null,
- feeDetailInfo: [], //费用明细信息
- immediatelyValue: false,
- isRetractZJ: false,
- isRetractHB: false,
- isRetractZM: false,
- isRetractASTP: false,
- isRetractZA: false,
- isRetractYC: false,
- isRetractRS: false,
- templateSelection: "",
- AStemplateSelection: "",
- iscCrownerShow: false,
- isApplicantShow: false,
- isInsuredShow: false,
- formInline: {},
- anshengInsurancetype: "", //安盛
- anshengInsuranceData: [], //安盛驾意险
- anshengInsuranceData1: [], //安盛驾意险
- anshengaccidentalDrivingVo: {}, //安盛驾意险
- insuranceHB: "", //恒邦
- hengbangInsuranceData: [], //恒邦驾意险
- HBInsuranceData: [],
- hengbangaccidentalDrivingVo: {}, //恒邦驾意险
- insuranceHN: "", //华农
- huanongInsuranceData: [], //华农驾意险
- HNInsuranceData: [],
- huanongaccidentalDrivingVo: {}, //华农驾意险
- renshouaccidentalDrivingVo: {}, //人寿意外险
- renshouInsuranceData: [], //-人寿意外险list
- ziJinInsuranceData: [], //-紫金意外险list
- zhonganInsuranceData: [], //众安驾意险
- zhonganaccidentalDrivingVo: {}, //众安驾意险
- ZJInsuranceData: [],
- insuranceZJ: "",
- accidentalDrivingVo: [], //-紫金意外险传参
- zijinengageListData: [], //紫金特约
- zijinengageList: [], //紫金特约
- // ------------紫金意外险
- insuranceRS: "", //人寿
- RSInsuranceData: [],
- insuranceZA: "", //众安
- ZRInsuranceData: [],
- insuranceTP: "", //太平
- taipingInsuranceData: [], //太平驾意险
- TPDrivingChangeInsuranceData: [],
- taipingaccidentalDrivingVo: {}, //太平驾意险
- licenseplate: true,
- calculateLoading: false, //保费计算按钮 节流
- accidentForm: {
- fen: "1",
- premium: 0
- }, //永诚意外险内容
- accidentFormHN: {
- allQuantity: "1"
- }, //华农意外险内容
- accidentDataList: [], //永诚意外险
- guoRenaccidentDataList: [], //国任意外险
- guoRenaccidenttableData: [],
- guoRenaccidentDataListChild: [],
- insuranceDJ: "",
- dajiaInsuranceData: [], //大家意外险
- DJInsuranceData: [],
- dajiaaccidentalDrivingVo: {},
- accidenttableData: [],
- accidentLoading: false,
- guoRenaccidentLoading: false,
- contributingLoading: false,
- guoRenaccidentPremium: "",
- guoRenaccidentForm: {
- quantity: "1",
- premium: 0
- }, //国任意外险内容
- accidentFormZM: {
- quantity: "1",
- unitPremium: 0
- }, //中煤意外险内容
- boHaiaccidentDataList: [], //渤海意外险
- boHaiaccidentForm: {
- copies: "1",
- policyNum: 0
- },
- accidentLoadingbh: false,
- boHaiaccidenttableData: [],
- accidentPremium: "",
- accidentPremiumGr: "",
- accidentPremiumZM: "",
- contributingState: false, //是否为国任特约
- pickerOptions: {
- disabledDate(time) {
- //若选择的日期小于当前日期（包含今天）
- return time.getTime() > Date.now();
- //若选择的日期大于当前日期（不包含今天）： time.getTime() < Date.now()
- //若选择的日期小于当前日期(不包含今天)： time.getTime() > Date.now() - 8.64e7
- //若选择的日期小于等于当前日期（包含今天）： time.getTime() > Date.now()
- }
- },
- attributionform: {
- //续保查询数据
- configure: [],
- companyId: ""
- },
- continuousAction: [], //续保配置项
- //永诚转保确认码
- cqryCdeJq: "",
- cqryCdeSy: "",
- renewalCodeJq: "", //交强确认码
- renewalCodeSy: "", //商业确认码
- renewalCodeJqImg: "", //交强图片
- renewalCodeSyImg: "", //商业图片
- //-----------------
- showViewer: false,
- transferDateShow: false, //转移登记日期
- yonganchecked: false, //永安驾意险
- renbaochecked: false, //人保驾意险
- zhongmeichecked: false, //中煤驾意险
- hengbangchecked: false, //恒邦驾意险
- yongchengchecked: false, //永诚驾意险
- yonganDrivinglist: [],
- renbaoDrivinglist: [],
- zhongmeiDrivinglist: [],
- hengbangDrivinglist: [],
- yongchengDrivinglist: [],
- tbczcarShow: true, //投保人同车主
- bbczcarShow: false, //被保人同车主
- bbtbcarShow: true, //被保人同投保人
- imageUploadShow: true, //上传影像显示
- ProViewImg: "", //预览图片
- carfrontImg: "", //行驶证正面
- carbackImg: "", //行驶证背面
- userfrontImg: "", //身份证正面
- userbackImg: "", //身份证背面
- businessImg: "",
- CarFrontFile: "", //车正面文件流
- CarBackFile: "", //车背面文件流
- C02File: "",
- D02File: "",
- C03File: "",
- D03File: "",
- C04File: "",
- D04File: "",
- userIndex: 1, //区分三种人员
- TabName: "car", //默认选项卡
- value1: "",
- chexingdialogVisible: false, //车型选择 显示/隐藏
- sbdmdialogVisible: false, //车型车辆识别代码选择 显示/隐藏
- codedialogVisible: false, //二维码 显示/隐藏
- codedialogVisiblePro: false,
- uploadcardialogVisible: false, //行驶证识别 显示/隐藏
- uploaduserdialogVisible: false, //身份证识别 显示/隐藏
- imageUploaddialogVisible: false, //影像上传 显示/隐藏
- underwritingdialogVisible: false, //核保信息 显示/隐藏
- renewalCodedialogVisible: false, //转保确认码输入
- hbsubmitdialogVisible: false, //核保弹框
- Carinsurance: {
- jqinsurance: "1", //交强险
- syinsurance: "1" //商业险
- },
- jqchecked: true,
- sychecked: false,
- jqstartDate: "", //交强时间
- jqendDate: "", //交强时间
- systartDate: "", //商业时间
- syendDate: "", //商业时间
- loading: false, //加载事件
- reslist: [], //车型列表
- userId: "", //出单工号
- carInfo: {
- powerScale: "", ///功率
- licenseNo: "", //车牌号
- brandName: "", //车辆品牌型号
- vinNo: "", //车架号
- engineNo: "", //发动机号
- modelCode: "", //车型编码
- seatCount: null, //核定载客量 核定载人数
- purchasePrice: null, //新车购置价最低，行业实际价值，协商价值
- carBrand: "", //车型品牌
- ciCarName: "", //行业车型名称
- ciModelCode: "", //行业车型编码
- completeKerbMass: "", //整备质量
- exhaustScale: "", //排量
- factory: "", //工厂名称
- factoryid: "", //工厂编码
- frameNo: "", //车架号
- licenseTypeCode: "02", //号牌种类
- vehicleclass: "", //车辆类型
- familyName: "", //车型
- modelcname: "", //车型名称
- powertypecode: "", //燃料类型编码
- vehicleweight: "", //总质量
- limitLoad: "", //核定载质量
- caryear: null, //年款
- cimodelclass: "A0", //车辆种类
- energyType: "0", //能源类型
- enginedesc: "", //排量
- registerDate: "", //注册日期
- issueDate: "", //发证日期
- transferFlag: 0, //过户标志
- transferFlagBi: false, //商业险是否过户
- transferDate: "", //过户日期
- loanStatus: 0, //贷款标志
- firstBeneMan: "", //第一受益人
- noLicenseFlag: false, //是否新车
- cartype: "", //客车A0 货车H0
- carnature: "02", //使用性质
- vehicleUse: "05",
- property: "1" //所属性质 1个人 2企业 3个人
- },
- carform: {
- carOwner: "", //车主
- licenseNo: "", //车牌号
- modelcname: "", //车辆品牌型号
- frameNo: "", //车架号
- engineNo: "", //发动机号
- registerDate: "", //注册日期
- issueDate: "", //发证日期
- grossMass: "", //总质量
- unladenMass: "", //整备质量
- limitLoad: "", //核定载质量
- approvedPassengersCapacity: "" //核定载客数
- },
- ownerInfoform: {
- name: "",
- identifyType: "",
- identifyNumber: "",
- age: "", //年龄
- gender: "", //性别
- addr: "",
- email: "",
- mobile: "",
- identifyValidDate: "", //有效期起期
- identifyValidEndDate: "" //有效期止期
- // province: "",//省
- // city: "",//市
- // county: "",//县
- },
- riskList: [], //险种大类信息
- kindList: [], //商业险险别
- ownerInfo: {
- //车主
- name: "", //姓名
- identifyType: "01", //身份证类型
- identifyNumber: "", //身份证号
- age: "", //年龄
- gender: "", //性别
- addr: "", //地址
- email: "", //邮箱
- mobile: "", //电话
- identifyValidDate: "", //有效期起期
- identifyValidEndDate: "", //有效期止期
- // province: "",//省
- // city: "",//市
- // county: "",//县
- provinceData: [] //省市区
- },
- policyHolderInfo: {
- //投保人
- name: "", //姓名
- identifyType: "01", //身份证类型
- identifyNumber: "", //身份证号
- age: "", //年龄
- gender: "", //性别
- addr: "", //地址
- email: "", //邮箱
- mobile: "", //电话
- identifyValidDate: "", //有效期起期
- identifyValidEndDate: "", //有效期止期
- // province: "",//省
- // city: "",//市
- // county: "",//县
- provinceData: [] //省市区
- },
- insuredPersonInfo: {
- //被保人
- name: "", //姓名
- identifyType: "01", //身份证类型
- identifyNumber: "", //身份证号
- age: "", //年龄
- gender: "", //性别
- addr: "", //地址
- email: "", //邮箱
- mobile: "", //电话
- identifyValidDate: "", //有效期起期
- identifyValidEndDate: "", //有效期止期
- provinceData: [] //省市区
- // province: "",//省
- // city: "",//市
- // county: "",//县
- },
- //车船税form
- vehicleAndVesselTaxForm: {
- taxRelifFlag: "1", //类型
- identifyNumber: "", //纳税人识别号
- taxpayerIdentifier: "01", //纳税人证件类型
- taxpayerName: "", //纳税人名称
- extendChar2: "", //减免税凭证号
- paidFreeCertificate: "", //完税凭证号
- relifReason: "", //减免税原因
- taxComCode: "", //税务机关代码
- taxComName: "", ///税务机关名称
- taxDocumentDate: "", //完税日期
- taxPaidAreaCode: "", //完税凭证地区代码
- taxRelief: "" //减税比例
- },
- //车辆用途列表
- vehicleList: [],
- //能源种类列表
- rules: {
- extendChar2: [
- { required: true, message: "请输入减免税凭证号", trigger: "blur" }
- ],
- paidFreeCertificate: [
- { required: true, message: "请输入完税凭证号", trigger: "blur" }
- ],
- relifReason: [
- { required: true, message: "请输入减免税原因", trigger: "blur" }
- ],
- taxComCode: [
- { required: true, message: "请输入税务机关代码", trigger: "blur" }
- ],
- taxComName: [
- { required: true, message: "请输入税务机关名称", trigger: "blur" }
- ],
- taxDocumentDate: [
- { required: true, message: "请输入完税日期", trigger: "blur" }
- ],
- taxPaidAreaCode: [
- { required: true, message: "请选择完税地区", trigger: "blur" }
- ],
- taxRelief: [
- { required: true, message: "请输入减税比例", trigger: "blur" }
- ],
- taxpayerName: [
- { required: true, message: "请输入纳税人名称", trigger: "blur" }
- ],
- taxpayerIdentifier: [
- { required: true, message: "请选择证件类型", trigger: "blur" }
- ],
- taxRelifFlag: [
- { required: true, message: "请选择纳税类型", trigger: "blur" }
- ],
- energyType: [
- { required: true, message: "请选择能源种类", trigger: "blur" }
- ],
- cimodelclass: [
- { required: true, message: "请选择车辆种类", trigger: "blur" }
- ],
- carnature: [
- { required: true, message: "请选择使用性质", trigger: "blur" }
- ],
- cartype: [
- { required: true, message: "请选择车辆类型", trigger: "blur" }
- ],
- vehicleUse: [
- { required: true, message: "请选择车辆用途", trigger: "blur" }
- ],
- brandName: [
- { required: true, message: "请填写品牌型号", trigger: "blur" }
- ],
- licenseNo: [
- { max: 8, message: "最多八个字符", trigger: "blur" },
- { required: true, validator: carPhoneValid, trigger: "blur" }
- ],
- frameNo: [{ validator: checkframeNo, trigger: "blur" }],
- engineNo: [
- { required: true, message: "请填写发动机号", trigger: "blur" }
- ],
- purchasePrice: [
- { required: true, validator: checkpurchasePrice, trigger: "blur" }
- ],
- registerDate: [
- { required: true, message: "请选择注册时间", trigger: "blur" }
- ],
- issueDate: [
- { required: true, message: "请选择发证日期", trigger: "blur" }
- ],
- transferDate: [
- { required: true, message: "请选择转移登记日期", trigger: "blur" }
- ],
- seatCount: [
- { required: true, message: "请输入座位数", trigger: "blur" }
- ],
- completeKerbMass: [
- { required: true, message: "请输入整备质量", trigger: "blur" }
- ],
- name: [{ required: true, message: "请填写姓名", trigger: "blur" }],
- // identifyNumber: [
- // { required: true, message: "请填写证件号", trigger: "blur" },
- // { min: 18, max: 18, message: "长度在18个字符", trigger: "blur" },
- // {
- // pattern: /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9xX]$/,
- // message: "请输入正确的证件号",
- // trigger: "blur"
- // }
- // ],
- identifyValidDate: [
- { required: true, message: "请选择起期", trigger: "blur" }
- ],
- identifyValidEndDate: [
- { required: true, message: "请选择止期", trigger: "blur" }
- ],
- addr: [
- { required: true, message: "请填写地址", trigger: "blur" },
- { min: 8, message: "最少8个字符", trigger: "blur" }
- ],
- mobile: [
- { required: true, message: "请填写手机号", trigger: "blur" },
- { min: 11, max: 11, message: "长度在11个字符", trigger: "blur" },
- {
- pattern: /^(13[0-9]|14[01456879]|15[0-3,5-9]|16[2567]|17[0-8]|18[0-9]|19[0-3,5-9])\d{8}$/,
- message: "请输入正确的手机号",
- trigger: "blur"
- }
- ],
- email: [
- { min: 10, max: 20, message: "最少10个字符", trigger: "blur" },
- {
- pattern: /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
- message: "请输入正确的邮箱",
- trigger: "blur"
- }
- ]
- },
- CIInsureList: {
- //交强险
- amount: "1",
- amountDesc: "投保",
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "投保",
- value: "1"
- }
- ],
- kindCode: "0507",
- kindName: "交强险",
- desc: "国家强制规定购买的险种，对第三方的人身或财产损失提供基本保障"
- },
- BIInsureList: {
- //商业险
- amount: "0",
- amountDesc: "投保",
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "投保",
- value: "1"
- }
- ],
- kindCode: "0510",
- kindName: "商业险",
- desc: "国家强制规定购买的险种，对第三方的人身或财产损失提供基本保障"
- },
- insureList: [
- {
- amount: "0",
- amountDesc: "投保",
- coveragePremium: 0,
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "投保",
- value: "1"
- }
- ],
- kindCode: "A",
- isMainRisk: true,
- kindName: "机动车损失险",
- desc:
- "保险期间内，被保险人或被保险机动车驾驶人在使用被保险机动车过程中，因自然灾害、意外事故、机动车被盗窃、抢劫、抢夺等情况（详见保险条款）造成被保险机动车直接损失，且不属于免除保险人责任的范围，保险人依照本保险合同的约定负责赔偿的险种。"
- },
- {
- amount: "0",
- amountDesc: "不投保",
- coveragePremium: 0,
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "10万",
- value: "100000"
- },
- {
- label: "15万",
- value: "150000"
- },
- {
- label: "20万",
- value: "200000"
- },
- {
- label: "30万",
- value: "300000"
- },
- {
- label: "50万",
- value: "500000"
- },
- {
- label: "100万",
- value: "1000000"
- },
- {
- label: "150万",
- value: "1500000"
- },
- {
- label: "200万",
- value: "2000000"
- },
- {
- label: "250万",
- value: "2500000"
- },
- {
- label: "300万",
- value: "3000000"
- },
- {
- label: "400万",
- value: "4000000"
- },
- {
- label: "500万",
- value: "5000000"
- },
- {
- label: "600万",
- value: "6000000"
- },
- {
- label: "800万",
- value: "8000000"
- },
- {
- label: "1000万",
- value: "10000000"
- }
- ],
- kindCode: "B",
- isMainRisk: true,
- kindName: "第三者责任险",
- desc:
- "保险期间内，被保险人或其允许的驾驶人在使用被保险机动车过程中发生意外事故，致使第三者遭受人身伤亡或财产直接损毁，依法应当对第三者承担的损害赔偿责任，且不属于免除保险人责任的范围，保险人依照本保险合同的约定，对于超过机动车交通事故责任强制保险各分项赔偿限额的部分负责赔偿的险种。"
- },
- {
- amount: "0",
- amountDesc: "1万",
- coveragePremium: 0,
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "1万",
- value: "10000"
- },
- {
- label: "2万",
- value: "20000"
- },
- {
- label: "3万",
- value: "30000"
- },
- {
- label: "4万",
- value: "40000"
- },
- {
- label: "5万",
- value: "50000"
- },
- {
- label: "6万",
- value: "60000"
- },
- {
- label: "7万",
- value: "70000"
- },
- {
- label: "8万",
- value: "80000"
- },
- {
- label: "9万",
- value: "90000"
- },
- {
- label: "10万",
- value: "100000"
- },
- {
- label: "15万",
- value: "150000"
- },
- {
- label: "20万",
- value: "200000"
- },
- {
- label: "25万",
- value: "250000"
- },
- {
- label: "30万",
- value: "300000"
- },
- {
- label: "35万",
- value: "350000"
- },
- {
- label: "40万",
- value: "400000"
- },
- {
- label: "45万",
- value: "450000"
- },
- {
- label: "50万",
- value: "500000"
- }
- ],
- kindCode: "D3",
- isMainRisk: true,
- kindName: "司机责任险",
- desc:
- "保险期间内，被保险人或其允许的驾驶人在使用被保险机动车过程中发生意外事故，致使车上人员遭受人身伤亡，且不属于免除保险人责任的范围，依法应当对车上人员承担的损害赔偿责任，保险人依照本保险合同的约定负责赔偿的险种。"
- },
- {
- amount: "0",
- amountDesc: "1万",
- coveragePremium: 0,
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "1万",
- value: "10000"
- },
- {
- label: "2万",
- value: "20000"
- },
- {
- label: "3万",
- value: "30000"
- },
- {
- label: "4万",
- value: "40000"
- },
- {
- label: "5万",
- value: "50000"
- },
- {
- label: "6万",
- value: "60000"
- },
- {
- label: "7万",
- value: "70000"
- },
- {
- label: "8万",
- value: "80000"
- },
- {
- label: "9万",
- value: "90000"
- },
- {
- label: "10万",
- value: "100000"
- },
- {
- label: "15万",
- value: "150000"
- },
- {
- label: "20万",
- value: "200000"
- },
- {
- label: "25万",
- value: "250000"
- },
- {
- label: "30万",
- value: "300000"
- },
- {
- label: "35万",
- value: "350000"
- },
- {
- label: "40万",
- value: "400000"
- },
- {
- label: "45万",
- value: "450000"
- },
- {
- label: "50万",
- value: "500000"
- }
- ],
- kindCode: "D4",
- isMainRisk: true,
- kindName: "乘客责任险",
- desc:
- "保险期间内，被保险人或其允许的驾驶人在使用被保险机动车过程中发生意外事故，致使车上人员遭受人身伤亡，且不属于免除保险人责任的范围，依法应当对车上人员承担的损害赔偿责任，保险人依照本保险合同的约定负责赔偿的险种。"
- },
- {
- amount: "0",
- amountDesc: "不投保",
- coveragePremium: 0,
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "2千",
- value: "2000"
- },
- {
- label: "5千",
- value: "5000"
- },
- {
- label: "1万",
- value: "10000"
- },
- {
- label: "2万",
- value: "20000"
- }
- ],
- desc:
- "保险期间内，被保险机动车在被保险人或被保险机动车驾驶人使用过程中，发生无明显碰撞痕迹的车身划痕损失，保险人按照保险合同约定负责赔偿的险种",
- isMainRisk: false,
- kindCode: "L",
- kindName: "车身划痕险",
- mainRiskCodeList: "A"
- },
- {
- amount: "0",
- amountDesc: "不投保",
- coveragePremium: 0,
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "5%",
- value: "5"
- },
- {
- label: "10%",
- value: "10"
- },
- {
- label: "15%",
- value: "15"
- },
- {
- label: "20%",
- value: "20"
- }
- ],
- desc:
- "被保险机动车发生主险约定的保险事故，保险人按照主险的约定计算赔款后，扣减本特约条款约定的免赔的险种。",
- isMainRisk: false,
- kindCode: "MJ1",
- kindName: "绝对免赔率特约险（车损）",
- mainRiskCodeList: "A"
- },
- {
- amount: "0",
- amountDesc: "不投保",
- coveragePremium: 0,
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "5%",
- value: "5"
- },
- {
- label: "10%",
- value: "10"
- },
- {
- label: "15%",
- value: "15"
- },
- {
- label: "20%",
- value: "20"
- }
- ],
- desc:
- "被保险机动车发生主险约定的保险事故，保险人按照主险的约定计算赔款后，扣减本特约条款约定的免赔的险种。",
- isMainRisk: false,
- kindCode: "MJ2",
- kindName: "绝对免赔率特约险（三者）",
- mainRiskCodeList: "B"
- },
- {
- amount: "0",
- amountDesc: "不投保",
- coveragePremium: 0,
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "5%",
- value: "5"
- },
- {
- label: "10%",
- value: "10"
- },
- {
- label: "15%",
- value: "15"
- },
- {
- label: "20%",
- value: "20"
- }
- ],
- desc:
- "被保险机动车发生主险约定的保险事故，保险人按照主险的约定计算赔款后，扣减本特约条款约定的免赔的险种。",
- isMainRisk: false,
- kindCode: "MJ3",
- kindName: "绝对免赔率特约险（司机）",
- mainRiskCodeList: "D3"
- },
- {
- amount: "0",
- amountDesc: "不投保",
- coveragePremium: 0,
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "5%",
- value: "5"
- },
- {
- label: "10%",
- value: "10"
- },
- {
- label: "15%",
- value: "15"
- },
- {
- label: "20%",
- value: "20"
- }
- ],
- desc:
- "被保险机动车发生主险约定的保险事故，保险人按照主险的约定计算赔款后，扣减本特约条款约定的免赔的险种。",
- isMainRisk: false,
- kindCode: "MJ4",
- kindName: "绝对免赔率特约险（乘客）",
- mainRiskCodeList: "D4"
- },
- {
- amount: "0",
- amountDesc: "不投保",
- coveragePremium: 0,
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "1万",
- value: "10000"
- },
- {
- label: "2万",
- value: "20000"
- },
- {
- label: "4万",
- value: "40000"
- },
- {
- label: "5万",
- value: "50000"
- },
- {
- label: "8万",
- value: "80000"
- },
- {
- label: "10万",
- value: "100000"
- },
- {
- label: "20万",
- value: "200000"
- },
- {
- label: "30万",
- value: "300000"
- },
- {
- label: "50万",
- value: "500000"
- },
- {
- label: "100万",
- value: "1000000"
- },
- {
- label: "200万",
- value: "2000000"
- },
- {
- label: "300万",
- value: "3000000"
- }
- ],
- kindCode: "SY_FJ_YBW1",
- isMainRisk: true,
- kindName: "附加医保-三者",
- desc: "附加医保外医疗费用责任险（机动车第三者责任保险）"
- },
- {
- amount: "0",
- amountDesc: "不投保",
- coveragePremium: 0,
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "1万",
- value: "10000"
- },
- {
- label: "2万",
- value: "20000"
- },
- {
- label: "5万",
- value: "50000"
- },
- {
- label: "10万",
- value: "100000"
- }
- ],
- kindCode: "SY_FJ_YBW2",
- isMainRisk: true,
- kindName: "附加医保-座位险(乘客)",
- desc: "附加医保外医疗费用责任险（机动车第三者责任保险）"
- },
- {
- amount: "0",
- amountDesc: "不投保",
- coveragePremium: 0,
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "1万",
- value: "10000"
- },
- {
- label: "2万",
- value: "20000"
- },
- {
- label: "5万",
- value: "50000"
- },
- {
- label: "10万",
- value: "100000"
- }
- ],
- kindCode: "SY_FJ_YBW3",
- isMainRisk: true,
- kindName: "附加医保-座位险(司机)",
- desc: "附加医保外医疗费用责任险（机动车第三者责任保险）"
- },
- {
- amount: "0",
- amountDesc: "不投保",
- coveragePremium: 0,
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "50万",
- value: "500000"
- },
- {
- label: "100万",
- value: "1000000"
- },
- {
- label: "150万",
- value: "1500000"
- },
- {
- label: "200万",
- value: "2000000"
- },
- {
- label: "250万",
- value: "2500000"
- },
- {
- label: "300万",
- value: "3000000"
- },
- {
- label: "500万",
- value: "5000000"
- },
- {
- label: "1000万",
- value: "10000000"
- }
- ],
- desc:
- "保险期间内，被保险人或其允许的驾驶人在法定节假日期间使用被保险机动车发生机动车第三者责任保险范围内的事故，并经公安部门或保险人查勘确认的，被保险机动车第三者责任保险所适用的责任限额在保险单载明的基础上增加一倍的险种",
- isMainRisk: false,
- kindCode: "BD",
- kindName: "法定节假日限额翻倍险",
- mainRiskCodeList: "B"
- },
- {
- amount: "0",
- amountDesc: "不投保",
- coveragePremium: 0,
- amtList: [
- {
- label: "不投保",
- value: "0"
- },
- {
- label: "2次",
- value: "2"
- },
- {
- label: "7次",
- value: "7"
- },
- {
- label: "12次",
- value: "12"
- },
- {
- label: "17次",
- value: "17"
- },
- {
- label: "22次",
- value: "22"
- }
- ],
- desc: "道路救援服务特约条款",
- isMainRisk: false,
- kindCode: "TY1",
- kindName: "道路救援服务特约条款"
- },
- {
- amount: "0",
- amountDesc: "不投保",
- coveragePremium: 0,
- desc: "车辆安全检测特约条款",
- isMainRisk: false,
- kindCode: "TY2",
- kindName: "车辆安全检测特约条款"
- },
- {
- amount: "0",
- amountDesc: "不投保",
- coveragePremium: 0,
- desc: "代为驾驶服务特约条款",
- isMainRisk: false,
- kindCode: "TY3",
- kindName: "代为驾驶服务特约条款"
- },
- {
- amount: "0",
- amountDesc: "不投保",
- coveragePremium: 0,
- desc: "代为送检服务特约条款",
- isMainRisk: false,
- kindCode: "TY4",
- kindName: "代为送检服务特约条款"
- }
- ],
- totalCompanyList: [], //报价保险公司
- continuousCompanyList: [], //续保保险公司
- quoteno: "", //报价号
- orderno: "", //订单号
- queryOrders: {
- extendInfo: {},
- carinfo: {},
- ownerinfo: {},
- applyinfo: {},
- insureinfo: {}
- }, //核保详情
- inscompany: "", //保险公司名称
- licenseNo: "", //车牌号
- applyName: "", //车主名字
- orderstatus: "", //订单状态
- sumpremium: "", //保费合计
- jqpremium: "", //交强
- sypremium: "", //商业
- jypremium: "", //驾意险
- taxamount: "", //车船税
- jqstartdate: "", //交强时间
- systartdate: "", //商业时间
- mobile: "", //投保人手机号
- //影像回显列表
- imgList1: [],
- imgList2: [],
- imgList3: [],
- imgList4: [],
- imgList5: [],
- imgList6: [],
- imgList7: [],
- imgList8: [],
- imgList9: [],
- imgList10: [],
- imgList11: [],
- //影像上传列表
- imageList1: [],
- imageList2: [],
- imageList3: [],
- imageList4: [],
- imageList5: [],
- // 是否禁用上传
- uploadDisabled: false,
- href: "",
- pageRequest: {
- //归属查询
- pageNum: 1,
- pageSize: 20,
- columnFilters: {
- deptId: {
- name: "deptId",
- value: "9"
- },
- containsSubDept: {
- name: "containsSubDept",
- value: 1
- },
- usertype: {
- name: "usertype",
- value: null
- },
- status: {
- name: "status",
- value: "1"
- },
- id: {
- name: "id",
- value: ""
- },
- name: {
- name: "name",
- value: ""
- },
- mobile: {
- name: "mobile",
- value: ""
- }
- }
- },
- userform: {},
- qrcode: null,
- paycodeimg: "", //展示二维码
- ImageUrldialogVisible: false,
- paramsEdit: "",
- companyId: "",
- apiType: "",
- insureMore: true,
- // insureLength: 5,
- HistoryList: [], //历史记录数据
- image1: "",
- image2: "",
- historyRadio: "888",
- sumseatCount: "", // 投保险种座位数
- deptName: "",
- isBottom: true,
- logoImg: "", //报价单保险公司logo图
- vehicleTypeoptions: [], //车辆种类
- trafficManagementVehicleTypeoptions: [], //车辆类型
- energyTypeoptions: [], //能源种类
- taxRelifFlagoptions: [], //车船税类型
- taxpayerIdentifieroptions: [], //纳税人证件类型
- relifReasonoptions: [], //减免税原因代码
- relifReasonoptions: [], //减免税原因代码
- provinceSelect: [],
- natureOfVehicleUseoptions: [],
- businessVehicleUseoptions: [],
- outOfBusinessVehicleUseoptions: [],
- insOrderStatusoptions: [],
- lastCompanyId: "",
- apiInterfaceName: 'generateOrder'
- };
- },
- watch: {
- "carInfo.licenseNo": {
- handler(val) {
- if (val) {
- this.carInfo.licenseNo = val.toUpperCase();
- }
- },
- deep: true
- },
- "carInfo.frameNo": {
- handler(val) {
- if (val) {
- this.carInfo.frameNo = val.toUpperCase();
- }
- },
- deep: true
- },
- "carInfo.enginedesc": {
- handler(val) {
- if (val) {
- this.carInfo.enginedesc = val.replace(/[A-Za-z]/g, "");
- }
- },
- deep: true
- },
- "ownerInfo.mobile": {
- handler(val) {
- if (val) {
- this.ownerInfo.mobile = val.replace(/\s/g, "");
- }
- },
- deep: true
- },
- "policyHolderInfo.mobile": {
- handler(val) {
- if (val) {
- this.policyHolderInfo.mobile = val.replace(/\s/g, "");
- }
- },
- deep: true
- },
- "insuredPersonInfo.mobile": {
- handler(val) {
- if (val) {
- this.insuredPersonInfo.mobile = val.replace(/\s/g, "");
- }
- },
- deep: true
- },
- "carInfo.engineNo": {
- handler(val) {
- if (val) {
- this.carInfo.engineNo = val.replace(/[^\w-]/gi, "").toUpperCase();
- }
- },
- deep: true
- },
- "carInfo.seatCount": {
- handler(val) {
- if (val) {
- this.sumseatCount = val - 1;
- }
- },
- deep: true
- },
- "policyHolderInfo.identifyNumber": {
- handler(val) {
- if (val) {
- this.vehicleAndVesselTaxForm.identifyNumber = val;
- }
- },
- deep: true
- },
- "policyHolderInfo.name": {
- handler(val) {
- if (val) {
- this.vehicleAndVesselTaxForm.taxpayerName = val;
- }
- },
- deep: true
- }
- },
- props: {
- isdisabled: {
- type: Boolean,
- default: true
- },
- isLetter: {
- type: Boolean,
- default: true
- },
- },
- components: {
- detailsDialog,
- quotationDialog,
- quotationDialogPro,
- "el-image-viewer": () =>
- import("element-ui/packages/image/src/image-viewer")
- },
- created() {
- if (!this.isLetter) {
- this.apiInterfaceName = 'ordergenerateOrder'
- }
- // this.commpanyList(); //获取保险公司
- this.getDicType("taxRelifFlag"); //车船税类型
- this.getDicType("taxpayerIdentifier"); //纳税人证件类型
- this.getDicType("relifReason"); //减免税原因代码
- this.getDicType("vehicleType"); //车辆种类
- this.getDicType("trafficManagementVehicleType"); //车辆类型
- this.getDicType("energyType"); //能源种类
- this.getDicType("natureOfVehicleUse"); //车辆使用性质
- this.getDicType("businessVehicleUse"); //（车辆用途）营业
- this.getDicType("outOfBusinessVehicleUse"); //（车辆用途）非营业
- this.getDicType("insOrderStatus"); //状态
- this.$api.letter.queryCompany().then(res => {
- this.continuousCompanyList = res.data;
- });
- this.$api.letter.packageQuery().then(res => {
- this.packageOptions = res.data;
- });
- localStorage.setItem("carInfo", JSON.stringify(this.carInfo));
- localStorage.setItem("insureList", JSON.stringify(this.insureList));
- //--归属信息获取--
- var userId = Cookies.get("user");
- if (userId == "admin") {
- this.userId = "admin";
- } else {
- // this.userId = userId;
- this.$api.user.getLoginUser().then(res => {
- if (res.code == 200) {
- this.userform = res.data;
- this.$api.dept.getDeptById(res.data.deptId).then(res => {
- this.deptName = res.data.name;
- });
- }
- });
- }
- //--订单编辑回显--
- // this.paramsEdit = this.$route.query.data; //接收参数
- this.obtainProtocol(this.$route.query.data);
- this.editingWay(this.$route.query.data)
- },
- mounted() {
- this.onScroll();
- window.addEventListener("scroll", this.onScroll);
- },
- destroyed() {
- window.removeEventListener("scroll", this.onScroll);
- },
- beforeCreate() {
- _self = this;
- },
- computed: {
- issueDateOptions() {
- return {
- disabledDate: this.disabledDate
- };
- }
- },
- filters: {
- cap(ele) {
- return _self.insOrderStatusoptions.find(item => {
- return item.dictValue === ele;
- }).dictTag;
- }
- },
- methods: {
- editingWay(paramsEdit) {
- if (paramsEdit) {
- var _this = this;
- this.jqchecked = false;
- this.tbczcarShow = false;
- this.bbtbcarShow = false;
- this.bbczcarShow = false;
- const {
- carinfo,
- ownerinfo,
- applyinfo,
- insureinfo,
- quoteno,
- orderno
- } = paramsEdit;
- _this.carInfo = carinfo;
- if (_this.carInfo.carnature == "8A") {
- _this.carInfo.carnature = "02";
- _this.carInfo.vehicleUse = "05";
- } else {
- _this.carInfo.carnature;
- _this.carInfo.vehicleUse;
- }
- _this.ownerInfo = ownerinfo;
- _this.policyHolderInfo = applyinfo;
- _this.insuredPersonInfo = insureinfo;
- _this.quoteno = quoteno;
- _this.orderno = orderno;
- _this.tbczcarShow = applyinfo.owner;
- _this.bbczcarShow = insureinfo.owner;
- _this.bbtbcarShow = insureinfo.insuranceHolder;
- _this.ownerInfo.age = getAgeByIdCard(_this.ownerInfo.identifyNumber);
- _this.policyHolderInfo.age = getAgeByIdCard(
- _this.policyHolderInfo.identifyNumber
- );
- _this.insuredPersonInfo.age = getAgeByIdCard(
- _this.insuredPersonInfo.identifyNumber
- );
- if (paramsEdit.carinfo.transferFlag) {
- this.transferDateShow = true;
- }
- paramsEdit.risk.map(ele => {
- if (ele.riskCode == "0507") {
- _this.jqchecked = true;
- this.protocolJudge('0507', true)
- // _this.jqstartDate = ele.startDate;
- // _this.jqendDate = ele.endDate;
- _this.jqstartDate = this.transformTime1();
- _this.jqendDate = this.oneYearPast1(this.jqstartDate);
- } else if (ele.riskCode == "0510") {
- _this.sychecked = true;
- this.protocolJudge('0510', true)
- // _this.systartDate = ele.startDate;
- // _this.syendDate = ele.endDate;
- _this.systartDate = this.transformTime1();
- _this.syendDate = this.oneYearPast1(this.systartDate);
- _this.insureList.map(eleA => {
- paramsEdit.king.map(eleB => {
- if (eleA.kindCode == eleB.kindCode) {
- switch (eleB.kindCode) {
- case "D4":
- case "SY_FJ_YBW2":
- eleA.amount = JSON.stringify(eleB.unitAmount);
- break;
- case "MJ1":
- case "MJ2":
- case "MJ3":
- case "MJ4":
- eleA.amount = eleB.deductibleRate;
- case "A":
- this.protocolJudge('A', true)
- break;
- default:
- eleA.amount = JSON.stringify(eleB.amount);
- }
- }
- });
- });
- }
- });
- // this.HistoryList = this.paramsEdit.insAreaCompanyList;
- let params = {
- orderNo: paramsEdit.orderno,
- orderStatus: ""
- };
- this.$api.letter.queryQuoteHistory(params).then(res => {
- res.data.forEach(item => {
- if (item.accidentInfo) {
- item.accidentInfo.constructor === Object
- ? [item.accidentInfo]
- : item.accidentInfo;
- }
- });
- this.HistoryList = res.data;
- });
- //--获取影像信息--
- _this.imageEcho(this.quoteno);
- // this.commpanyList()
- //--显示影像按钮--
- _this.imageUploadShow = true;
- } else {
- this.jqstartDate = this.transformTime1();
- this.jqendDate = this.oneYearPast1(this.jqstartDate);
- this.systartDate = this.transformTime1();
- this.syendDate = this.oneYearPast1(this.systartDate);
- }
- },
- //手机号复制粘贴处理
- handlePaste(e, mobileKey) {
- e.preventDefault(); //阻止默认行为
- const clipboardData = e.clipboardData || window.clipboardData; //获取剪切板内容
- let pastedText = clipboardData.getData("text").replace(/\s+/g, ""); //获取纯文本并处理空格
- // 截取前11个字符，以确保不会超过手机号长度限制
- pastedText = pastedText.substring(0, 11);
- // 使用Vue.nextTick确保更新发生在DOM更新之后
- this.$nextTick(() => {
- this[mobileKey].mobile = pastedText;
- });
- },
- // licenseNoFun(data){
- // if(data && this.carInfo.enginedesc){
- // this.obtainProtocol()
- // }
- // },
- // enginedescFun(data){
- // if(data && this.carInfo.licenseNo){
- // this.obtainProtocol()
- // }
- // },
- packageChange(val) {
- let arr = this.packageOptions.find(ele => ele.id == val).kind;
- if (arr.length > 0) {
- this.insureList.map(eleA => {
- arr.map(eleB => {
- if (eleA.kindCode == eleB.kindCode) {
- switch (eleB.kindCode) {
- case "D4":
- case "SY_FJ_YBW2":
- eleA.amount = JSON.stringify(eleB.unitAmount);
- break;
- case "MJ1":
- case "MJ2":
- case "MJ3":
- case "MJ4":
- eleA.amount = eleB.deductibleRate;
- break;
- case "TY2":
- case "TY3":
- case "TY4":
- eleA.amount = eleB.serviceTimes;
- break;
- default:
- eleA.amount = JSON.stringify(eleB.amount);
- }
- }
- });
- });
- } else {
- this.insureList.map(eleA => {
- eleA.amount = "0";
- });
- }
- },
- capType(val) {
- if (val == "0") {
- return "success";
- }
- if (val == "1") {
- return "warning";
- }
- if (val == "2" || val == "3" || val == "4") {
- return "danger";
- }
- },
- handleCheckAllChange(ele) {
- this.totalCompanyList.forEach((val, index) => {
- ele ? (val.checked = true) : (val.checked = false);
- this.initchange(ele, val.id, val.cnName, index);
- });
- },
- retractFun() {
- this.isRetract = this.isRetract == false ? true : false;
- },
- //中煤意外险调整份数事件
- ZMhandleChange(val) {
- if (!val) {
- this.$refs.ZmMultipleTable[0].clearSelection(); //清除
- }
- },
- //中煤意外险选中对应意外险方案
- ZMHandleSelectionChange(val) {
- // if(val.length > 0&& val[0].quantity==undefined){
- // this.$message({ message: "请先填写投保份数再勾选！", type: "error", });
- // this.$refs.ZmMultipleTable[0].clearSelection(); //清除
- // return false;
- // }
- if (val.length > 1) {
- this.$refs.ZmMultipleTable[0].clearSelection(); //清除
- this.$refs.ZmMultipleTable[0].toggleRowSelection(val.pop()); //pop：最后一个
- } else {
- this.zhongmeiaccidentalDrivingVo = val[0]; //multipleSelection：当前选择的数组
- }
- },
- //中煤意外险选中对应产品带出方案明细
- zhongmeiInsuranceChange(index) {
- //每次选中产品，清空之前选中的数据
- this.zhongmeiaccidentalDrivingVo = {};
- this.zhongmeiInsuranceDataDetail = [];
- let data = this.zhongmeiInsuranceData.find(
- val => val.rideRiskCode == index
- );
- //把返回的方案明细放入展示数据对象中
- this.accidentFormZM = Object.assign(this.accidentFormZM, data);
- this.accidentFormZM.quantity = "1";
- this.accidentFormZM.maxQuantity = Number(data.maxQuantity);
- if (data && data.accAmountView) {
- this.accidentPremiumZM = data.unitPremium;
- this.zhongmeiInsuranceDataDetail = data.accAmountView;
- }
- },
- // 截图粘贴
- copybjd() {
- let that = this;
- html2Canvas(document.getElementById("pdfContentsDiv"), {
- allowTaint: true,
- taintTest: false
- }).then(function (canvas) {
- let base64Data = "";
- // let blob = null
- base64Data = canvas.toDataURL("image/png", 1);
- const date = new Date();
- const saveInfo = {
- download: date.getTime() + `.png`,
- href: base64Data
- };
- const element = document.createElement("a");
- element.style.display = "none";
- for (const key in saveInfo) {
- element.setAttribute(key, saveInfo[key]);
- }
- document.body.appendChild(element);
- element.click();
- setTimeout(() => {
- document.body.removeChild(element);
- }, 300);
- // var format = 'image/png'
- // //将Base64图片编码转换成blob
- // var base64 = base64Data
- // var code = window.atob(base64.split(',')[1])
- // var aBuffer = new window.ArrayBuffer(code.length)
- // var uBuffer = new window.Uint8Array(aBuffer)
- // for (var i = 0; i < code.length; i++) {
- // uBuffer[i] = code.charCodeAt(i) & 0xff
- // }
- // try {
- // blob = new Blob([uBuffer], { type: format })
- // } catch (e) {
- // window.BlobBuilder =
- // window.BlobBuilder ||
- // window.WebKitBlobBuilder ||
- // window.MozBlobBuilder ||
- // window.MSBlobBuilder
- // if (e.name == 'TypeError' && window.BlobBuilder) {
- // var bb = new window.BlobBuilder()
- // bb.append(uBuffer.buffer)
- // blob = bb.getBlob('image/png')
- // } else if (e.name == 'InvalidStateError') {
- // blob = new Blob([aBuffer], { type: format })
- // }
- // }
- // const clipboardItemInput = new ClipboardItem({
- // 'image/png': blob,
- // })
- // that.$copyText({
- // 'image/png': blob,
- // }).then(
- // function(e) {
- // console.log("copy arguments e:", e);
- // alert("复制成功!");
- // },
- // function(e) {
- // console.log("copy arguments e:", e);
- // alert("复制失败!");
- // }
- // ),
- // navigator.clipboard.write([clipboardItemInput])
- // that.$message({
- // message: '已截图并复制到粘贴板！',
- // type: 'success'
- // });
- });
- },
- // 即时起保
- immediatelyChange(e) {
- if (e) {
- this.immediatelyValue = true;
- const date = new Date();
- date.setHours(date.getHours() + 2);
- date.setMinutes(0);
- date.setSeconds(0);
- this.jqstartDate = date;
- this.jqendDate = this.oneYearPast1(date);
- } else {
- this.immediatelyValue = false;
- this.jqstartDate = this.transformTime1();
- this.jqendDate = this.oneYearPast1(this.jqstartDate);
- }
- },
- // 使用性质方法
- natureFun() {
- if (this.carInfo.carnature == "01") {
- this.carInfo.vehicleUse = "";
- }
- },
- // 点击同步报价后的时间
- syncData(item) {
- this.jqstartDate = item.startDateJq ? item.startDateJq : this.jqstartDate;
- this.jqendDate = item.endDateJq ? item.endDateJq : this.endDateJq;
- this.systartDate = item.startDateSy ? item.startDateSy : this.systartDate;
- this.syendDate = item.endDateSy ? item.endDateSy : this.syendDate;
- },
- //纳税类型事件
- taxRelifFlagChange(val) {
- if (val == 4) {
- citydata.rawCitiesData.map(val => {
- this.provinceSelect.push({
- name: val.name,
- code: val.code
- });
- return val;
- });
- }
- },
- //身份证前六位识别地区
- // getAreaByCode(code) {
- // let list = regionData;
- // let provinceCode = code.substring(0, 2);
- // let cityCode = code.substring(0, 4);
- // let areaCode = code.substring(0, 6);
- // // 获取省份信息
- // let province = list.filter(function (item) {
- // return item.value === provinceCode;
- // });
- // // 获取城市信息
- // let city = province[0].children.filter(function (item) {
- // return item.value === cityCode;
- // });
- // if (city.length > 0) {
- // // 获取区/县信息
- // let area = city[0].children.filter(function (item) {
- // return item.value === areaCode;
- // });
- // return province[0].label + city[0].label + area[0].label;
- // }
- // },
- //--数据字典 begin --
- getDicType(type) {
- this.$api.insCompany.dicType(type).then(res => {
- if (res.code == 200) {
- if (type == "insOrderStatus") {
- let data = JSON.parse(JSON.stringify(res.data.ddList));
- data.unshift({
- dictTag: "全部",
- dictValue: "888"
- });
- this[type + "options"] = data;
- } else {
- this[type + "options"] = res.data.ddList;
- }
- }
- });
- },
- //身份证失去焦点
- identifyblur(info) {
- this[info].age = getAgeByIdCard(this[info].identifyNumber);
- this[info].gender = getGenderByIdCard(this[info].identifyNumber);
- },
- //车主信息选择性别
- genderChange(e) {
- if (this.tbczcarShow) {
- this.policyHolderInfo.gender = e;
- } else if (this.bbczcarShow) {
- this.insuredPersonInfo.gender = e;
- }
- },
- //省市区
- // areahandleChange(event, info) {
- // console.log(event)
- // if (event[0] != null && event[1] != null && event[2] != null) {
- // this[info].province = codeToText[event[0]]
- // this[info].city = codeToText[event[1]]
- // this[info].county = codeToText[event[2]]
- // }
- // },
- iconfftter(icon) {
- return CommonUtil.getDataName({
- dataList: this.global.insCompanyList,
- value: "name",
- label: "icon",
- data: icon
- });
- },
- disabledDate(time) {
- let datetime = this.carInfo.registerDate;
- return time.getTime() < new Date(datetime).getTime();
- },
- onScroll() {
- // 变量scrollTop是滚动条滚动时，滚动条上端距离顶部的距离
- var scrollTop =
- document.documentElement.scrollTop || document.body.scrollTop;
- // 变量windowHeight是可视区的高度
- var windowHeight =
- document.documentElement.clientHeight || document.body.clientHeight;
- // 变量scrollHeight是滚动条的总高度（当前可滚动的页面的总高度）
- var scrollHeight =
- document.documentElement.scrollHeight || document.body.scrollHeight;
- // 滚动条到底部
- if (Math.ceil(scrollTop + windowHeight) >= scrollHeight) {
- this.isBottom = true;
- } else {
- this.isBottom = false;
- }
- },
- anshengInsuranceChange(index) {
- let data = this.anshengInsuranceData.find(val => val.planCode == index);
- this.anshengaccidentalDrivingVo.personFlag = data.personFlag;
- this.anshengaccidentalDrivingVo.planChineseName = data.planChineseName;
- this.anshengaccidentalDrivingVo.planCode = data.planCode;
- this.anshengaccidentalDrivingVo.planSeries = data.planSeries;
- this.anshengInsuranceData1 = [];
- this.anshengInsuranceData1 = data.departmentProductList;
- },
- hengbangInsuranceChange(index) {
- this.HBInsuranceData = this.hengbangInsuranceData.find(val => val.programcode == index).ggriskprogramdetailslist
- if (this.HBInsuranceData.length) {
- this.HBDrivingChange(this.hengbangInsuranceData.find(val => val.programcode == index));
- }
- },
- huanongInsuranceChange(index) {
- this.HNInsuranceData = this.huanongInsuranceData.find(
- val => val.planCode == index
- ).planSubInfo[0].riskInfo;
- this.huanongaccidentalDrivingVo = Object.assign(
- this.accidentFormHN,
- this.huanongInsuranceData.find(val => val.planCode == index)
- );
- },
- taipingInsuranceChange(index) {
- this.TPInsuranceData = this.taipingInsuranceData.find(val => val.rationType == index).fCkindConfigList
- if (this.TPInsuranceData && this.TPInsuranceData.length) {
- this.taipingaccidentalDrivingVo = this.taipingInsuranceData.find(val => val.rationType == index);
- }
- },
- zijinInsuranceChange(index) {
- this.ZJInsuranceData = [];
- this.$refs.expandTable[0].clearSelection();
- index.forEach(item => {
- this.ZJInsuranceData.push(
- this.ziJinInsuranceData.find(val => val.projectCode == item)
- );
- });
- this.ZJInsuranceData.forEach(item => {
- this.$nextTick(() => {
- this.$refs.expandTable[0].toggleRowSelection(item);
- });
- });
- this.CheckboxChange(this.ZJInsuranceData);
- },
- renshouInsuranceChange(index) {
- this.RSInsuranceData = [
- this.renshouInsuranceData.find(val => val.id == index)
- ];
- if (index) {
- this.RSDrivingChange(this.RSInsuranceData[0]);
- }
- },
- async dajiaInsuranceChange(index) {
- this.dajiaaccidentalDrivingVo = {};
- let data = await this.$api.letter.accidentalDrivingInfo(index);
- if (data.code == 200) {
- this.dajiaaccidentalDrivingVo = {
- rideRiskCode: index,
- rideRiskName: this.dajiaInsuranceData.find(val => val.id == index)
- .productName,
- quantity: "1"
- };
- this.DJInsuranceData = data.data;
- }
- },
- zhonganInsuranceChange(index) {
- this.ZRInsuranceData = this.zhonganInsuranceData.find(val => val.combination == index).liabilityList
- if (index) {
- this.ZADrivingChange(this.zhonganInsuranceData.find(val => val.combination == index));
- }
- },
- // 渤海选择意外险类型
- async bhcxchange(index) {
- if (index) {
- this.accidentLoadingbh = true;
- this.boHaiaccidentForm.copies = "1";
- this.boHaiaccidentForm.premium = Number(
- this.boHaiaccidentDataList.find(e => e.packageCode == index).premium
- );
- let data = await this.$api.letter.productDetailsQueryboHai({
- packageCode: index,
- productCode: this.boHaiaccidentDataList.find(
- e => e.packageCode == index
- ).productCode,
- agreementId: this.boHaiaccidentForm.agreementId
- });
- if (data.code == 200 && data.data) {
- this.accidentLoadingbh = false;
- this.boHaiaccidenttableData = data.data;
- } else {
- this.$message.error(data.msg);
- this.boHaiaccidenttableData = [];
- }
- }
- },
- // 国任选择意外险类型
- async grcxchange(index) {
- if (index) {
- this.accidentLoading = true;
- this.guoRenaccidentForm.quantity = "1";
- this.guoRenaccidentForm.prodCode = "";
- let data = await this.$api.letter.syncNonAutoInsGuoren({
- goodsCode: index,
- agreementId: this.guoRenaccidentForm.agreementId
- });
- if (data.code == 200) {
- let num = 0;
- data.data.forEach(item => {
- num += Number(item.premium);
- });
- // this.accidentPremiumGr = num
- this.accidentLoading = false;
- this.guoRenaccidentDataListChild = data.data;
- } else {
- this.accidentLoading = false;
- this.$message.error(data.msg);
- this.guoRenaccidentDataListChild = [];
- }
- }
- },
- // 国任选择意外险子级类型
- async grcxchangeChild(index) {
- let list = this.guoRenaccidentDataListChild.find(
- val => val.prodCode == index
- );
- this.guoRenaccidentForm = {
- ...this.guoRenaccidentForm,
- policyNum: Number(list.premium),
- riskCode: list.riskCode,
- amount: list.amount,
- premium: Number(list.premium)
- // appnum:Number(list.appnum)
- };
- this.guoRenaccidenttableData = list.prodCvgLiabList;
- },
- // 选择意外险类型
- async ywxxxchange(index) {
- if (!index) {
- return;
- }
- this.accidentForm = Object.assign(
- this.accidentForm,
- this.accidentDataList.find(val => val.code == index)
- );
- this.accidentForm.fen = "1";
- this.accidentLoading = true;
- let data = await this.$api.letter.ycgainAccidentSchemeList({
- companyCode: this.accidentForm.companyId,
- code: index,
- agreementId: this.accidentForm.agreementId,
- seatNum: Number(this.carInfo.seatCount)
- });
- if (data.code == 200) {
- let num = 0;
- data.data.forEach(item => {
- num += Number(item.premium);
- });
- this.accidentPremium = num;
- this.accidentForm.premium = num;
- this.accidentLoading = false;
- this.accidenttableData = data.data;
- }
- },
- numberCopieschange(index) {
- this.accidentForm.premium = Number(this.accidentPremium) * index;
- },
- numberCopieschangeZM(index) {
- this.accidentFormZM.unitPremium = Number(this.accidentPremiumZM) * index;
- },
- numberCopieschangeGR(index) {
- this.guoRenaccidentForm.premium =
- Number(this.guoRenaccidentForm.policyNum) * index;
- },
- continuousChange(id) {
- this.continuousCompanyList.map(ele => {
- if (ele.id == id) {
- this.attributionform.configure = [];
- ele.configure.map((ele, index) => {
- this.attributionform.configure.push({
- field: ele.field,
- isEdit: ele.isEdit,
- label: ele.label,
- type: ele.type,
- value: ""
- });
- });
- }
- });
- },
- //续保查询
- continuousquery() {
- this.$api.letter.queryRenewal(this.attributionform).then(res => {
- if (res.code == "200") {
- this.carInfo = res.data.carInfo;
- this.ownerInfo = res.data.ownerInfo;
- this.policyHolderInfo = res.data.policyHolderInfo;
- this.insuredPersonInfo = res.data.insuredPersonInfo;
- res.data.riskList.map(ele => {
- if (ele.riskCode == "0507") {
- this.jqchecked = true;
- this.jqstartDate = ele.startDate;
- this.jqendDate = ele.endDate;
- } else if (ele.riskCode == "0510") {
- this.sychecked = true;
- this.systartDate = ele.startDate;
- this.syendDate = ele.endDate;
- }
- county;
- });
- } else {
- this.$message({
- message: res.msg,
- type: "error",
- duration: 2000
- });
- }
- });
- },
- //永诚转保
- renewalCodeconfirm() {
- this.renewalCodedialogVisible = false;
- this.quote();
- },
- //报价轨迹查询
- RadioHistoryChange(e) {
- let params = {
- orderNo: this.orderno,
- orderStatus: e == 888 ? "" : e
- };
- this.$api.letter.queryQuoteHistory(params).then(res => {
- res.data.forEach(item => {
- if (item.accidentInfo) {
- item.accidentInfo.constructor === Object
- ? [item.accidentInfo]
- : item.accidentInfo;
- }
- });
- this.HistoryList = res.data;
- });
- },
- protocolJudge(val, val1) {
- if (val1) {
- this.totalCompanyList.forEach(e => {
- if (e.agreement.find(el => el.productsCode && el.productsCode.includes(val))) {
- e.agreement.find(el => el.productsCode && el.productsCode.includes(val)).disabled = true
- }
- })
- }
- else {
- this.totalCompanyList.forEach(e => {
- if (e.agreement.find(el => el.productsCode && el.productsCode.includes(val))) {
- e.agreement.find(el => el.productsCode && el.productsCode.includes(val)).disabled = false
- }
- })
- }
- },
- async obtainProtocol(data) {
- let res = {}
- if (this.isLetter) {
- res = await this.$api.letter.getAllAgreement()
- }
- else {
- res = await this.$api.letter.getAllAgreementByUserId({ userId: this.userId })
- }
- if (res.code == 200) {
- res.data.map(ele => {
- ele["result"] = {};
- ele["quoteCode"] = 0;
- ele["checked"] = false;
- ele["msg"] = "";
- ele["lastYearMsg"] = "";
- ele["agreementId"] = "";
- ele["apiType"] = "";
- ele["orderstatus"] = 0;
- ele.coefficient = "";
- // ele.agreementId = ele.agreement[0].id;
- // ele.apiType = ele.agreement[0].apiType;
- ele.underwritingDescription =
- ele.agreement[0].underwritingDescription;
- if (ele.isTaxSource && ele.isTaxSource == "1") {
- ele.agreement.forEach(val => {
- if (val.isTaxSource && val.isTaxSource == "1") {
- ele.agreementId = val.id;
- ele.apiType = val.apiType;
- }
- });
- }
- });
- if (data) {
- res.data.forEach((val, index) => {
- data.insAreaCompanyEditingDtos.forEach(ele => {
- if (val.namesimple == ele.inscompany) {
- if (ele.inscompany == "中国人寿" && ele.companyId) {
- this.lastCompanyId = ele.companyId;
- }
- res.data[index].quoteCode = 200;
- res.data[index].result = ele;
- }
- });
- });
- }
- }
- res.data.forEach(e => {
- e.agreement.forEach(el => el.disabled = false)
- })
- this.totalCompanyList = res.data;
- },
- //获取保险公司列表
- // commpanyList() {
- // this.$api.letter.gainAllowQuoteList("").then(res => {
- // res.data.map(ele => {
- // ele["result"] = {};
- // ele["quoteCode"] = 0;
- // ele["checked"] = false;
- // ele["msg"] = "";
- // ele["lastYearMsg"] = "";
- // ele["agreementId"] = "";
- // ele["apiType"] = "";
- // ele["orderstatus"] = 0;
- // ele.coefficient = "";
- // // ele.agreementId = ele.agreement[0].id;
- // ele.apiType = ele.agreement[0].apiType;
- // ele.underwritingDescription =
- // ele.agreement[0].underwritingDescription;
- // });
- // if (this.$route.query.data) {
- // res.data.forEach((val, index) => {
- // this.$route.query.data.insAreaCompanyEditingDtos.forEach(ele => {
- // if (val.namesimple == ele.inscompany) {
- // res.data[index].quoteCode = 200;
- // res.data[index].result = ele;
- // }
- // });
- // });
- // }
- // this.totalCompanyList = res.data;
- // });
- // },
- Payment(id, item) {
- this.carcode(id, item);
- },
- //选择协议 val:协议id row：协议列表 index：下标 item：保险公司数据集合
- agreementChange(val, row, index, item) {
- let obj = {};
- obj = row.find(item => {
- return item;
- });
- let selectRow = row.find(item => {
- return item.id == val;
- });
- this.totalCompanyList[index].apiType = obj.apiType;
- this.totalCompanyList[index].underwritingDescription = val
- ? selectRow.underwritingDescription
- : ""; //重新赋值修改选中协议承保描述
- switch (item.namesimple) {
- case "永诚财险":
- this.accidentForm.agreementId = item.agreementId;
- this.$api.letter
- .ycgainAccidentList({
- companyCode: item.id,
- agreementId: item.agreementId,
- seatNum: Number(this.carInfo.seatCount)
- })
- .then(res => {
- if (res.code == 200) {
- this.accidentDataList = res.data;
- }
- });
- break;
- case "国任财险":
- this.guoRenaccidentForm.agreementId = item.agreementId;
- this.$api.letter
- .syncNonAutoInsGuoren({ agreementId: item.agreementId })
- .then(res => {
- if (res.code == 200) {
- this.guoRenaccidentDataList = res.data;
- } else {
- this.guoRenaccidentDataList = [];
- }
- });
- break;
- case "渤海财险":
- this.boHaiaccidentForm.agreementId = item.agreementId;
- let policyHolderInfo = this.tbczcarShow
- ? this.ownerInfo
- : this.policyHolderInfo;
- let productQueryVo = {
- agreementId: item.agreementId,
- carnature: this.carInfo.carnature,
- cimodelclass: this.carInfo.cimodelclass,
- exhaustScale: this.carInfo.enginedesc,
- limitLoad: this.carInfo.limitLoad,
- powerScale: this.carInfo.powerScale,
- seatCount: this.carInfo.seatCount,
- vehicleUse: this.carInfo.vehicleUse,
- policyHolderInfo,
- insuredPersonInfo: this.bbczcarShow
- ? this.ownerInfo
- : this.bbtbcarShow
- ? policyHolderInfo
- : this.insuredPersonInfo
- };
- this.$api.letter.productQueryboHai(productQueryVo).then(res => {
- if (res.code == 200) {
- this.boHaiaccidentDataList = res.data;
- } else {
- this.boHaiaccidentDataList = [];
- }
- });
- break;
- case "紫金财险":
- this.$api.letter
- .zijinqueryVehicleProducts({
- agreementId: val,
- seatCount: Number(this.carInfo.seatCount)
- })
- .then(res => {
- if (res.code == 200) {
- let data = res.data;
- data.map(ele => {
- ele.quantity = 1;
- return ele;
- });
- this.ziJinInsuranceData = data;
- } else {
- this.$message.error(res.msg);
- }
- });
- break;
- case "中国人寿":
- case "恒邦财险":
- case "太平财险":
- case "安盛天平":
- case "华农财险":
- case "众安财险":
- this.$api.letter.pythongetDriving({ agreementId: val }).then(res => {
- if (res.code == 200) {
- let data = res.data;
- data.map(ele => {
- ele.quantity = 1;
- return ele;
- });
- this[item.cnName + "InsuranceData"] = data;
- }
- });
- break;
- case "大家财险":
- this.$api.letter
- .dajiagetDriving({ agreementId: item.agreementId })
- .then(res => {
- if (res.code == 200) {
- this.dajiaInsuranceData = res.data;
- }
- });
- break;
- default:
- break;
- }
- },
- CheckboxChange(select, row) {
- this.accidentalDrivingVo = [];
- select.map(val => {
- this.accidentalDrivingVo.push(val);
- return val;
- });
- },
- //恒邦驾意险选择
- HBDrivingChange(row) {
- this.hengbangaccidentalDrivingVo = row;
- },
- //人寿驾意险选择
- RSDrivingChange(row) {
- this.renshouaccidentalDrivingVo = row;
- },
- //众安驾意险选择
- ZADrivingChange(row) {
- this.zhonganaccidentalDrivingVo = row;
- },
- RSDrivingRadio(row) {
- this.RSDrivingChange(row);
- },
- HBDrivingRadio(row) {
- this.HBDrivingChange(row);
- },
- //安盛驾意险选择
- ASDrivingRadio(row) {
- this.AStemplateSelection = row.productCode;
- this.anshengaccidentalDrivingVo.productCode = row.productCode;
- this.anshengaccidentalDrivingVo.productName = row.productName;
- },
- ZADrivingRadio(row) {
- this.ZADrivingChange(row);
- },
- // 国任特约选择
- contributingGuoRen(id) {
- this.zijinengageListData = [];
- this.contributingLoading = true;
- this.contributingState = true;
- this.hbsubmitdialogVisible = true;
- this.$api.letter.guorenqueryClauseData({ agreementId: id }).then(res => {
- this.contributingLoading = false;
- res.data.forEach(val => {
- val.clauseName = val.clauses;
- val.clauseContent = val.clausesContext;
- });
- this.zijinengageListData = res.data;
- });
- },
- //紫金特约选择
- zijinengageChange(select, row) {
- this.zijinengageList = [];
- select.map(val => {
- this.zijinengageList.push({
- clauseCode: val.clauseCode,
- clauseName: val.clauseName,
- clauses: val.clauseContent,
- riskCode: val.riskCode
- });
- return val;
- });
- },
- zijinengageChangeAll(row) {
- if (row) {
- this.zijinengageChange(row);
- } else {
- this.$refs.expandTablePro.clearSelection();
- this.zijinengageList = [];
- }
- },
- //紫金特约内容编辑
- zijincellDblclick(row, column) {
- this.currentCell = row.index + "," + column.index;
- if (
- !["clauseContent"].includes(column.property) &&
- row.modifyFlag == "1"
- ) {
- setTimeout(() => {
- this.$refs[row.index + "," + column.index].focus();
- });
- }
- },
- tableCellClassName({ row, column, rowIndex, columnIndex }) {
- row.index = rowIndex;
- column.index = columnIndex;
- },
- hideInput() {
- this.currentCell = null;
- },
- //勾选保险公司
- initchange(e, code, name, index) {
- if (e) {
- let ins = this.totalCompanyList[index].namesimple;
- // this.totalCompanyList[index].agreementId = "";
- this.totalCompanyList[index].checked = e;
- // this.totalCompanyList[index].agreementId = this.totalCompanyList[index].agreement[0].id;
- this.totalCompanyList[
- index
- ].underwritingDescription = this.totalCompanyList[
- index
- ].agreement[0].underwritingDescription;
- // if (this.carInfo.licenseNo.slice(0, 2) != '晋A' && ins == '中煤财险') {
- // this.totalCompanyList[0].agreementId = this.totalCompanyList[0].agreement[1].id;
- // }
- switch (ins) {
- case "永诚财险":
- this.accidentForm.agreementId = this.totalCompanyList[
- index
- ].agreement[0].id;
- this.$api.letter
- .ycgainAccidentList({
- companyCode: this.totalCompanyList[index].id,
- agreementId: this.totalCompanyList[index].agreement[0].id,
- seatNum: Number(this.carInfo.seatCount)
- })
- .then(res => {
- if (res.code == 200) {
- this.accidentDataList = res.data;
- } else {
- this.accidentDataList = [];
- }
- });
- break;
- case "国任财险":
- this.guoRenaccidentForm.agreementId = this.totalCompanyList[
- index
- ].agreement[0].id;
- this.$api.letter
- .syncNonAutoInsGuoren({
- goodsCode: "",
- agreementId: this.totalCompanyList[index].agreement[0].id
- })
- .then(res => {
- if (res.code == 200) {
- this.guoRenaccidentDataList = res.data;
- } else {
- this.guoRenaccidentDataList = [];
- }
- });
- break;
- case "紫金财险":
- this.$api.letter
- .zijinqueryVehicleProducts({
- agreementId: this.totalCompanyList[index].agreement[0].id,
- seatCount: Number(this.carInfo.seatCount)
- })
- .then(res => {
- if (res.code == 200) {
- let data = res.data;
- data.map(ele => {
- ele.quantity = 1;
- return ele;
- });
- this.ziJinInsuranceData = data;
- } else {
- this.$message.error(res.msg);
- }
- });
- break;
- case "安盛天平":
- this.$api.letter
- .pythongetDriving({
- agreementId: this.totalCompanyList[index].agreement[0].id
- })
- .then(res => {
- if (res.code == 200) {
- let data = res.data;
- data.map(ele => {
- ele.departmentProductList.map(val => {
- val.quantity = 1;
- });
- return ele;
- });
- this[name + "InsuranceData"] = data;
- } else {
- this.$message.error(res.msg);
- }
- });
- break;
- case "中国人寿":
- case "恒邦财险":
- case "太平财险":
- case "华农财险":
- case "众安财险":
- this.$api.letter
- .pythongetDriving({
- agreementId: this.totalCompanyList[index].agreement[0].id
- })
- .then(res => {
- if (res.code == 200) {
- let data = res.data;
- data.map(ele => {
- ele.quantity = 1;
- return ele;
- });
- this[name + "InsuranceData"] = data;
- } else {
- this.$message.error(res.msg);
- }
- });
- break;
- case "中煤财险":
- this.accidentFormZM.agreementId = this.totalCompanyList[
- index
- ].agreement[0].id;
- this.$api.letter
- .zmGetDrivingPro({
- agreementId: this.totalCompanyList[index].agreement[0].id,
- seatNum: this.carInfo.seatCount
- })
- .then(res => {
- if (res.code == 200) {
- let data = res.data;
- this[name + "InsuranceData"] = data;
- } else {
- this.$message.error(res.msg);
- }
- });
- break;
- case "大家财险":
- this.$api.letter
- .dajiagetDriving({
- agreementId: this.totalCompanyList[index].agreement[0].id
- })
- .then(res => {
- if (res.code == 200) {
- this.dajiaInsuranceData = res.data;
- } else {
- this.$message.error(res.msg);
- }
- });
- break;
- default:
- break;
- }
- } else {
- }
- },
- clearAccidentForm() {
- this.accidentForm = {};
- this.accidentForm.fen = 1;
- this.accidentForm.premium = 0;
- },
- clearAccidentFormGr() {
- (this.guoRenaccidenttableData = []),
- (this.guoRenaccidentDataListChild = []);
- this.guoRenaccidentForm = {
- quantity: "1",
- premium: 0
- };
- },
- clearAccidentFormBh() {
- this.boHaiaccidenttableData = [];
- this.boHaiaccidentForm = {
- copies: "1",
- premium: 0
- };
- // this.bohaiaccidentalDrivingVo={};
- },
- clearAccidentFormHN() {
- this.huanongaccidentalDrivingVo = {};
- },
- clearAccidentFormHB() {
- this.hengbangaccidentalDrivingVo = {};
- },
- clearAccidentFormTP() {
- this.taipingaccidentalDrivingVo = {};
- },
- clearAccidentFormDJ() {
- this.dajiaaccidentalDrivingVo = {};
- },
- clearAccidentFormZM() {
- this.zhongmeiaccidentalDrivingVo = {};
- },
- clearAccidentFormZJ() {
- this.accidentalDrivingVo = [];
- },
- clearAccidentFormZA() {
- this.zhonganaccidentalDrivingVo = {};
- },
- clearAccidentFormRS() {
- this.renshouaccidentalDrivingVo = {};
- },
- clearAccidentFormAS() {
- this.anshengaccidentalDrivingVo = {};
- },
- //身份证有效期长期
- insureLongterm(e) {
- this[e].identifyValidEndDate = "9999-12-31";
- },
- //较强起保日期事件
- jqChange(e) {
- this.jqendDate = this.oneYearPast1(e);
- },
- //商业起保日期事件
- syChange(e) {
- this.syendDate = this.oneYearPast1(e);
- },
- // //查看更多
- // selectMore(leg) {
- // this.insureMore = false;
- // this.insureLength = leg;
- // },
- // //收起
- // packup() {
- // this.insureMore = true;
- // this.insureLength = 5;
- // },
- //险别选择框事件
- insureitemChange(e) {
- this.protocolJudge('A', e)
- if (e != 0) {
- this.sychecked = true;
- this.systartDate = this.transformTime1();
- this.syendDate = this.oneYearPast1(this.systartDate);
- }
- },
- all() {
- this.$refs.detailsDialog.setBackupVisible(true);
- },
- base64ToBlob(code) {
- code = code.replace(/[\n\r]/g, "");
- // atob() 方法用于解码使用 base-64 编码的字符串。
- const raw = window.atob(code);
- const rawLength = raw.length;
- const uInt8Array = new Uint8Array(rawLength);
- for (let i = 0; i < rawLength; ++i) {
- uInt8Array[i] = raw.charCodeAt(i);
- }
- return new Blob([uInt8Array], { type: "application/pdf" });
- },
- viewPdf(content) {
- if (!content) {
- this.$message.error("暂无文件");
- return;
- }
- const blob = this.base64ToBlob(content);
- this.href = blob;
- if (window.navigator && window.navigator.msSaveOrOpenBlob) {
- window.navigator.msSaveOrOpenBlob(blob);
- } else {
- const fileURL = URL.createObjectURL(blob);
- window.open(fileURL);
- }
- },
- creatQrCode(text) {
- if (this.qrcode) {
- this.qrcode.clear();
- this.qrcode.makeCode(text);
- } else {
- this.qrcode = new QRCode("qrcode", {
- text: text,
- width: this.qrcodeWidth,
- height: this.qrcodeHeight,
- colorDark: "#000000",
- colorLight: "#ffffff",
- correctLevel: QRCode.CorrectLevel.H
- });
- }
- },
- //人工核保
- underwriting(id) {
- let param = {
- companyId: id
- };
- this.$api.letter.manualUnderwriting(param).then(res => {
- if (res.code == "200") {
- this.Payment(id);
- }
- });
- },
- jqcheckedChange(e) {
- this.protocolJudge('0507', e)
- if (e) {
- this.jqstartDate = this.transformTime1();
- this.jqendDate = this.oneYearPast1(this.jqstartDate);
- } else {
- this.jqstartDate = "";
- this.jqendDate = "";
- }
- },
- sycheckedChange(e) {
- this.protocolJudge('0510', e)
- if (e) {
- this.systartDate = this.transformTime1();
- this.syendDate = this.oneYearPast1(this.systartDate);
- } else {
- this.systartDate = "";
- this.syendDate = "";
- }
- },
- //报价
- quote() {
- let starttime = new Date(this.carInfo.registerDate);
- let endtime = new Date(this.carInfo.issueDate);
- if (endtime < starttime) {
- this.$message({ message: "发证日期早于初登日期", type: "error" });
- return;
- }
- this.$refs["carInfo"].validate(valid => {
- if (valid) {
- var _this = this;
- _this.$refs["ownerInfo"].validate(valid1 => {
- if (valid1) {
- if (_this.tbczcarShow == true) {
- _this.policyHolderInfo = JSON.parse(
- JSON.stringify(_this.ownerInfo)
- );
- }
- if (_this.bbczcarShow == true) {
- _this.insuredPersonInfo = JSON.parse(
- JSON.stringify(_this.ownerInfo)
- );
- }
- if (_this.bbtbcarShow == true) {
- _this.insuredPersonInfo = JSON.parse(
- JSON.stringify(_this.policyHolderInfo)
- );
- }
- _this.carInfo.vinNo = _this.carInfo.frameNo;
- _this.riskList = []; //险种大类
- _this.kindList = []; //商业险险别
- if (
- (!_this.jqstartDate || !_this.jqendDate) &&
- (!_this.systartDate || !_this.syendDate)
- ) {
- this.$message({ message: "投保日期不能为空", type: "warning" });
- } else {
- this.calculateLoading = true;
- setInterval(() => {
- this.calculateLoading = false;
- }, 3000);
- if (_this.jqchecked) {
- //交强
- _this.jqstartDate = this.transformTime(_this.jqstartDate);
- _this.jqendDate = this.transformTime(_this.jqendDate);
- _this.riskList.push({
- amount: "200000",
- premium: "0",
- riskCode: "0507",
- endDate: _this.jqendDate,
- startDate: _this.jqstartDate,
- instantFlag: "0"
- });
- }
- if (_this.sychecked) {
- _this.systartDate = this.transformTime(_this.systartDate);
- _this.syendDate = this.transformTime(_this.syendDate);
- //商业
- _this.riskList.push({
- premium: "0",
- riskCode: "0510",
- quotePreceptCode: "",
- quotePreceptName: "",
- endDate: _this.syendDate,
- startDate: _this.systartDate,
- instantFlag: "0"
- });
- _this.insureList.map((ele, index) => {
- if (
- ele.amount != "0" &&
- (ele.kindCode == "D4" || ele.kindCode == "SY_FJ_YBW2")
- ) {
- _this.kindList.push({
- unitAmount: _this.insureList[index].amount,
- kindCode: _this.insureList[index].kindCode,
- kindName: _this.insureList[index].kindName
- });
- } else if (
- ele.amount != "0" &&
- (ele.kindCode == "MJ1" ||
- ele.kindCode == "MJ2" ||
- ele.kindCode == "MJ3" ||
- ele.kindCode == "MJ4")
- ) {
- _this.kindList.push({
- deductibleRate: _this.insureList[index].amount,
- kindCode: _this.insureList[index].kindCode,
- kindName: _this.insureList[index].kindName
- });
- } else if (
- ele.amount != "0" &&
- (ele.kindCode == "TY1" ||
- ele.kindCode == "TY2" ||
- ele.kindCode == "TY3" ||
- ele.kindCode == "TY4")
- ) {
- _this.kindList.push({
- serviceTimes: _this.insureList[index].amount,
- kindCode: _this.insureList[index].kindCode,
- kindName: _this.insureList[index].kindName
- });
- } else if (ele.amount != "0") {
- _this.kindList.push({
- amount: _this.insureList[index].amount,
- kindCode: _this.insureList[index].kindCode,
- kindName: _this.insureList[index].kindName
- });
- }
- return ele;
- });
- } else {
- _this.kindList = [];
- }
- // if (_this.orderno) {
- this.OrderStageProcessing();
- // } else {
- // _this.$api.letter.getquote().then(res => {
- // _this.quoteno = res.data; //获取报价号
- // this.OrderStageProcessing();
- // });
- // }
- }
- } else {
- document.getElementById("CheZhu").scrollIntoView();
- _this.$message({ message: "请检查人员信息", type: "warning" });
- }
- });
- } else {
- document.getElementById("Car").scrollIntoView();
- this.$message({ message: "请检查车辆信息", type: "warning" });
- return false;
- }
- });
- },
- //动态函数
- ToolClickFun(MethodName, Parameter, companyId, companyName) {
- this[`${MethodName}`](Parameter, companyId, companyName);
- },
- //更新报价历史
- QuotationHistory() {
- let params = {
- orderNo: this.orderno,
- orderStatus: ""
- };
- this.$api.letter.queryQuoteHistory(params).then(res => {
- res.data.forEach(item => {
- if (item.accidentInfo) {
- item.accidentInfo.constructor === Object
- ? [item.accidentInfo]
- : item.accidentInfo;
- }
- });
- this.HistoryList = res.data;
- });
- },
- open2(Name, Msg) {
- this.$notify.info({
- title: Name,
- dangerouslyUseHTMLString: true,
- type: "warning",
- message:`<p>${Msg.replace(/\n/g, '<br>')}</p>`,
- customClass: "customNotifyClass",
- duration: 7000
- });
- },
- open3(Name, Msg) {
- this.$notify.info({
- title: Name,
- dangerouslyUseHTMLString: true,
- type: "warning",
- message:`<p>${Msg.replace(/\n/g, '<br>')}</p>`,
- customClass: "customNotifyClass",
- duration: 7000
- });
- },
- openPredictInfo(Name, Msg) {
- this.redictInfoMsg = Msg;
- this.redictInfodialogVisible = true;
- },
- //订单生成前数据处理事件
- OrderStageProcessing() {
- if (this.tbczcarShow && this.imageList2.length > 0) {
- //投保人同车主
- this.imageList3 = JSON.parse(JSON.stringify(this.imageList2));
- if (this.imageList3.length == 1) {
- this.imageList3[0].imageType = "C03";
- } else {
- this.imageList3[0].imageType = "C03";
- this.imageList3[1].imageType = "D03";
- }
- }
- if (this.bbczcarShow && this.imageList2.length > 0) {
- //被保人同车主
- this.imageList4 = JSON.parse(JSON.stringify(this.imageList2));
- if (this.imageList4.length == 1) {
- this.imageList4[0].imageType = "C04";
- } else {
- this.imageList4[0].imageType = "C04";
- this.imageList4[1].imageType = "D04";
- }
- }
- if (this.bbtbcarShow && this.imageList3.length > 0) {
- //被保人同投保人
- this.imageList4 = JSON.parse(JSON.stringify(this.imageList3));
- if (this.imageList4.length == 1) {
- this.imageList4[0].imageType = "C04";
- } else {
- this.imageList4[0].imageType = "C04";
- this.imageList4[1].imageType = "D04";
- }
- }
- //日期长度<10处理
- const formatDate = date => {
- if (date.length < 10) {
- return this.timeformat(date);
- }
- return date;
- };
- if (this.carInfo.registerDate.length < 10) {
- this.carInfo.registerDate = formatDate(this.carInfo.registerDate);
- }
- if (this.carInfo.issueDate.length < 10) {
- this.carInfo.issueDate = formatDate(this.carInfo.issueDate);
- }
- if (
- this.carInfo.transferDate &&
- this.carInfo.transferDate.length < 10 &&
- this.carInfo.transferDate !== ""
- ) {
- this.carInfo.transferDate = formatDate(this.carInfo.transferDate);
- }
- //日期长度<10处理
- //提交身份证/驾驶证 ——————————————————
- this.policyHolderInfo.owner = this.tbczcarShow;
- this.insuredPersonInfo.owner = this.bbczcarShow;
- this.insuredPersonInfo.insuranceHolder = this.bbtbcarShow;
- if (typeof this.ownerInfo.provinceData == "string") {
- this.ownerInfo.provinceData = [];
- }
- if (typeof this.insuredPersonInfo.provinceData == "string") {
- this.insuredPersonInfo.provinceData = [];
- }
- if (typeof this.policyHolderInfo.provinceData == "string") {
- this.policyHolderInfo.provinceData = [];
- }
- let param = {
- userId: this.userId,
- quoteno: this.quoteno,
- orderNo: this.orderno,
- carInfo: this.carInfo,
- insuredPersonInfo: this.insuredPersonInfo,
- ownerInfo: this.ownerInfo,
- policyHolderInfo: this.policyHolderInfo,
- kindList: this.kindList,
- riskList: this.riskList,
- vehicleAndVesselTax: this.vehicleAndVesselTaxForm
- };
- this.$api.letter[this.apiInterfaceName](param).then(res => {
- if (res.code == "200") {
- //上传图片
- const mergedArray = [
- ...this.imageList1,
- ...this.imageList2,
- ...this.imageList3,
- ...this.imageList4,
- ...this.imageList5
- ];
- if (mergedArray.length > 0) {
- let imageparam = {
- imageList: mergedArray,
- quoteNo: res.data.quoteno
- };
- this.$api.letter.uploadImages(imageparam).then(responses => {
- this.imageEcho(res.data.quoteno); // 获取图片
- });
- }
- this.quoteno = res.data.quoteno;
- this.orderno = res.data.orderno;
- this.totalCompanyList.map((ele, index) => {
- if (ele.checked) {
- //动态调用报价接口
- ele.quoteCode = 1;
- ele.orderstatus = 0;
- this.ToolClickFun(ele.cnName, index, ele.id, ele.namesimple);
- }
- });
- } else if (res.code == 1001) {
- this.$confirm("是否生成新订单?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning"
- })
- .then(() => {
- this.orderno = "";
- this.quoteno = "";
- this.quote();
- })
- .catch(() => { });
- } else {
- this.$message({ message: res.msg, type: "warning" });
- }
- });
- document.getElementById("company").scrollIntoView();
- this.imageUploadShow = true;
- },
- //永安报价
- yongan(num, id) {
- let params = {
- orderNo: this.orderno,
- companyId: id,
- agreementId: this.totalCompanyList[num].agreementId
- };
- this.$api.letter.yonganquote(params).then(res => {
- this.totalCompanyList[num].msg = res.msg;
- if (res.msg == "重复投保" && res.code == "501") {
- if (!!res.data.jqStartDate && !res.data.syStartDate) {
- this.jqstartDate = res.data.jqStartDate;
- this.jqendDate = res.data.jqEndDate;
- this.updateRiskDates(
- "0507",
- res.data.jqStartDate,
- res.data.jqEndDate
- );
- let param = {
- userId: this.userId,
- quoteno: this.quoteno,
- orderNo: this.orderno,
- carInfo: this.carInfo,
- insuredPersonInfo: this.insuredPersonInfo,
- ownerInfo: this.ownerInfo,
- policyHolderInfo: this.policyHolderInfo,
- kindList: this.kindList,
- riskList: this.riskList,
- vehicleAndVesselTax: this.vehicleAndVesselTaxForm
- };
- return this.$api.letter[this.apiInterfaceName](param).then(res => {
- this.yongan(num, id);
- });
- } else if (!!res.data.syStartDate && !res.data.jqStartDate) {
- this.systartDate = res.data.syStartDate;
- this.syendDate = res.data.syEndDate;
- this.updateRiskDates(
- "0510",
- res.data.syStartDate,
- res.data.syEndDate
- );
- let param = {
- userId: this.userId,
- quoteno: this.quoteno,
- orderNo: this.orderno,
- carInfo: this.carInfo,
- insuredPersonInfo: this.insuredPersonInfo,
- ownerInfo: this.ownerInfo,
- policyHolderInfo: this.policyHolderInfo,
- kindList: this.kindList,
- riskList: this.riskList,
- vehicleAndVesselTax: this.vehicleAndVesselTaxForm
- };
- return this.$api.letter[this.apiInterfaceName](param).then(res => {
- this.yongan(num, id);
- });
- } else if (!!res.data.syStartDate && !!res.data.jqStartDate) {
- this.jqstartDate = res.data.jqStartDate;
- this.jqendDate = res.data.jqEndDate;
- this.systartDate = res.data.syStartDate;
- this.syendDate = res.data.syEndDate;
- this.updateRiskDates(
- "0507",
- res.data.jqStartDate,
- res.data.jqEndDate
- );
- this.updateRiskDates(
- "0510",
- res.data.syStartDate,
- res.data.syEndDate
- );
- let param = {
- userId: this.userId,
- quoteno: this.quoteno,
- orderNo: this.orderno,
- carInfo: this.carInfo,
- insuredPersonInfo: this.insuredPersonInfo,
- ownerInfo: this.ownerInfo,
- policyHolderInfo: this.policyHolderInfo,
- kindList: this.kindList,
- riskList: this.riskList,
- vehicleAndVesselTax: this.vehicleAndVesselTaxForm
- };
- return this.$api.letter[this.apiInterfaceName](param).then(res => {
- this.yongan(num, id);
- });
- } else {
- this.totalCompanyList[num].quoteCode = "3";
- this.totalCompanyList[num].msg = "重复投保";
- }
- } else if (
- res.code == "500" ||
- res.code == "502" ||
- res.code == "-9999"
- ) {
- this.totalCompanyList[num].quoteCode = "-9999";
- this.totalCompanyList[num].msg = res.msg;
- } else {
- if (res.data.warnMessageList && res.data.warnMessageList.length > 0) {
- this.totalCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.totalCompanyList[num].lastYearMsg += ele + "<br>";
- });
- }
- this.totalCompanyList[num].quoteCode = 200;
- this.totalCompanyList[num].result = res.data;
- this.QuotationHistory();
- }
- });
- },
- updateRiskDates(riskCode, startDate, endDate) {
- for (let i = 0; i < this.riskList.length; i++) {
- if (this.riskList[i].riskCode == riskCode) {
- this.riskList[i].startDate = startDate;
- this.riskList[i].endDate = endDate;
- }
- }
- },
- //中煤报价
- zhongmei(num, id) {
- let accidentalDrivingVo = {};
- // if(this.zhongmeiaccidentalDrivingVo){
- // accidentalDrivingVo.rideRiskCode=this.zhongmeiaccidentalDrivingVo.schemeNo;
- // accidentalDrivingVo.rideRiskName=this.zhongmeiaccidentalDrivingVo.schemeName;
- // accidentalDrivingVo.quantity=this.zhongmeiaccidentalDrivingVo.quantity;
- // }
- if (this.accidentFormZM.rideRiskCode) {
- accidentalDrivingVo = {
- rideRiskCode: this.accidentFormZM.rideRiskCode,
- rideRiskName: this.accidentFormZM.rideRiskName,
- quantity: this.accidentFormZM.quantity
- ? this.accidentFormZM.quantity
- : "1"
- };
- }
- let params = {
- accidentalDrivingVo,
- orderNo: this.orderno,
- companyId: id,
- agreementId: this.totalCompanyList[num].agreementId
- };
- this.$api.letter.zhongmeiquote(params).then(res => {
- this.totalCompanyList[num].msg = res.msg;
- if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
- this.totalCompanyList[num].quoteCode = "4";
- this.totalCompanyList[num].msg = res.msg;
- return;
- } else if (
- res.data == null &&
- res.msg.indexOf("交强险平台返回") > -1 &&
- res.msg.indexOf(";终保日期") > -1
- ) {
- this.totalCompanyList[num].lastYearMsg =
- "<b>交强险</b><br>" +
- res.msg.slice(
- res.msg.indexOf("起保日期 "),
- res.msg.indexOf("地区 山西。") + 6
- );
- let time =
- res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
- this.jqstartDate = time;
- this.jqendDate = this.oneYearPast1(time);
- if (this.riskList.length > 0) {
- for (let i = 0; i < this.riskList.length; i++) {
- if (this.riskList[i].riskCode == "0507") {
- this.riskList[i].startDate = time;
- this.riskList[i].endDate = this.oneYearPast1(time);
- }
- }
- }
- let param = {
- userId: this.userId,
- quoteno: this.quoteno,
- orderNo: this.orderno,
- carInfo: this.carInfo,
- insuredPersonInfo: this.insuredPersonInfo,
- ownerInfo: this.ownerInfo,
- policyHolderInfo: this.policyHolderInfo,
- kindList: this.kindList,
- riskList: this.riskList,
- vehicleAndVesselTax: this.vehicleAndVesselTaxForm
- };
- return this.$api.letter[this.apiInterfaceName](param).then(res => {
- this.zhongmei(num, id);
- });
- } else if (!!res.data) {
- if (res.data.warnMessageList && res.data.warnMessageList.length > 0) {
- this.totalCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.totalCompanyList[num].lastYearMsg += ele + "<br>";
- });
- }
- this.totalCompanyList[num].quoteCode = 200;
- this.totalCompanyList[num].result = res.data;
- this.QuotationHistory();
- } else {
- this.totalCompanyList[num].quoteCode = "3";
- this.totalCompanyList[num].msg = res.msg;
- return;
- }
- });
- },
- // 大家报价
- dajia(num, id) {
- // let accidentalDrivingVo=[]
- // if(this.dajiaaccidentalDrivingVo){
- // accidentalDrivingVo.rideRiskCode=this.dajiaaccidentalDrivingVo.schemeNo;
- // accidentalDrivingVo.rideRiskName=this.dajiaaccidentalDrivingVo.cvrgName;
- // accidentalDrivingVo.quantity=this.dajiaaccidentalDrivingVo.quantity;
- // }
- let params = {
- accidentalDrivingVo: this.dajiaaccidentalDrivingVo,
- orderNo: this.orderno,
- companyId: id,
- agreementId: this.totalCompanyList[num].agreementId
- };
- this.$api.letter.dajiaquote(params).then(res => {
- this.totalCompanyList[num].msg = res.msg;
- if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
- this.totalCompanyList[num].quoteCode = "4";
- this.totalCompanyList[num].msg = res.msg;
- return;
- } else if (
- res.data == null &&
- res.msg.indexOf("交强险平台返回") > -1 &&
- res.msg.indexOf(";终保日期") > -1
- ) {
- this.totalCompanyList[num].lastYearMsg =
- "<b>交强险</b><br>" +
- res.msg.slice(
- res.msg.indexOf("起保日期 "),
- res.msg.indexOf("地区 山西。") + 6
- );
- let time =
- res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
- this.jqstartDate = time;
- this.jqendDate = this.oneYearPast1(time);
- if (this.riskList.length > 0) {
- for (let i = 0; i < this.riskList.length; i++) {
- if (this.riskList[i].riskCode == "0507") {
- this.riskList[i].startDate = time;
- this.riskList[i].endDate = this.oneYearPast1(time);
- }
- }
- }
- let param = {
- userId: this.userId,
- quoteno: this.quoteno,
- orderNo: this.orderno,
- carInfo: this.carInfo,
- insuredPersonInfo: this.insuredPersonInfo,
- ownerInfo: this.ownerInfo,
- policyHolderInfo: this.policyHolderInfo,
- kindList: this.kindList,
- riskList: this.riskList,
- vehicleAndVesselTax: this.vehicleAndVesselTaxForm
- };
- return this.$api.letter[this.apiInterfaceName](param).then(res => {
- this.dajia(num, id);
- });
- } else if (!!res.data) {
- if (res.data.warnMessageList && res.data.warnMessageList.length > 0) {
- this.totalCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.totalCompanyList[num].lastYearMsg += ele + "<br>";
- });
- }
- this.totalCompanyList[num].quoteCode = 200;
- this.totalCompanyList[num].result = res.data;
- this.QuotationHistory();
- } else {
- this.totalCompanyList[num].quoteCode = "3";
- this.totalCompanyList[num].msg = res.msg;
- return;
- }
- });
- },
- //华泰报价
- huatai(num, id) {
- let params = {
- orderNo: this.orderno,
- companyId: id,
- agreementId: this.totalCompanyList[num].agreementId
- };
- this.$api.letter.huataiquote(params).then(res => {
- this.totalCompanyList[num].msg = res.msg;
- if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
- this.totalCompanyList[num].quoteCode = "4";
- this.totalCompanyList[num].msg = res.msg;
- return;
- } else if (
- res.data == null &&
- res.msg.indexOf("交强险平台返回") > -1 &&
- res.msg.indexOf(";终保日期") > -1
- ) {
- //判断保司返回重复投保信息，进行默认赋值起终保日期，重新算费 后面联调需要调整
- let time =
- res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
- this.jqstartDate = time;
- this.jqendDate = this.oneYearPast1(time);
- this.systartDate = time;
- this.syendDate = this.oneYearPast1(time);
- if (this.riskList.length > 0) {
- for (let i = 0; i < this.riskList.length; i++) {
- if (this.riskList[i].riskCode == "0507") {
- this.riskList[i].startDate = time;
- this.riskList[i].endDate = this.oneYearPast1(time);
- } else if (this.riskList[i].riskCode == "0510") {
- this.riskList[i].startDate = time;
- this.riskList[i].endDate = this.oneYearPast1(time);
- }
- }
- }
- let param = {
- userId: this.userId,
- quoteno: this.quoteno,
- orderNo: this.orderno,
- carInfo: this.carInfo,
- insuredPersonInfo: this.insuredPersonInfo,
- ownerInfo: this.ownerInfo,
- policyHolderInfo: this.policyHolderInfo,
- kindList: this.kindList,
- riskList: this.riskList,
- vehicleAndVesselTax: this.vehicleAndVesselTaxForm
- };
- return this.$api.letter[this.apiInterfaceName](param).then(res => {
- this.huatai(num, id);
- });
- } else if (!!res.data) {
- this.totalCompanyList[num].quoteCode = 200;
- this.totalCompanyList[num].result = res.data;
- this.QuotationHistory();
- } else {
- this.totalCompanyList[num].quoteCode = "3";
- this.totalCompanyList[num].msg = res.msg;
- return;
- }
- });
- },
- //紫金报价
- zijin(num, id) {
- let params = {
- accidentalDrivingVo: this.accidentalDrivingVo,
- orderNo: this.orderno,
- companyId: id,
- agreementId: this.totalCompanyList[num].agreementId,
- coefficient: this.totalCompanyList[num].coefficient
- };
- this.$api.letter.zijinquote(params).then(res => {
- this.totalCompanyList[num].msg = res.msg;
- if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
- this.totalCompanyList[num].quoteCode = "4";
- this.totalCompanyList[num].msg = res.msg;
- return;
- } else if (
- res.data == null &&
- res.msg.indexOf("交强险平台返回") > -1 &&
- res.msg.indexOf(";终保日期") > -1
- ) {
- let time =
- res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
- this.jqstartDate = time;
- this.jqendDate = this.oneYearPast1(time);
- this.systartDate = time;
- this.syendDate = this.oneYearPast1(time);
- if (this.riskList.length > 0) {
- for (let i = 0; i < this.riskList.length; i++) {
- if (this.riskList[i].riskCode == "0507") {
- this.riskList[i].startDate = time;
- this.riskList[i].endDate = this.oneYearPast1(time);
- } else if (this.riskList[i].riskCode == "0510") {
- this.riskList[i].startDate = time;
- this.riskList[i].endDate = this.oneYearPast1(time);
- }
- }
- }
- let param = {
- userId: this.userId,
- quoteno: this.quoteno,
- orderNo: this.orderno,
- carInfo: this.carInfo,
- insuredPersonInfo: this.insuredPersonInfo,
- ownerInfo: this.ownerInfo,
- policyHolderInfo: this.policyHolderInfo,
- kindList: this.kindList,
- riskList: this.riskList,
- vehicleAndVesselTax: this.vehicleAndVesselTaxForm
- };
- return this.$api.letter[this.apiInterfaceName](param).then(res => {
- this.zijin(num, id);
- });
- } else if (!!res.data) {
- if (res.data.warnMessageList && res.data.warnMessageList.length > 0) {
- this.totalCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.totalCompanyList[num].lastYearMsg += ele + "<br>";
- });
- }
- this.totalCompanyList[num].quoteCode = 200;
- this.totalCompanyList[num].result = res.data;
- this.QuotationHistory();
- } else {
- this.totalCompanyList[num].quoteCode = "3";
- this.totalCompanyList[num].msg = res.msg;
- return;
- }
- });
- },
- //永诚报价
- yongcheng(num, id) {
- this.iscCrownerShow = false;
- this.isInsuredShow = false;
- this.isApplicantShow = false;
- let accidentalDrivingVo = {};
- if (this.accidentForm.code) {
- let data = this.accidentDataList.find(
- val => val.code == this.accidentForm.accidentType
- );
- accidentalDrivingVo = {
- rideRiskCode: data.code ? data.code : "",
- rideRiskName: data.name ? data.name : "",
- quantity: this.accidentForm.fen ? this.accidentForm.fen : ""
- };
- }
- let params = {
- accidentalDrivingVo,
- orderNo: this.orderno,
- companyId: id,
- cqryCdeJq: this.cqryCdeJq,
- cqryCdeSy: this.cqryCdeSy,
- renewalCodeJq: this.renewalCodeJq,
- renewalCodeSy: this.renewalCodeSy,
- agreementId: this.totalCompanyList[num].agreementId
- };
- this.$api.letter.yongchengquote(params).then(res => {
- this.totalCompanyList[num].msg = res.msg;
- if (
- res.data == null &&
- res.msg.indexOf("车险平台返回") > -1 &&
- res.msg.indexOf(";终保日期") > -1
- ) {
- let time =
- res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
- this.jqstartDate = time;
- this.jqendDate = this.oneYearPast1(time);
- if (this.riskList.length > 0) {
- for (let i = 0; i < this.riskList.length; i++) {
- if (this.riskList[i].riskCode == "0507") {
- this.riskList[i].startDate = time;
- this.riskList[i].endDate = this.oneYearPast1(time);
- }
- }
- }
- let param = {
- userId: this.userId,
- quoteno: this.quoteno,
- orderNo: this.orderno,
- carInfo: this.carInfo,
- insuredPersonInfo: this.insuredPersonInfo,
- ownerInfo: this.ownerInfo,
- policyHolderInfo: this.policyHolderInfo,
- kindList: this.kindList,
- riskList: this.riskList,
- vehicleAndVesselTax: this.vehicleAndVesselTaxForm
- };
- return this.$api.letter[this.apiInterfaceName](param).then(res => {
- this.yongcheng(num, id);
- });
- } else if (res.code == "200") {
- if (res.data.warnMessageList && res.data.warnMessageList.length > 0) {
- this.totalCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.totalCompanyList[num].lastYearMsg += ele + "<br>";
- });
- }
- this.totalCompanyList[num].quoteCode = 200;
- this.totalCompanyList[num].result = res.data;
- this.QuotationHistory();
- } else if (res.code == "101") {
- this.totalCompanyList[num].quoteCode = "101";
- this.totalCompanyList[num].msg = res.msg;
- this.cqryCdeJq = res.data.cqryCdeJq;
- this.cqryCdeSy = res.data.cqryCdeSy;
- let jq = res.data.renewalCodeJq.replace(/[\r\n]/g, "");
- let jqBase64 = `data:image/png;base64,${jq}`;
- this.renewalCodeJqImg = jqBase64;
- if (res.data.renewalCodeSy) {
- let sy = res.data.renewalCodeSy.replace(/[\r\n]/g, "");
- let syBase64 = `data:image/png;base64,${sy}`;
- this.renewalCodeSyImg = syBase64;
- }
- this.renewalCodedialogVisible = true;
- } else if (res.code == "500") {
- // this.iscCrownerShow=res.msg.indexOf("车主地区自动解析失败")!=-1?true:false
- // this.isInsuredShow=res.msg.indexOf("被保人地区自动解析失败")!=-1?true:false
- // this.isApplicantShow=res.msg.indexOf("投保人地区自动解析失败")!=-1?true:false
- // this.ownerInfo.provinceData= this.iscCrownerShow?[]: this.ownerInfo.provinceData
- // this.insuredPersonInfo.provinceData= this.isInsuredShow?[]: this.insuredPersonInfo.provinceData
- // this.policyHolderInfo.provinceData= this.isApplicantShow?[]: this.policyHolderInfo.provinceData
- this.totalCompanyList[num].quoteCode = "3";
- this.totalCompanyList[num].msg = res.msg;
- } else {
- this.totalCompanyList[num].quoteCode = "3";
- this.totalCompanyList[num].msg = res.msg;
- return;
- }
- });
- },
- //国任报价
- guoRen(num, id) {
- let guoRenSpecialAgreementVo = [];
- this.zijinengageList.forEach(val => {
- guoRenSpecialAgreementVo.push({
- clauses: val.clauseName,
- clausesContext: val.clauses,
- clauseCode: val.clauseCode,
- riskCode: val.riskCode,
- riskName: val.riskName
- });
- });
- let accidentalDrivingVo = {};
- if (this.guoRenaccidentForm.goodsCode) {
- let goodsName = this.guoRenaccidentDataList.find(val => val.goodId == this.guoRenaccidentForm.goodsCode).goodDesc
- accidentalDrivingVo = {
- ...this.guoRenaccidentForm,
- goodsName
- };
- }
- let params = {
- accidentalDrivingVo,
- orderNo: this.orderno,
- companyId: id,
- cqryCdeJq: this.cqryCdeJq,
- cqryCdeSy: this.cqryCdeSy,
- renewalCodeJq: this.renewalCodeJq,
- renewalCodeSy: this.renewalCodeSy,
- agreementId: this.totalCompanyList[num].agreementId,
- guoRenSpecialAgreementVo
- };
- this.$api.letter.guorenquote(params).then(res => {
- this.totalCompanyList[num].msg = res.msg;
- if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
- this.totalCompanyList[num].quoteCode = "4";
- this.totalCompanyList[num].msg = res.msg;
- return;
- } else if (
- res.data == null &&
- res.msg.indexOf("车险平台返回") > -1 &&
- res.msg.indexOf(";终保日期") > -1
- ) {
- let time =
- res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
- this.jqstartDate = time;
- this.jqendDate = this.oneYearPast1(time);
- this.systartDate = time;
- this.syendDate = this.oneYearPast1(time);
- if (this.riskList.length > 0) {
- for (let i = 0; i < this.riskList.length; i++) {
- if (this.riskList[i].riskCode == "0507") {
- this.riskList[i].startDate = time;
- this.riskList[i].endDate = this.oneYearPast1(time);
- } else if (this.riskList[i].riskCode == "0510") {
- this.riskList[i].startDate = time;
- this.riskList[i].endDate = this.oneYearPast1(time);
- }
- }
- }
- let param = {
- userId: this.userId,
- quoteno: this.quoteno,
- orderNo: this.orderno,
- carInfo: this.carInfo,
- insuredPersonInfo: this.insuredPersonInfo,
- ownerInfo: this.ownerInfo,
- policyHolderInfo: this.policyHolderInfo,
- kindList: this.kindList,
- riskList: this.riskList,
- vehicleAndVesselTax: this.vehicleAndVesselTaxForm
- };
- return this.$api.letter[this.apiInterfaceName](param).then(res => {
- this.guoRen(num, id);
- });
- } else if (res.code == "200") {
- if (res.data.warnMessageList && res.data.warnMessageList.length > 0) {
- this.totalCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.totalCompanyList[num].lastYearMsg += ele + "<br>";
- });
- }
- this.totalCompanyList[num].quoteCode = 200;
- this.totalCompanyList[num].result = res.data;
- this.QuotationHistory();
- } else if (res.code == "101") {
- this.totalCompanyList[num].quoteCode = "101";
- this.totalCompanyList[num].msg = res.msg;
- this.cqryCdeJq = res.data.cqryCdeJq;
- this.cqryCdeSy = res.data.cqryCdeSy;
- let jq = res.data.renewalCodeJq.replace(/[\r\n]/g, "");
- let jqBase64 = `data:image/png;base64,${jq}`;
- this.renewalCodeJqImg = jqBase64;
- if (res.data.renewalCodeSy) {
- let sy = res.data.renewalCodeSy.replace(/[\r\n]/g, "");
- let syBase64 = `data:image/png;base64,${sy}`;
- this.renewalCodeSyImg = syBase64;
- }
- this.renewalCodedialogVisible = true;
- } else {
- this.totalCompanyList[num].quoteCode = "3";
- this.totalCompanyList[num].msg = res.msg;
- return;
- }
- });
- },
- //渤海报价
- bohai(num, id) {
- let accidentalDrivingVo = [];
- if (this.boHaiaccidentForm.packageCode) {
- accidentalDrivingVo = [
- {
- packageCode: this.boHaiaccidentForm.packageCode,
- productCode: this.boHaiaccidentDataList.find(
- e => e.packageCode == this.boHaiaccidentForm.packageCode
- ).productCode,
- copies: this.boHaiaccidentForm.copies
- }
- ];
- }
- let params = {
- accidentalDrivingVo,
- orderNo: this.orderno,
- companyId: id,
- cqryCdeJq: this.cqryCdeJq,
- cqryCdeSy: this.cqryCdeSy,
- renewalCodeJq: this.renewalCodeJq,
- renewalCodeSy: this.renewalCodeSy,
- agreementId: this.totalCompanyList[num].agreementId,
- userId:this.userId
- };
- this.$api.letter.bohaiquote(params).then(res => {
- this.totalCompanyList[num].msg = res.msg;
- if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
- this.totalCompanyList[num].quoteCode = "4";
- this.totalCompanyList[num].msg = res.msg;
- return;
- } else if (
- res.data == null &&
- res.msg.indexOf("车险平台返回") > -1 &&
- res.msg.indexOf(";终保日期") > -1
- ) {
- let time =
- res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
- this.jqstartDate = time;
- this.jqendDate = this.oneYearPast1(time);
- this.systartDate = time;
- this.syendDate = this.oneYearPast1(time);
- if (this.riskList.length > 0) {
- for (let i = 0; i < this.riskList.length; i++) {
- if (this.riskList[i].riskCode == "0507") {
- this.riskList[i].startDate = time;
- this.riskList[i].endDate = this.oneYearPast1(time);
- } else if (this.riskList[i].riskCode == "0510") {
- this.riskList[i].startDate = time;
- this.riskList[i].endDate = this.oneYearPast1(time);
- }
- }
- }
- let param = {
- userId: this.userId,
- quoteno: this.quoteno,
- orderNo: this.orderno,
- carInfo: this.carInfo,
- insuredPersonInfo: this.insuredPersonInfo,
- ownerInfo: this.ownerInfo,
- policyHolderInfo: this.policyHolderInfo,
- kindList: this.kindList,
- riskList: this.riskList,
- vehicleAndVesselTax: this.vehicleAndVesselTaxForm
- };
- return this.$api.letter[this.apiInterfaceName](param).then(res => {
- this.bohai(num, id);
- });
- } else if (res.code == "200") {
- if (res.data.warnMessageList && res.data.warnMessageList.length > 0) {
- this.totalCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.totalCompanyList[num].lastYearMsg += ele + "<br>";
- });
- }
- this.totalCompanyList[num].quoteCode = 200;
- this.totalCompanyList[num].result = res.data;
- this.QuotationHistory();
- } else if (res.code == "101") {
- this.totalCompanyList[num].quoteCode = "101";
- this.totalCompanyList[num].msg = res.msg;
- this.cqryCdeJq = res.data.cqryCdeJq;
- this.cqryCdeSy = res.data.cqryCdeSy;
- let jq = res.data.renewalCodeJq.replace(/[\r\n]/g, "");
- let jqBase64 = `data:image/png;base64,${jq}`;
- this.renewalCodeJqImg = jqBase64;
- if (res.data.renewalCodeSy) {
- let sy = res.data.renewalCodeSy.replace(/[\r\n]/g, "");
- let syBase64 = `data:image/png;base64,${sy}`;
- this.renewalCodeSyImg = syBase64;
- }
- this.renewalCodedialogVisible = true;
- } else {
- this.totalCompanyList[num].quoteCode = "3";
- this.totalCompanyList[num].msg = res.msg;
- return;
- }
- });
- },
- // 爬虫对接
- quoteInsurance(num, id, namesimple, apiType) {
- let api = apiType == 2 ? "pythonquote" : "anshengquote";
- let ccidenttype = this.totalCompanyList[num].cnName;
- let params = {
- accidentalDrivingVo: this[ccidenttype + "accidentalDrivingVo"],
- orderNo: this.orderno,
- companyId: id,
- userId:this.userId,
- agreementId: this.totalCompanyList[num].agreementId
- };
- if (namesimple == "中国人寿" && this.lastCompanyId) {
- params.discount = this.totalCompanyList[num].discount;
- params.lastCompanyId = this.lastCompanyId;
- }
- this.$api.letter[api](params).then(res => {
- this.totalCompanyList[num].msg = res.msg;
- switch (namesimple) {
- case "安盛天平":
- case "中国人寿":
- case "恒邦财险":
- case "华农财险":
- case "太平财险":
- if (!!res.data) {
- if (
- res.data.warnMessageList &&
- res.data.warnMessageList.length > 0
- ) {
- this.totalCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.totalCompanyList[num].lastYearMsg += ele + "<br>";
- });
- }
- if (res.data.predictInfo && res.data.predictInfo.length > 0) {
- this.totalCompanyList[num].predictInfo = res.data.predictInfo;
- }
- this.totalCompanyList[num].quoteCode = 200;
- this.totalCompanyList[num].result = res.data;
- if (namesimple == "中国人寿" && res.data.companyId) {
- this.lastCompanyId = res.data.companyId;
- }
- this.QuotationHistory();
- } else {
- this.totalCompanyList[num].quoteCode = "3";
- this.totalCompanyList[num].msg = res.msg;
- return;
- }
- break;
- case "众安财险":
- if (!!res.data) {
- if (res.data.tips == "需要验车") {
- this.$notify.error({
- title: "通融单",
- duration: 0,
- dangerouslyUseHTMLString: true,
- message: `<div> ${res.data.warnMessageList
- .map(item => {
- return `<p>${item}</p>`;
- })
- .join("")}
- </div>`
- });
- }
- if (
- res.data.warnMessageList &&
- res.data.warnMessageList.length > 0
- ) {
- this.totalCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.totalCompanyList[num].lastYearMsg += ele + "<br>";
- });
- }
- this.totalCompanyList[num].quoteCode = 200;
- this.totalCompanyList[num].result = res.data;
- this.QuotationHistory();
- } else {
- this.totalCompanyList[num].quoteCode = "3";
- this.totalCompanyList[num].msg = res.msg;
- return;
- }
- break;
- default:
- break;
- }
- });
- },
- //安盛天平
- ansheng(num, id, namesimple) {
- this.quoteInsurance(
- num,
- id,
- namesimple,
- this.totalCompanyList[num].apiType
- );
- },
- //众安
- zhongan(num, id, namesimple) {
- this.quoteInsurance(
- num,
- id,
- namesimple,
- this.totalCompanyList[num].apiType
- );
- },
- //人寿
- renshou(num, id, namesimple) {
- this.quoteInsurance(
- num,
- id,
- namesimple,
- this.totalCompanyList[num].apiType
- );
- },
- //恒邦
- hengbang(num, id, namesimple) {
- this.quoteInsurance(
- num,
- id,
- namesimple,
- this.totalCompanyList[num].apiType
- );
- },
- //太平
- taiping(num, id, namesimple) {
- this.quoteInsurance(
- num,
- id,
- namesimple,
- this.totalCompanyList[num].apiType
- );
- },
- //华农
- huanong(num, id, namesimple) {
- this.quoteInsurance(
- num,
- id,
- namesimple,
- this.totalCompanyList[num].apiType
- );
- },
- // 爬虫对接
- qoutedetail(companyId) {
- let params = {
- companyId: companyId
- };
- this.$api.letter.getByCompanyId(params).then(res => {
- if (res.code == "200") {
- var data = res.data;
- data.kindinfo.map((ele, index) => {
- switch (ele.kindCode) {
- case "A":
- ele.amount = "投保";
- break;
- case "D4":
- case "SY_FJ_YBW2":
- ele.unitAmount = this.toChinesNum(ele.unitAmount);
- break;
- case "MJ1":
- case "MJ2":
- case "MJ3":
- case "MJ4":
- ele.deductibleRate = ele.deductibleRate + "%";
- break;
- default:
- ele.amount = this.toChinesNum(ele.amount);
- }
- return ele;
- });
- this.queryOrders = data;
- //赋值费用信息
- // this.feeDetailInfo=data.orderFeeResult;
- }
- });
- this.$refs.detailsDialog.setBackupVisible(true);
- },
- imageUpload() {
- this.imageUploaddialogVisible = true;
- },
- cancelorder(item) {
- this.$api.letter.zijincancelorder({ companyId: item.id }).then(res => {
- if (res.code == 200) {
- this.$message({
- message: res.msg,
- type: "success"
- });
- this.QuotationHistory();
- }
- });
- },
- imageEcho(quotenos) {
- //影像查询
- this.$api.letter.findByQuoteNo(quotenos).then(res => {
- if (res.code == "200") {
- this.imageList1 = [];
- this.imageList2 = [];
- this.imageList3 = [];
- this.imageList4 = [];
- this.imageList5 = [];
- this.imgList1 = [];
- this.imgList2 = [];
- this.imgList3 = [];
- this.imgList4 = [];
- this.imgList5 = [];
- this.imgList6 = [];
- this.imgList7 = [];
- this.imgList8 = [];
- this.imgList9 = [];
- this.imgList10 = [];
- this.imgList11 = [];
- Object.keys(res.data).forEach(keys => {
- if (res.data[keys].url) {
- res.data[keys].url = process.env.BASE_URL + res.data[keys].url;
- switch (keys) {
- case "C01":
- this.imageList1.push({
- imageId: res.data[keys].imageId,
- imageType: res.data[keys].imageType
- });
- this.imgList1.push(res.data[keys]);
- break;
- case "D01":
- this.imageList1.push({
- imageId: res.data[keys].imageId,
- imageType: res.data[keys].imageType
- });
- this.imgList2.push(res.data[keys]);
- break;
- case "C02":
- this.imageList2.push({
- imageId: res.data[keys].imageId,
- imageType: res.data[keys].imageType
- });
- this.imgList3.push(res.data[keys]);
- break;
- case "D02":
- this.imageList2.push({
- imageId: res.data[keys].imageId,
- imageType: res.data[keys].imageType
- });
- this.imgList4.push(res.data[keys]);
- break;
- case "C03":
- this.imageList3.push({
- imageId: res.data[keys].imageId,
- imageType: res.data[keys].imageType
- });
- this.imgList5.push(res.data[keys]);
- break;
- case "D03":
- this.imageList3.push({
- imageId: res.data[keys].imageId,
- imageType: res.data[keys].imageType
- });
- this.imgList6.push(res.data[keys]);
- break;
- case "C04":
- this.imageList4.push({
- imageId: res.data[keys].imageId,
- imageType: res.data[keys].imageType
- });
- this.imgList7.push(res.data[keys]);
- break;
- case "D04":
- this.imageList4.push({
- imageId: res.data[keys].imageId,
- imageType: res.data[keys].imageType
- });
- this.imgList8.push(res.data[keys]);
- break;
- case "XC00":
- this.imageList5.push({
- imageId: res.data[keys].imageId,
- imageType: res.data[keys].imageType
- });
- this.imgList9.push(res.data[keys]);
- break;
- case "GC00":
- this.imageList5.push({
- imageId: res.data[keys].imageId,
- imageType: res.data[keys].imageType
- });
- this.imgList10.push(res.data[keys]);
- break;
- case "GX00":
- this.imageList5.push({
- imageId: res.data[keys].imageId,
- imageType: res.data[keys].imageType
- });
- this.imgList11.push(res.data[keys]);
- break;
- default:
- break;
- }
- }
- });
- } else {
- this.$message({ message: res.msg, type: "info" });
- }
- });
- },
- hbsubmitdialog(data) {
- if (this.imageList1.length == 0 && this.imageList2.length == 0) {
- this.$message({ message: "影像不全，先上传影像", type: "error" });
- return;
- }
- this.companyId = data.result.companyId;
- this.apiType = data.apiType;
- this.hbsubmitdialogVisible = true;
- this.contributingState = false;
- if (data.namesimple == "紫金财险") {
- this.$api.letter
- .zijinqueryClauseData({ companyId: this.companyId })
- .then(res => {
- this.zijinengageListData = res.data;
- });
- }
- if (data.namesimple == "华泰财险") {
- this.zijinengageList = [];
- this.$api.letter
- .huataiqueryClauseData({ companyId: this.companyId })
- .then(res => {
- res.data.forEach(val => {
- val.clauseCode = val.engageCode;
- val.clauseName = val.engageTitle;
- val.clauseContent = val.engageDetail;
- val.clauses = val.engageDetail;
- });
- this.zijinengageListData = res.data;
- this.zijinengageListData.forEach(val => {
- this.$nextTick(() => {
- if (val.optType == "2") {
- this.zijinengageList.push(val);
- this.$refs.expandTablePro.toggleRowSelection(val, true);
- }
- });
- });
- });
- } else {
- this.zijinengageListData = [];
- }
- // switch (data.namesimple) {
- // case "紫金财险":
- // this.$api.letter.zijinqueryClauseData({ companyId: this.companyId }).then(res => {
- // this.zijinengageListData = res.data;
- // });
- // break;
- // default:
- // break;
- // }
- },
- hbsubmit() {
- this.hbsubmitdialogVisible = false;
- this.contributingState = false;
- this.$api.letter
- .getByCompanyId({ companyId: this.companyId })
- .then(async res => {
- if (res.code == 200) {
- var data = res.data;
- this.queryOrders = data;
- const loading = this.$loading({
- lock: true,
- text: "Loading",
- spinner: "el-icon-loading",
- background: "rgba(0, 0, 0, 0.7)"
- });
- switch (this.queryOrders.inscompany) {
- case "永安财险":
- let api = "";
- api =
- this.apiType == 2
- ? "pythonsubmitImage"
- : "insyongansubmitImage";
- await this.$api.letter[api]({
- companyId: this.companyId
- }).then(res => {
- if (res.code == "200") {
- var _this = this;
- let api1 = "";
- api1 = this.apiType == 2 ? "pythonaudit" : "yonganaudit";
- this.$api.letter[api1]({
- companyId: this.companyId
- }).then(res => {
- var _this = this;
- if (res.code == "200") {
- loading.close();
- this.$message({
- message: "核保成功",
- type: "success"
- });
- this.QuotationHistory();
- _this.$api.letter
- .getByCompanyId({ companyId: this.companyId })
- .then(res => {
- _this.orderstatus = res.data.orderstatus; //订单状态
- _this.underwritingdialogVisible = true;
- let indexid = this.totalCompanyList.findIndex(
- item =>
- item.namesimple == this.queryOrders.inscompany
- );
- this.totalCompanyList[indexid].orderstatus =
- res.data.orderstatus;
- });
- } else {
- loading.close();
- this.$message({
- showClose: true,
- message:
- this.queryOrders.inscompany + "提核--：" + res.msg,
- type: "error",
- duration: 0
- });
- }
- });
- } else {
- this.$message({
- message: this.queryOrders.inscompany + "影像：" + res.msg,
- type: "error",
- duration: 7000
- });
- loading.close();
- }
- });
- break;
- case "中煤财险":
- await this.$api.letter
- .insZhongmeisubmitImage({
- companyId: this.companyId
- })
- .then(res => {
- if (res.code == "200") {
- var _this = this;
- _this.$api.letter
- .Zhongmeiaudit({
- companyId: this.companyId,
- jqappoint: "",
- syappoint: ""
- })
- .then(res => {
- if (res.code == "200") {
- loading.close();
- _this.$message({
- message: "核保成功",
- type: "success"
- });
- this.QuotationHistory();
- _this.$api.letter
- .getByCompanyId({ companyId: this.companyId })
- .then(res => {
- _this.orderstatus = res.data.orderstatus; //订单状态
- _this.underwritingdialogVisible = true;
- let indexid = this.totalCompanyList.findIndex(
- item =>
- item.namesimple ==
- this.queryOrders.inscompany
- );
- this.totalCompanyList[indexid].orderstatus =
- res.data.orderstatus;
- });
- } else {
- loading.close();
- _this.$message({
- showClose: true,
- message:
- this.queryOrders.inscompany +
- "提核--：" +
- res.msg,
- type: "error",
- duration: 0
- });
- _this.$api.letter
- .getByCompanyId({ companyId: this.companyId })
- .then(res => {
- _this.orderstatus = res.data.orderstatus; //订单状态
- });
- }
- });
- } else {
- this.$message({
- message:
- this.queryOrders.inscompany + "影像--：" + res.msg,
- type: "error",
- duration: 7000
- });
- loading.close();
- }
- });
- break;
- case "华泰财险":
- await this.$api.letter
- .insHuataisubmitImage({
- companyId: this.companyId
- })
- .then(res => {
- if (res.code == "200") {
- var _this = this;
- let engageList = [];
- this.zijinengageList.forEach(val => {
- engageList.push({
- engageCode: val.clauseCode,
- engageDetail: val.clauses,
- engageTitle: val.clauseName,
- riskCode: val.riskCode
- });
- });
- _this.$api.letter
- .huataiaudit({
- companyId: this.companyId,
- engageList
- })
- .then(res => {
- if (res.code == "200") {
- loading.close();
- _this.$message({
- message: "核保成功",
- type: "success"
- });
- this.QuotationHistory();
- _this.$api.letter
- .getByCompanyId({ companyId: this.companyId })
- .then(res => {
- _this.orderstatus = res.data.orderstatus; //订单状态
- _this.underwritingdialogVisible = true;
- let indexid = this.totalCompanyList.findIndex(
- item =>
- item.namesimple ==
- this.queryOrders.inscompany
- );
- this.totalCompanyList[indexid].orderstatus =
- res.data.orderstatus;
- });
- } else {
- loading.close();
- _this.$message({
- showClose: true,
- message:
- this.queryOrders.inscompany +
- "提核--：" +
- res.msg,
- type: "error",
- duration: 0
- });
- _this.$api.letter
- .getByCompanyId({ companyId: this.companyId })
- .then(res => {
- _this.orderstatus = res.data.orderstatus; //订单状态
- });
- }
- });
- } else {
- this.$message({
- message:
- this.queryOrders.inscompany + "影像--：" + res.msg,
- type: "error",
- duration: 7000
- });
- loading.close();
- }
- });
- break;
- case "紫金财险":
- await this.$api.letter
- .zijinsubmitImage({
- companyId: this.companyId
- })
- .then(res => {
- if (res.code == "200") {
- var _this = this;
- _this.$api.letter
- .zijinaudit({
- companyId: this.companyId,
- engageList: this.zijinengageList
- })
- .then(res => {
- if (res.code == "200") {
- loading.close();
- _this.$message({
- message: "核保成功",
- type: "success"
- });
- this.QuotationHistory();
- _this.$api.letter
- .getByCompanyId({ companyId: this.companyId })
- .then(res => {
- _this.orderstatus = res.data.orderstatus; //订单状态
- _this.underwritingdialogVisible = true;
- let indexid = this.totalCompanyList.findIndex(
- item =>
- item.namesimple ==
- this.queryOrders.inscompany
- );
- this.totalCompanyList[indexid].orderstatus =
- res.data.orderstatus;
- });
- } else {
- loading.close();
- _this.$message({
- showClose: true,
- dangerouslyUseHTMLString: true,
- message:
- this.queryOrders.inscompany +
- "提核--：" +
- res.msg,
- type: "error",
- duration: 0
- });
- _this.$api.letter
- .getByCompanyId({ companyId: this.companyId })
- .then(res => {
- _this.orderstatus = res.data.orderstatus; //订单状态
- });
- }
- });
- } else {
- this.$message({
- message:
- this.queryOrders.inscompany + "影像--：" + res.msg,
- type: "error",
- duration: 7000
- });
- loading.close();
- }
- });
- break;
- case "国任财险":
- await this.$api.letter
- .insguorensubmitImage({
- companyId: this.companyId
- })
- .then(res => {
- if (res.code == "200") {
- var _this = this;
- _this.$api.letter
- .gunrenaudit({
- companyId: this.companyId
- })
- .then(res => {
- if (res.code == "200") {
- loading.close();
- _this.cqryCdeJq = "";
- _this.cqryCdeSy = "";
- _this.renewalCodeJq = "";
- _this.renewalCodeSy = "";
- this.$message({
- message: "核保成功",
- type: "success"
- });
- this.QuotationHistory();
- _this.$api.letter
- .getByCompanyId({ companyId: this.companyId })
- .then(res => {
- _this.orderstatus = res.data.orderstatus; //订单状态
- _this.underwritingdialogVisible = true;
- let indexid = this.totalCompanyList.findIndex(
- item =>
- item.namesimple ==
- this.queryOrders.inscompany
- );
- this.totalCompanyList[indexid].orderstatus =
- res.data.orderstatus;
- });
- } else {
- loading.close();
- this.$message({
- showClose: true,
- message: res.msg,
- type: "error",
- duration: 0
- });
- }
- });
- } else {
- loading.close();
- this.$message({
- message: res.msg,
- type: "error",
- duration: 7000
- });
- }
- });
- break;
- case "渤海财险":
- await this.$api.letter
- .insbohaisubmitImage({
- companyId: this.companyId
- })
- .then(res => {
- if (res.code == "200") {
- var _this = this;
- _this.$api.letter
- .bohaiaudit({
- companyId: this.companyId
- })
- .then(res => {
- if (res.code == "200") {
- loading.close();
- _this.cqryCdeJq = "";
- _this.cqryCdeSy = "";
- _this.renewalCodeJq = "";
- _this.renewalCodeSy = "";
- this.$message({
- message: "核保成功",
- type: "success"
- });
- this.QuotationHistory();
- _this.$api.letter
- .getByCompanyId({ companyId: this.companyId })
- .then(res => {
- _this.orderstatus = res.data.orderstatus; //订单状态
- _this.underwritingdialogVisible = true;
- let indexid = this.totalCompanyList.findIndex(
- item =>
- item.namesimple ==
- this.queryOrders.inscompany
- );
- this.totalCompanyList[indexid].orderstatus =
- res.data.orderstatus;
- });
- } else {
- loading.close();
- this.$message({
- showClose: true,
- message: res.msg,
- type: "error",
- duration: 0
- });
- }
- });
- } else {
- loading.close();
- this.$message({
- message: res.msg,
- type: "error",
- duration: 7000
- });
- }
- });
- break;
- case "恒邦财险":
- case "华农财险":
- case "太平财险":
- case "安盛天平":
- case "众安财险":
- case "中国人寿":
- let hengbangapi = "";
- hengbangapi =
- this.apiType == 2
- ? "pythonsubmitImage"
- : "anshengsubmitImage";
- await this.$api.letter[hengbangapi]({
- subOrderNo: this.companyId
- }).then(res => {
- if (res.code == "200") {
- var _this = this;
- let hengbangapi1 = "";
- hengbangapi1 =
- this.apiType == 2 ? "pythonaudit" : "anshengaudit";
- _this.$api.letter[hengbangapi1]({
- subOrderNo: this.companyId
- }).then(res => {
- if (res.code == "200") {
- loading.close();
- this.$message({
- message: "核保成功",
- type: "success"
- });
- this.QuotationHistory();
- _this.$api.letter
- .getByCompanyId({ companyId: this.companyId })
- .then(res => {
- _this.orderstatus = res.data.orderstatus; //订单状态
- _this.underwritingdialogVisible = true;
- let indexid = this.totalCompanyList.findIndex(
- item =>
- item.namesimple == this.queryOrders.inscompany
- );
- this.totalCompanyList[indexid].orderstatus =
- res.data.orderstatus;
- });
- } else {
- loading.close();
- this.$message({
- showClose: true,
- dangerouslyUseHTMLString: true,
- message:
- this.queryOrders.inscompany +
- "提核--：" +
- res.msg.replace(/\n/g, "<br><br>"),
- type: "error",
- duration: 0
- });
- }
- });
- } else {
- loading.close();
- this.$message({
- message:
- this.queryOrders.inscompany + "影像--：" + res.msg,
- type: "error",
- duration: 7000
- });
- }
- });
- break;
- case "永诚财险":
- await this.$api.letter
- .insyongchengsubmitImage({
- companyId: this.companyId
- })
- .then(res => {
- if (res.code == "200") {
- var _this = this;
- _this.$api.letter
- .yongchengaudit({
- companyId: this.companyId
- })
- .then(res => {
- if (res.code == "200") {
- loading.close();
- _this.cqryCdeJq = "";
- _this.cqryCdeSy = "";
- _this.renewalCodeJq = "";
- _this.renewalCodeSy = "";
- this.$message({
- message: "核保成功",
- type: "success"
- });
- this.QuotationHistory();
- _this.$api.letter
- .getByCompanyId({ companyId: this.companyId })
- .then(res => {
- _this.orderstatus = res.data.orderstatus; //订单状态
- _this.underwritingdialogVisible = true;
- let indexid = this.totalCompanyList.findIndex(
- item =>
- item.namesimple ==
- this.queryOrders.inscompany
- );
- this.totalCompanyList[indexid].orderstatus =
- res.data.orderstatus;
- });
- } else {
- loading.close();
- this.$message({
- showClose: true,
- message:
- this.queryOrders.inscompany +
- "提核--：" +
- res.msg,
- customClass: "customNotifyClass",
- type: "error",
- duration: 0
- });
- }
- });
- } else {
- loading.close();
- this.$message({
- message:
- this.queryOrders.inscompany + "影像--：" + res.msg,
- type: "error",
- duration: 7000
- });
- }
- });
- break;
- case "大家财险":
- await this.$api.letter
- .dajiasubmitImage({
- companyId: this.companyId
- })
- .then(res => {
- if (res.code == "200") {
- var _this = this;
- _this.$api.letter
- .dajiaaudit({
- companyId: this.companyId
- })
- .then(res => {
- if (res.code == "200") {
- loading.close();
- _this.cqryCdeJq = "";
- _this.cqryCdeSy = "";
- _this.renewalCodeJq = "";
- _this.renewalCodeSy = "";
- this.$message({
- message: "核保成功",
- type: "success"
- });
- this.QuotationHistory();
- _this.$api.letter
- .getByCompanyId({ companyId: this.companyId })
- .then(res => {
- _this.orderstatus = res.data.orderstatus; //订单状态
- _this.underwritingdialogVisible = true;
- let indexid = this.totalCompanyList.findIndex(
- item =>
- item.namesimple ==
- this.queryOrders.inscompany
- );
- this.totalCompanyList[indexid].orderstatus =
- res.data.orderstatus;
- });
- } else {
- loading.close();
- this.$message({
- showClose: true,
- message:
- this.queryOrders.inscompany +
- "提核--：" +
- res.msg,
- customClass: "customNotifyClass",
- type: "error",
- duration: 0
- });
- }
- });
- } else {
- loading.close();
- this.$message({
- message:
- this.queryOrders.inscompany + "影像--：" + res.msg,
- type: "error",
- duration: 7000
- });
- }
- });
- break;
- }
- }
- });
- },
- //当前日期的次日
- transformTime1() {
- var date = new Date();
- date.setFullYear(date.getFullYear());
- date.setTime(date.getTime() + 24 * 60 * 60 * 1000);
- var strYear = date.getFullYear();
- var strDay = date.getDate();
- var strMonth = date.getMonth() + 1;
- var hh = date.getHours();
- if (hh < 10) {
- hh = "0" + hh;
- }
- if (strMonth < 10) {
- strMonth = "0" + strMonth;
- }
- if (strDay < 10) {
- strDay = "0" + strDay;
- }
- var datastr = strYear + "-" + strMonth + "-" + strDay + " " + "00:00:00";
- return datastr;
- },
- //传入日期的次日
- transformTime2(time) {
- var date = new Date(time);
- date.setFullYear(date.getFullYear());
- date.setTime(date.getTime() + 24 * 60 * 60 * 1000); //一年后的前一天
- var strYear = date.getFullYear();
- var strDay = date.getDate();
- var strMonth = date.getMonth() + 1;
- var hh = date.getHours();
- if (hh < 10) {
- hh = "0" + hh;
- }
- if (strMonth < 10) {
- strMonth = "0" + strMonth;
- }
- if (strDay < 10) {
- strDay = "0" + strDay;
- }
- var datastr = strYear + "-" + strMonth + "-" + strDay + " " + "00:00:00";
- return datastr;
- },
- //时间转换
- transformTime(date) {
- var d = new Date(date);
- var strYear = d.getFullYear();
- var strMonth = d.getMonth() + 1;
- var strDay = d.getDate();
- var hh = d.getHours();
- var minutes = d.getMinutes(); // 分
- var Seconds = d.getSeconds();
- if (hh < 10) {
- hh = "0" + hh;
- }
- if (minutes < 10) {
- minutes = "0" + minutes;
- }
- if (Seconds < 10) {
- Seconds = "0" + Seconds;
- }
- if (strMonth < 10) {
- strMonth = "0" + strMonth;
- }
- if (strDay < 10) {
- strDay = "0" + strDay;
- }
- var datetime =
- strYear +
- "-" +
- strMonth +
- "-" +
- strDay +
- " " +
- hh +
- ":" +
- minutes +
- ":" +
- Seconds;
- return datetime;
- },
- timeformat(date) {
- var d = new Date(date);
- var strYear = d.getFullYear();
- var strMonth = d.getMonth() + 1;
- var strDay = d.getDate();
- var hh = d.getHours();
- if (hh < 10) {
- hh = "0" + hh;
- }
- if (strMonth < 10) {
- strMonth = "0" + strMonth;
- }
- if (strDay < 10) {
- strDay = "0" + strDay;
- }
- var datetime = strYear + "-" + strMonth + "-" + strDay;
- return datetime;
- },
- oneYearPast1(time) {
- //明年减一秒
- var date = new Date(time);
- date.setSeconds(date.getSeconds() - 1);
- date.setFullYear(date.getFullYear() + 1); //一年后
- date.setTime(date.getTime()); //一年后的前一天
- var strYear = date.getFullYear();
- var strDay = date.getDate();
- var strMonth = date.getMonth() + 1;
- var hh = date.getHours();
- var minutes = date.getMinutes(); // 分
- var Seconds = date.getSeconds();
- if (hh < 10) {
- hh = "0" + hh;
- }
- if (minutes < 10) {
- minutes = "0" + minutes;
- }
- if (Seconds < 10) {
- Seconds = "0" + Seconds;
- }
- if (strMonth < 10) {
- strMonth = "0" + strMonth;
- }
- if (strDay < 10) {
- strDay = "0" + strDay;
- }
- var datastr =
- strYear +
- "-" +
- strMonth +
- "-" +
- strDay +
- " " +
- hh +
- ":" +
- minutes +
- ":" +
- Seconds;
- return datastr;
- },
- tbczcarShowChange() {
- //投保人同车主
- switch (this.tbczcarShow) {
- case true:
- this.policyHolderInfo = JSON.parse(JSON.stringify(this.ownerInfo));
- break;
- default:
- for (let key in this.policyHolderInfo) {
- this.policyHolderInfo[key] = "";
- this.policyHolderInfo.provinceData = [];
- this.selectedOptions2 = [];
- }
- }
- },
- bbczcarShowChange() {
- //被保人同车主
- switch (this.bbczcarShow) {
- case true:
- this.bbtbcarShow = false;
- this.insuredPersonInfo = JSON.parse(JSON.stringify(this.ownerInfo));
- break;
- default:
- for (let key in this.insuredPersonInfo) {
- this.insuredPersonInfo[key] = "";
- this.insuredPersonInfo.provinceData = [];
- // this.selectedOptions3 = [];
- }
- }
- },
- bbtbcarShowChange() {
- //被保人同投保人
- switch (this.bbtbcarShow) {
- case true:
- this.bbczcarShow = false;
- this.insuredPersonInfo = JSON.parse(
- JSON.stringify(this.policyHolderInfo)
- );
- break;
- default:
- for (let key in this.insuredPersonInfo) {
- this.insuredPersonInfo[key] = "";
- this.insuredPersonInfo.provinceData = [];
- }
- }
- },
- //VIN查询
- toChooseVin(cartype) {
- if (cartype == "" || cartype == null) {
- this.$message({
- message: "请输入车架号",
- type: "warning"
- });
- } else {
- const loading = this.$loading({
- lock: true,
- text: "Loading",
- spinner: "el-icon-loading",
- background: "rgba(0, 0, 0, 0.7)"
- });
- this.$api.letter.insZhongmeiVIN(this.carInfo.frameNo).then(res => {
- if (res.code == "200") {
- this.reslist = res.data;
- loading.close();
- this.sbdmdialogVisible = true;
- } else {
- loading.close();
- this.$message.error(res.msg);
- }
- });
- }
- },
- // 撤销二维码
- revokeCode(id) {
- this.$api.letter.getRevokeQrCode(id).then(res => {
- if (res.code == 200) {
- this.$message({
- message: res.msg,
- type: "success"
- });
- this.QuotationHistory();
- }
- });
- },
- //品牌型号查询
- toChooseVehicleType(cartype) {
- if (cartype == "" || cartype == null) {
- this.$message({
- message: "请输入车型名称",
- type: "warning"
- });
- } else {
- const loading = this.$loading({
- lock: true,
- text: "Loading",
- spinner: "el-icon-loading",
- background: "rgba(0, 0, 0, 0.7)"
- });
- let param = {
- modelName: cartype.replace(/[^u4e00-u9fa5|,]+/gi, "")
- };
- this.$api.letter.ModelsQuery(param).then(res => {
- if (res.code == "200") {
- loading.close();
- this.reslist = res.data;
- this.chexingdialogVisible = true;
- } else {
- loading.close();
- this.$message.error(res.msg);
- }
- });
- }
- },
- //车型列表双击选中事件
- reslistCurrentChange(row, column, event) {
- this.carInfo.brandName = row.brandCN; //品牌型号
- this.carInfo.modelcname = row.modelName; //品牌型号
- this.carInfo.caryear = row.marketYear; //年款
- this.carInfo.seatCount = row.ratedPassengerCapacity; //座位数
- this.carInfo.purchasePrice = row.replacementValue; //购置价
- this.carInfo.modelCode = row.modelCode; //型号代码
- this.carInfo.familyName = row.series; //系列
- this.carInfo.enginedesc = row.displacement; //排量
- this.carInfo.energyType = row.energyTypes
- this.carInfo.powerScale = row.powerScale; //功率
- this.chexingdialogVisible = false;
- this.sbdmdialogVisible = false;
- },
- //是否过户事件
- transferFlagChange(e) {
- if (e) {
- this.transferDateShow = true;
- this.carInfo.transferDate = this.carInfo.issueDate;
- } else {
- this.transferDateShow = false;
- this.carInfo.transferDate = "";
- }
- },
- //影像上传
- drivingupload(file, imageIdList, imgurl, type) {
- let that = this;
- let size = file.size / 1024 / 1024 < 5;
- const isJPG =
- file.raw.type === "image/jpeg" || file.raw.type === "image/png";
- if (!size) {
- this.$message.error("上传图片大小不能超过 5MB!");
- this[imgurl] = [];
- return false;
- }
- if (!isJPG) {
- this.$message.error("上传图片只能是 JPG、PNG 格式!");
- this[imgurl] = [];
- return false;
- }
- this[imgurl].push(file);
- var file = file.raw;
- const params = new FormData(); // 声明formData数据类型
- params.append("multipartFile", file);
- params.append("type", "image");
- this.$api.letter.uploadFile(params).then(res => {
- if (res.code == "200") {
- if (this[imageIdList].some(v => v.imageType == type)) {
- this[imageIdList].map(val => {
- if (val.imageType == type) {
- val.imageId = res.data.id;
- }
- });
- } else {
- this[imageIdList].push({
- imageId: res.data.id,
- imageType: type
- });
- }
- }
- });
- },
- handleRemove1(file, imageIdList, imgList) {
- this[imageIdList].map((ele, index) => {
- if (file.imageId === ele.imageId) {
- this[imageIdList].splice(index, 1);
- }
- return ele;
- });
- if (file.imageId) {
- this[imgList].map((ele, index) => {
- if (file.imageId === ele.imageId) {
- this[imgList].splice(index, 1);
- }
- return ele;
- });
- } else {
- this[imgList].map((ele, index) => {
- if (file.uid === ele.uid) {
- this[imgList].splice(index, 1);
- }
- return ele;
- });
- }
- },
- compress(img, width, height, ratio) {
- var canvas, ctx, img64;
- canvas = document.createElement("canvas");
- canvas.width = width;
- canvas.height = height;
- ctx = canvas.getContext("2d");
- ctx.drawImage(img, 0, 0, width, height);
- img64 = canvas.toDataURL("image/jpeg", ratio);
- return img64;
- },
- base64ToFile(base64, fileName) {
- let data = base64.split(",");
- let type = data[0].match(/:(.*?);/)[1]; // let suffix = type.split('/')[1];
- const bstr = window.atob(data[1]);
- let n = bstr.length;
- const u8arr = new Uint8Array(n);
- while (n--) {
- u8arr[n] = bstr.charCodeAt(n);
- } // const file = new File([u8arr], `${fileName}.${suffix}`, {
- const file = new File([u8arr], `${fileName}`, {
- type: type
- });
- return file;
- },
- carfrontChange(file) {
- //选择行驶证正面
- let that = this;
- let size = file.size / 1024 / 1024 < 5;
- const isJPG =
- file.raw.type === "image/jpeg" || file.raw.type === "image/png";
- if (!size) {
- this.$message.error("上传图片大小不能超过 5MB!");
- return false;
- }
- if (!isJPG) {
- this.$message.error("上传图片只能是 JPG、PNG 格式!");
- return false;
- }
- // let name=file.raw.name
- // var image = new Image();
- // image.src = window.URL.createObjectURL(file.raw);
- // that.carfrontImg = image.src
- // image.onload = function(){
- // let aaa= that.base64ToFile(that.compress(image, 500, 400, 0.7),name)
- // that.carfrontImg = image.src;
- // const params = new FormData(); // 声明formData数据类型
- // params.append("multipartFile", aaa);
- // params.append("type", "image");
- // that.$api.letter.uploadFile(params).then(res => {
- // if (res.code == "200") {
- // that.CarFrontFile = aaa;//文件流
- // if (that.imageList1.some(v => v.imageType == 'C01')) {
- // that.imageList1.map(val => {
- // if (val.imageType == 'C01') {
- // val.imageId = res.data.id;
- // }
- // })
- // } else {
- // that.imageList1.push({
- // imageId: res.data.id,
- // imageType: "C01",
- // })
- // }
- // } else {
- // that.$message({ message: res.msg, type: "warning" });
- // }
- // });
- // }
- var file = file.raw;
- let files = window.URL.createObjectURL(file); //转临时路径
- this.carfrontImg = files;
- const params = new FormData(); // 声明formData数据类型
- params.append("multipartFile", file);
- params.append("type", "image");
- this.$api.letter.uploadFile(params).then(res => {
- if (res.code == "200") {
- this.CarFrontFile = file; //文件流
- if (this.imageList1.some(v => v.imageType == "C01")) {
- this.imageList1.map(val => {
- if (val.imageType == "C01") {
- val.imageId = res.data.id;
- }
- });
- } else {
- this.imageList1.push({
- imageId: res.data.id,
- imageType: "C01"
- });
- }
- } else {
- this.$message({ message: res.msg, type: "warning" });
- }
- });
- },
- carbackChange(file) {
- let that = this;
- let size = file.size / 1024 / 1024 < 2;
- const isJPG =
- file.raw.type === "image/jpeg" || file.raw.type === "image/png";
- if (!size) {
- this.$message.error("上传图片大小不能超过 5MB!");
- return false;
- }
- if (!isJPG) {
- this.$message.error("上传图片只能是 JPG、PNG 格式!");
- return false;
- }
- // let name=file.raw.name
- // var image = new Image();
- // image.src = window.URL.createObjectURL(file.raw);
- // image.onload = function(){
- // let aaa= that.base64ToFile(that.compress(image, 500, 400, 0.7),name)
- // that.carbackImg = image.src;
- // const params = new FormData(); // 声明formData数据类型
- // params.append("multipartFile", aaa);
- // params.append("type", "image");
- // that.$api.letter.uploadFile(params).then(res => {
- // if (res.code == "200") {
- // that.CarBackFile = aaa;//文件流
- // if (that.imageList1.some(v => v.imageType == 'D01')) {
- // that.imageList1.map(val => {
- // if (val.imageType == 'D01') {
- // val.imageId = res.data.id;
- // }
- // })
- // } else {
- // that.imageList1.push({
- // imageId: res.data.id,
- // imageType: "D01",
- // })
- // }
- // } else {
- // that.$message({ message: res.msg, type: "warning" });
- // }
- // });
- // }
- //选择行驶证反面
- var file = file.raw;
- let files = window.URL.createObjectURL(file); //转临时路径
- this.carbackImg = files;
- const params = new FormData(); // 声明formData数据类型
- params.append("multipartFile", file);
- params.append("type", "image");
- this.$api.letter.uploadFile(params).then(res => {
- if (res.code == "200") {
- this.CarBackFile = file;
- if (this.imageList1.some(v => v.imageType == "D01")) {
- this.imageList1.map(val => {
- if (val.imageType == "D01") {
- val.imageId = res.data.id;
- }
- });
- } else {
- this.imageList1.push({
- imageId: res.data.id,
- imageType: "D01"
- });
- }
- } else {
- this.$message({ message: res.msg, type: "warning" });
- }
- });
- },
- userfrontChange(file) {
- let that = this;
- let size = file.size / 1024 / 1024 < 5;
- const isJPG =
- file.raw.type === "image/jpeg" || file.raw.type === "image/png";
- if (!size) {
- this.$message.error("上传图片大小不能超过 5MB!");
- return false;
- }
- if (!isJPG) {
- this.$message.error("上传图片只能是 JPG、PNG 格式!");
- return false;
- }
- // let name=file.raw.name
- // var image = new Image();
- // image.src = window.URL.createObjectURL(file.raw);
- // image.onload = function(){
- // let aaa= that.base64ToFile(that.compress(image, 500, 400, 0.7),name)
- // that.userfrontImg = image.src;
- // const params = new FormData(); // 声明formData数据类型
- // params.append("multipartFile", aaa);
- // params.append("type", "image");
- // that.$api.letter.uploadFile(params).then(res => {
- // if (res.code == "200") {
- // let type = 'C0' + that.userIndex;
- // if (that['imageList' + that.userIndex].some(v => v.imageType == type)) {
- // that['imageList' + that.userIndex].map(val => {
- // if (val.imageType == type) {
- // val.imageId = res.data.id;
- // }
- // })
- // } else {
- // that['imageList' + that.userIndex].push({
- // imageId: res.data.id,
- // imageType: type,
- // })
- // }
- // that[type + 'File'] = aaa;
- // } else {
- // that.$message({ message: res.msg, type: "warning" });
- // }
- // });
- // }
- //选择身份证正面
- var file = file.raw;
- let files = window.URL.createObjectURL(file); //转链接
- this.userfrontImg = files;
- const params = new FormData(); // 声明formData数据类型
- params.append("multipartFile", file);
- params.append("type", "image");
- this.$api.letter.uploadFile(params).then(res => {
- if (res.code == "200") {
- let type = "C0" + this.userIndex;
- if (
- this["imageList" + this.userIndex].some(v => v.imageType == type)
- ) {
- this["imageList" + this.userIndex].map(val => {
- if (val.imageType == type) {
- val.imageId = res.data.id;
- }
- });
- } else {
- this["imageList" + this.userIndex].push({
- imageId: res.data.id,
- imageType: type
- });
- }
- this[type + "File"] = file;
- } else {
- this.$message({ message: res.msg, type: "warning" });
- }
- });
- },
- userbackChange(file) {
- let that = this;
- let size = file.size / 1024 / 1024 < 5;
- const isJPG =
- file.raw.type === "image/jpeg" || file.raw.type === "image/png";
- if (!size) {
- this.$message.error("上传图片大小不能超过 5MB!");
- return false;
- }
- if (!isJPG) {
- this.$message.error("上传图片只能是 JPG、PNG 格式!");
- return false;
- }
- // let name=file.raw.name
- // var image = new Image();
- // image.src = window.URL.createObjectURL(file.raw);
- // image.onload = function(){
- // let aaa= that.base64ToFile(that.compress(image, 500, 400, 0.7),name)
- // that.userbackImg = image.src;
- // const params = new FormData(); // 声明formData数据类型
- // params.append("multipartFile", aaa);
- // params.append("type", "image");
- // that.$api.letter.uploadFile(params).then(res => {
- // if (res.code == "200") {
- // let type = 'D0' + that.userIndex;
- // if (that['imageList' + that.userIndex].some(v => v.imageType == type)) {
- // that['imageList' + that.userIndex].map(val => {
- // if (val.imageType == type) {
- // val.imageId = res.data.id;
- // }
- // })
- // } else {
- // that['imageList' + that.userIndex].push({
- // imageId: res.data.id,
- // imageType: type,
- // })
- // }
- // that[type + 'File'] = aaa;
- // } else {
- // that.$message({ message: res.msg, type: "warning" });
- // }
- // });
- // }
- //选择身份证背面
- var file = file.raw;
- let files = window.URL.createObjectURL(file); //转链接
- this.userbackImg = files;
- const params = new FormData(); // 声明formData数据类型
- params.append("multipartFile", file);
- params.append("type", "image");
- this.$api.letter.uploadFile(params).then(res => {
- if (res.code == "200") {
- let type = "D0" + this.userIndex;
- if (
- this["imageList" + this.userIndex].some(v => v.imageType == type)
- ) {
- this["imageList" + this.userIndex].map(val => {
- if (val.imageType == type) {
- val.imageId = res.data.id;
- }
- });
- } else {
- this["imageList" + this.userIndex].push({
- imageId: res.data.id,
- imageType: type
- });
- }
- this[type + "File"] = file;
- } else {
- this.$message({ message: res.msg, type: "warning" });
- }
- });
- },
- CarOCRdiscern() {
- //car识别
- const loading = this.$loading({
- lock: true,
- text: "Loading",
- spinner: "el-icon-loading",
- background: "rgba(0, 0, 0, 0.7)"
- });
- const params = new FormData(); // 声明formData数据类型
- params.append("image1", this.CarFrontFile);
- params.append("image2", this.CarBackFile);
- this.$api.letter.drivingPermit(params).then(res => {
- loading.close();
- if (res.msg == "201") {
- this.$message({ message: "请正确选择驾驶证", type: "warning" });
- }
- var carInfo = res.data.carInfo;
- console.log(carInfo);
- if (carInfo.issueDate) {
- carInfo.issueDate =
- carInfo.issueDate.substring(0, 4) +
- "-" +
- carInfo.issueDate.substring(4, 6) +
- "-" +
- carInfo.issueDate.substring(6, 8);
- }
- if (carInfo.registerDate) {
- carInfo.registerDate =
- carInfo.registerDate.substring(0, 4) +
- "-" +
- carInfo.registerDate.substring(4, 6) +
- "-" +
- carInfo.registerDate.substring(6, 8);
- }
- this.carform.carOwner = carInfo.carOwner; //车主
- this.carform.licenseNo = carInfo.plateNo; //车牌号
- this.carform.modelcname = carInfo.backOcrID; //品牌型号
- this.carform.frameNo = carInfo.vin; //车架号
- this.carform.engineNo = carInfo.engine; //发动机号
- this.carform.registerDate = carInfo.registerDate; //车牌号
- this.carform.issueDate = carInfo.issueDate; //车牌号
- this.carform.grossMass = carInfo.grossMass; //总质量
- this.carform.unladenMass = carInfo.unladenMass; //整备质量
- this.carform.limitLoad = carInfo.limitLoad; //核定载质量
- this.carform.category = carInfo.category; //车辆类型
- this.carform.carnature = carInfo.useNature; //使用性质
- this.carform.vehicleUse = carInfo.vehicleUse; //车辆用途
- this.carform.plateType = carInfo.plateType; //车辆种类
- this.carform.approvedPassengersCapacity =
- carInfo.approvedPassengersCapacity; //核定载客数
- });
- },
- CarOCRconfirm() {
- //传参 carnature
- this.ownerInfo.name = this.carform.carOwner; //车主
- this.carInfo.cartype = "K33";
- this.carInfo.licenseNo = this.carform.licenseNo; //车牌号
- this.carInfo.modelcname = this.carform.modelcname; //品牌型号
- this.carInfo.vinNo = this.carform.frameNo; //车架号
- this.carInfo.frameNo = this.carform.frameNo; //车架号
- this.carInfo.engineNo = this.carform.engineNo; //发动机号
- this.carInfo.seatCount = this.carform.approvedPassengersCapacity; //核定载客数
- this.carInfo.vehicleweight = this.carform.grossMass; //总质量
- this.carInfo.completeKerbMass = this.carform.unladenMass; //整备质量
- this.carInfo.limitLoad = this.carform.limitLoad; //核定载质量
- this.carInfo.cartype = this.carform.category; //车辆类型
- this.carInfo.carnature = this.carform.carnature
- ? this.carform.carnature
- : "02"; //使用性质
- this.carInfo.vehicleUse = this.carform.vehicleUse
- ? this.carform.vehicleUse
- : "05"; //车辆用途
- this.carInfo.cimodelclass = this.carform.plateType; //车辆种类
- if (this.timeformat(this.carform.registerDate) != "NaN-NaN-NaN") {
- this.carInfo.registerDate = this.carform.registerDate; //车牌号
- }
- if (this.timeformat(this.carform.issueDate) != "NaN-NaN-NaN") {
- this.carInfo.issueDate = this.carform.issueDate; //车牌号
- }
- this.uploadcardialogVisible = false;
- },
- handleRemove(e) {
- //删除图片
- this[e] = "";
- switch (this.userIndex) {
- case 0:
- this.carfrontImg = "";
- this.carbackImg = "";
- this.CarFrontFile = ""; // 行驶证正面base64
- this.CarBackFile = ""; // 行驶证背面base64
- break;
- case 2:
- this.userfrontImg = "";
- this.userbackImg = "";
- this.C02File = ""; // 车主正面base64
- this.D02File = ""; // 车主背面base64
- break;
- case 3:
- this.userfrontImg = "";
- this.userbackImg = "";
- this.C03File = ""; // 投保人正面base64
- this.D03File = ""; // 投保人背面base64
- break;
- case 4:
- this.userfrontImg = "";
- this.userbackImg = "";
- this.C04File = ""; // 被保人正面base64
- this.D04File = ""; // 被保人背面base64
- break;
- default:
- }
- },
- //预览图片
- handlePictureCardPreview(img) {
- this.ProViewImg = img;
- this.showViewer = true;
- },
- // 关闭查看器
- closeViewer() {
- this.showViewer = false;
- },
- uploaduser(index) {
- this.userIndex = index;
- this.uploaduserdialogVisible = true;
- },
- userOCRdiscern() {
- //OCR识别
- switch (this.userIndex) {
- case 2:
- const params1 = new FormData(); // 声明formData数据类型
- params1.append("image1", this.C02File);
- params1.append("image2", this.D02File);
- this.userOCRjoggle(params1);
- break;
- case 3:
- const params2 = new FormData(); // 声明formData数据类型
- params2.append("image1", this.C03File);
- params2.append("image2", this.D03File);
- this.userOCRjoggle(params2);
- break;
- case 4:
- const params3 = new FormData(); // 声明formData数据类型
- params3.append("image1", this.C04File);
- params3.append("image2", this.D04File);
- this.userOCRjoggle(params3);
- break;
- default:
- }
- },
- userOCRjoggle(param) {
- const loading = this.$loading({
- lock: true,
- text: "Loading",
- spinner: "el-icon-loading",
- background: "rgba(0, 0, 0, 0.7)"
- });
- this.$api.letter.idCard(param).then(res => {
- loading.close();
- if (res.msg == "201") {
- this.$message({ message: "请正确选择身份证", type: "warning" });
- }
- var customerInfo = res.data.customerInfo;
- if (customerInfo) {
- this.ownerInfoform.name = customerInfo.name;
- if (customerInfo.identifyType == "01") {
- this.ownerInfoform.identifyType = "身份证";
- } else {
- this.ownerInfoform.identifyType = "";
- }
- this.ownerInfoform.identifyNumber = customerInfo.identifyNumber;
- this.ownerInfoform.gender = customerInfo.identifyIssuedCom;
- this.ownerInfoform.addr = customerInfo.addr;
- if (customerInfo.identifyNumber) {
- this.ownerInfoform.age = getAgeByIdCard(
- customerInfo.identifyNumber
- );
- }
- if (
- customerInfo.identifyValidDate ||
- customerInfo.identifyValidEndDate
- ) {
- this.ownerInfoform.identifyValidDate =
- customerInfo.identifyValidDate.substring(0, 4) +
- "-" +
- customerInfo.identifyValidDate.substring(4, 6) +
- "-" +
- customerInfo.identifyValidDate.substring(6, 8);
- this.ownerInfoform.identifyValidEndDate =
- customerInfo.identifyValidEndDate.substring(0, 4) +
- "-" +
- customerInfo.identifyValidEndDate.substring(4, 6) +
- "-" +
- customerInfo.identifyValidEndDate.substring(6, 8);
- if (customerInfo.identifyValidEndDate == "长期") {
- this.ownerInfoform.identifyValidEndDate = "9999-12-31";
- }
- }
- // let values = addressCode(this.ownerInfoform.addr);
- // this.ownerInfoform.province = codeToText[values[0]]
- // this.ownerInfoform.city = codeToText[values[1]]
- // this.ownerInfoform.county = codeToText[values[2]]
- }
- });
- },
- userOCRconfirm() {
- //传参
- switch (this.userIndex) {
- case 2:
- // this.selectedOptions1 = addressCode(this.ownerInfoform.addr);
- this.ownerInfo = JSON.parse(JSON.stringify(this.ownerInfoform));
- break;
- case 3:
- // this.selectedOptions2 = addressCode(this.ownerInfoform.addr);
- this.policyHolderInfo = JSON.parse(
- JSON.stringify(this.ownerInfoform)
- );
- break;
- case 4:
- // this.selectedOptions3 = addressCode(this.ownerInfoform.addr);
- this.insuredPersonInfo = JSON.parse(
- JSON.stringify(this.ownerInfoform)
- );
- break;
- }
- this.uploaduserdialogVisible = false;
- },
- closeDialog(index) {
- // 0：车辆 1:车主 2：投保人 3：被保人
- switch (index) {
- case 0:
- this.carfrontImg = "";
- this.carbackImg = "";
- this.CarFrontFile = ""; // 行驶证正面base64
- this.CarBackFile = ""; // 行驶证背面base64
- Object.keys(this.carform).forEach(key => {
- this.carform[key] = "";
- });
- break;
- case 2:
- this.userfrontImg = "";
- this.userbackImg = "";
- this.C02File = ""; // 车主正面base64
- this.D02File = ""; // 车主背面base64
- Object.keys(this.ownerInfoform).forEach(key => {
- this.ownerInfoform[key] = "";
- });
- break;
- case 3:
- this.userfrontImg = "";
- this.userbackImg = "";
- this.C03File = ""; // 投保人正面base64
- this.D03File = ""; // 投保人背面base64
- Object.keys(this.ownerInfoform).forEach(key => {
- this.ownerInfoform[key] = "";
- });
- break;
- case 4:
- this.userfrontImg = "";
- this.userbackImg = "";
- this.C04File = ""; // 被保人正面base64
- this.D04File = ""; // 被保人背面base64
- Object.keys(this.ownerInfoform).forEach(key => {
- this.ownerInfoform[key] = "";
- });
- break;
- case 5:
- this.businessImg = "";
- // this.C04File = ''; // 被保人正面base64
- // this.D04File = ''; // 被保人背面base64
- // Object.keys(this.ownerInfoform).forEach((key) => {
- // this.ownerInfoform[key] = '';
- // });
- break;
- default:
- }
- },
- bjdpreview(id) {
- let params = {
- companyId: id
- };
- this.$api.letter.getByCompanyId(params).then(res => {
- if (res.code == "200") {
- var data = res.data;
- if (data.kindinfo != null) {
- data.kindinfo.map((ele, index) => {
- switch (ele.kindCode) {
- case "A":
- if (ele.amount == 1) {
- ele.amount = "投保";
- } else {
- ele.amount = ele.amount;
- }
- break;
- case "D4":
- case "SY_FJ_YBW2":
- ele.unitAmount = this.toChinesNum(ele.unitAmount);
- break;
- case "MJ1":
- case "MJ2":
- case "MJ3":
- case "MJ4":
- ele.deductibleRate = ele.deductibleRate + "%";
- break;
- default:
- ele.amount = this.toChinesNum(ele.amount);
- }
- return ele;
- });
- }
- data.logoImg = this.iconfftter(res.data.inscompany);
- this.queryOrders = data;
- this.$api.letter.getThemeByUserId().then(res => {
- if (res.code==200) {
- if(res.data.themeCode=='GD'){
- this.$refs.quotationDialogPro.setBackupVisible(true);
- }
- else {
- this.$refs.quotationDialog.setBackupVisible(true);
- }
- }
- })
- // if (
- // this.$store.state.user.roles.managementSource &&
- // this.$store.state.user.roles.managementSource == "3"
- // ) {
- // this.$refs.quotationDialogPro.setBackupVisible(true);
- // } else {
- // this.$refs.quotationDialog.setBackupVisible(true);
- // }
- }
- });
- },
- //返回上一步
- Back() { },
- carcode(id, item) {
- this.$api.letter.getQrCode(id).then(res => {
- if (res.code == "200") {
- this.inscompany = res.data.inscompany; //保险公司
- this.sumpremium = res.data.sumpremium; //总价
- this.licenseNo = res.data.cPlateNo; //车牌号
- this.applyName = res.data.cInsuredNme; //车主
- this.jqpremium = res.data.jqpremium; //交强
- this.sypremium = res.data.sypremium; //商业
- this.taxamount = res.data.taxamount; //车船税
- this.jypremium = res.data.jypremium; //驾意险
- this.jqstartdate = res.data.jqStartDate; //交强起保日期
- this.systartdate = res.data.syStartDate; //商业起保日期
- // this.mobile = res.data.applyinfo.mobile;//投保人手机号
- this.$nextTick(() => {
- if (item.inscompany == "太平财险") {
- let anresult = res.data.qrCodeUrl.replace(/[\r\n]/g, "");
- let animgBase64 = `data:image/png;base64,${anresult}`;
- base64ToPath(animgBase64).then(path => {
- this.paycodeimg = path;
- });
- } else {
- this.creatQrCode(res.data.qrCodeUrl);
- }
- });
- this.$api.letter.getThemeByUserId().then(res => {
- if (res.code==200) {
- if(res.data.themeCode=='GD'){
- this.codedialogVisiblePro = true;
- this.qrcodeWidth = "154";
- this.qrcodeHeight = "154";
- }
- else {
- this.codedialogVisible = true;
- }
- }
- })
- } else {
- this.$message({ message: res.msg, type: "warning" });
- }
- });
- },
- //同步
- synchronization() {
- this.systartDate = this.jqstartDate;
- this.syendDate = this.jqendDate;
- },
- //影像上传
- uploadinformation() {
- // //上传图片
- const mergedArray = [
- ...this.imageList1,
- ...this.imageList2,
- ...this.imageList3,
- ...this.imageList4,
- ...this.imageList5
- ];
- let imageparam = {
- imageList: mergedArray,
- quoteNo: this.quoteno
- };
- this.$api.letter.uploadImages(imageparam).then(responses => {
- if (responses.code == "200") {
- this.imageEcho(this.quoteno);
- this.$message({ message: responses.msg, type: "success" });
- } else {
- this.$message({ message: responses.msg, type: "error" });
- }
- });
- this.imageUploaddialogVisible = false;
- },
- add() {
- this.obtainProtocol();
- if (this.isLetter) {
- this.$router.push({ path: "/letter/letter" });
- }
- for (let key in this.ownerInfo) {
- this.ownerInfo[key] = "";
- }
- for (let key in this.policyHolderInfo) {
- this.policyHolderInfo[key] = "";
- }
- for (let key in this.insuredPersonInfo) {
- this.insuredPersonInfo[key] = "";
- }
- this.vehicleAndVesselTaxForm = {
- taxRelifFlag: "1",
- taxpayerIdentifier: "01"
- };
- this.ownerInfo.provinceData = [];
- this.insuredPersonInfo.provinceData = [];
- this.policyHolderInfo.provinceData = [];
- this.carInfo = JSON.parse(localStorage.getItem("carInfo"));
- this.insureList = JSON.parse(localStorage.getItem("insureList"));
- this.sychecked = false;
- this.yonganchecked = false;
- this.zhongmeichecked = false;
- this.transferDateShow = false;
- (this.tbczcarShow = true), //投保人同车主
- // this.bbczcarShow = false, //被保人同车主
- (this.bbtbcarShow = true), //被保人同投保人
- (this.imageList1 = []);
- this.imageList2 = [];
- this.imageList3 = [];
- this.imageList4 = [];
- this.imgList1 = [];
- this.imgList2 = [];
- this.imgList3 = [];
- this.imgList4 = [];
- this.imgList5 = [];
- this.imgList6 = [];
- this.imgList7 = [];
- this.imgList8 = [];
- // 清空保险公司选中的意外险
- this.insuranceZJ = "";
- this.insuranceZA = "";
- this.insuranceHB = "";
- this.insuranceTP = "";
- this.insuranceHN = "";
- this.insuranceRS = "";
- this.insuranceDJ = "";
- this.accidentForm = {
- fen: "1",
- premium: 0
- };
- this.accidentFormHN = {
- allQuantity: "1",
- };
- this.hengbangaccidentalDrivingVo = {};
- this.huanongaccidentalDrivingVo = {};
- this.taipingaccidentalDrivingVo = {};
- this.zhongmeiaccidentalDrivingVo = {};
- this.accidentalDrivingVo = [];
- this.zhonganaccidentalDrivingVo = {};
- this.renshouaccidentalDrivingVo = {};
- this.anshengaccidentalDrivingVo = {};
- this.dajiaaccidentalDrivingVo = {};
- // this.selectedOptions1 = [];
- // this.selectedOptions2 = [];
- // this.selectedOptions3 = [];
- this.orderno = "";
- this.quoteno = "";
- this.lastCompanyId = "";
- this.HistoryList = [];
- this.jqstartDate = this.transformTime1();
- this.jqendDate = this.oneYearPast1(this.jqstartDate);
- this.systartDate = this.transformTime1();
- this.syendDate = this.oneYearPast1(this.jqstartDate);
- },
- toChinesNum(num) {
- if (num.toString().length == 4) {
- let overQian = Math.floor(num / 1000);
- let result = overQian + "千";
- return result;
- } else {
- let overWan = Math.floor(num / 10000);
- let result = overWan + "万";
- return result;
- }
- },
- reportDrop(event) {
- event.preventDefault();
- event.stopPropagation();
- },
- tabLiScroll(id, idx) {
- this.tabLiIndex = idx;
- document.getElementById(id).scrollIntoView({ behavior: "smooth" });
- },
- handleScroll(id) {
- document.getElementById(id).scrollIntoView({ behavior: "smooth" });
- }
- }
- };
- </script>
- <style>
- /* .customNotifyClass {
- word-break: break-all;
- width: 600px;
- } */
- </style>
- <style lang="scss" scoped>
- .marginL {
- margin-left: 10px;
- }
- .el-notification {
- width: 600px;
- }
- .styleB .el-upload--picture-card {
- // display: none;
- opacity: 0;
- }
- .ORcodebody {
- height: auto;
- background-color: #fff;
- //background: url(../../../assets/image/group.png) #fff;
- padding: 16px;
- }
- .csstool {
- font-weight: 600;
- color: #606266;
- font-size: 14px;
- margin: 0 20px;
- span {
- margin-right: 5px;
- }
- }
- .ORcode {
- width: 100%;
- height: auto;
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 30px;
- box-sizing: border-box;
- &>div {
- width: 176px;
- height: 176px;
- border: 1px solid var(--themeColor);
- border-radius: 5px;
- }
- }
- .ORtitle {
- width: 100%;
- padding-bottom: 20px;
- box-sizing: border-box;
- &>div {
- width: 100%;
- margin: 10px 0;
- font-size: 14px;
- &>span {
- &:nth-child(1) {
- color: #868b98;
- text-align: end;
- width: 150px;
- }
- &:nth-child(2) {
- color: #333333;
- }
- }
- }
- }
- .Risk {
- width: 100%;
- height: auto;
- display: flex;
- flex-direction: column;
- align-items: center;
- font-size: 12px;
- }
- .dis {
- display: flex;
- }
- .align {
- align-items: center;
- }
- .jus {
- justify-content: space-between;
- }
- .shangyexian {
- padding-left: 100px;
- }
- .headertotal {
- padding: 30px;
- }
- .my-label {
- background: #e1f3d8;
- }
- .my-content {
- background: #fde2e2;
- color: aqua;
- }
- .el-button--mini {
- padding: 5px;
- }
- #qqq {
- background-color: #111;
- width: 300px;
- height: 300px;
- margin: 0 auto;
- position: relative;
- }
- #qrCode {
- display: inline-block;
- margin: 0 auto;
- position: relative;
- top: 15%;
- img {
- width: 200px;
- height: 200px;
- background-color: #fff;
- padding: 6px;
- }
- }
- .code {
- box-sizing: border-box;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: center;
- &>span {
- margin-bottom: 10px;
- }
- }
- .code_name {
- width: 350px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- font-weight: bold;
- &>span {
- &:nth-child(1) {
- color: #979797;
- width: 120px;
- text-align: right;
- }
- &:nth-child(2) {
- color: #2d2d2d;
- width: 120px;
- text-align: left;
- }
- }
- }
- .header {
- font-size: 18px;
- font-weight: bold;
- }
- .body {
- border-top: none;
- padding-bottom: 100px;
- box-sizing: border-box;
- }
- .u-f-ac {
- -webkit-box-align: center;
- align-items: center;
- padding: 10px;
- }
- .bodyTitle {
- height: 45px;
- background: #f3f3f3;
- border: 1px solid #dddddd;
- line-height: 45px;
- padding: 0 20px;
- box-sizing: border-box;
- }
- .start {
- justify-content: flex-start;
- }
- .end {
- justify-content: flex-end;
- }
- .descriptions {
- padding: 20px;
- box-sizing: border-box;
- display: flex;
- flex-direction: column;
- }
- .bodys {
- display: flex;
- justify-content: space-between;
- align-items: center;
- flex-wrap: wrap;
- }
- .bodys1 {
- display: flex;
- justify-content: center;
- align-items: center;
- flex-wrap: wrap;
- }
- .widths {
- width: 230px;
- }
- .widths1 {
- width: 300px;
- }
- .back {
- color: #333333;
- // font-weight: 700;
- }
- .home {
- // padding-left: 10px;
- box-sizing: border-box;
- padding-bottom: 10px;
- border-bottom: 1px solid #eef1f6;
- &>span {
- margin-right: 10px;
- }
- }
- .hovers {
- margin: 10px 0;
- cursor: pointer;
- padding: 10px 0;
- box-sizing: border-box;
- border-bottom: 1px solid #f2f2f2;
- .offer-time {
- margin: 20px 0 0px 100px;
- padding: 10px;
- background: rgba(45, 77, 137, 0.06);
- &>span {
- margin: 0 10px;
- }
- }
- }
- /* 内容待定 */
- .coll {
- font-size: 14px;
- }
- .display {
- display: flex;
- justify-content: center;
- align-items: center;
- box-sizing: border-box;
- }
- .black {
- color: #000;
- }
- .gray {
- color: #999;
- }
- .OCR {
- font-weight: bold;
- color: #333;
- margin: 20px;
- }
- .slot {
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- cursor: default;
- text-align: center;
- color: #fff;
- opacity: 0;
- font-size: 20px;
- background-color: rgba(0, 0, 0, 0.5);
- transition: opacity 0.3s;
- display: flex;
- justify-content: center;
- align-items: center;
- &>i {
- margin: 10px;
- color: #fff;
- font-size: 30px;
- font-weight: bold;
- cursor: pointer;
- }
- &:hover {
- opacity: 1;
- }
- }
- .companyhead {
- width: 100%;
- margin: 0 auto;
- padding: 15px 10px;
- color: #333;
- font-weight: bold;
- font-size: 14px;
- background-color: #f7f7f9;
- }
- .footer {
- width: calc(100% - 200px);
- position: fixed;
- bottom: 0;
- right: 0;
- background-color: #fff;
- z-index: 9;
- padding: 20px;
- box-sizing: border-box;
- box-shadow: 0 0 1px 0 #ccc;
- transition: all 0.3s, box-shadow 0.5s;
- &.shadow {
- box-shadow: 0 -10px 10px -10px #ccc;
- }
- }
- .Enclosure {
- width: 100%;
- background-color: #fff;
- padding: 20px;
- box-sizing: border-box;
- margin-bottom: 15px;
- border-radius: 6px;
- border: 1px solid #ebeef5;
- transition: all 0.2s ease-in-out;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- }
- .icon-img {
- display: block;
- width: 30px;
- height: 30px;
- }
- .Anchor-link {
- width: 40px;
- background-color: #fff;
- box-shadow: #ccc 0 0px 3px 0;
- border-radius: 6px;
- position: fixed;
- top: 50%;
- right: 0;
- z-index: 99;
- div {
- margin: 5px;
- border-bottom: 1px solid #f2f2f2;
- cursor: pointer;
- display: block;
- }
- }
- .color {
- padding-top: 150px;
- margin-top: -150px;
- }
- .more {
- width: 100%;
- padding: 20px;
- box-sizing: border-box;
- }
- .more-title {
- padding: 15px 10px;
- background-color: #f7f7f9;
- // border-bottom: 1px solid #e3e3e3;
- font-size: 14px;
- }
- .more-data {
- padding: 10px;
- border-bottom: 1px solid #f2f2f2;
- color: #d42426;
- font-size: 14px;
- }
- .Driving-risk {
- padding-left: 100px;
- // padding-top:20px
- }
- .checkbox {
- transform: scale(1.2);
- margin-right: 20px;
- line-height: 32px;
- }
- .insure-long-term {
- display: inline-flex;
- padding-left: 8px;
- padding-right: 8px;
- background: var(--themeColor);
- color: #fff;
- font-size: 12px;
- margin-left: -5px;
- border-radius: 0px 5px 5px 0px;
- cursor: pointer;
- }
- .textareaSty {
- width: 160px;
- height: 210px;
- border: 1px solid #d2d2d2;
- border-radius: 4px;
- img {
- width: 50px;
- height: 50px;
- }
- }
- .image-title {
- width: 100px;
- height: 30px;
- color: #fff;
- text-align: center;
- line-height: 30px;
- font-weight: bold;
- margin-bottom: 15px;
- background: #fc4a1a;
- background: #f2994a;
- /* fallback for old browsers */
- background: -webkit-linear-gradient(to left, #f2c94c, #f2994a);
- /* Chrome 10-25, Safari 5.1-6 */
- background: linear-gradient(to left, #f2c94c, #f2994a);
- /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
- }
- .aaa /deep/ {
- margin-bottom: 20px;
- margin-right: 50px;
- span {
- display: inline-block;
- margin-bottom: 10px;
- }
- .el-upload .el-upload-dragger {
- width: 180px;
- height: 120px;
- border: 1px dashed #c0ccda;
- padding: 0;
- }
- .el-upload-list--picture-card .el-upload-list__item {
- width: 180px;
- height: 120px;
- }
- .el-upload-list__item:first-child {
- margin-top: 0;
- }
- }
- .jyxStyle>span {
- display: inline-block;
- text-align: center;
- }
- .tab-style {
- width: 110px;
- li {
- text-align: right;
- padding-right: 20px;
- line-height: 40px;
- cursor: pointer;
- box-sizing: border-box;
- border-right: 1px solid #e2e5eb;
- }
- li:focus {
- background: rgba(212, 36, 38, 0.1);
- border-right: 2px solid var(--themeColor);
- color: var(--themeColor);
- }
- }
- .tabLi-style {
- background: rgba(212, 36, 38, 0.1);
- border-right: 2px solid var(--themeColor);
- color: var(--themeColor);
- }
- .scan-code {
- div {
- margin-top: 10px;
- }
- }
- /* 清除图片上传动画bug */
- /deep/ {
- .proSaomazhifucodeClass .el-dialog__header {
- background: rgba(45, 77, 137, 0.1);
- font-weight: bold;
- }
- .proSaomazhifucodeClass .el-dialog__footer {
- border-top: 1px solid #eef1f6;
- }
- .el-upload-list__item {
- transition: none !important;
- }
- .el-checkbox__input {
- &.is-checked {
- .el-checkbox__inner {
- background-color: #d42426;
- border-color: #d42426;
- }
- }
- }
- .el-checkbox__inner {
- border: 1px solid var(--themeColor);
- &:hover {
- border-color: var(--themeColorHover);
- }
- &:focus {
- border-color: var(--themeColor);
- }
- }
- .el-upload .el-upload-dragger {
- height: 250px;
- width: 400px;
- border: 1px dashed #ced4da;
- }
- .el-upload--picture-card {
- width: 180px;
- height: 120px;
- }
- .el-upload-list__item {
- width: 180px;
- height: 120px;
- margin: 0 !important;
- display: block !important;
- }
- .el-upload-list--picture-card .el-upload-list__item-thumbnail {
- width: 180px;
- height: 120px;
- }
- // .el-button--warning {
- // color: #fff;
- // background-color: #D42426;
- // border-color: #D42426;
- // &:hover {
- // color: #fff;
- // background-color: #ee6f00ce;
- // border-color: #ee6f00ce;
- // }
- // }
- .el-descriptions-item__label {
- &:not(.is-bordered-label) {
- color: #333;
- }
- }
- // .el-radio__input.is-checked + .el-radio__label {
- // color: #ff7000;
- // }
- // .el-radio__input.is-checked .el-radio__inner {
- // border-color: #ff7000;
- // background: #ff7000;
- // }
- // .el-radio__inner {
- // &:hover {
- // border-color: #ff7000;
- // }
- // }
- // .el-input--small .el-icon-date {
- // color: #ee6f00ce;
- // }
- .el-select {
- width: 100%;
- }
- .el-date-editor.el-input {
- width: 100%;
- }
- .el-cascader--small {
- width: 100%;
- }
- .styleB {
- height: 128px;
- }
- .styleB .el-upload--picture-card {
- display: none;
- }
- .saomazhifucodeClass .el-dialog__body,
- .saomazhifucodeClass .el-dialog__header,
- .saomazhifucodeClass .el-dialog__footer {
- padding: 0;
- background: #f4e9e9;
- }
- .saomazhifucodeClass .el-dialog__body {
- padding: 15px;
- }
- .saomazhifucodeClass .el-dialog__footer {
- background: #f4e9e9;
- padding-bottom: 15px;
- }
- .saomazhifucodeClass .el-dialog__headerbtn {
- margin-top: 10px;
- }
- .zmDriving {
- thead .el-table-column--selection .cell {
- display: none !important;
- }
- }
- .synchronous {
- width: 75px;
- height: 45px;
- line-height: 45px;
- color: #fff;
- cursor: pointer;
- background: url(../../../../src/icon/Union2.png) no-repeat 100%;
- }
- .synchronous:hover {
- background: url(../../../../src/icon/Union1.png) no-repeat 100%;
- }
- .line_style {
- margin-top: 20px;
- }
- .el-input-group__append {
- vertical-align: baseline;
- }
- }
- </style>
|
