| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967 |
- <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.jqRenewal" class="marginL">
- 交强续保：
- <span>
- {{
- reslistitem.result.jqRenewal? reslistitem.result.jqRenewal:"无" }}
- </span>
- </span>
- <span v-if="reslistitem.result.syRenewal" class="marginL">
- 商业续保：
- <span>
- {{
- reslistitem.result.syRenewal? reslistitem.result.syRenewal:"无" }}
- </span>
- </span>
- <span v-if="reslistitem.result.jqClaims" class="marginL">
- 交强出险次数：
- <span>
- {{
- reslistitem.result.jqClaims? reslistitem.result.jqClaims:'无' }}
- </span>
- </span>
- <span v-if="reslistitem.result.syClaims" class="marginL">
- 商业出险次数：
- <span>
- {{
- reslistitem.result.syClaims? reslistitem.result.syClaims:'无' }}
- </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="hengbangtemplateSelection" placeholder="未选择" @clear="clearAccidentFormHB"
- @change="hengbangInsuranceChange">
- <el-option v-for="(item, index) in hengbangInsuranceData" :key="index" :label="item.projectName"
- :value="item.projectCode"></el-option>
- </el-select>
- 保费： <b>{{ hengbangaccidentalDrivingVo.sumPremium || 0 }} 元</b>
- </div>
- <el-table size="small" :data="hengbangInsuranceDataTable" border v-if="hengbangtemplateSelection"
- ref="RsTable" 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="amount" 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.projectName"
- :value="item.projectCode"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="选择份数" style="margin-right:30px;">
- <el-input-number v-model="accidentFormHN.quantity" :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="huanongInsuranceDataTable" 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="amount" label="保额" align="center">
- <template slot-scope="scope">
- <el-input v-model="scope.row.amount" 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="taipingtemplateSelection" placeholder="未选择" @clear="clearAccidentFormTP" @change="taipingInsuranceChange">
- <el-option v-for="(item, index) in taipingInsuranceData" :key="index" :label="item.projectName"
- :value="item.projectCode"></el-option>
- </el-select>
- 每份价税合计： <b>{{ taipingaccidentalDrivingVo.sumPremium || 0 }} 元</b>
- </div>
- <el-table size="small" :data="taipingInsuranceDataTable" border v-if="taipingtemplateSelection" ref="RsTable"
- 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="amount" 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="anshengtemplateSelection" placeholder="未选择"
- @clear="clearAccidentFormAS" @change="anshengInsuranceChange">
- <el-option v-for="(item, index) in anshengInsuranceData" :key="index"
- :label="item.projectCode + ' ' + item.projectName" :value="item.projectCode"></el-option>
- </el-select>
- </div>
- <el-table style='margin-top:20px;' size="small" :data="anshengInsuranceDataTable" border v-if="anshengtemplateSelection" 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="anshengInsurancetype" :label="scope.row.projectCode"
- @click.native.stop.prevent="ASDrivingRadio(scope.row)"> </el-radio>
- </template>
- </el-table-column>
- <el-table-column prop="projectName" label="方案名称" align="center"></el-table-column>
- <el-table-column prop="projectCode" label="方案代码" align="center"></el-table-column>
- <el-table-column prop="quantity" 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" :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="renshoutemplateSelection"
- placeholder="未选择" @clear="clearAccidentFormRS" @change="renshouInsuranceChange">
- <el-option v-for="(item, index) in renshouInsuranceData" :key="index" :label="item.projectName"
- :value="item.projectCode"></el-option>
- </el-select>
- </div>
- <el-table size="small" style="margin-top:20px" :data="renshouInsuranceDataTable" border v-if="renshoutemplateSelection" @row-click="RSDrivingChange"
- ref="RsTable" 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="premium" label="保费 (元)起" align="center">
- <template slot-scope="scope">
- <span>￥{{ scope.row.premium }}</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="zhongantemplateSelection"
- placeholder="未选择" @clear="clearAccidentFormZA" @change="zhonganInsuranceChange">
- <el-option v-for="(item, index) in zhonganInsuranceData" :key="index" :label="item.projectName"
- :value="item.projectCode"></el-option>
- </el-select>
- <!-- 保费： <b>{{ zhonganaccidentalDrivingVo.sumgrosspremium || 0}} 元</b> -->
- </div>
- <el-table size="small" :data="zhonganInsuranceDataTable" border v-if="zhongantemplateSelection" @row-click="ZADrivingChange"
- ref="RsTable" 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="amount" 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="zijintemplateSelection"
- 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="zijinInsuranceDataTable" border v-if="zijintemplateSelection" @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" 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="yongchengtemplateSelection" placeholder="未选择" @clear="clearAccidentForm"
- @change="yongchengInsuranceChange">
- <el-option v-for="(item, index) in yongchengaccidentDataList" :key="index" :label="item.projectName"
- :value="item.projectCode"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="选择份数" style="margin-right:50px;">
- <el-input-number v-model="accidentForm.quantity" @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.sumPremium }} 元</span>
- </el-form-item>
- </el-form>
- <el-table v-if="yongchengtemplateSelection" size="small" :data="yongchengInsuranceDataTable" 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="amount" label="每座保额 (元)/每份" align="center"></el-table-column>
- <el-table-column prop="sumAmount" 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" style="margin:10px 0 0 100px;" @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.projectName"
- :value="item.projectCode"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label=" ">
- <el-select clearable v-model="guoRenaccidentForm.prodCode"
- @change="grcxchangeChild">
- <el-option v-for="(item, index) in guoRenaccidentDataListChild" :key="item.projectCode"
- :label="item.projectName" :value="item.projectCode"></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.sumPremium }} 元</span>
- </el-form-item>
- </el-form>
- <el-table v-if="guoRenaccidentForm.prodCode" size="small" :data="guoRenInsuranceDataTable" 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="amount" label="保额 (元)" align="center"></el-table-column>
- <el-table-column prop="premium" label="保费 (元)" align="center">
- <template slot-scope="scope">￥{{ scope.row.premium }}</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="zhongmeitemplateSelection"
- placeholder="未选择" @clear="numberCopieschangeZM" @change="zhongmeiInsuranceChange">
- <el-option v-for="(item, index) in zhongmeiInsuranceData" :key="index" :label="item.projectName"
- :value="item.projectCode"></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" ></el-input-number>
- <!-- <span style="margin-left: 5px;">份</span> -->
- </el-form-item>
- <el-form-item label="保费：">
- <span>{{ accidentFormZM.sumPremium }} 元</span>
- </el-form-item>
- </el-form>
- <el-table size="small" :data="zhongmeiInsuranceDataTable" border ref="ZmMultipleTable" v-if="zhongmeitemplateSelection"
- :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }">
- <el-table-column prop="name" label="保险责任名称" align="center"></el-table-column>
- <el-table-column prop="amount" 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="dajiatemplateSelection"
- 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="dajiaInsuranceDataTable" border v-if="dajiatemplateSelection" @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="bohaiInsuranceChange"
- 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="bohaiInsuranceDataTable" 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.sync="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: [],
- zhongmeitemplateSelection: "", //中煤驾意险产品选中值
- zhongmeiInsuranceData: [], //中煤驾意险产品列表数据
- zhongmeiInsuranceDataTable: [], //中煤驾意险产品明细方案数据
- zhongmeiaccidentalDrivingVo: {}, //中煤驾意险最终选中字段
- currentCell: null,
- feeDetailInfo: [], //费用明细信息
- immediatelyValue: false,
- isRetractZJ: false,
- isRetractHB: false,
- isRetractZM: false,
- isRetractASTP: false,
- isRetractZA: false,
- isRetractYC: false,
- isRetractRS: false,
- anshengInsurancetype: "",
- iscCrownerShow: false,
- isApplicantShow: false,
- isInsuredShow: false,
- formInline: {},
- anshengtemplateSelection: "", //安盛
- anshengInsuranceData: [], //安盛驾意险
- anshengInsuranceDataTable: [], //安盛驾意险
- anshengaccidentalDrivingVo: {}, //安盛驾意险
- hengbangtemplateSelection: "", //恒邦
- hengbangInsuranceData: [], //恒邦驾意险
- hengbangInsuranceDataTable: [],
- hengbangaccidentalDrivingVo: {}, //恒邦驾意险
- insuranceHN: "", //华农
- huanongInsuranceData: [], //华农驾意险
- huanongInsuranceDataTable: [],
- huanongaccidentalDrivingVo: {}, //华农驾意险
- renshouaccidentalDrivingVo: {}, //人寿意外险
- renshouInsuranceData: [], //-人寿意外险list
- ziJinInsuranceData: [], //-紫金意外险list
- zhonganInsuranceData: [], //众安驾意险
- zhonganaccidentalDrivingVo: {}, //众安驾意险
- zijinInsuranceDataTable: [],
- zijintemplateSelection: "",
- accidentalDrivingVo: [], //-紫金意外险传参
- zijinengageListData: [], //紫金特约
- zijinengageList: [], //紫金特约
- // ------------紫金意外险
- renshoutemplateSelection: "", //人寿
- renshouInsuranceDataTable: [],
- zhongantemplateSelection: "", //众安
- zhonganInsuranceDataTable: [],
- taipingtemplateSelection: "", //太平
- taipingInsuranceData: [], //太平驾意险
- TPDrivingChangeInsuranceData: [],
- taipingaccidentalDrivingVo: {}, //太平驾意险
- licenseplate: true,
- calculateLoading: false, //保费计算按钮 节流
- accidentForm: {
- quantity: "1",
- sumPremium: 0
- }, //永诚意外险内容
- accidentFormHN: {
- allQuantity: "1",
- quantity:'1'
- }, //华农意外险内容
- yongchengaccidentDataList: [], //永诚意外险
- yongchengtemplateSelection:'',
- guoRenaccidentDataList: [], //国任意外险
- guoRenInsuranceDataTable: [],
- guoRenaccidentDataListChild: [],
- guoRenaccidentalDrivingVo: {}, //国任驾意险
- dajiatemplateSelection: "",
- dajiaInsuranceData: [], //大家意外险
- dajiaInsuranceDataTable: [],
- dajiaaccidentalDrivingVo: {},
- yongchengInsuranceDataTable: [],
- guoRenaccidentLoading: false,
- contributingLoading: false,
- guoRenaccidentPremium: "",
- guoRenaccidentForm: {
- quantity: "1",
- sumPremium: 0
- }, //国任意外险内容
- accidentFormZM: {
- quantity: "1",
- sumPremium: 0
- }, //中煤意外险内容
- boHaiaccidentDataList: [], //渤海意外险
- boHaiaccidentForm: {
- copies: "1",
- policyNum: 0
- },
- accidentLoadingbh: false,
- bohaiInsuranceDataTable: [],
- accidentPremium: "",
- 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":
- eleA.amount = JSON.stringify(eleB.amount);
- 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.zhongmeitemplateSelection=index
- this.zhongmeiaccidentalDrivingVo = {};
- this.zhongmeiInsuranceDataTable = [];
- let data = this.zhongmeiInsuranceData.find(
- val => val.projectCode == index
- );
- //把返回的方案明细放入展示数据对象中
- this.accidentFormZM = Object.assign(this.accidentFormZM, data);
- this.accidentFormZM.quantity = "1";
- if (data && data.son) {
- this.accidentPremiumZM = data.sumPremium;
- this.zhongmeiInsuranceDataTable = data.son;
- }
- },
- // 截图粘贴
- 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) {
- this.anshengtemplateSelection=index
- let data = this.anshengInsuranceData.find(val => val.projectCode == index);
- this.anshengaccidentalDrivingVo.parentName = data.projectName;
- this.anshengaccidentalDrivingVo.parentCode = data.projectCode;
- this.anshengInsuranceDataTable = [];
- this.anshengInsuranceDataTable = data.children;
- this.anshengInsuranceDataTable .forEach(e=>e.quantity='1')
- },
- hengbangInsuranceChange(index) {
- this.hengbangInsuranceDataTable = this.hengbangInsuranceData.find(val => val.projectCode == index).son
- this.hengbangtemplateSelection=index
- if (this.hengbangInsuranceDataTable.length) {
- this.hengbangaccidentalDrivingVo = this.hengbangInsuranceData.find(val => val.projectCode == index);
- }
- },
- huanongInsuranceChange(index) {
- this.huanongInsuranceDataTable = this.huanongInsuranceData.find(
- val => val.projectCode == index
- ).son;
- this.accidentFormHN.accidentType=index
- this.huanongaccidentalDrivingVo = Object.assign(
- this.huanongInsuranceData.find(val => val.projectCode == index),
- this.accidentFormHN,
- );
- },
- taipingInsuranceChange(index) {
- this.taipingtemplateSelection=index
- this.taipingInsuranceDataTable = this.taipingInsuranceData.find(val => val.projectCode == index).son
- if (this.taipingInsuranceDataTable && this.taipingInsuranceDataTable.length) {
- this.taipingaccidentalDrivingVo = this.taipingInsuranceData.find(val => val.projectCode == index);
- }
- },
- zijinInsuranceChange(index) {
- this.zijintemplateSelection=index
- this.zijinInsuranceDataTable = [];
- this.$refs.expandTable[0].clearSelection();
- index.forEach(item => {
- this.zijinInsuranceDataTable.push(
- this.ziJinInsuranceData.find(val => val.projectCode == item)
- );
- });
- this.zijinInsuranceDataTable.forEach(item => {
- this.$nextTick(() => {
- this.$refs.expandTable[0].toggleRowSelection(item);
- });
- });
- this.CheckboxChange(this.zijinInsuranceDataTable);
- },
- renshouInsuranceChange(index) {
- // this.renshouInsuranceDataTable = [
- // this.renshouInsuranceData.find(val => val.projectCode == index)
- // ];
- this.renshoutemplateSelection=index
- this.renshouInsuranceDataTable = this.renshouInsuranceData.find(val => val.projectCode == index).son
- if (index) {
- this.RSDrivingChange(this.renshouInsuranceData.find(val => val.projectCode == index));
- }
- },
- 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.dajiaInsuranceDataTable = data.data;
- }
- },
- zhonganInsuranceChange(index) {
- this.zhongantemplateSelection=index
- this.zhonganInsuranceDataTable = this.zhonganInsuranceData.find(val => val.projectCode == index).son
- if (index) {
- this.ZADrivingChange(this.zhonganInsuranceData.find(val => val.projectCode == index));
- }
- },
- // 渤海选择意外险类型
- async bohaiInsuranceChange(index) {
- if (index) {
- this.boHaiaccidentForm.packageCode=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.bohaiInsuranceDataTable = data.data;
- } else {
- this.$message.error(data.msg);
- this.bohaiInsuranceDataTable = [];
- }
- }
- },
- // 国任选择意外险类型
- async grcxchange(index) {
- if (index) {
- this.accidentLoading = true;
- this.guoRenaccidentForm.goodsCode=index
- this.guoRenaccidentForm.quantity = "1";
- this.guoRenaccidentForm.prodCode = "";
- this.guoRenaccidentDataListChild =this.guoRenaccidentDataList.find(e=>e.projectCode==index).children;
- this.guoRenaccidentalDrivingVo.parentName = this.guoRenaccidentDataList.find(e=>e.projectCode==index).projectName;
- this.guoRenaccidentalDrivingVo.parentCode = this.guoRenaccidentDataList.find(e=>e.projectCode==index).projectCode;
- // 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.accidentLoading = false;
- // } else {
- // this.accidentLoading = false;
- // this.$message.error(data.msg);
- // this.guoRenaccidentDataListChild = [];
- // }
- }
- },
- // 国任选择意外险子级类型
- async grcxchangeChild(index) {
- let list = this.guoRenaccidentDataListChild.find(
- val => val.projectCode == index
- );
- this.guoRenaccidentForm = {
- ...this.guoRenaccidentForm,
- prodCode:index,
- policyNum: Number(list.sumPremium),
- riskCode: list.riskCode,
- // amount: list.amount,
- sumPremium: Number(list.sumPremium)
- // appnum:Number(list.appnum)
- };
- this.guoRenInsuranceDataTable = list.son;
- this.guoRenaccidentalDrivingVo=Object.assign({...list,...this.guoRenaccidentalDrivingVo})
- },
- // 选择意外险类型
- async yongchengInsuranceChange(index) {
- if (!index) {
- return;
- }
- console.log(this.yongchengaccidentDataList,index,88888888888);
- this.yongchengtemplateSelection=index
- this.accidentForm = Object.assign(
- this.accidentForm,
- this.yongchengaccidentDataList.find(val =>val.projectCode == index)
- );
- this.yongchengaccidentDataList.find(val => val.projectCode == index).son.forEach(item => {
- item.sumAmount= Number(item.amount) * Number(this.accidentForm.seatNum);
- });
- this.yongchengInsuranceDataTable = this.yongchengaccidentDataList.find(val => val.projectCode == index).son
- this.accidentPremium = this.accidentForm.sumPremium;
- // this.accidentForm.fen = "1";
- // 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.accidenttableData = data.data;
- // }
- },
- numberCopieschange(index) {
- this.accidentForm.sumPremium = Number(this.accidentPremium) * index;
- },
- numberCopieschangeZM(index) {
- this.accidentFormZM.sumPremium = Number(this.accidentPremiumZM) * index;
- },
- numberCopieschangeGR(index) {
- this.guoRenaccidentForm.sumPremium =
- 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;
- });
- let info=row.find(ele=>ele.id==val);
- this.totalCompanyList[index].apiType = info.apiType;
- this.totalCompanyList[index].underwritingDescription = val
- ? selectRow.underwritingDescription
- : ""; //重新赋值修改选中协议承保描述
- this.$api.letter
- .getDrivingInsuranceRule({
- companyCode: item.id,
- agreementId: item.agreementId,
- seatNum:item.namesimple=='永诚财险' ||item.namesimple=='中煤财险'? Number(this.carInfo.seatCount):'',
- ruleUseNature:this.carInfo.carnature,
- ruleSeatNum: Number(this.carInfo.seatCount),
- ruleThirdPartyInsurance: this.insureList[1].amount
- })
- .then(res => {
- if (res.code == 200) {
- this.nonVehicle(res.data,item.cnName)
- switch(item.namesimple) {
- case "永诚财险":
- this.yongchengaccidentDataList = res.data;
- break;
- case "国任财险":
- this.guoRenaccidentDataList = res.data;
- break;
- case "渤海财险":
- this.boHaiaccidentDataList = res.data;
- break;
- case "中煤财险":
- this[item.cnName + + "InsuranceData"] =res.data;
- break;
- case "紫金财险":
- let data = res.data;
- data.map(ele => {
- ele.quantity = 1;
- return ele;
- });
- this.ziJinInsuranceData = data;
- break;
- case "大家财险":
- this.dajiaInsuranceData = res.data;
- break;
- case "中国人寿":
- case "恒邦财险":
- case "太平财险":
- case "安盛天平":
- case "华农财险":
- case "众安财险":
- res.data.map(ele => {
- ele.quantity = 1;
- return ele;
- });
- this[item.cnName + "InsuranceData"] = res.data;
- break;
- }
- }
- else{
- this.$message.error(res.msg)
- }
- });
- // 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;
- // }
- },
- nonVehicle(data,type){
- if( data.some(e=>e.isDefault)){
- if(type=='guoRen'){
- this.grcxchange(data.find(ele=>ele.isDefault).projectCode)
- this.grcxchangeChild((data.find(ele=>ele.isDefault).children).find(ele=>ele.isDefault).projectCode)
- }
- if(type=='ansheng'){
- this.anshengInsuranceChange(data.find(ele=>ele.isDefault).projectCode)
- this.ASDrivingRadio((data.find(ele=>ele.isDefault).children).find(ele=>ele.isDefault))
- }
- if(type=='zijin'){
- this[type + "InsuranceChange"]([data.find(ele=>ele.isDefault).projectCode])
- }
- else{
- this[type + "InsuranceChange"](data.find(ele=>ele.isDefault).projectCode)
- }
- }
- },
- CheckboxChange(select, row) {
- this.accidentalDrivingVo = [];
- select.map(val => {
- this.accidentalDrivingVo.push(val);
- return val;
- });
- },
- //人寿驾意险选择
- RSDrivingChange(row) {
- this.renshouaccidentalDrivingVo = row;
- },
- //众安驾意险选择
- ZADrivingChange(row) {
- this.zhonganaccidentalDrivingVo = row;
- },
- RSDrivingRadio(row) {
- this.RSDrivingChange(row);
- },
- //安盛驾意险选择
- ASDrivingRadio(row) {
- this.anshengInsurancetype = row.projectCode;
- this.anshengaccidentalDrivingVo=Object.assign({...row,...this.anshengaccidentalDrivingVo})
- // this.anshengaccidentalDrivingVo.projectCode = row.projectCode;
- // this.anshengaccidentalDrivingVo.projectName = row.projectName;
- },
- 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].checked = e;
- this.totalCompanyList[
- index
- ].underwritingDescription = this.totalCompanyList[
- index
- ].agreement[0].underwritingDescription;
- this.$api.letter
- .getDrivingInsuranceRule({
- agreementId: this.totalCompanyList[index].agreement[0].id,
- seatNum:ins=='永诚财险' || ins=='中煤财险'? Number(this.carInfo.seatCount):'',
- ruleUseNature:this.carInfo.carnature,
- ruleSeatNum: Number(this.carInfo.seatCount),
- ruleThirdPartyInsurance: this.insureList[1].amount
- })
- .then(res => {
- if (res.code == 200) {
- switch(ins) {
- case "永诚财险":
- this.yongchengaccidentDataList = res.data;
- break;
- case "国任财险":
- this.guoRenaccidentDataList = res.data;
- break;
- case "渤海财险":
- this.boHaiaccidentDataList = res.data;
- break;
- case "中煤财险":
- this[name + "InsuranceData"] =res.data;
- break;
- case "紫金财险":
- let data = res.data;
- data.map(ele => {
- ele.quantity = 1;
- return ele;
- });
- this.ziJinInsuranceData = data;
- break;
- case "大家财险":
- this.dajiaInsuranceData = res.data;
- break;
- case "中国人寿":
- case "恒邦财险":
- case "太平财险":
- case "华农财险":
- case "安盛天平":
- case "众安财险":
- res.data.map(ele => {
- ele.quantity = 1;
- return ele;
- });
- this[name + "InsuranceData"] = res.data
- break;
- }
- this.nonVehicle(res.data,name)
- }
- else{
- this.$message.error(res.msg)
- }
- });
- // 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.yongchengInsuranceDataTable=[]
- this.accidentForm = {};
- this.accidentForm.fen = 1;
- this.accidentForm.premium = 0;
- },
- clearAccidentFormGr() {
- (this.guoRenInsuranceDataTable = []),
- (this.guoRenaccidentDataListChild = []);
- this.guoRenaccidentForm = {
- quantity: "1",
- premium: 0
- };
- },
- clearAccidentFormBh() {
- this.bohaiInsuranceDataTable = [];
- 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: Msg,
- 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 = this.imageList3[0].imageType.includes('C0')?"C03":'D03'
- }
- else {
- this.imageList3.forEach(e=>{
- e.imageType= e.imageType.includes('C0')?"C03":'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 = this.imageList4[0].imageType.includes('C0')?"C04":'D04'
- }
- else {
- this.imageList4.forEach(e=>{
- e.imageType= e.imageType.includes('C0')?"C04":'D04'
- })
- }
- // 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 = this.imageList4[0].imageType.includes('C0')?"C04":'D04'
- }
- else {
- this.imageList4.forEach(e=>{
- e.imageType= e.imageType.includes('C0')?"C04":'D04'
- })
- }
- // 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 isTaxSource = this.totalCompanyList[num].isTaxSource;
- 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,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- };
- 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 = {};
- let isTaxSource = this.totalCompanyList[num].isTaxSource;
- // if (this.accidentFormZM.projectCode) {
- // accidentalDrivingVo = {
- // projectCode: this.accidentFormZM.projectCode,
- // projectName: this.accidentFormZM.projectName,
- // quantity: this.accidentFormZM.quantity
- // ? this.accidentFormZM.quantity
- // : "1"
- // };
- // }
- if (this.accidentFormZM.projectCode) {
- accidentalDrivingVo = {
- ...this.zhongmeiInsuranceData.find(e=>e.projectCode==this.accidentFormZM.projectCode),
- quantity: this.accidentFormZM.quantity
- ? this.accidentFormZM.quantity
- : "1"
- };
- }
- let params = {
- accidentalDrivingVo,
- orderNo: this.orderno,
- companyId: id,
- agreementId: this.totalCompanyList[num].agreementId,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- };
- 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 isTaxSource = this.totalCompanyList[num].isTaxSource;
- let params = {
- accidentalDrivingVo: this.dajiaaccidentalDrivingVo,
- orderNo: this.orderno,
- companyId: id,
- agreementId: this.totalCompanyList[num].agreementId,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- };
- 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 type=this.totalCompanyList[num].apiType;
- let api = type == 2 ? "pythonquote" : "huataiquote";
- let isTaxSource = this.totalCompanyList[num].isTaxSource;
- let params = {
- orderNo: this.orderno,
- companyId: id,
- agreementId: this.totalCompanyList[num].agreementId,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- };
- this.$api.letter[api](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 isTaxSource = this.totalCompanyList[num].isTaxSource;
- let params = {
- accidentalDrivingVo: this.accidentalDrivingVo,
- orderNo: this.orderno,
- companyId: id,
- agreementId: this.totalCompanyList[num].agreementId,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- 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 = {};
- let isTaxSource = this.totalCompanyList[num].isTaxSource;
- if (this.accidentForm.projectCode) {
- let data= this.yongchengaccidentDataList.find(
- val => val.projectCode == this.yongchengtemplateSelection
- );
- accidentalDrivingVo = {
- ...data,
- quantity: this.accidentForm.quantity ? this.accidentForm.quantity : ""
- };
- }
- 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,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- };
- 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 isTaxSource = this.totalCompanyList[num].isTaxSource;
- 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) {
- accidentalDrivingVo = this.guoRenaccidentalDrivingVo
- }
- 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,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- 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 isTaxSource = this.totalCompanyList[num].isTaxSource;
- 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,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- 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 isTaxSource = this.totalCompanyList[num].isTaxSource;
- let params = {
- accidentalDrivingVo: this[ccidenttype + "accidentalDrivingVo"],
- orderNo: this.orderno,
- companyId: id,
- userId: this.userId,
- agreementId: this.totalCompanyList[num].agreementId,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- };
- if (namesimple == "中国人寿" && this.lastCompanyId) {
- params.discount = this.totalCompanyList[num].discount;
- params.lastCompanyId = this.lastCompanyId;
- }
- if (namesimple == "华农财险" && this.huanongaccidentalDrivingVo.quantity) {
- params.accidentalDrivingVo.quantity = this.accidentFormHN.quantity;
- // params.accidentalDrivingVo.allQuantity = this.accidentFormHN.allQuantity;
- }
- 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
- );
- },
- capTypedictTag(val,option) {
- if(option.find(item => item.dictValue == val)){
- return option.find(item => item.dictValue == val).dictTag;
- }
- else{
- return '-'
- }
- },
- // 爬虫对接
- 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;
- });
- if(data.carinfo.carnature && data.carinfo.carnature == '02' || data.carinfo.carnature == '非营业'){
- data.carinfo.vehicleUse=this.capTypedictTag(data.carinfo.vehicleUse,this.outOfBusinessVehicleUseoptions)
- }else{
- data.carinfo.vehicleUse=this.capTypedictTag(data.carinfo.vehicleUse,this.businessVehicleUseoptions)
- }
- data.carinfo.carnature = this.capTypedictTag(data.carinfo.carnature,this.natureOfVehicleUseoptions);
- data.carinfo.cartype=data.carinfo.cartype?this.capTypedictTag(data.carinfo.cartype,this.trafficManagementVehicleTypeoptions):''
- data.carinfo.cimodelclass=data.carinfo.cimodelclass?this.capTypedictTag(data.carinfo.cimodelclass,this.vehicleTypeoptions):''
- data.carinfo.energyType=data.carinfo.energyType?this.capTypedictTag(data.carinfo.energyType,this.energyTypeoptions):''
- 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 "华泰财险":
- let HtApiImage = "";
- HtApiImage =
- this.apiType == 2
- ? "pythonsubmitImage"
- : "insHuataisubmitImage";
- await this.$api.letter[HtApiImage]({
- [this.apiType == 2 ? "subOrderNo" : "companyId"]: this.companyId
- })
- .then(res => {
- if (res.code == "200") {
- var _this = this;
- let HtApiaudit = "";
- HtApiaudit = this.apiType == 2 ? "pythonaudit" : "huataiaudit";
- let engageList = [];
- this.zijinengageList.forEach(val => {
- engageList.push({
- engageCode: val.clauseCode,
- engageDetail: val.clauses,
- engageTitle: val.clauseName,
- riskCode: val.riskCode
- });
- });
- _this.$api.letter[HtApiaudit]({
- [this.apiType == 2 ? "subOrderNo" : "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[0]=='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;//投保人手机号
- let qrCodeUrl = res.data.qrCodeUrl
- this.$api.letter.getThemeByUserId().then(res => {
- if (res.code == 200) {
- if(res.data[0]=='GD'){
- this.codedialogVisiblePro = true;
- this.qrcodeWidth = "154";
- this.qrcodeHeight = "154";
- }
- else {
- this.codedialogVisible = true;
- }
- this.$nextTick(function () {
- if (item.inscompany == "太平财险" || item.inscompany == "华泰财险") {
- let anresult = qrCodeUrl.replace(/[\r\n]/g, "");
- let animgBase64 = `data:image/png;base64,${anresult}`;
- base64ToPath(animgBase64).then(path => {
- this.paycodeimg = path;
- });
- } else {
- this.creatQrCode(qrCodeUrl);
- }
- });
- }
- })
- } 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.zijintemplateSelection = "";
- this.zhongantemplateSelection = "";
- this.hengbangtemplateSelection = "";
- this.taipingtemplateSelection = "";
- this.insuranceHN = "";
- this.renshoutemplateSelection = "";
- this.dajiatemplateSelection = "";
- this.accidentForm = {
- fen: "1",
- premium: 0
- };
- this.accidentFormHN = {
- allQuantity: "1",
- quantity:'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>
|
