| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891 |
- <template>
- <view class="">
- <service-widget @btnClick="btn_click"></service-widget>
- <image src="/static/image/car-insure/Quotablebanner.png" mode=""
- style="width: 100%;height: 110px;position: absolute;"></image>
- <view class="page">
- <view class="car-header dis a-c mt-2">
- <image src="/static/image/car-insure/Group.png" mode="" style="width: 40px;height: 40px;"></image>
- <view class="dis f-c head-name">
- <text>{{carInfo.licenseNo}} <text style="color: rgba(35,40,50,0.65);">丨</text> <text
- style="font-weight: 400;"> {{insuredPersonInfo.name}} (被保人)</text> </text>
- <view class="name1">
- <text>{{carInfo.modelcname}}</text>
- </view>
- </view>
- <view class="carJump" @tap="toCarInfo">修改信息</view>
- </view>
- <view class="" style="position: relative;">
- <view class=" dis f-c" v-if="['0330','0330034002','0330034001'].includes(productId)">
- <text class="plan-ins-title">交强险</text>
- <view class="quotePlan">
- <view class=" dis a-c j-s modelformcss">
- <text>即时投保</text>
- <view class="dis a-c j-c">
- <view class="status-data" :class="item.value==jqimmediately? 'active':''"
- v-for="(item,index) in jqimmediatelyList"
- @tap="datelyClick(item.value,'jqimmediately','jqstartDate','jqendDate')"
- :key="index">
- {{item.label}}
- </view>
- </view>
- </view>
- <u-form ref="uForm" label-width="120px">
- <u-form-item label="交强险投保日期" class="modelformcss">
- <u-input type="select" :select-open="jqstartShow" :custom-style="{textAlign:'right'}"
- v-model="jqstartDate" placeholder="请选择开始时间" @click="jqstartShow = true"></u-input>
- <u-picker v-model="jqstartShow" mode="time" :params="params"
- @confirm="jqstartconfirm"></u-picker>
- </u-form-item>
- <u-form-item label="交强险终保日期" class="modelformcss">
- <u-input type="select" :select-open="jqendShow" :custom-style="{textAlign:'right'}"
- v-model="jqendDate" placeholder="请选择结束时间" @click="jqendShow = true"></u-input>
- <u-picker v-model="jqendShow" mode="time" :params="params"
- @confirm="jqendconfirm"></u-picker>
- </u-form-item>
- </u-form>
- </view>
- </view>
- <view class=" dis f-c " v-if="['034001','034002','0330034002','0330034001'].includes(productId)">
- <text class="plan-ins-title">商业险</text>
- <view class="quotePlan">
- <view class=" dis a-c j-s modelformcss">
- <text>即时投保</text>
- <view class="dis a-c j-c">
- <view class="status-data" :class="item.value==syimmediately? 'active':''"
- v-for="(item,index) in syimmediatelyList"
- @tap="datelyClick(item.value,'syimmediately','systartDate','syendDate')"
- :key="index">
- {{item.label}}
- </view>
- </view>
- </view>
- <u-form ref="uForm" label-width="120px">
- <u-form-item label="商业险投保日期" class="modelformcss">
- <u-input type="select" :select-open="systartShow" :custom-style="{textAlign:'right'}"
- v-model="systartDate" placeholder="请选择开始时间" @click="systartShow = true"></u-input>
- <u-picker v-model="systartShow" mode="time" :params="params"
- @confirm="systartconfirm"></u-picker>
- </u-form-item>
- <u-form-item label="商业险终保日期" class="modelformcss">
- <u-input type="select" :select-open="syendShow" :custom-style="{textAlign:'right'}"
- v-model="syendDate" placeholder="请选择结束时间" @click="syendShow = true"></u-input>
- <u-picker v-model="syendShow" mode="time" :params="params"
- @confirm="syendconfirm"></u-picker>
- </u-form-item>
- </u-form>
- </view>
- </view>
- </view>
- <view class=" dis a-c j-s mt-3" style="position: relative;">
- <view style="color:#FF5600;font-size: 15px;font-weight: bold;">投保注意:</view>
- <view class="dis a-c f-wrap">
- <view class="status-data" :class="carInfo.transferFlag? 'active1':''"
- @tap="immediatelyClick('transferFlag')">
- 过户车
- </view>
- <view class="status-data" v-if="['034001','0330034002','0330034001'].includes(productId)"
- :class="carInfo.transferFlagBi? 'active1':''" @tap="immediatelyClick('transferFlagBi')">
- 商业险过户
- </view>
- <view class="status-data" :class="carInfo.outOfInsurance? 'active1':''"
- @tap="immediatelyClick('outOfInsurance')">
- 脱保
- </view>
- <view class="status-data" :class="carInfo.usedCar? 'active1':''" @tap="immediatelyClick('usedCar')">
- 二手车
- </view>
- </view>
- </view>
- <view class="quotePlan dis a-c j-s mt-2 " style="padding: 5px 10px;" v-if="carInfo.transferFlag">
- <view>转移登记日期:</view>
- <u-input type="select" :select-open="transferDateShow" :custom-style="{textAlign:'right'}"
- v-model="carInfo.transferDate" @click="transferDateShow = true" style="width: 100px;"></u-input>
- <u-picker v-model="transferDateShow" mode="time" :params="params1"
- @confirm="transferconfirm"></u-picker>
- </view>
- <view class="quoteCompany mt-3">
- <view class="header dis a-c">
- <view class="title d-flex" style="font-family: jiangxizhuokai, jiangxizhuokai;">保险公司</view>
- <text style="color:#0052FF;font-size: 13px;">(请选择任意一家保险公司投保)</text>
- </view>
- <block v-for="(totalitem,totalindex) in quotableCompanyList" :key="totalindex">
- <template>
- <view class="quoteCompanyItem dis f-c j-s ">
- <view class="headers dis a-c"
- :style="{backgroundImage:totalitem.quoteCode=='3' ? `url('../../static/image/car-insure/baojiashibai.png')` :!totalitem.insurancePlanInfo? `url('../../static/image/car-insure/weixuanfangan.png')` : `url('../../static/image/car-insure/yixuanfangan.png')`}">
- <view class="logo dis a-c j-c">
- <image :src="totalitem.logo"></image>
- <view class="companyName">{{totalitem.namesimple}}</view>
- </view>
- <view class="insuranceGuide dis a-c j-c "
- :style="{background:totalitem.quoteCode=='3' ? '#FD9159' :!totalitem.insurancePlanInfo? '#FD9159' : '#548EFF'}"
- @click.stop="InsureGuideclick(totalitem)">
- 投保指引
- </view>
- </view>
- <view class="top dis f-c "
- :class="[totalitem.quoteCode=='3' ?'':!totalitem.insurancePlanInfo?'':'selectedPlanBackground']">
- <view v-if="totalitem.quoteCode"
- :class="[totalitem.quoteCode=='200'?'j-start':'j-end','companyIcon','dis','a-c']"
- :style="{borderBottom:totalitem.quoteCode=='3' ?'1px solid #FFCFC0':!totalitem.insurancePlanInfo?'none':'1px solid #C0E4FF'}">
- <view class="dis a-c">
- <view class="" @click.stop>
- <u-checkbox @change="priceComparisonChange(totalindex,totalitem)"
- v-if="totalitem.isComparableshowHide"
- v-model="totalitem.isComparableShow" active-color="#23C1CB"
- :disabled='totalitem.isComparableDisabled'></u-checkbox>
- </view>
- </view>
- <view class="dis a-c" v-if="totalitem.quoteCode=='200'">
- <text class="sum">总保费:¥{{totalitem.result.sumPermium}}</text>
- <view class="dis a-c" style="margin-left: 10px;"
- v-if="totalitem.result.feeDisplay">
- <text style="color: #FF4D4D;font-size: 12px;"
- v-if="totalitem.result.sumExportFee">{{totalitem.result.feeView?'掌柜科技币':'优惠金额¥'}}{{totalitem.result.sumExportFee}}</text>
- </view>
- </view>
- <ls-loading v-if="totalitem.quoteCode ==1" text="掌柜正在为您报价,请稍等......"
- :animation="animation" fontSize="22" />
- <text v-if="totalitem.quoteCode=='3'" class="quoteFailed"
- @tap.stop.prevent="ErrorMsg(totalitem.msg,totalitem.namesimple)">报价失败,查看原因</text>
- </view>
- <view class=" dis j-end a-c mt-2 f-wrap">
- <view class="ml-2 mb-1 "
- v-if="totalitem.namesimple=='诚泰财险' && totalitem.result.companyId"
- style="border: 1px solid #06A8DC;border-radius: 2px;padding:1px 6px;color:#06A8DC;font-size: 24rpx;"
- @click="CTadjustmentCoefficient(totalindex)">调整系数</view>
- <view class="ml-2 mb-1 "
- v-if="totalitem.namesimple=='紫金财险' && totalitem.result.companyId"
- style="border: 1px solid #06A8DC;border-radius: 2px;padding:1px 6px;color:#06A8DC;font-size: 24rpx;"
- @click="ZJadjustmentCoefficient(totalindex)">调整系数</view>
- <view class="ml-2 mb-1"
- v-if="totalitem.namesimple=='国任财险' && totalitem.insurancePlanInfo"
- style="border: 1px solid #06A8DC;border-radius: 2px;padding:1px 6px;color:#06A8DC;font-size: 24rpx;"
- @click="specialAgreementSelection(totalitem.id)">调整特约</view>
- <view class="ml-2 mb-1"
- v-if="totalitem.namesimple=='紫金财险' && totalitem.result.orderstatus"
- style="border: 1px solid #06A8DC;border-radius: 2px;padding:1px 6px;color:#06A8DC;font-size: 24rpx;"
- @click="zijinspecialAgreementSelection(totalitem.result.companyId)">调整特约</view>
- <view class="ml-2 mb-1"
- v-if="totalitem.namesimple=='华泰财险' && totalitem.result.orderstatus"
- style="border: 1px solid #06A8DC;border-radius: 2px;padding:1px 6px;color:#06A8DC;font-size: 24rpx;"
- @click="huataispecialAgreementSelection(totalitem.result.companyId)">调整特约</view>
- <view class="ml-2 mb-1"
- style="border: 1px solid #FF5600;border-radius: 2px;padding:1px 6px;color:#FF5600;font-size: 24rpx;"
- @click="SchemeSelection(totalitem)">
- {{!totalitem.insurancePlanInfo?'选择方案':'重选方案'}}
- </view>
- <view class="ml-2 mb-1" v-if="totalitem.insurancePlanInfo"
- style="border: 1px solid #0052FF;border-radius: 2px;padding:1px 6px;color:#0052FF;font-size: 24rpx;"
- @click="checkSelection(totalitem)">查看方案</view>
- <view class="ml-2 mb-1" v-if="totalitem.insurancePlanInfo"
- style="background:#FF4D4D;color: #fff;border: 1px solid #FF4D4D;border-radius: 2px;padding:1px 6px;font-size: 24rpx;"
- @click="individualQuote(totalitem)">单独报价</view>
- </view>
- <view class="Premium dis f-c mb-2 " v-if="totalitem.quoteCode=='200'">
- <view class="dis price" v-if="totalitem.result.feeNoDescription">
- <text>该车未匹配销管费用,不建议投保!</text>
- <u-icon name="chat-fill" color="#ff0000" size="40"
- @click="discountErrorMessageMsg(totalitem.result.feeNoDescription,totalitem.namesimple)"></u-icon>
- </view>
- <view class="dis a-c f-wrap price">
- <text
- v-if="totalitem.result.jqPremium">交强险:¥{{totalitem.result.jqPremium}}</text>
- <text
- v-if="totalitem.result.syPremium">商业险:¥{{totalitem.result.syPremium}}</text>
- <text
- v-if="totalitem.result.taxAmount">车船税:¥{{totalitem.result.taxAmount}}</text>
- <text
- v-if="totalitem.result.jyPremium">驾意险:¥{{totalitem.result.jyPremium}}</text>
- </view>
- <view class="dis a-c f-wrap price" style="font-size: 20rpx;color: #FF4D4D;"
- v-if="totalitem.result.feeDisplay">
- <text>{{totalitem.result.feeView?'掌柜科技币:【':'优惠金额:【'}}
- <text
- v-if="totalitem.result.jqPremium">交强险:{{totalitem.result.jqExportFee?totalitem.result.jqExportFee:'无'}}</text>
- <text
- v-if="totalitem.result.syPremium">商业险:{{totalitem.result.syExportFee?totalitem.result.syExportFee:'无'}}</text>
- <text
- v-if="totalitem.result.jyPremium">驾意险:{{totalitem.result.noExportFee?totalitem.result.noExportFee:"无"}}</text>
- 】</text>
- </view>
- <view class="dis a-c j-s ">
- <view class="dis f-c time">
- <text
- v-if="totalitem.result.jqPremium">交强起保时间:{{totalitem.result.startDateJq}}
- </text>
- <text
- v-if="totalitem.result.jqPremium">交强终保时间:{{totalitem.result.endDateJq}}
- </text>
- <text
- v-if="totalitem.result.syPremium">商业起保时间:{{totalitem.result.startDateSy}}
- </text>
- <text
- v-if="totalitem.result.syPremium">商业终保时间:{{totalitem.result.endDateSy}}
- </text>
- </view>
- <image src="/static/image/car-insure/Group30.png" mode=""
- style="width: 14px;height: 14px;" @click="syncData(totalitem.result)">
- </image>
- </view>
- <view class="dis a-c f-wrap time">
- <text v-if="totalitem.namesimple == '永诚财险'">光博分:{{ totalitem.result.ilogPreUdwMess ?
- totalitem.result.ilogPreUdwMess : '无' }}</text>
- <text v-else>评分:{{ totalitem.result.ilogPreUdwMess ?
- totalitem.result.ilogPreUdwMess : '无' }}</text>
- <text v-if="totalitem.result.jqScore">交强类型评分:{{ totalitem.result.jqScore ?
- totalitem.result.jqScore : '无' }}</text>
- <text v-if="totalitem.result.syScore">商业类型评分:{{ totalitem.result.syScore ?
- totalitem.result.syScore : '无' }}</text>
- <text v-if="totalitem.result.lossRation">总赔付率:{{ totalitem.result.lossRation ?
- totalitem.result.lossRation : '无' }}</text>
- <text v-if="totalitem.result.jqLossRation">交强赔付率:{{ totalitem.result.jqLossRation ?
- totalitem.result.jqLossRation : '无' }}</text>
- <text v-if="totalitem.result.syLossRation">商业赔付率:{{ totalitem.result.syLossRation ?
- totalitem.result.syLossRation : '无' }}</text>
- <text
- v-if="totalitem.namesimple == '紫金财险'">鼎然-车辆风险评分:{{totalitem.result.ubiPredictedInfoScore ?
- totalitem.result.ubiPredictedInfoScore : '无'}}</text>
- <text v-if="totalitem.result.jqRenewal">交强续保:{{ totalitem.result.jqRenewal ?
- totalitem.result.jqRenewal : '无' }}</text>
- <text v-if="totalitem.result.syRenewal">商业续保:{{ totalitem.result.syRenewal ?
- totalitem.result.syRenewal : '无' }}</text>
- <text v-if="totalitem.result.jqClaims">交强出险次数:{{ totalitem.result.jqClaims ?
- totalitem.result.jqClaims : '无' }}</text>
- <text v-if="totalitem.result.syClaims">商业出险次数:{{ totalitem.result.syClaims ?
- totalitem.result.syClaims : '无' }}</text>
- </view>
- <template v-if="totalitem.result.iszdj !=null && totalitem.result.iszdj!=''">
- <text v-if="totalitem.result.iszdj==0" style="color: red;">假单交</text>
- <text v-if="totalitem.result.iszdj==1" style="color: red;">真单交</text>
- </template>
- <view class="dis j-end f-c lastyear">
- <view class="dis a-c j-end ">
- <view class=" left dis j-c a-c" v-if="totalitem.lastYearMsg"
- @click="YearMsg(totalitem.lastYearMsg,totalitem.namesimple)">
- <text>上年信息</text>
- </view>
- <view class=" right ml-2 dis j-c a-c" v-if='totalitem.result.predictInfo'
- @click="preUnderwriting(totalitem.result.predictInfo)">
- <text>预核保信息</text>
- </view>
- </view>
- <view class="dis a-c j-end mt-1">
- <u-button class="ml-2" type="error" size="mini"
- :custom-style="{borderRadius:'2px'}"
- style="background: linear-gradient( 90deg, #10D8D8 0%, #00CBE6 100%);"
- @click="resubmitImage(totalitem.result.companyId)">补传影像</u-button>
- <u-button class="ml-2" type="error" size="mini"
- :custom-style="{borderRadius:'2px'}"
- style="background: linear-gradient( 90deg, #FF4D4D 0%, #FF784D 100%);"
- @click="bjdpreview(totalitem.result.companyId)">报价单</u-button>
- <u-button class="ml-2" type="primary" size="mini"
- :custom-style="{borderRadius:'2px'}"
- style="background: linear-gradient( 90deg, #FF9415 0%, #FFB525 100%);"
- @click="querydetial(totalitem.result.companyId,totalitem.cnName)">查看详情</u-button>
- <u-button class="ml-2" type="primary" size="mini"
- v-if="totalitem.result.orderstatus==0"
- :custom-style="{borderRadius:'2px'}"
- style="background: linear-gradient( 90deg, #0052FF 0%, #0D8BFF 100%);"
- @click="submitUnderwriting(totalitem.result.companyId,totalitem.result.apiType ,totalitem.namesimple)">提交核保</u-button>
- </view>
- </view>
- </view>
- </view>
- </view>
- </template>
- </block>
- </view>
- </view>
- <view class="footer-btn dis a-c j-s">
- <u-button type="primary" style="background:#E6EEFF;color: #0052FF; width: 20%;" @tap="back">上一步</u-button>
- <u-button type="primary" style="background:#FF9900;width: 20%;" @tap="tempSave">暂存</u-button>
- <u-button type="primary" style="background:#C9C9C9;width: 20%;" @click="priceComparison"
- v-if="comparableQuantity<2 ">查最优</u-button>
- <u-button type="primary" style="background:#1DB1E0;width: 20%;" @click="priceComparison1"
- v-if="comparableQuantity>=2 && selectedCount<2">查最优</u-button>
- <u-button type="primary" class="priceComparison" @click="priceComparison2"
- v-if="selectedCount>=2">查最优</u-button>
- <u-button type="primary" style="background:#0052FF; width: 30%;" @tap="toNext">多家报价</u-button>
- </view>
- <u-popup v-model="genericPlanPopup" mode="center" width="100%" border-radius="6">
- <view class="">
- <image src="/static/image/car-insure/SchemeSelection.png" mode="" style="width: 100%;height: 40px;">
- </image>
- <scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y">
- <view class="Plancontent dis f-c ">
- <text class="title ">方案选择</text>
- <view class="dis a-c f-wrap modelformcss">
- <view class="status-data" :class="item.schemeId==SelectedPlanId? 'active':''"
- style="margin:4px 10px;" v-for="(item,index) in planDataExpansion.genericPlanList"
- @tap.stop.prevent="statusclick(item.schemeId)" :key="index">
- {{item.schemeName}}
- </view>
- </view>
- </view>
- <view class="Plancontent dis j-s a-c " style="padding: 8px 14px;">
- <view class="selectedCoverage dis a-c j-s">
- <view class="title-before"></view>
- <text class="title1">已选险种</text>
- <view class="product dis a-c j-s">
- <image src="../../static/image/car-insure/duigou.png" mode=""
- style="width: 15px;height: 15px;"></image>
- <text style="font-size: 14px;color: #FF5600;">{{productName}}</text>
- </view>
- </view>
- </view>
- <view class="">
- <view class="Plancontent dis f-c " v-if="planDataExpansion.genericPlanInfo.isJq=='1'">
- <text class="title mb-1">交强险</text>
- <text style="margin-left: 10px;">{{jqstartDate}} - {{jqendDate}}</text>
- <view style="padding:4px 10px;">
- <u-table border-color="#E3E9F8" align="left">
- <u-tr class="jq">
- <u-th>保险产品 </u-th>
- </u-tr>
- <u-tr class="jq">
- <u-td>
- <view class="dis a-c">
- <view class="circle dis a-c j-c"></view>
- <text style="margin-left: 10px;"> 交通事故强制责任险</text>
- </view>
- </u-td>
- </u-tr>
- </u-table>
- </view>
- </view>
- <view class="Plancontent dis f-c ">
- <text class="title mb-1">车船税</text>
- <view class="">
- <u-form ref="uForm" :model="vehicleAndVesselTaxForm" label-width="130px">
- <u-form-item label="纳税类型" prop="taxRelifFlag" class="modelformcss">
- <u-input type="select" :select-open="taxRelifFlagShow"
- v-model="model.taxRelifFlag" :custom-style="{textAlign:'right'}"
- placeholder="请选择纳税类型" @click="taxRelifFlagShow = true"></u-input>
- <u-select mode="single-column" :list="taxRelifFlagoptions"
- v-model="taxRelifFlagShow" label-name="dictTag" value-name="dictValue"
- @confirm="taxRelifFlagConfirm($event,'taxRelifFlag')"></u-select>
- </u-form-item>
- <u-form-item
- v-show="vehicleAndVesselTaxForm.taxRelifFlag == 2 || vehicleAndVesselTaxForm.taxRelifFlag == 3"
- label="减免税凭证号" prop="extendChar2" class="modelformcss">
- <u-input placeholder="请输入减免税凭证号" :custom-style="{textAlign:'right'}"
- v-model="vehicleAndVesselTaxForm.extendChar2" type="text"></u-input>
- </u-form-item>
- <u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证号"
- prop="paidFreeCertificate" class="modelformcss">
- <u-input placeholder="请输入完税凭证号" :custom-style="{textAlign:'right'}"
- v-model="vehicleAndVesselTaxForm.paidFreeCertificate" type="text"></u-input>
- </u-form-item>
- <u-form-item
- v-show="vehicleAndVesselTaxForm.taxRelifFlag == 2 || vehicleAndVesselTaxForm.taxRelifFlag == 3"
- label="减免税原因" prop="relifReason" class="modelformcss">
- <u-input type="select" :select-open="relifReasonShow"
- v-model="model.relifReason" :custom-style="{textAlign:'right'}"
- placeholder="请选择减免税原因" @click="relifReasonShow = true"></u-input>
- <u-select mode="single-column" :list="relifReasonoptions"
- v-model="relifReasonShow" label-name="dictTag" value-name="dictValue"
- @confirm="taxRelifFlagConfirm($event,'relifReason')"></u-select>
- </u-form-item>
- <u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag != 1" label="税务机关代码"
- prop="taxComCode" class="modelformcss">
- <u-input placeholder="请输入税务机关代码" :custom-style="{textAlign:'right'}"
- v-model="vehicleAndVesselTaxForm.taxComCode" type="text"></u-input>
- </u-form-item>
- <u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag != 1" label="税务机关名称"
- prop="taxComName" class="modelformcss">
- <u-input placeholder="请输入税务机关名称" :custom-style="{textAlign:'right'}"
- v-model="vehicleAndVesselTaxForm.taxComName" type="text"></u-input>
- </u-form-item>
- <u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证填发日期"
- prop="taxDocumentDate" class="modelformcss">
- <u-input type="select" :select-open="taxDocumentDateShow"
- :custom-style="{textAlign:'right'}"
- v-model="vehicleAndVesselTaxForm.taxDocumentDate" placeholder="请选择时间"
- @click="taxDocumentDateShow = true"></u-input>
- <u-picker v-model="taxDocumentDateShow" mode="time" :params="params1"
- @confirm="taxDocumentDateconfirm"></u-picker>
- </u-form-item>
- <u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证地区"
- prop="taxPaidAreaCode" class="modelformcss">
- <u-input type="select" :select-open="taxPaidAreaCodeShow"
- :custom-style="{textAlign:'right'}" v-model="model.taxPaidAreaCode"
- placeholder="请选择地区" @click="taxPaidAreaCodeShow = true"></u-input>
- <u-picker mode="region" v-model="taxPaidAreaCodeShow" :params="params2"
- @confirm="taxPaidAreaCodeconfirm"></u-picker>
- </u-form-item>
- <u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 3" label="减税比例"
- prop="taxRelief" class="modelformcss">
- <u-input placeholder="请输入0~1的小数" :custom-style="{textAlign:'right'}"
- v-model="vehicleAndVesselTaxForm.taxRelief" type="text"></u-input>
- </u-form-item>
- </u-form>
- </view>
- </view>
- <view class="Plancontent dis f-c " v-if="planDataExpansion.genericPlanInfo.isSy=='1'">
- <text class="title mb-1">商业险</text>
- <text style="margin-left: 10px;">{{systartDate}} - {{syendDate}}</text>
- <view class="insuranceType" v-if="planDataExpansion.genericPlanInfo.schemeName !=='自选方案'">
- <u-table border-color="#E3E9F8">
- <u-tr class="sy">
- <u-th width="70%" style="text-align: left;padding: 5px 10px !important">险种
- </u-th>
- <u-th>保额 </u-th>
- </u-tr>
- <u-tr v-for="(item,index) in planDataExpansion.genericPlanInfo.kinds" :key="index">
- <u-td width="70%" style="text-align: left;padding: 5px 10px !important">
- <view class="dis a-c">
- <view class="circle dis a-c j-c"></view>
- <text style="margin-left: 10px;">{{item.kindName}}</text>
- </view>
- </u-td>
- <u-td v-if="['A'].includes(item.kindCode)">投保</u-td>
- <u-td
- v-else-if="['D4', 'SY_FJ_YBW2'].includes(item.kindCode)">{{convertedValue(item.unitAmount)}}</u-td>
- <u-td
- v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(item.kindCode)">{{item.deductibleRate}}%</u-td>
- <u-td
- v-else-if="['TY1', 'TY2', 'TY3', 'TY4'].includes(item.kindCode)">{{item.serviceTimes}}次</u-td>
- <u-td v-else>{{convertedValue(item.amount)}}</u-td>
- </u-tr>
- </u-table>
- </view>
- <template v-else>
- <view class="immediately">
- <view class="dis f-c" style="background: #F9F9F9;border-radius: 10px;">
- <u-table border-color="#E3E9F8">
- <u-tr class="sy">
- <u-th width="70%"
- style="text-align: left;padding: 5px 10px !important">险种</u-th>
- <u-th>保额</u-th>
- </u-tr>
- <u-tr v-for="(insureItem,index) in planDataExpansion.genericPlanInfo.kinds"
- :key="index">
- <template v-if="insureItem.amount != 0">
- <u-td width="70%"
- style="text-align: left;padding: 5px 10px !important">
- <view class="dis a-c">
- <view class="circle dis a-c j-c"></view>
- <text
- style="margin-left: 10px;">{{insureItem.kindName}}</text>
- </view>
- </u-td>
- <u-td>
- <view class="dis a-c j-c" @tap="adjustBIItem(index)">
- <text>{{insureItem.amountDesc}}</text>
- <u-icon name="arrow-right" color="#333" size="28"
- style="margin-left: 5px;"></u-icon>
- </view>
- </u-td>
- </template>
- </u-tr>
- </u-table>
- </view>
- </view>
- <view class="compulsory-insurance">
- <block v-for="(insureItem,index) in planDataExpansion.genericPlanInfo.kinds"
- :key="index">
- <template v-if="insureItem.amount == 0">
- <view class="car-ins-cell d-flex j-sb common-ins-cell"
- @tap="adjustBIItem(index)">
- <view class="cell-title d-flex a-center j-center">
- {{insureItem.kindName}}
- </view>
- <view class="cell-desc d-flex a-center j-center">
- {{insureItem.amountDesc}}
- <view class="icon iconfont icon-youjiantou"
- style="font-size: 40rpx;margin-left: 20upx;color: #C7C6CA;">
- </view>
- </view>
- </view>
- </template>
- </block>
- </view>
- </template>
- </view>
- <template v-if="planDataExpansion.genericPlanInfo.schemeName !=='自选方案'">
- <view class="Plancontent dis f-c policyInfo"
- v-if=" planDataExpansion.genericPlanInfo && planDataExpansion.genericPlanInfo.drivingList && planDataExpansion.genericPlanInfo.drivingList.length">
- <text class="title mb-1">意外险</text>
- <view class=" modelformcss"
- v-for="(drivingsitem,risksindex) in planDataExpansion.genericPlanInfo.drivingList"
- :key="risksindex">
- <view class="dis f-c ">
- <text class="tagHeader dis a-c">
- <text>{{drivingsitem.alias}}
- <view class="tag"></view>
- </text>
- </text>
- </view>
- <u-table border-color="#E3E9F8" class="mt-2"
- v-if="drivingsitem.insDrivingIntentionInsuranceSon && drivingsitem.insDrivingIntentionInsuranceSon.length>0">
- <u-tr class="sy">
- <u-th width="50%"
- style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
- <u-th>保额</u-th>
- <u-th>保费(元)</u-th>
- </u-tr>
- <view class="dis">
- <view class="accident dis f-c">
- <view class="diss dis"
- v-for="(Sonitem,Sonindex) in drivingsitem.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view style="width: 67%;padding: 5px 10px " class="boss">
- <view class="dis a-c ">
- <view class="circle dis a-c j-c"></view>
- <view style="margin-left: 5px;width: 80%;"
- class="dis j-start">
- {{Sonitem.name}}
- </view>
- </view>
- </view>
- <view class="boss dis a-c j-c" style="width: 33%;">
- {{Sonitem.amount}}
- </view>
- </view>
- </view>
- <view class="right dis j-c a-c">
- {{drivingsitem.sumPremium}}
- </view>
- </view>
- </u-table>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>份数</text>
- <text>{{drivingsitem.quantity}}份</text>
- </view>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>总保费</text>
- <text>¥{{drivingsitem.sumPremium?drivingsitem.sumPremium:0}}</text>
- </view>
- </view>
- </view>
- </template>
- <view class="Plancontent dis f-c " v-else>
- <text class="title mb-1">意外险</text>
- <view class="dis a-c f-wrap modelformcss">
- <view class="status-data" :class="item.checked? 'active':''" style="margin-right: 10px;"
- v-for="(item,index) in accidentInsuranceCategoryList"
- @tap.stop.prevent="accidentCategoryclick(item,planDataExpansion,index)"
- :key="index">
- {{item.typeName}}
- </view>
- </view>
- <template
- v-if=" planDataExpansion.namesimple=='安盛天平' && anshengaccidentalDrivingVo.typeName ">
- <view class="drivingSelection policyInfo">
- <view class="dis a-c j-s " @click="anshengPopupshow=true">
- <text class="tagHeader dis a-c">
- <text>{{anshengaccidentalDrivingVo.alias}}
- <view class="tag"></view>
- </text>
- </text>
- <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
- </view>
- <view>
- <u-table border-color="#E3E9F8"
- v-if="anshengaccidentalDrivingVo.insDrivingIntentionInsuranceSon && anshengaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
- <u-tr class="sy">
- <u-th width="50%"
- style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
- <u-th>保额</u-th>
- <u-th>保费(元)</u-th>
- </u-tr>
- <view class="dis">
- <view class="accident dis f-c">
- <view class="diss dis"
- v-for="(Sonitem,Sonindex) in anshengaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view style="width: 67%;padding: 5px 10px " class="boss">
- <view class="dis a-c ">
- <view class="circle dis a-c j-c"></view>
- <view style="margin-left: 5px;width: 80%;"
- class="dis j-start">
- {{Sonitem.name}}
- </view>
- </view>
- </view>
- <view class="boss dis a-c j-c" style="width: 33%;">
- {{Sonitem.amount}}
- </view>
- </view>
- </view>
- <view class="right dis j-c a-c">
- {{anshengaccidentalDrivingVo.sumPremium}}
- </view>
- </view>
- </u-table>
- </view>
- <view class="dis a-c j-s">
- <text>份数</text>
- <u-number-box v-model="anshengaccidentalDrivingVo.quantity" :min="1" :max="10"
- :disabled-input="true" :input-width="70" :input-height="44" size="26"
- :long-press="false"></u-number-box>
- </view>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>总保费</text>
- <text>¥{{anshengaccidentalDrivingVo.sumPremium*anshengaccidentalDrivingVo.quantity}}</text>
- </view>
- </view>
- </template>
- <template
- v-if=" planDataExpansion.namesimple=='国任财险' && guoRenaccidentalDrivingVo.typeName ">
- <view class="drivingSelection policyInfo">
- <view class="dis a-c j-s " @click="guoRenPopupshow=true">
- <text class="tagHeader dis a-c">
- <text>{{guoRenaccidentalDrivingVo.alias}}
- <view class="tag"></view>
- </text>
- </text>
- <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
- </view>
- <view>
- <u-table border-color="#E3E9F8"
- v-if="guoRenaccidentalDrivingVo.insDrivingIntentionInsuranceSon && guoRenaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
- <u-tr class="sy">
- <u-th width="50%"
- style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
- <u-th>保额</u-th>
- <u-th>保费(元)</u-th>
- </u-tr>
- <view class="dis">
- <view class="accident dis f-c">
- <view class="diss dis"
- v-for="(Sonitem,Sonindex) in guoRenaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view style="width: 67%;padding: 5px 10px " class="boss">
- <view class="dis a-c ">
- <view class="circle dis a-c j-c"></view>
- <view style="margin-left: 5px;width: 80%;"
- class="dis j-start">
- {{Sonitem.name}}
- </view>
- </view>
- </view>
- <view class="boss dis a-c j-c" style="width: 33%;">
- {{Sonitem.amount}}
- </view>
- </view>
- </view>
- <view class="right dis j-c a-c">
- {{guoRenaccidentalDrivingVo.sumPremium}}
- </view>
- </view>
- </u-table>
- </view>
- <view class="dis a-c j-s">
- <text>份数</text>
- <u-number-box v-model="guoRenaccidentalDrivingVo.quantity" :min="1" :max="10"
- :disabled-input="true" :input-width="70" :input-height="44" size="26"
- :long-press="false"></u-number-box>
- </view>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>总保费</text>
- <text>¥{{guoRenaccidentalDrivingVo.sumPremium*guoRenaccidentalDrivingVo.quantity}}</text>
- </view>
- </view>
- </template>
- <template
- v-if=" planDataExpansion.namesimple=='大家财险' && dajiaaccidentalDrivingVo.typeName ">
- <view class="drivingSelection policyInfo">
- <view class="dis a-c j-s " @click="dajiaPopupshow=true">
- <text class="tagHeader dis a-c">
- <text>{{dajiaaccidentalDrivingVo.alias}}
- <view class="tag"></view>
- </text>
- </text>
- <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
- </view>
- <view>
- <u-table border-color="#E3E9F8"
- v-if="dajiaaccidentalDrivingVo.insDrivingIntentionInsuranceSon && dajiaaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
- <u-tr class="sy">
- <u-th width="50%"
- style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
- <u-th>保额</u-th>
- <u-th>保费(元)</u-th>
- </u-tr>
- <view class="dis">
- <view class="accident dis f-c">
- <view class="diss dis"
- v-for="(Sonitem,Sonindex) in dajiaaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view style="width: 67%;padding: 5px 10px " class="boss">
- <view class="dis a-c ">
- <view class="circle dis a-c j-c"></view>
- <view style="margin-left: 5px;width: 80%;"
- class="dis j-start">
- {{Sonitem.name}}
- </view>
- </view>
- </view>
- <view class="boss dis a-c j-c" style="width: 33%;">
- {{Sonitem.amount}}
- </view>
- </view>
- </view>
- <view class="right dis j-c a-c">
- {{dajiaaccidentalDrivingVo.sumPremium}}
- </view>
- </view>
- </u-table>
- </view>
- <view class="dis a-c j-s">
- <text>份数</text>
- <u-number-box v-model="dajiaaccidentalDrivingVo.quantity" :min="1" :max="10"
- :disabled-input="true" :input-width="70" :input-height="44" size="26"
- :long-press="false"></u-number-box>
- </view>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>总保费</text>
- <text>¥{{dajiaaccidentalDrivingVo.sumPremium*dajiaaccidentalDrivingVo.quantity}}</text>
- </view>
- </view>
- </template>
- <template v-if=" planDataExpansion.namesimple=='紫金财险' && zijinInsuranceData.length>0">
- <view class="p-1">
- <text @click="zijinPopupshow=true"
- style="color: #FF5600;font-size: 14px;">意外险选择</text>
- <view class="" v-for="(item,index) in zijinaccidentalDrivingVo" :key="index">
- <view class="policyInfo">
- <text class="tagHeader dis a-c">
- <text>{{item.alias}}
- <view class="tag"></view>
- </text>
- </text>
- </view>
- <view class=" dis j-s a-c">
- <view class="">
- <text>保费:</text>
- <text
- style="color: #ee7000;">¥{{item.sumPremium*item.quantity}}.00</text>
- </view>
- <view class="">
- <text>份数:</text>
- <u-number-box v-model="item.quantity" :min="1" :max="10"
- :input-width="70" :input-height="44" size="26"
- :long-press="false"></u-number-box>
- </view>
- </view>
- <!-- <view class="Accident mt-2" v-if="item.insDrivingIntentionInsuranceSon">
- <view class="dis a-c j-s">
- <view class="head dis a-c j-c">保险责任</view>
- <view class="head dis a-c j-c">保险金额</view>
- <view class="head dis a-c j-c">保费(元)</view>
- </view>
- <view class="dis a-c j-s"
- v-for="(Sonitem,Sonindex) in item.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view class="tr dis a-c j-c"> {{Sonitem.name}}</view>
- <view class="tr dis a-c j-c"> {{Sonitem.amount}}/座</view>
- <view class="tr dis a-c j-c">¥{{Sonitem.premium}}</view>
- </view>
- </view> -->
- </view>
- </view>
- </template>
- <template
- v-if=" planDataExpansion.namesimple=='众安财险' && zhonganaccidentalDrivingVo.typeName ">
- <view class="drivingSelection policyInfo">
- <view class="dis a-c j-s " @click="zhonganPopupshow=true">
- <text class="tagHeader dis a-c">
- <text>{{zhonganaccidentalDrivingVo.alias}}
- <view class="tag"></view>
- </text>
- </text>
- <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
- </view>
- <view>
- <u-table border-color="#E3E9F8"
- v-if="zhonganaccidentalDrivingVo.insDrivingIntentionInsuranceSon && zhonganaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
- <u-tr class="sy">
- <u-th width="50%"
- style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
- <u-th>保额</u-th>
- <u-th>保费(元)</u-th>
- </u-tr>
- <view class="dis">
- <view class="accident dis f-c">
- <view class="diss dis"
- v-for="(Sonitem,Sonindex) in zhonganaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view style="width: 67%;padding: 5px 10px " class="boss">
- <view class="dis a-c ">
- <view class="circle dis a-c j-c"></view>
- <view style="margin-left: 5px;width: 80%;"
- class="dis j-start">
- {{Sonitem.name}}
- </view>
- </view>
- </view>
- <view class="boss dis a-c j-c" style="width: 33%;">
- {{Sonitem.amount}}
- </view>
- </view>
- </view>
- <view class="right dis j-c a-c">
- {{zhonganaccidentalDrivingVo.sumPremium}}
- </view>
- </view>
- </u-table>
- </view>
- <view class="dis a-c j-s">
- <text>份数</text>
- <u-number-box v-model="zhonganaccidentalDrivingVo.quantity" :min="1" :max="10"
- :disabled-input="true" :input-width="70" :input-height="44" size="26"
- :long-press="false"></u-number-box>
- </view>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>总保费</text>
- <text>¥{{zhonganaccidentalDrivingVo.sumPremium*zhonganaccidentalDrivingVo.quantity}}</text>
- </view>
- </view>
- </template>
- <template
- v-if=" planDataExpansion.namesimple=='永诚财险' && yongchengaccidentalDrivingVo.typeName ">
- <view class="drivingSelection policyInfo">
- <view class="dis a-c j-s " @click="yongchengPopupshow=true">
- <text class="tagHeader dis a-c">
- <text>{{yongchengaccidentalDrivingVo.alias}}
- <view class="tag"></view>
- </text>
- </text>
- <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
- </view>
- <view>
- <u-table border-color="#E3E9F8"
- v-if="yongchengaccidentalDrivingVo.insDrivingIntentionInsuranceSon && yongchengaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
- <u-tr class="sy">
- <u-th width="50%"
- style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
- <u-th>保额</u-th>
- <u-th>保费(元)</u-th>
- </u-tr>
- <view class="dis">
- <view class="accident dis f-c">
- <view class="diss dis"
- v-for="(Sonitem,Sonindex) in yongchengaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view style="width: 67%;padding: 5px 10px " class="boss">
- <view class="dis a-c ">
- <view class="circle dis a-c j-c"></view>
- <view style="margin-left: 5px;width: 80%;"
- class="dis j-start">
- {{Sonitem.name}}
- </view>
- </view>
- </view>
- <view class="boss dis a-c j-c" style="width: 33%;">
- {{Sonitem.amount}}
- </view>
- </view>
- </view>
- <view class="right dis j-c a-c">
- {{yongchengaccidentalDrivingVo.sumPremium}}
- </view>
- </view>
- </u-table>
- </view>
- <view class="dis a-c j-s">
- <text>份数</text>
- <u-number-box v-model="yongchengaccidentalDrivingVo.quantity" :min="1" :max="10"
- :disabled-input="true" :input-width="70" :input-height="44" size="26"
- :long-press="false"></u-number-box>
- </view>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>总保费</text>
- <text>¥{{yongchengaccidentalDrivingVo.sumPremium*yongchengaccidentalDrivingVo.quantity}}</text>
- </view>
- </view>
- </template>
- <template
- v-if=" planDataExpansion.namesimple=='恒邦财险' && hengbangaccidentalDrivingVo.typeName ">
- <view class="drivingSelection policyInfo">
- <view class="dis a-c j-s " @click="hengbangPopupshow=true">
- <text class="tagHeader dis a-c">
- <text>{{hengbangaccidentalDrivingVo.alias}}
- <view class="tag"></view>
- </text>
- </text>
- <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
- </view>
- <view>
- <u-table border-color="#E3E9F8"
- v-if="hengbangaccidentalDrivingVo.insDrivingIntentionInsuranceSon && hengbangaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
- <u-tr class="sy">
- <u-th width="50%"
- style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
- <u-th>保额</u-th>
- <u-th>保费(元)</u-th>
- </u-tr>
- <view class="dis">
- <view class="accident dis f-c">
- <view class="diss dis"
- v-for="(Sonitem,Sonindex) in hengbangaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view style="width: 67%;padding: 5px 10px " class="boss">
- <view class="dis a-c ">
- <view class="circle dis a-c j-c"></view>
- <view style="margin-left: 5px;width: 80%;"
- class="dis j-start">
- {{Sonitem.name}}
- </view>
- </view>
- </view>
- <view class="boss dis a-c j-c" style="width: 33%;">
- {{Sonitem.amount}}
- </view>
- </view>
- </view>
- <view class="right dis j-c a-c">
- {{hengbangaccidentalDrivingVo.sumPremium}}
- </view>
- </view>
- </u-table>
- </view>
- <view class="dis a-c j-s">
- <text>份数</text>
- <u-number-box v-model="hengbangaccidentalDrivingVo.quantity" :min="1" :max="10"
- :disabled-input="true" :input-width="70" :input-height="44" size="26"
- :long-press="false"></u-number-box>
- </view>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>总保费</text>
- <text>¥{{hengbangaccidentalDrivingVo.sumPremium*hengbangaccidentalDrivingVo.quantity}}</text>
- </view>
- </view>
- </template>
- <template
- v-if=" planDataExpansion.namesimple=='诚泰财险' && chengtaiaccidentalDrivingVo.typeName">
- <view class="drivingSelection policyInfo">
- <view class="dis a-c j-s " @click="chengtaiPopupshow=true">
- <text class="tagHeader dis a-c">
- <text>{{chengtaiaccidentalDrivingVo.alias}}
- <view class="tag"></view>
- </text>
- </text>
- <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
- </view>
- <view>
- <u-table border-color="#E3E9F8"
- v-if="chengtaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon && chengtaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
- <u-tr class="sy">
- <u-th width="50%"
- style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
- <u-th>保额</u-th>
- <u-th>保费(元)</u-th>
- </u-tr>
- <view class="dis">
- <view class="accident dis f-c">
- <view class="diss dis"
- v-for="(Sonitem,Sonindex) in chengtaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view style="width: 67%;padding: 5px 10px " class="boss">
- <view class="dis a-c ">
- <view class="circle dis a-c j-c"></view>
- <view style="margin-left: 5px;width: 80%;"
- class="dis j-start">
- {{Sonitem.name}}
- </view>
- </view>
- </view>
- <view class="boss dis a-c j-c" style="width: 33%;">
- {{Sonitem.amount}}
- </view>
- </view>
- </view>
- <view class="right dis j-c a-c">
- {{chengtaiaccidentalDrivingVo.sumPremium}}
- </view>
- </view>
- </u-table>
- </view>
- <view class="dis a-c j-s">
- <text>份数</text>
- <u-number-box v-model="chengtaiaccidentalDrivingVo.quantity" :min="1" :max="10"
- :disabled-input="true" :input-width="70" :input-height="44" size="26"
- :long-press="false"></u-number-box>
- </view>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>总保费</text>
- <text>¥{{chengtaiaccidentalDrivingVo.sumPremium*chengtaiaccidentalDrivingVo.quantity}}</text>
- </view>
- </view>
- </template>
- <template
- v-if=" planDataExpansion.namesimple=='中煤财险' && zhongmeiaccidentalDrivingVo.typeName ">
- <view class="drivingSelection policyInfo">
- <view class="dis a-c j-s " @click="zhongmeiPopupshow=true">
- <text class="tagHeader dis a-c">
- <text>{{zhongmeiaccidentalDrivingVo.alias}}
- <view class="tag"></view>
- </text>
- </text>
- <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
- </view>
- <view>
- <u-table border-color="#E3E9F8"
- v-if="zhongmeiaccidentalDrivingVo.insDrivingIntentionInsuranceSon && zhongmeiaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
- <u-tr class="sy">
- <u-th width="50%"
- style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
- <u-th>保额</u-th>
- <u-th>保费(元)</u-th>
- </u-tr>
- <view class="dis">
- <view class="accident dis f-c">
- <view class="diss dis"
- v-for="(Sonitem,Sonindex) in zhongmeiaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view style="width: 67%;padding: 5px 10px " class="boss">
- <view class="dis a-c ">
- <view class="circle dis a-c j-c"></view>
- <view style="margin-left: 5px;width: 80%;"
- class="dis j-start">
- {{Sonitem.name}}
- </view>
- </view>
- </view>
- <view class="boss dis a-c j-c" style="width: 33%;">
- {{Sonitem.amount}}
- </view>
- </view>
- </view>
- <view class="right dis j-c a-c">
- {{zhongmeiaccidentalDrivingVo.sumPremium}}
- </view>
- </view>
- </u-table>
- </view>
- <view class="dis a-c j-s">
- <text>份数</text>
- <u-number-box v-model="zhongmeiaccidentalDrivingVo.quantity" :min="1" :max="10"
- :disabled-input="true" :input-width="70" :input-height="44" size="26"
- :long-press="false"></u-number-box>
- </view>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>总保费</text>
- <text>¥{{zhongmeiaccidentalDrivingVo.sumPremium*zhongmeiaccidentalDrivingVo.quantity}}</text>
- </view>
- </view>
- </template>
- <template
- v-if=" planDataExpansion.namesimple=='泰康财险' && taikangaccidentalDrivingVo.typeName ">
- <view class="drivingSelection policyInfo">
- <view class="dis a-c j-s " @click="taikangPopupshow=true">
- <text class="tagHeader dis a-c">
- <text>{{taikangaccidentalDrivingVo.alias}}
- <view class="tag"></view>
- </text>
- </text>
- <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
- </view>
- <view>
- <u-table border-color="#E3E9F8"
- v-if="taikangaccidentalDrivingVo.insDrivingIntentionInsuranceSon && taikangaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
- <u-tr class="sy">
- <u-th width="50%"
- style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
- <u-th>保额</u-th>
- <u-th>保费(元)</u-th>
- </u-tr>
- <view class="dis">
- <view class="accident dis f-c">
- <view class="diss dis"
- v-for="(Sonitem,Sonindex) in taikangaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view style="width: 67%;padding: 5px 10px " class="boss">
- <view class="dis a-c ">
- <view class="circle dis a-c j-c"></view>
- <view style="margin-left: 5px;width: 80%;"
- class="dis j-start">
- {{Sonitem.name}}
- </view>
- </view>
- </view>
- <view class="boss dis a-c j-c" style="width: 33%;">
- {{Sonitem.amount}}
- </view>
- </view>
- </view>
- <view class="right dis j-c a-c">
- {{taikangaccidentalDrivingVo.sumPremium}}
- </view>
- </view>
- </u-table>
- </view>
- <view class="dis a-c j-s">
- <text>份数</text>
- <u-number-box v-model="taikangaccidentalDrivingVo.quantity" :min="1" :max="10"
- :disabled-input="true" :input-width="70" :input-height="44" size="26"
- :long-press="false"></u-number-box>
- </view>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>总保费</text>
- <text>¥{{taikangaccidentalDrivingVo.sumPremium*taikangaccidentalDrivingVo.quantity}}</text>
- </view>
- </view>
- </template>
- <template
- v-if=" planDataExpansion.namesimple=='渤海财险' && bohaiaccidentalDrivingVo.typeName ">
- <view class="drivingSelection policyInfo">
- <view class="dis a-c j-s " @click="bohaiPopupshow=true">
- <text class="tagHeader dis a-c">
- <text>{{bohaiaccidentalDrivingVo.alias}}
- <view class="tag"></view>
- </text>
- </text>
- <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
- </view>
- <view>
- <u-table border-color="#E3E9F8"
- v-if="bohaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon && bohaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
- <u-tr class="sy">
- <u-th width="50%"
- style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
- <u-th>保额</u-th>
- <u-th>保费(元)</u-th>
- </u-tr>
- <view class="dis">
- <view class="accident dis f-c">
- <view class="diss dis"
- v-for="(Sonitem,Sonindex) in bohaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view style="width: 67%;padding: 5px 10px " class="boss">
- <view class="dis a-c ">
- <view class="circle dis a-c j-c"></view>
- <view style="margin-left: 5px;width: 80%;"
- class="dis j-start">
- {{Sonitem.name}}
- </view>
- </view>
- </view>
- <view class="boss dis a-c j-c" style="width: 33%;">
- {{Sonitem.amount}}
- </view>
- </view>
- </view>
- <view class="right dis j-c a-c">
- {{bohaiaccidentalDrivingVo.sumPremium}}
- </view>
- </view>
- </u-table>
- </view>
- <view class="dis a-c j-s">
- <text>份数</text>
- <u-number-box v-model="bohaiaccidentalDrivingVo.quantity" :min="1" :max="10"
- :disabled-input="true" :input-width="70" :input-height="44" size="26"
- :long-press="false"></u-number-box>
- </view>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>总保费</text>
- <text>¥{{bohaiaccidentalDrivingVo.sumPremium*bohaiaccidentalDrivingVo.quantity}}</text>
- </view>
- </view>
- </template>
- <template
- v-if=" planDataExpansion.namesimple=='太平财险' && taipingaccidentalDrivingVo.typeName ">
- <view class="drivingSelection policyInfo">
- <view class="dis a-c j-s " @click="taipingPopupshow=true">
- <text class="tagHeader dis a-c">
- <text>{{taipingaccidentalDrivingVo.alias}}
- <view class="tag"></view>
- </text>
- </text>
- <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
- </view>
- <view>
- <u-table border-color="#E3E9F8"
- v-if="taipingaccidentalDrivingVo.insDrivingIntentionInsuranceSon && taipingaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
- <u-tr class="sy">
- <u-th width="50%"
- style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
- <u-th>保额</u-th>
- <u-th>保费(元)</u-th>
- </u-tr>
- <view class="dis">
- <view class="accident dis f-c">
- <view class="diss dis"
- v-for="(Sonitem,Sonindex) in taipingaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view style="width: 67%;padding: 5px 10px " class="boss">
- <view class="dis a-c ">
- <view class="circle dis a-c j-c"></view>
- <view style="margin-left: 5px;width: 80%;"
- class="dis j-start">
- {{Sonitem.name}}
- </view>
- </view>
- </view>
- <view class="boss dis a-c j-c" style="width: 33%;">
- {{Sonitem.amount}}
- </view>
- </view>
- </view>
- <view class="right dis j-c a-c">
- {{taipingaccidentalDrivingVo.sumPremium}}
- </view>
- </view>
- </u-table>
- </view>
- <view class="dis a-c j-s">
- <text>份数</text>
- <u-number-box v-model="taipingaccidentalDrivingVo.quantity" :min="1" :max="10"
- :disabled-input="true" :input-width="70" :input-height="44" size="26"
- :long-press="false"></u-number-box>
- </view>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>总保费</text>
- <text>¥{{taipingaccidentalDrivingVo.sumPremium*taipingaccidentalDrivingVo.quantity}}</text>
- </view>
- </view>
- </template>
- <template
- v-if=" planDataExpansion.namesimple=='华农财险' && huanongaccidentalDrivingVo.typeName ">
- <view class="drivingSelection policyInfo">
- <view class="dis a-c j-s " @click="huanongPopupshow=true">
- <text class="tagHeader dis a-c">
- <text>{{huanongaccidentalDrivingVo.alias}}
- <view class="tag"></view>
- </text>
- </text>
- <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
- </view>
- <view>
- <u-table border-color="#E3E9F8"
- v-if="huanongaccidentalDrivingVo.insDrivingIntentionInsuranceSon && huanongaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
- <u-tr class="sy">
- <u-th width="50%"
- style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
- <u-th>保额</u-th>
- <u-th>保费(元)</u-th>
- </u-tr>
- <view class="dis">
- <view class="accident dis f-c">
- <view class="diss dis"
- v-for="(Sonitem,Sonindex) in huanongaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view style="width: 67%;padding: 5px 10px " class="boss">
- <view class="dis a-c ">
- <view class="circle dis a-c j-c"></view>
- <view style="margin-left: 5px;width: 80%;"
- class="dis j-start">
- {{Sonitem.name}}
- </view>
- </view>
- </view>
- <view class="boss dis a-c j-c" style="width: 33%;">
- {{Sonitem.amount}}
- </view>
- </view>
- </view>
- <view class="right dis j-c a-c">
- {{huanongaccidentalDrivingVo.sumPremium}}
- </view>
- </view>
- </u-table>
- </view>
- <view class="dis a-c j-s">
- <text>份数</text>
- <u-number-box v-model="huanongaccidentalDrivingVo.quantity" :min="1" :max="10"
- :disabled-input="true" :input-width="70" :input-height="44" size="26"
- :long-press="false"></u-number-box>
- </view>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>总保费</text>
- <text>¥{{huanongaccidentalDrivingVo.sumPremium*huanongaccidentalDrivingVo.quantity}}</text>
- </view>
- </view>
- </template>
- <template
- v-if=" planDataExpansion.namesimple=='中国人寿' && renshouaccidentalDrivingVo.typeName ">
- <view class="drivingSelection policyInfo">
- <view class="dis a-c j-s" @click="renshouPopupshow=true">
- <text class="tagHeader dis a-c">
- <text>{{renshouaccidentalDrivingVo.alias}}
- <view class="tag"></view>
- </text>
- </text>
- <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
- </view>
- <view>
- <u-table border-color="#E3E9F8"
- v-if="renshouaccidentalDrivingVo.insDrivingIntentionInsuranceSon && renshouaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
- <u-tr class="sy">
- <u-th width="50%"
- style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
- <u-th>保额</u-th>
- <u-th>保费(元)</u-th>
- </u-tr>
- <view class="dis">
- <view class="accident dis f-c">
- <view class="diss dis"
- v-for="(Sonitem,Sonindex) in renshouaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
- :key="Sonindex">
- <view style="width: 67%;padding: 5px 10px " class="boss">
- <view class="dis a-c ">
- <view class="circle dis a-c j-c"></view>
- <view style="margin-left: 5px;width: 80%;"
- class="dis j-start">
- {{Sonitem.name}}
- </view>
- </view>
- </view>
- <view class="boss dis a-c j-c" style="width: 33%;">
- {{Sonitem.amount}}
- </view>
- </view>
- </view>
- <view class="right dis j-c a-c">
- {{renshouaccidentalDrivingVo.sumPremium}}
- </view>
- </view>
- </u-table>
- </view>
- <view class="dis a-c j-s">
- <text>份数</text>
- <u-number-box v-model="renshouaccidentalDrivingVo.quantity" :min="1" :max="10"
- :disabled-input="true" :input-width="70" :input-height="44" size="26"
- :long-press="false"></u-number-box>
- </view>
- <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
- <text>总保费</text>
- <text>¥{{renshouaccidentalDrivingVo.sumPremium*renshouaccidentalDrivingVo.quantity}}</text>
- </view>
- </view>
- </template>
- </view>
- </view>
- </scroll-view>
- <view class="PlanPopup-btn dis a-c j-c">
- <button size="mini" type="default"
- style="margin-right:50px;border: 1px solid #C9C9C9;border-radius: 50px;width: 100px;"
- @click="genericPlanPopup=false">取消</button>
- <button type="primary" size="mini"
- style="background: linear-gradient( 90deg, #0052FF 0%, #0D8BFF 100%);border-radius: 50px;width: 100px;"
- @click="confirmPlan(planDataExpansion.cnName)">确定方案</button>
- </view>
- </view>
- </u-popup>
- <!-- 商业选择方案 -->
- <wyb-popup ref="popupBI" type="bottom" mode="size-fixed" height="900" radius="6" :showCloseIcon="true">
- <view class="popup-content">
- <view class="popHeader d-flex a-center j-center">
- 选择方案
- </view>
- <scroll-view scroll-top="0" scroll-y="true" class="popContent">
- <view class="popContentTitle">{{insureItem.kindName}}</view>
- <view style="color: #999;font-size: 24upx;">{{insureItem.desc}}</view>
- <view class="dis a-c j-s p-3" v-if="['TY2','TY3','TY4'].includes(insureItem.kindCode)">
- <text>自定义次数</text>
- <u-number-box v-model="insureItem.amount" :input-width="100" :input-height="60" :min="0"
- color="#fff" size="30" @change="numberBoxChange"></u-number-box>
- </view>
- <view v-else style="margin-top: 10px;">
- <block v-for="(amt,index) in insureItem.amtList" :key="index">
- <view class="amtSingle" @tap="adjustBIItemLabel(index)"
- :class="(amt.label== insureItem.amountDesc)?'active':''">
- {{amt.label}}
- </view>
- </block>
- </view>
- </scroll-view>
- <view class="popBottom">
- <button type="primary" style="background-color: #0052FF;"
- @tap="adjustBIItemLabelSubmit()">完成</button>
- </view>
- </view>
- </wyb-popup>
- <!-- 安盛驾意险弹框 -->
- <u-modal v-model="anshengPopupshow" title="驾意险"
- :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
- :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
- <view class="slot-content p-2">
- <u-radio-group size="30" wrap>
- <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="ASradioChange" shape="square"
- v-for="(item, index) in anshengInsuranceData" :key="index" :name="item.projectCode">
- {{item.alias}}
- </u-radio>
- </u-radio-group>
- </view>
- </u-modal>
- <!-- 人寿驾意险弹框 -->
- <u-modal v-model="renshouPopupshow" title="驾意险"
- :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
- :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
- <view class="slot-content p-2">
- <u-radio-group size="30" wrap>
- <u-radio style="margin: 4px 0; align-items: flex-start;" label-size="30" shape="square"
- @change="RSradioChange" v-for="(item, index) in renshouInsuranceData" :key="index"
- :name="item.projectCode">
- {{item.alias}}
- </u-radio>
- </u-radio-group>
- </view>
- </u-modal>
- <!-- 中煤驾意险弹框 -->
- <u-modal v-model="zhongmeiPopupshow" title="驾意险"
- :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
- :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
- <view class="slot-content p-2">
- <u-radio-group size="30" wrap>
- <u-radio style="margin: 4px 0;" label-size="30" @change="ZMradioChange" shape="square"
- v-for="(item, index) in zhongmeiInsuranceData" :key="index" :name="item.projectCode">
- {{item.alias}}
- </u-radio>
- </u-radio-group>
- </view>
- </u-modal>
- <!-- 恒邦驾意险弹框 -->
- <u-modal v-model="hengbangPopupshow" title="驾意险"
- :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
- :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
- <view class="slot-content p-2">
- <u-radio-group size="30" wrap>
- <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="HBradioChange" shape="square"
- v-for="(item, index) in hengbangInsuranceData" :key="index" :name="item.projectCode">
- {{item.alias}}
- </u-radio>
- </u-radio-group>
- </view>
- </u-modal>
- <!-- 众安驾意险弹框 -->
- <u-modal v-model="zhonganPopupshow" title="驾意险"
- :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
- :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
- <view class="slot-content p-2">
- <u-radio-group size="30" wrap>
- <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="ZAradioChange" shape="square"
- v-for="(item, index) in zhonganInsuranceData" :key="index" :name="item.projectCode">
- {{item.alias}}
- </u-radio>
- </u-radio-group>
- </view>
- </u-modal>
- <!-- 华农驾意险弹框 -->
- <u-modal v-model="huanongPopupshow" title="驾意险"
- :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
- :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
- <view class="slot-content p-2">
- <u-radio-group size="30" wrap>
- <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="HNradioChange" shape="square"
- v-for="(item, index) in huanongInsuranceData" :key="index" :name="item.projectCode">
- {{item.alias}}
- </u-radio>
- </u-radio-group>
- </view>
- </u-modal>
- <!-- 泰康驾意险弹框 -->
- <u-modal v-model="taikangPopupshow" title="驾意险"
- :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
- :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
- <view class="slot-content p-2">
- <u-radio-group size="30" wrap>
- <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="TkradioChange" shape="square"
- v-for="(item, index) in taikangInsuranceData" :key="index" :name="item.projectCode">
- {{item.alias}}
- </u-radio>
- </u-radio-group>
- </view>
- </u-modal>
- <u-modal v-model="yongchengPopupshow" title="驾意险"
- :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
- :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
- <view class="slot-content p-2">
- <u-radio-group size="30" wrap>
- <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="YCradioChange" shape="square"
- v-for="(item, index) in yongchengInsuranceData" :key="index" :name="item.projectCode">
- {{item.alias}}
- </u-radio>
- </u-radio-group>
- </view>
- </u-modal>
- <!-- 太平驾意险弹框 -->
- <u-modal v-model="taipingPopupshow" title="驾意险"
- :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
- :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
- <view class="slot-content p-2">
- <u-radio-group size="30" wrap>
- <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="TPradioChange" shape="square"
- v-for="(item, index) in taipingInsuranceData" :key="index" :name="item.projectCode">
- {{item.alias}}
- </u-radio>
- </u-radio-group>
- </view>
- </u-modal>
- <!-- 渤海驾意险弹框 -->
- <u-modal v-model="bohaiPopupshow" title="驾意险"
- :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
- :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
- <view class="slot-content p-2">
- <u-radio-group size="30" style="" wrap>
- <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="BHradioChange" shape="square"
- v-for="(item, index) in bohaiInsuranceData" :key="index" :name="item.projectCode">
- {{item.alias}}
- </u-radio>
- </u-radio-group>
- </view>
- </u-modal>
- <u-modal v-model="priceComparisonShow" title="比价提醒"
- :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
- :show-cancel-button="false"
- :confirm-style="{background:'#E6EEFF',color:'#0052FF',height:'40px',lineHeight:'40px'}"
- @confirm="priceComparisonShow=false">
- <view class="slot-content dis j-c a-c ">
- <view class="p-2">
- <text>可选择有报价结果的公司进行比价,最少选择两家,最多可选择三家</text>
- </view>
- </view>
- </u-modal>
- <!-- 紫金驾意弹框 -->
- <u-popup v-model="zijinPopupshow" mode="bottom" border-radius="10" height="1000">
- <view class="ZJcheckboxGroup dis f-c">
- <view class="title dis a-c j-c">
- <text>意外险选择</text>
- </view>
- <scroll-view scroll-y="true" class="scolcentent">
- <u-checkbox-group @change="ZJcheckboxGroupChange">
- <u-checkbox style="margin: 8px 0;flex: auto;" active-color="#FF4D4D" label-size="28"
- v-model="item.checked" v-for="(item, index) in zijinInsuranceData" :key="index"
- :name="item.projectCode">{{item.alias}}</u-checkbox>
- </u-checkbox-group>
- </scroll-view>
- <view class="operateBtn dis ">
- <view class="cancel dis a-c j-c" @click="zijinPopupshow=false">
- 取消
- </view>
- <view class="confirm dis a-c j-c" @click="zijinPopupshow=false">
- 确定
- </view>
- </view>
- </view>
- </u-popup>
- <!-- 国任特约 -->
- <u-popup v-model="guoRencontributingshow" mode="bottom" border-radius="10" height="1200" :closeable="true">
- <view class="ZJcheckboxGroup dis f-c">
- <view class="headers dis a-start f-c mb-2">
- <text class="title">调整特约</text>
- <u-tabs :list="list" :is-scroll="false" :current="GRcurrent" @change="change($event,'GR')"
- active-color="#06A8DC" inactive-color="#81869B"
- style="background: transparent;width: 100px;"></u-tabs>
- </view>
- <scroll-view scroll-y="true" class="scolcentent ">
- <u-checkbox-group @change="guoRencontributingChange" style="display: contents;" class="mb-4">
- <view v-show="GRcurrent==0 && ['0330','0330034002','0330034001'].includes(productId)">
- <u-checkbox v-model="item.checked" v-for="(item, index) in guoRenSpecialAgreementDatajq"
- :key="index" :name="item.clauseCode" active-color="#06A8DC"
- style="align-items: baseline;">
- <view class="dis f-c ">
- <text>{{item.clauseCode}}{{item.clauses}}</text>
- <text style="font-size: 20rpx;color: #999;">{{item.clausesContext}}</text>
- </view>
- </u-checkbox>
- </view>
- <view v-show="GRcurrent==1 && ['034001','0330034002','0330034001'].includes(productId)">
- <u-checkbox v-model="item.checked" v-for="(item, index) in guoRenSpecialAgreementDatasy"
- :key="index" :name="item.clauseCode" active-color="#06A8DC"
- style="align-items: baseline;">
- <view class="dis f-c ">
- <text>{{item.clauseCode}}{{item.clauses}}</text>
- <text style="font-size: 20rpx;color: #999;">{{item.clausesContext}}</text>
- </view>
- </u-checkbox>
- </view>
- </u-checkbox-group>
- </scroll-view>
- <view class="operateBtn dis ">
- <view class="cancel dis a-c j-c" @click="guoRencontributingshow=false">
- 取消
- </view>
- <view class="confirm dis a-c j-c" @click="guoRencontributingshow=false">
- 确定
- </view>
- </view>
- </view>
- </u-popup>
- <!-- 紫金特约 -->
- <u-popup v-model="zijincontributingshow" mode="bottom" border-radius="10" height="1200" :closeable="true">
- <view class="ZJcheckboxGroup dis f-c">
- <view class="headers dis a-start f-c mb-2">
- <text class="title">调整特约</text>
- <u-tabs :list="list" :is-scroll="false" :current="ZJcurrent" @change="change($event,'ZJ')"
- active-color="#06A8DC" inactive-color="#81869B"
- style="background: transparent;width: 100px;"></u-tabs>
- </view>
- <view class="hint dis a-c ">
- <image src="../../static/image/car-insure/tishi.png" mode=""></image>
- <text>带有输入框的条款为可编辑内容,含*号内容可替换!</text>
- </view>
- <scroll-view scroll-y="true" class="scolcentent mt-2">
- <u-checkbox-group @change="ziJincontributingChange" class="dis f-c">
- <view v-show="ZJcurrent==0">
- <u-checkbox v-model="item.checked" v-for="(item, index) in ziJinengageListDatajq"
- :key="index" :name="item.clauseId" active-color="#06A8DCs"
- style="align-items: baseline;">
- <view class="dis f-c " style="width:calc(100vw - 70px);">
- <text>{{item.clauseCode}}{{item.clauseName}}</text>
- <u-input style="width: 100%;" v-if="item.modifyFlag==1" :border="true"
- v-model="item.clauseContent" size="mini" type="textarea"
- :custom-style="{fontSize:'12px'}" />
- <text v-else style="font-size: 20rpx;color: #999;">{{item.clauseContent}}</text>
- </view>
- </u-checkbox>
- </view>
- <view v-show="ZJcurrent==1">
- <u-checkbox v-model="item.checked" v-for="(item, index) in ziJinengageListDatasy"
- :key="index" :name="item.clauseId" active-color="#06A8DCs"
- style="align-items: baseline;">
- <view class="dis f-c " style="width:calc(100vw - 70px);">
- <text>{{item.clauseCode}}{{item.clauseName}}</text>
- <u-input style="width: 100%;" v-if="item.modifyFlag==1" :border="true"
- v-model="item.clauseContent" size="mini" type="textarea"
- :custom-style="{fontSize:'12px'}" />
- <text v-else style="font-size: 20rpx;color: #999;">{{item.clauseContent}}</text>
- </view>
- </u-checkbox>
- </view>
- </u-checkbox-group>
- </scroll-view>
- <view class="operateBtn dis ">
- <view class="cancel dis a-c j-c" @click="zijincontributingshow=false">
- 取消
- </view>
- <view class="confirm dis a-c j-c" @click="zijincontributingshow=false">
- 确定
- </view>
- </view>
- </view>
- </u-popup>
- <!-- 华泰特约 -->
- <u-popup v-model="huataicontributingshow" mode="bottom" border-radius="10" height="1200" :closeable="true">
- <view class="ZJcheckboxGroup dis f-c">
- <view class="headers dis a-start f-c mb-2">
- <text class="title">调整特约</text>
- <u-tabs :list="list" :is-scroll="false" :current="HTcurrent" @change="change($event,'HT')"
- active-color="#06A8DC" inactive-color="#81869B"
- style="background: transparent;width: 100px;"></u-tabs>
- </view>
- <view class="hint dis a-c ">
- <image src="../../static/image/car-insure/tishi.png" mode=""></image>
- <text>带有输入框的条款为可编辑内容,含x号内容可替换!</text>
- </view>
- <scroll-view scroll-y="true" class="scolcentent mt-2">
- <u-checkbox-group @change="huaTaicontributingChange" class="dis f-c" style="display: contents;">
- <view v-show="HTcurrent==0">
- <u-checkbox v-model="item.checked" v-for="(item, index) in huaTaiengageListDatajq"
- :key="index" :name="item.engageCode" active-color="#06A8DCs"
- style="align-items: baseline;">
- <view class="dis f-c " style="width:calc(100vw - 70px);">
- <text>{{item.engageTitle}}</text>
- <u-input style="width: 100%;" v-if="item.modifyFlag==1" :border="true"
- v-model="item.engageDetail" size="mini" type="textarea"
- :custom-style="{fontSize:'12px'}" />
- <text v-else style="font-size: 20rpx;color: #999;">{{item.engageDetail}}</text>
- </view>
- </u-checkbox>
- </view>
- <view v-show="HTcurrent==1">
- <u-checkbox v-model="item.checked" v-for="(item, index) in huaTaiengageListDatasy"
- :key="index" :name="item.engageCode" active-color="#06A8DCs"
- style="align-items: baseline;">
- <view class="dis f-c " style="width:calc(100vw - 70px);">
- <text>{{item.engageTitle}}</text>
- <u-input style="width: 100%;" v-if="item.modifyFlag==1" :border="true"
- v-model="item.engageDetail" size="mini" type="textarea"
- :custom-style="{fontSize:'12px'}" />
- <text style="font-size: 20rpx;color: #999;">{{item.engageDetail}}</text>
- </view>
- </u-checkbox>
- </view>
- </u-checkbox-group>
- </scroll-view>
- <view class="operateBtn dis ">
- <view class="cancel dis a-c j-c" @click="huataicontributingshow=false">
- 取消
- </view>
- <view class="confirm dis a-c j-c" @click="huataicontributingshow=false">
- 确定
- </view>
- </view>
- </view>
- </u-popup>
- <!-- 诚泰系数 -->
- <u-popup v-model="CTcoefficientShow" mode="bottom" border-radius="10" height="600" :closeable="true">
- <view class="ZJcheckboxGroup dis f-c">
- <view class="headers dis a-start f-c mb-2">
- <text class="title">调整系数</text>
- </view>
- <scroll-view scroll-y="true" class="scolcentent mt-2">
- <view class="dis j-s f-c" style="width: 90%;">
- <text>扩展内容</text>
- <view class="dis a-c j-s">
- <text>自主定价系数</text>
- <u-input type="number" v-model="CTcoefficientForm.coefficient"
- :custom-style="{textAlign:'right',width:'50px',marginRight:'10px'}"
- placeholder="请输入"></u-input>
- </view>
- <view class="dis a-c j-s">
- <text>商业险折扣</text>
- <u-input type="number" v-model="CTcoefficientForm.discount"
- :custom-style="{textAlign:'right',width:'50px',marginRight:'10px'}"
- placeholder="请输入"></u-input>
- </view>
- <view class="dis a-c j-s">
- <text>是否验车</text>
- <u-switch v-model="isInspectchange" active-color="#0052FF" inactive-color="#eee"
- size='30'></u-switch>
- </view>
- </view>
- </scroll-view>
- <view class="operateBtn dis ">
- <view class="cancel dis a-c j-c" @click="CTcoefficientShow=false">
- 取消
- </view>
- <view class="confirm dis a-c j-c" @click="CTcoefficientSubmit">
- 确定
- </view>
- </view>
- </view>
- </u-popup>
- <!-- 紫金系数 -->
- <u-popup v-model="ZJcoefficientShow" mode="bottom" border-radius="10" height="500" :closeable="true">
- <view class="ZJcheckboxGroup dis f-c">
- <view class="headers dis a-start f-c mb-2">
- <text class="title">调整系数</text>
- </view>
- <scroll-view scroll-y="true" class="scolcentent mt-2">
- <view class="dis j-s f-c" style="width: 90%;">
- <text>扩展内容</text>
- <view class="dis a-c j-end">
- <text>自主定价系数</text>
- <u-input type="number" v-model="ZJcoefficientForm.coefficient"
- :custom-style="{textAlign:'right',width:'50px',marginRight:'10px'}"
- placeholder="请输入"></u-input>
- </view>
- </view>
- </scroll-view>
- <view class="operateBtn dis ">
- <view class="cancel dis a-c j-c" @click="ZJcoefficientShow=false">
- 取消
- </view>
- <view class="confirm dis a-c j-c" @click="ZJcoefficientSubmit">
- 确定
- </view>
- </view>
- </view>
- </u-popup>
- <u-modal v-model="guoRenPopupshow" title="驾意险"
- :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
- :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
- <view class="slot-content p-2">
- <u-radio-group size="30" wrap>
- <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="GRradioChange" shape="square"
- v-for="(item, index) in guoRenInsuranceData" :key="index" :name="item.projectCode">
- {{item.alias}}
- </u-radio>
- </u-radio-group>
- </view>
- </u-modal>
- <u-modal v-model="dajiaPopupshow" title="驾意险"
- :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
- :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
- <view class="slot-content p-2">
- <u-radio-group size="30" wrap>
- <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="DJradioChange" shape="square"
- v-for="(item, index) in dajiaInsuranceData" :key="index" :name="item.projectCode">
- {{item.alias}}
- </u-radio>
- </u-radio-group>
- </view>
- </u-modal>
- <u-modal v-model="Generateshow" content="是否生成新的订单?" :content-style="{fontWeight: 'bold'}"
- :show-cancel-button="true" :show-title="false" :confirm-style="{color: '#ff9000'}"
- @confirm="GenerateModalConfirm"></u-modal>
- <u-modal v-model="preUnderwritingshow" width="72%" title="预核保信息" :title-style="{fontWeight: 'bold'}">
- <view class="" style="padding: 10px;overflow-y:auto;height: 400px;">
- <view v-for="(item,index) in RSpreUnderwritingList" :key="index">
- <view class="dis f-c " style="background-color: #FFEEEE;">
- <text style="font-weight: bold;">审核意见</text>
- <text style="font-size: 12px;">{{item.opinion}}</text>
- </view>
- <view class="dis f-c" style="background-color: #FFEEEE;">
- <text style="font-weight: bold;">备注</text>
- <text style="font-size: 12px;">{{item.description}}</text>
- </view>
- </view>
- </view>
- </u-modal>
- <!-- 优惠信息弹窗 -->
- <u-popup v-model="discountInfoPopup" mode="center" width="78%" border-radius="6">
- <view class="">
- <view class="p-2 dis j-c a-c">
- <text class="font-weight">{{discountInfoPopupTitle}}优惠信息</text>
- </view>
- <view style="padding: 0 20px;">
- <scroll-view :scroll-top="scrollTop" scroll-y="true" class="discountInfoscroll">
- <rich-text :nodes="discountInfoPopupContent"></rich-text>
- </scroll-view>
- </view>
- <view class="PlanPopup-btn dis a-c j-c">
- <u-button shape="circle" size="medium" @click="discountInfoPopup=false">取消</u-button>
- </view>
- </view>
- </u-popup>
- <u-modal v-model="InsureGuidePopup" ref="uModal" :show-title="false" border-radius="12" confirm-color="#FF5600"
- :confirm-style="{background:'#FFEFE6',height:'36px',lineHeight:'36px'}">
- <view class="">
- <image src="/static/image/car-insure/InsureGuide.png" mode="" style="width: 100%;height: 40px;"></image>
- <scroll-view class="scrollBar" scroll-y="true"
- style="max-height: 500px; padding: 10px; box-sizing: border-box;">
- <view class="dis a-c ">
- <image src="../../static/image/car-insure/duigou1.png" mode=""
- style="width: 16px;height: 16px;">
- </image>
- <text class="font-weight"
- style="font-size: 14px;color: #FF5600;font-family: Source Han Sans SC, Source Han Sans SC;">{{insGuideTitle}}-{{productName}}</text>
- </view>
- <rich-text :nodes="insGuide"></rich-text>
- </scroll-view>
- </view>
- </u-modal>
- <!-- 确认核保弹窗 -->
- <u-modal v-model="auditNextShow" content="是否确认提交核保" :show-title="false"
- :confirm-style="{background:'#0052FF',color:'#fff'}" :mask-close-able='true' @confirm="auditNextconfirm"
- :show-cancel-button="true" :async-close="true">
- </u-modal>
- <!-- 核保提示弹窗 -->
- <u-modal v-model="underwriteShow" :title="underwriteTitle" :title-style="{fontWeight:'bold'}"
- :confirm-text="confirmText" :cancel-text="cancelText" :confirm-style="{background:'#0052FF',color:'#fff'}"
- :show-cancel-button="true" @confirm="underwriteconfirm" @cancel="underwritecancel">
- <view class="slot-content">
- <scroll-view class="scrollBar" scroll-y="true"
- style="max-height: 300px; padding: 10px 20px; box-sizing: border-box;">
- <view class="content">
- <rich-text :nodes="underwriteMsg"></rich-text>
- </view>
- </scroll-view>
- </view>
- </u-modal>
- <!-- 华泰特约 -->
- <u-popup v-model="resubmitDocumentsShow" mode="bottom" border-radius="10" height="1300" :closeable="true"
- width="90%">
- <view class="ZJcheckboxGroup dis f-c">
- <view class="headers dis a-start f-c mb-2"
- :style="{backgroundImage: `url('../../static/image/car-insure/buluimgheader.png')`,borderBottom:'none'}">
- <text class="title">补录影像</text>
- <u-tabs :list="imagelist" :is-scroll="false" :current="imagecurrent" @change="imagechange"
- active-color="#06A8DC" inactive-color="#81869B"
- style="background: transparent;width: 200px;"></u-tabs>
- </view>
- <scroll-view scroll-y="true" class="scolcentent mt-2"
- style=" padding: 0 20px 0; box-sizing: border-box;">
- <view class="content">
- <view v-show="imagecurrent==0">
- <view class="uni-uploader mb-2">
- <view class="uni-uploader-body dis j-s a-c">
- <view class="uni-uploader__files dis f-c a-start ">
- <block v-for="(image,index) in imgList1" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList1')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'carImageListId','imgList1')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">行驶证主页</view>
- </view>
- </block>
- <view v-if="imgList1.length==0 " class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">行驶证主页</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C01','carImageListId','imgList1')">
- </view>
- </view>
- </view>
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgList2" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList2')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'carImageListId','imgList2')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">行驶证副本</view>
- </view>
- </block>
- <view v-if="imgList2.length==0" class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">行驶证副本</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('D01','carImageListId','imgList2')">
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="uni-uploader mb-2">
- <view class="uni-uploader-body dis j-s a-c">
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgList3" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList3')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'ownerImageListId','imgList3')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">车主身份证正面</view>
- </view>
- </block>
- <view v-if="imgList3.length==0" class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">车主身份证正面</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C02','ownerImageListId','imgList3')"></view>
- </view>
- </view>
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgList4" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList4')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'ownerImageListId','imgList4')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">车主身份证反面</view>
- </view>
- </block>
- <view v-if="imgList4.length==0" class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">车主身份证反面</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('D02','ownerImageListId','imgList4')"></view>
- </view>
- </view>
- </view>
- </view>
- <view class="uni-uploader mb-2">
- <view class="uni-uploader-body dis j-s a-c">
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgList5" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList5')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'policyImageListId','imgList5')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">投保人身份证正面</view>
- </view>
- </block>
- <view v-if="imgList5.length==0" class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">投保人身份证正面</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C03','policyImageListId','imgList5')"></view>
- </view>
- </view>
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgList6" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList6')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'policyImageListId','imgList6')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">投保人身份证反面</view>
- </view>
- </block>
- <view v-if="imgList6.length==0" class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">投保人身份证反面</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('D03','policyImageListId','imgList6')"></view>
- </view>
- </view>
- </view>
- </view>
- <view class="uni-uploader mb-2">
- <view class="uni-uploader-body dis j-s a-c">
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgList7" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList7')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'insuredImageListId','imgList7')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">被保人身份证正面</view>
- </view>
- </block>
- <view v-if="imgList7.length==0" class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">被保人身份证正面</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C04','insuredImageListId','imgList7')"></view>
- </view>
- </view>
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgList8" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList8')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'insuredImageListId','imgList8')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">被保人身份证反面</view>
- </view>
- </block>
- <view v-if="imgList8.length==0" class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">被保人身份证反面</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('D04','insuredImageListId','imgList8')"></view>
- </view>
- </view>
- </view>
- </view>
- <view class="uni-uploader mb-2">
- <view class="uni-uploader-body dis j-s a-c">
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgNewCarQualified" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgNewCarQualified')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'imgNewCarinvoiceId','imgNewCarQualified')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">新车合格证</view>
- </view>
- </block>
- <view v-if="imgNewCarQualified.length==0" class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">新车合格证</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('XC00','imgNewCarinvoiceId','imgNewCarQualified')">
- </view>
- </view>
- </view>
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgNewCarInvoice" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgNewCarInvoice')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'imgNewCarinvoiceId','imgNewCarInvoice')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">购车发票</view>
- </view>
- </block>
- <view v-if="imgNewCarInvoice.length==0" class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">购车发票</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('GC00','imgNewCarinvoiceId','imgNewCarInvoice')">
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="uni-uploader">
- <view class="uni-uploader-body dis j-s a-c">
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgRelationship" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgRelationship')"></image>
- <view class="delImgIcon d-flex a-center j-center "
- @tap="delCheckImage('imgRelationship',index)">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">其他关系证明</view>
- </view>
- </block>
- <view class="uni-uploader__input-box" style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">其他关系证明</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('GX00','imgRelationshipid','imgRelationship')"></view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view v-show="imagecurrent==1">
- <view class="uni-uploader mb-2">
- <view class="uni-uploader-body dis j-s a-c">
- <view class="uni-uploader__files dis f-c a-start ">
- <block v-for="(image,index) in imgList9" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList9')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'carInspectionImage','imgList9')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">验车照(车架)</view>
- </view>
- </block>
- <view v-if="imgList9.length==0 " class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">验车照(车架)</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C0500','carInspectionImage','imgList9')">
- </view>
- </view>
- </view>
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgList10" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList10')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'carInspectionImage','imgList10')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">验车照(后左)</view>
- </view>
- </block>
- <view v-if="imgList10.length==0" class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">验车照(后左)</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C0501','carInspectionImage','imgList10')">
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="uni-uploader mb-2">
- <view class="uni-uploader-body dis j-s a-c">
- <view class="uni-uploader__files dis f-c a-start ">
- <block v-for="(image,index) in imgList11" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList11')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'carInspectionImage','imgList11')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">验车照(后右)</view>
- </view>
- </block>
- <view v-if="imgList11.length==0 " class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">验车照(后右)</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C0502','carInspectionImage','imgList11')">
- </view>
- </view>
- </view>
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgList12" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList12')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'carInspectionImage','imgList12')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">验车照(前右)</view>
- </view>
- </block>
- <view v-if="imgList12.length==0" class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">验车照(前右)</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C0503','carInspectionImage','imgList12')">
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="uni-uploader mb-2">
- <view class="uni-uploader-body dis j-s a-c">
- <view class="uni-uploader__files dis f-c a-start ">
- <block v-for="(image,index) in imgList13" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList13')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'carInspectionImage','imgList13')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">验车照(前左)</view>
- </view>
- </block>
- <view v-if="imgList13.length==0 " class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">验车照(前左)</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C0504','carInspectionImage','imgList13')">
- </view>
- </view>
- </view>
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgList14" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList14')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'carInspectionImage','imgList14')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">验车照(人车合影)</view>
- </view>
- </block>
- <view v-if="imgList14.length==0" class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">验车照(人车合影)</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C0505','carInspectionImage','imgList14')">
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="uni-uploader mb-2">
- <view class="uni-uploader-body dis j-s a-c">
- <view class="uni-uploader__files dis f-c a-start ">
- <block v-for="(image,index) in imgList15" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList15')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'carInspectionImage','imgList15')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">验车照(正前)</view>
- </view>
- </block>
- <view v-if="imgList15.length==0 " class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">验车照(正前)</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C0506','carInspectionImage','imgList15')">
- </view>
- </view>
- </view>
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgList16" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList16')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'carInspectionImage','imgList16')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">验车照(正后)</view>
- </view>
- </block>
- <view v-if="imgList16.length==0" class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">验车照(正后)</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C0507','carInspectionImage','imgList16')">
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="uni-uploader mb-2">
- <view class="uni-uploader-body dis j-s a-c">
- <view class="uni-uploader__files dis f-c a-start ">
- <block v-for="(image,index) in imgList17" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList17')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'carInspectionImage','imgList17')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">验车照(地标合影)</view>
- </view>
- </block>
- <view v-if="imgList17.length==0 " class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">验车照(地标合影)</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C0508','carInspectionImage','imgList17')">
- </view>
- </view>
- </view>
- <view class="uni-uploader__files dis f-c a-start">
- <block v-for="(image,index) in imgList18" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList18')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'carInspectionImage','imgList18')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">验车照(工作台)</view>
- </view>
- </block>
- <view v-if="imgList18.length==0" class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">验车照(工作台)</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C0509','carInspectionImage','imgList18')">
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="uni-uploader mb-2">
- <view class="uni-uploader-body dis j-s a-c">
- <view class="uni-uploader__files dis f-c a-start ">
- <block v-for="(image,index) in imgList19" :key="index">
- <view class="uni-uploader__file">
- <image class="uni-uploader__img" :src="image.url" :data-src="image.url"
- @tap="previewImage($event,'imgList19')"></image>
- <view class="delImgIcon d-flex a-center j-center"
- @tap="delCheckImage(image,'carInspectionImage','imgList19')">
- <image src="../../static/image/car-insure/imgdel.png" mode=""
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="imgtitle dis a-c j-c">验车照(天窗)</view>
- </view>
- </block>
- <view v-if="imgList19.length==0 " class="uni-uploader__input-box"
- style="box-sizing: border-box;">
- <view class="imgtitle dis a-c j-c">验车照(天窗)</view>
- <view class="uni-uploader__input"
- @tap="chooseImage('C0510','carInspectionImage','imgList19')">
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </scroll-view>
- <view class="operateBtn1 dis a-c j-c">
- <view class="cancel dis a-c j-c" @click="resubmitDocumentsShow=false">
- 取消
- </view>
- <view class="confirm dis a-c j-c" @click="resubmitImageconfirm">
- 确定
- </view>
- </view>
- </view>
- </u-popup>
- <previewImage ref="previewImage" :opacity="0.8" :circular="true" :imgs="previewImgs"></previewImage>
- </view>
- </template>
- <script>
- import {
- mapState
- } from "vuex"
- import lsLoading from '@/components/common/ls-loading/ls-loading.vue';
- import wybPopup from '@/components/modules/carInsure/wyb-popup/wyb-popup.vue'
- import previewImage from '@/components/common/previewImage/previewImage.vue'; //引用插件
- export default {
- components: {
- wybPopup,
- lsLoading,
- previewImage
- },
- watch: {
- comparableQuantity: {
- handler(val) {
- console.log(val);
- },
- },
- },
- computed: {
- ...mapState(['userInfo', 'token', 'quotationType']),
- guoRenSpecialAgreementDatajq() {
- return this.guoRenSpecialAgreementData.filter(item => item.riskCode === "0507");
- },
- guoRenSpecialAgreementDatasy() {
- return this.guoRenSpecialAgreementData.filter(item => item.riskCode === "0510");
- },
- ziJinengageListDatajq() {
- return this.ziJinengageListData.filter(item => item.riskCode === "0507");
- },
- ziJinengageListDatasy() {
- return this.ziJinengageListData.filter(item => item.riskCode === "0510");
- },
- huaTaiengageListDatajq() {
- return this.huaTaiengageListData.filter(item => item.riskCode === "0507");
- },
- huaTaiengageListDatasy() {
- return this.huaTaiengageListData.filter(item => item.riskCode === "0510");
- }
- },
- // 监听导航栏的按钮
- onNavigationBarButtonTap(e) {
- if (e.index == 0) {
- this.navigate({
- url: '/pages/index/index'
- }, "switchTab", true);
- }
- },
- data() {
- return {
- imagelist: [{
- name: '车辆/人员信息'
- },
- {
- name: '验车照'
- }
- ],
- imagecurrent: 0,
- //特约分类
- list: [{
- name: '交强'
- }, {
- name: '商业'
- }],
- ZJcurrent: 0,
- GRcurrent: 0,
- HTcurrent: 0,
- //特约分类
- CTcoefficientForm: {
- coefficient: null, //系数
- discount: null, //折扣
- },
- ZJcoefficientForm: {
- coefficient: null, //系数
- },
- CTcoefficientIndex: "",
- ZJcoefficientIndex: "",
- CTcoefficientShow: false, //诚泰系数
- ZJcoefficientShow: false, //紫金系数
- previewImgs: [],
- carImageListId: [],
- ownerImageListId: [],
- policyImageListId: [],
- insuredImageListId: [],
- imgRelationshipid: [], //其他关系
- imgNewCarinvoiceId: [], //购车发票
- imgRelationship: [], //其他证明
- imgNewCarQualified: [], //合格证
- imgNewCarInvoice: [], //发票
- carInspectionImage: [], //验车照
- imgList1: [],
- imgList2: [],
- imgList3: [],
- imgList4: [],
- imgList5: [],
- imgList6: [],
- imgList7: [],
- imgList8: [],
- imgList9: [],
- imgList10: [],
- imgList11: [],
- imgList12: [],
- imgList13: [],
- imgList14: [],
- imgList15: [],
- imgList16: [],
- imgList17: [],
- imgList18: [],
- imgList19: [],
- resubmitDocumentsShow: false,
- insuranceCompanyName: "", //保险公司简称
- companyId: "", //子订单ID
- apiType: "", //区分核保接口请求类型
- auditNextShow: false, //核保确认弹窗
- //核保提示
- underwriteShow: false,
- underwriteTitle: "订单自核成功", //核保状态
- confirmText: "立即缴费", //核保提示自定义按钮
- cancelText: "暂不缴费",
- underwriteMsg: "",
- //核保提示
- /* 优惠信息弹窗*/
- discountInfoPopup: false,
- discountInfoPopupTitle: "",
- discountInfoPopupContent: ``,
- /* 优惠信息弹窗*/
- /* 投保指引*/
- insGuide: "",
- insGuideTitle: "",
- /* 投保指引*/
- guoRenSpecialAgreementData: [],
- guoRenSpecialAgreementVo: [],
- ziJinengageListData: [], //紫金特约list
- huaTaiengageListData: [], //华泰特约list
- huaTaiengageList: [],
- ziJinengageList: [],
- preUnderwritingshow: false, //预核保信息弹窗
- Generateshow: false,
- guoRencontributingshow: false, //国任特约弹窗
- zijincontributingshow: false, //紫金特约弹窗
- huataicontributingshow: false, //华泰特约弹窗
- priceComparisonShow: false, //比价弹窗
- comparableQuantity: 0, //报价成功总数
- selectedCount: 0, //比价勾选数量
- riskList: [], //险种大类
- model: {
- taxRelifFlag: "正常交税",
- taxpayerIdentifier: "身份证",
- relifReason: "",
- taxPaidAreaCode: "",
- },
- //车船税form
- vehicleAndVesselTaxForm: {
- taxRelifFlag: "1", //类型
- identifyNumber: "", //纳税人识别号
- taxpayerIdentifier: "01", //纳税人证件类型
- taxpayerName: "", //纳税人名称
- extendChar2: "", //减免税凭证号
- paidFreeCertificate: "", //完税凭证号
- relifReason: "", //减免税原因
- taxComCode: "", //税务机关代码
- taxComName: "", ///税务机关名称
- taxDocumentDate: "", //完税日期
- taxPaidAreaCode: "", //完税凭证地区代码
- taxRelief: "", //减税比例
- },
- taxRelifFlagoptions: [],
- taxpayerIdentifieroptions: [],
- relifReasonoptions: [],
- taxPaidAreaCodeShow: false, //完税凭证地区
- taxDocumentDateShow: false, //完税凭证填发日期
- taxRelifFlagShow: false, //车船税类型
- taxpayerIdentifierShow: false, //纳税人证件类型
- relifReasonShow: false, //减免税原因代码
- params: {
- year: true, //年
- month: true, //月
- day: true, //日
- hour: true, //时
- minute: true, //分
- second: true, //秒
- },
- jqimmediately: "0",
- jqimmediatelyList: [{
- label: '是',
- value: "1",
- },
- {
- label: '否',
- value: "0",
- },
- ],
- syimmediately: "0",
- syimmediatelyList: [{
- label: '是',
- value: "1",
- },
- {
- label: '否',
- value: "0",
- },
- ],
- jqchecked: false,
- sychecked: false,
- jqstartShow: false,
- jqendShow: false,
- systartShow: false,
- syendShow: false,
- jqstartDate: "",
- jqendDate: "",
- systartDate: "",
- syendDate: "",
- scrollTop: 0,
- carInfo: {},
- ownerInfo: {},
- policyHolderInfo: {},
- insuredPersonInfo: {},
- carInfoPositiveList: [],
- ownerInfoPositiveList: [],
- policyHolderInfoPositiveList: [],
- insuredPersonInfoPositiveList: [],
- transferDateShow: false,
- params1: {
- year: true, //年
- month: true, //月
- day: true, //日
- hour: false, //时
- minute: false, //分
- second: false, //秒
- },
- params2: {
- province: true,
- city: false,
- area: false
- },
- quotableCompanyList: [],
- RSpreUnderwritingList: [],
- productId: "",
- productName: "",
- animation: 'twinkle', //动画类型
- InsureGuidePopup: false,
- /* 投保指引弹窗*/
- InsureGuideContent: "", // 指引内容
- SelectedPlanId: "2", //已选方案id
- genericPlanPopup: false, //方案选择弹窗
- planDataExpansion: { //方案综合数据
- id: "",
- namesimple: "",
- cnName: "",
- genericPlanList: [], //方案通用列表
- genericPlanInfo: {}, //方案展示信息
- },
- insureItem: {},
- orderno: "", //订单号
- quoteno: "", //报价号
- accidentInsuranceCategoryList: [],
- accidentCategoryId: "",
- /* 安盛 */
- anshengPopupshow: false,
- anshengInsuranceData: [],
- anshengaccidentalDrivingVo: {},
- /* 国任 */
- guoRenPopupshow: false,
- guoRenInsuranceData: [],
- guoRenaccidentalDrivingVo: {},
- /* 大家 */
- dajiaPopupshow: false,
- dajiaInsuranceData: [],
- dajiaaccidentalDrivingVo: {},
- /* 永诚 */
- yongchengPopupshow: false,
- yongchengInsuranceData: [],
- yongchengaccidentalDrivingVo: {},
- /* 恒邦 */
- hengbangPopupshow: false,
- hengbangInsuranceData: [],
- hengbangaccidentalDrivingVo: {},
- /* 诚泰 */
- chengtaiPopupshow: false,
- chengtaiInsuranceData: [],
- chengtaiaccidentalDrivingVo: {},
- /* 中煤 */
- zhongmeiPopupshow: false,
- zhongmeiInsuranceData: [],
- zhongmeiaccidentalDrivingVo: {},
- /* 泰康 */
- taikangPopupshow: false,
- taikangInsuranceData: [],
- taikangaccidentalDrivingVo: {},
- /* 渤海 */
- bohaiPopupshow: false,
- bohaiInsuranceData: [],
- bohaiaccidentalDrivingVo: {},
- /* 众安 */
- zhonganPopupshow: false,
- zhonganInsuranceData: [],
- zhonganaccidentalDrivingVo: {},
- /* 太平 */
- taipingPopupshow: false,
- taipingInsuranceData: [],
- taipingaccidentalDrivingVo: {},
- /* 华农 */
- huanongPopupshow: false,
- huanongInsuranceData: [],
- huanongaccidentalDrivingVo: {},
- /* 人寿 */
- renshouPopupshow: false,
- renshouInsuranceData: [],
- renshouaccidentalDrivingVo: {},
- /* 紫金 */
- zijinPopupshow: false,
- zijinInsuranceData: [],
- zijinaccidentalDrivingVo: [],
- isInspectchange: false,
- }
- },
- onShow() {
- },
- async onLoad(params) {
- console.log(params);
- if (params.orderno) {
- let res = await this.$http.post('/insurance/order/reviseApp', {
- orderNo: params.orderno
- });
- this.productId = res.data.productid; //险种id
- this.productName = res.data.product; //险种name
- this.quotableCompanyList = JSON.parse(JSON.stringify(res.data.companyDtos));
- this.commpanyList();
- this.carInfo = res.data.carinfo; //车辆信息
- this.ownerInfo = res.data.ownerinfo; //车主信息
- this.policyHolderInfo = res.data.applyinfo; //投保人信息
- this.insuredPersonInfo = res.data.insureinfo; //被保人信息
- this.riskList = res.data.risk; //险种大类
- this.vehicleAndVesselTaxForm = res.data.vehicleAndVesselTax; //车船税信息
- this.orderno = res.data.orderno;
- this.quoteno = res.data.quoteno;
- this.imageEcho(res.data.quoteno) // 影像获取完毕
- if (this.riskList.length > 0) {
- for (let i = 0; i < this.riskList.length; i++) {
- if (this.riskList[i].riskCode == '0507') {
- if (this.isDateBeforeToday(this.riskList[i].startDate)) {
- this.jqstartDate = this.nextday();
- this.jqendDate = this.oneYearPast(this.jqstartDate)
- this.riskList[i].startDate = this.nextday()
- this.riskList[i].endDate = this.oneYearPast(this.jqstartDate)
- } else {
- this.jqstartDate = this.riskList[i].startDate;
- this.jqendDate = this.riskList[i].endDate;
- }
- }
- if (this.riskList[i].riskCode == '0510') {
- if (this.isDateBeforeToday(this.riskList[i].startDate)) {
- this.systartDate = this.nextday();
- this.syendDate = this.oneYearPast(this.systartDate)
- this.riskList[i].startDate = this.nextday()
- this.riskList[i].endDate = this.oneYearPast(this.systartDate)
- } else {
- this.systartDate = this.riskList[i].startDate;
- this.syendDate = this.riskList[i].endDate;
- }
- }
- }
- }
- } else {
- this.jqstartDate = this.nextday();
- this.jqendDate = this.oneYearPast(this.jqstartDate);
- this.systartDate = this.nextday();
- this.syendDate = this.oneYearPast(this.jqstartDate);
- const eventChannel = this.getOpenerEventChannel()
- // 监听acceptData事件,获取上一页面通过eventChannel传送到当前页面的数据
- await eventChannel.on('acceptData', (data) => {
- console.log(data);
- this.carInfo = data.carInfo; //车辆信息
- this.ownerInfo = data.ownerInfo; //车主信息
- this.policyHolderInfo = data.policyHolderInfo; //投保人信息
- this.insuredPersonInfo = data.insuredPersonInfo; //被保人信息
- this.carInfoPositiveList = data.carInfoPositiveList; //车辆
- this.ownerInfoPositiveList = data.ownerInfoPositiveList; //车主
- this.policyHolderInfoPositiveList = data.policyHolderInfoPositiveList; //投保
- this.insuredPersonInfoPositiveList = data.insuredPersonInfoPositiveList; //被保人
- this.productId = data.productId; //险种id
- this.productName = data.productName; //险种name
- this.riskTypeEchoProcessing(this.productId)
- this.quotableCompanyList = JSON.parse(JSON.stringify(data.quotableCompanyList)); //可报价公司
- this.commpanyList();
- })
- }
- this.getDicType("taxRelifFlag"); //车船税类型
- this.getDicType("taxpayerIdentifier"); //纳税人证件类型
- this.getDicType("relifReason"); //减免税原因代码
- },
- methods: {
- CTcoefficientSubmit() {
- this.quotableCompanyList[this.CTcoefficientIndex].coefficient = this.CTcoefficientForm.coefficient;
- this.quotableCompanyList[this.CTcoefficientIndex].discount = this.CTcoefficientForm.discount;
- this.CTcoefficientShow = false;
- },
- ZJcoefficientSubmit() {
- this.quotableCompanyList[this.ZJcoefficientIndex].coefficient = this.ZJcoefficientForm.coefficient;
- this.ZJcoefficientShow = false;
- },
- CTadjustmentCoefficient(index) {
- this.CTcoefficientIndex = index;
- this.CTcoefficientShow = true;
- },
- ZJadjustmentCoefficient(index) {
- this.ZJcoefficientIndex = index;
- this.ZJcoefficientShow = true;
- },
- change(index, name) {
- this[name + 'current'] = index;
- },
- imagechange(index) {
- this.imagecurrent = index;
- },
- btn_click() {
- uni.navigateTo({
- url: '/pages/chat/chat'
- })
- },
- isDateBeforeToday(date) {
- const inputDate = new Date(date); // 将输入的日期转换为 Date 对象
- const today = new Date(); // 获取当前日期
- // 比较日期是否小于当前日期
- if (inputDate < today) {
- return true; // 输入日期小于当前日期
- } else {
- return false; // 输入日期大于等于当前日期
- }
- },
- //影像查询
- async imageEcho(quotenos) {
- let imgres = await this.$http.get('/ins/taskImage/findByQuoteNo?quoteNo=' + quotenos);
- if (imgres.code == "200") {
- Object.keys(imgres.data).forEach((keys) => {
- if (imgres.data[keys].url) {
- imgres.data[keys].url = this.$base.baseUrl + imgres.data[keys].url;
- switch (keys) {
- case 'C01':
- this.carInfoPositiveList.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- })
- break;
- case 'D01':
- this.carInfoPositiveList.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- })
- break;
- case 'C02':
- this.ownerInfoPositiveList.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- });
- break;
- case 'D02':
- this.ownerInfoPositiveList.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- });
- break;
- case 'C03':
- this.policyHolderInfoPositiveList.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- });
- break;
- case 'D03':
- this.policyHolderInfoPositiveList.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- });
- break;
- case 'C04':
- this.insuredPersonInfoPositiveList.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- });
- break;
- case 'D04':
- this.insuredPersonInfoPositiveList.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- });
- break;
- default:
- break;
- }
- }
- });
- }
- },
- //影像查询
- async imageEcho1(quotenos) {
- this.imgList1 = [];
- this.imgList2 = [];
- this.imgList3 = [];
- this.imgList4 = [];
- this.imgList5 = [];
- this.imgList6 = [];
- this.imgList7 = [];
- this.imgList8 = [];
- let imgres = await this.$http.get('/ins/taskImage/findByQuoteNo?quoteNo=' + quotenos);
- if (imgres.code == "200") {
- Object.keys(imgres.data).forEach((keys) => {
- if (imgres.data[keys].url) {
- imgres.data[keys].url = this.$base.baseUrl + imgres.data[keys].url;
- switch (keys) {
- case 'C01':
- this.carImageListId.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- })
- this.imgList1.push(imgres.data[keys]);
- break;
- case 'D01':
- this.carImageListId.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- })
- this.imgList2.push(imgres.data[keys]);
- break;
- case 'C02':
- this.ownerImageListId.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- })
- this.imgList3.push(imgres.data[keys]);
- break;
- case 'D02':
- this.ownerImageListId.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- })
- this.imgList4.push(imgres.data[keys]);
- break;
- case 'C03':
- this.policyImageListId.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- })
- this.imgList5.push(imgres.data[keys]);
- break;
- case 'D03':
- this.policyImageListId.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- })
- this.imgList6.push(imgres.data[keys]);
- break;
- case 'C04':
- this.insuredImageListId.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- })
- this.imgList7.push(imgres.data[keys]);
- break;
- case 'D04':
- this.insuredImageListId.push({
- imageId: imgres.data[keys].imageId,
- imageType: imgres.data[keys].imageType,
- })
- this.imgList8.push(imgres.data[keys]);
- break;
- default:
- break;
- }
- }
- });
- }
- },
- back() {
- uni.navigateBack(1)
- },
- //-------------驾意险处理开始
- //国任
- GRradioChange(id) {
- let obj = this.guoRenInsuranceData.find((val => val.projectCode == id))
- Object.assign(this.guoRenaccidentalDrivingVo, obj);
- this.guoRenPopupshow = false;
- },
- //大家
- DJradioChange(id) {
- let obj = this.dajiaInsuranceData.find((val => val.projectCode == id))
- Object.assign(this.dajiaaccidentalDrivingVo, obj);
- this.dajiaPopupshow = false;
- },
- //紫金意外险
- ZJcheckboxGroupChange(detail) {
- this.zijinaccidentalDrivingVo = [];
- detail.map(val => {
- let list = this.zijinInsuranceData.find(item => item.projectCode == val)
- this.zijinaccidentalDrivingVo.push(list)
- })
- },
- //安盛
- ASradioChange(id) {
- let obj = this.anshengInsuranceData.find((val => val.projectCode == id))
- Object.assign(this.anshengaccidentalDrivingVo, obj);
- this.anshengPopupshow = false;
- },
- //太平
- TPradioChange(id) {
- let obj = this.taipingInsuranceData.find(val => val.projectCode == id)
- Object.assign(this.taipingaccidentalDrivingVo, obj);
- this.taipingPopupshow = false;
- },
- //泰康
- TkradioChange(id) {
- let obj = this.taikangInsuranceData.find(val => val.projectCode == id)
- Object.assign(this.taikangaccidentalDrivingVo, obj);
- this.taikangPopupshow = false;
- },
- //永诚
- YCradioChange(id) {
- let obj = this.yongchengInsuranceData.find(val => val.projectCode == id)
- Object.assign(this.yongchengaccidentalDrivingVo, obj);
- this.yongchengPopupshow = false;
- },
- //中煤
- ZMradioChange(id) {
- let obj = this.zhongmeiInsuranceData.find(val => val.projectCode == id)
- Object.assign(this.zhongmeiaccidentalDrivingVo, obj);
- this.zhongmeiPopupshow = false;
- },
- //渤海意外险
- BHradioChange(id) {
- let info = this.bohaiInsuranceData.find(val => val.projectCode == id)
- Object.assign(this.bohaiaccidentalDrivingVo, obj);
- this.bohaiPopupshow = false;
- },
- //人寿意外险
- RSradioChange(id) {
- let obj = this.renshouInsuranceData.find(val => val.projectCode == id)
- Object.assign(this.renshouaccidentalDrivingVo, obj);
- this.renshouPopupshow = false;
- },
- //恒邦意外险
- HBradioChange(id) {
- let obj = this.hengbangInsuranceData.find(val => val.projectCode ==
- id)
- Object.assign(this.hengbangaccidentalDrivingVo, obj);
- this.hengbangPopupshow = false;
- },
- //众安意外险
- ZAradioChange(id) {
- let obj = this.zhonganInsuranceData.find(val => val.projectCode == id)
- Object.assign(this.zhonganaccidentalDrivingVo, obj);
- this.zhonganPopupshow = false;
- },
- //华农驾意险
- HNradioChange(id) {
- let obj = this.huanongInsuranceData.find(val => val.projectCode == id);
- Object.assign(this.huanongaccidentalDrivingVo, obj);
- this.huanongaccidentalDrivingVo.accidentType = this.huanongaccidentalDrivingVo.planCode;
- this.huanongPopupshow = false;
- },
- //-------------驾意险处理结束
- adjustBIItemLabelSubmit() {
- for (let i = 0; i < this.planDataExpansion.genericPlanInfo.kinds.length; i++) {
- if (this.insureItem.kindCode == this.planDataExpansion.genericPlanInfo.kinds[i].kindCode) {
- this.planDataExpansion.genericPlanInfo.kinds[i].amount = this.insureItem.amount; /* 保额 */
- this.planDataExpansion.genericPlanInfo.kinds[i].amountDesc = this.insureItem.amountDesc; /* 保额名称 */
- }
- }
- this.$refs.popupBI.hide();
- },
- numberBoxChange(val) {
- if (val.value > 0) {
- this.insureItem.amount = val.value;
- this.insureItem.amountDesc = val.value + '次';
- } else {
- this.insureItem.amount = 0;
- this.insureItem.amountDesc = '不投保';
- }
- },
- //弹出popup框并显示基本信息
- adjustBIItem(index) {
- var a = {};
- Object.assign(a, this.planDataExpansion.genericPlanInfo.kinds[index])
- this.insureItem = a;
- this.$refs.popupBI.show() // 显示
- },
- //popup内容的label改变
- adjustBIItemLabel(index) {
- this.insureItem.amount = this.insureItem.amtList[index].value;
- this.insureItem.amountDesc = this.insureItem.amtList[index].label;
- },
- jqterms() {
- let file = 'https://sxzgkj.baoxianzhanggui.com/web-api/upload/specification/commercialInsurance.pdf';
- //#ifdef APP-PLUS
- uni.showLoading({
- title: '正在打开'
- });
- let dtask = plus.downloader.createDownload(file, {
- filename: "_downloads/" + '交强条款.pdf'
- }, function(d, status) {
- if (status == 200) {
- uni.hideLoading()
- //下载成功,d.filename是文件在保存在本地的相对路径,使用下面的API可转为平台绝对路径
- let fileSaveUrl = plus.io.convertLocalFileSystemURL(d.filename);
- plus.runtime.openFile(d.filename); //选择软件打开文件
- } else {
- uni.hideLoading()
- //下载失败
- plus.downloader.clear(); //清除下载任务
- }
- })
- dtask.start();
- //#endif
- //#ifdef H5
- var win = window.open();
- win.document.write(
- '<body style="margin:0px;"><object data="' +
- file +
- '" type="application/pdf" width="100%" height="100%"><iframe src="' +
- file +
- '" scrolling="no" width="100%" height="100%" frameborder="0" ></iframe></object></body>'
- );
- //#endif
- },
- syterms() {
- let file = 'https://sxzgkj.baoxianzhanggui.com/web-api/upload/specification/compulsoryInsurance.pdf';
- //#ifdef APP-PLUS
- uni.showLoading({
- title: '正在打开'
- });
- let dtask = plus.downloader.createDownload(file, {
- filename: "_downloads/" + '商业条款.pdf'
- }, function(d, status) {
- if (status == 200) {
- uni.hideLoading()
- //下载成功,d.filename是文件在保存在本地的相对路径,使用下面的API可转为平台绝对路径
- let fileSaveUrl = plus.io.convertLocalFileSystemURL(d.filename);
- plus.runtime.openFile(d.filename); //选择软件打开文件
- } else {
- uni.hideLoading()
- //下载失败
- plus.downloader.clear(); //清除下载任务
- }
- })
- dtask.start();
- //#endif
- //#ifdef H5
- var win = window.open();
- win.document.write(
- '<body style="margin:0px;"><object data="' +
- file +
- '" type="application/pdf" width="100%" height="100%"><iframe src="' +
- file +
- '" scrolling="no" width="100%" height="100%" frameborder="0" ></iframe></object></body>'
- );
- //#endif
- },
- //国任特约
- async specialAgreementSelection(id) {
- let guoRen = await this.$http.post('/api/guoRen/queryClauseDataCompany', {
- companyId: id,
- });
- this.guoRenSpecialAgreementData = guoRen.data;
- this.guoRencontributingshow = true;
- },
- //紫金特约
- async zijinspecialAgreementSelection(id) {
- let Zijinres = await this.$http.post('/order/zijin/queryClauseData', {
- companyId: id,
- });
- this.ziJinengageListData = Zijinres.data;
- this.zijincontributingshow = true;
- let data = this.ziJinengageListData.find(val => val.optType == 3)
- if (data) {
- this.ziJinengageList.push({
- clauseCode: data.clauseCode,
- clauseName: data.clauseName,
- clauses: data.clauseContent,
- riskCode: data.riskCode,
- modifyFlag: data.modifyFlag,
- optType: data.optType,
- })
- }
- },
- //华泰特约
- async huataispecialAgreementSelection(id) {
- let huaTaires = await this.$http.post('/order/huaTaiApi/queryClauseData', {
- companyId: id,
- });
- this.huaTaiengageListData = huaTaires.data;
- this.huataicontributingshow = true;
- huaTaires.data.map(val => {
- if (val.optType == '2') {
- this.huaTaiengageList.push({
- engageCode: val.engageCode,
- engageDetail: val.engageDetail,
- engageTitle: val.engageTitle,
- riskCode: val.riskCode,
- modifyFlag: val.modifyFlag,
- })
- }
- })
- },
- guoRencontributingChange(param) {
- console.log(param);
- this.guoRenSpecialAgreementVo = [];
- param.map(val => {
- let list = this.guoRenSpecialAgreementData.find(item => item.clauseCode == val)
- this.guoRenSpecialAgreementVo.push({
- clauseCode: list.clauseCode,
- clauses: list.clauses,
- clausesContext: list.clausesContext,
- riskCode: list.riskCode,
- riskName: list.riskName,
- })
- })
- },
- ziJincontributingChange(param) {
- this.ziJinengageList = [];
- param.map(val => {
- let list = this.ziJinengageListData.find(item => item.clauseId == val)
- this.ziJinengageList.push({
- clauseCode: list.clauseCode,
- clauseName: list.clauseName,
- clauses: list.clauseContent,
- riskCode: list.riskCode,
- modifyFlag: list.modifyFlag,
- })
- })
- },
- huaTaicontributingChange(param) {
- this.huaTaiengageList = [];
- param.map(val => {
- let list = this.huaTaiengageListData.find(item => item.engageCode == val)
- this.huaTaiengageList.push({
- engageCode: list.engageCode,
- engageDetail: list.engageDetail,
- engageTitle: list.engageTitle,
- riskCode: list.riskCode,
- modifyFlag: list.modifyFlag,
- })
- })
- },
- //--------比价
- priceComparison() {
- this.priceComparisonShow = true;
- },
- priceComparison1() {
- this.quotableCompanyList.map((ele, index) => {
- if (ele.quoteCode == 200) {
- const updatedItem = {
- ...this.quotableCompanyList[index],
- isComparableshowHide: true
- };
- this.quotableCompanyList.splice(index, 1, updatedItem);
- }
- return ele;
- })
- },
- priceComparison2() {
- let subOrderNoslist = [];
- this.quotableCompanyList.map(ele => {
- if (ele.isComparableShow) {
- subOrderNoslist.push(ele.result.companyId);
- }
- return ele;
- })
- uni.navigateTo({
- url: `/pages/orders/priceComparison?subOrderNoslist=${JSON.stringify(subOrderNoslist)}`
- })
- },
- //--------比价
- //重新生成订单
- GenerateModalConfirm() {
- this.orderno = "";
- this.quoteno = "";
- this.toNext();
- },
- async toNext() {
- var allAreFalse = this.quotableCompanyList.every(function(element) {
- return element.insurancePlanInfo == null;
- });
- if (!allAreFalse) {
- this.comparableQuantity = 0; //报价成功总数
- this.selectedCount = 0; //比价勾选数量
- this.quotableCompanyList.map((ele) => {
- ele.isComparableShow = false;
- ele.isComparableshowHide = false;
- return ele;
- })
- this.riskList.map(val => {
- if (val.riskCode == '0507') {
- val.startDate = this.jqstartDate;
- val.endDate = this.jqendDate;
- }
- if (val.riskCode == '0510') {
- val.startDate = this.systartDate;
- val.endDate = this.syendDate;
- }
- return val;
- })
- let param = {
- userId: this.userInfo.sysUser.id,
- quoteno: this.quoteno ? this.quoteno : "",
- orderNo: this.orderno ? this.orderno : "",
- riskList: this.riskList,
- carInfo: this.carInfo,
- insuredPersonInfo: this.insuredPersonInfo,
- ownerInfo: this.ownerInfo,
- policyHolderInfo: this.policyHolderInfo,
- vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
- productId: this.productId,
- orderSource: "1",
- };
- let orders = await this.$http.post('/insurance/order/generateOrder', param);
- if (orders.code == '200') {
- this.orderno = orders.data.orderno;
- this.quoteno = orders.data.quoteno;
- let mergedArray = [];
- let mergedArrayList = mergedArray.concat(this.carInfoPositiveList, this
- .ownerInfoPositiveList, this
- .policyHolderInfoPositiveList, this.insuredPersonInfoPositiveList)
- if (mergedArrayList.length > 0) {
- await this.$http.post('/ins/taskImage/uploadImages', {
- imageList: mergedArrayList,
- quoteNo: this.quoteno,
- })
- }
- this.quotableCompanyList = this.quotableCompanyList.map((ele, index) => {
- if (ele.insurancePlanInfo !== null) {
- // 动态调用报价接口
- ele.quoteCode = '1';
- this.ToolClickFun(ele.cnName, index, ele.id);
- }
- return ele
- });
- } else if (orders.code == '1001') {
- this.Generateshow = true;
- } else {
- uni.showToast({
- title: orders.msg,
- icon: 'none',
- });
- }
- } else {
- uni.showToast({
- title: "请选择方案后,在进行报价",
- icon: 'none',
- });
- }
- },
- async tempSave() {
- let param = {
- userId: this.userInfo.sysUser.id,
- quoteno: this.quoteno ? this.quoteno : "",
- orderNo: this.orderno ? this.orderno : "",
- riskList: this.riskList,
- carInfo: this.carInfo,
- insuredPersonInfo: this.insuredPersonInfo,
- ownerInfo: this.ownerInfo,
- policyHolderInfo: this.policyHolderInfo,
- vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
- productId: this.productId,
- orderSource: "1",
- };
- let orders = await this.$http.post('/insurance/order/generateOrder', param);
- if (orders.code == '200') {
- uni.showToast({
- title: '暂存成功',
- icon: 'none',
- });
- } else {
- uni.showToast({
- title: res.msg,
- icon: 'none',
- });
- }
- },
- async individualQuote(item) {
- if (!item.insurancePlanInfo) {
- uni.showToast({
- title: "请选择方案后,在进行报价",
- icon: 'none',
- });
- } else {
- this.riskList.map(val => {
- if (val.riskCode == '0507') {
- val.startDate = this.jqstartDate;
- val.endDate = this.jqendDate;
- }
- if (val.riskCode == '0510') {
- val.startDate = this.systartDate;
- val.endDate = this.syendDate;
- }
- return val;
- })
- let param = {
- userId: this.userInfo.sysUser.id,
- quoteno: this.quoteno ? this.quoteno : "",
- orderNo: this.orderno ? this.orderno : "",
- riskList: this.riskList,
- carInfo: this.carInfo,
- insuredPersonInfo: this.insuredPersonInfo,
- ownerInfo: this.ownerInfo,
- policyHolderInfo: this.policyHolderInfo,
- vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
- productId: this.productId,
- orderSource: "1",
- };
- let orders = await this.$http.post('/insurance/order/generateOrder', param);
- if (orders.code == '200') {
- this.orderno = orders.data.orderno;
- this.quoteno = orders.data.quoteno;
- let mergedArray = [];
- let mergedArrayList = mergedArray.concat(this.carInfoPositiveList, this
- .ownerInfoPositiveList, this
- .policyHolderInfoPositiveList, this.insuredPersonInfoPositiveList)
- if (mergedArrayList.length > 0) {
- await this.$http.post('/ins/taskImage/uploadImages', {
- imageList: mergedArrayList,
- quoteNo: this.quoteno,
- })
- }
- this.quotableCompanyList = this.quotableCompanyList.map((ele, index) => {
- if (ele.id == item.id) {
- // 动态调用报价接口
- ele.quoteCode = '1';
- this.ToolClickFun(ele.cnName, index, ele.id);
- }
- return ele
- });
- } else if (orders.code == '1001') {
- this.Generateshow = true;
- } else {
- uni.showToast({
- title: orders.msg,
- icon: 'none',
- });
- }
- }
- },
- async ToolClickFun(MethodName, Parameter, companyId) {
- await this[`${MethodName}`](Parameter, companyId)
- //获取已报价成功个数
- let filteredObjects = [];
- this.quotableCompanyList.map(ele => {
- if (ele.quoteCode == 200) {
- filteredObjects.push(ele.result.companyId)
- }
- return ele;
- })
- this.comparableQuantity = filteredObjects.length;
- },
- //永诚报价
- async yongcheng(num, id) {
- let isTaxSource = this.quotableCompanyList[num].isTaxSource;
- let ccidenttype = this.quotableCompanyList[num].cnName;
- let params = {
- accidentalDrivingVo: this.quotableCompanyList[num].insurancePlanInfo.drivingList[0] ? this
- .quotableCompanyList[num].insurancePlanInfo.drivingList[0] : {},
- orderNo: this.orderno,
- companyId: id,
- kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
- risks: this.riskList,
- cqryCdeJq: this.cqryCdeJq,
- cqryCdeSy: this.cqryCdeSy,
- renewalCodeJq: this.renewalCodeJq,
- renewalCodeSy: this.renewalCodeSy,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- agreementId: this.quotableCompanyList[num].agreement[0].id,
- systemType: '2'
- };
- try {
- let res = await this.$http.post('/quote/quote', params);
- this.quotableCompanyList[num].msg = res.msg;
- if (res.code == "200") {
- if (res.data.warnMessageList != null && res.data
- .warnMessageList[0] != null && res.data
- .warnMessageList[
- 0] != "") {
- this.quotableCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.quotableCompanyList[num].lastYearMsg += ele +
- '<br>';
- })
- }
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: 200
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].result = res.data;
- this.subOrderId = res.data.companyId;
- } else {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = res.msg;
- return;
- }
- } catch (error) {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = '接口请求超时,请重新尝试';
- }
- },
- //中煤报价
- async zhongmei(num, id) {
- let isTaxSource = this.quotableCompanyList[num].isTaxSource;
- let params = {
- accidentalDrivingVo: this.quotableCompanyList[num].insurancePlanInfo.drivingList[0] ? this
- .quotableCompanyList[num].insurancePlanInfo.drivingList[0] : {},
- orderNo: this.orderno,
- companyId: id,
- kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
- risks: this.riskList,
- agreementId: this.quotableCompanyList[num].agreement[0].id,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- systemType: '2'
- };
- try {
- let res = await this.$http.post("/quote/quote", params);
- this.quotableCompanyList[num].msg = res.msg;
- if (res.code == '200') {
- if (res.data.warnMessageList != null && res.data.warnMessageList[
- 0] != null && res.data
- .warnMessageList[
- 0] != "") {
- this.quotableCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.quotableCompanyList[num].lastYearMsg += ele +
- '<br>';
- })
- }
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: 200
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].result = res.data;
- this.subOrderId = res.data.companyId;
- } else {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = res.msg;
- return;
- }
- } catch (error) {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = '接口请求超时,请重新尝试';
- }
- },
- //渤海报价
- async bohai(num, id) {
- let isTaxSource = this.quotableCompanyList[num].isTaxSource;
- let params = {
- accidentalDrivingVo: this.quotableCompanyList[num].insurancePlanInfo.drivingList[0] ? this
- .quotableCompanyList[num].insurancePlanInfo.drivingList[0] : {},
- orderNo: this.orderno,
- companyId: id,
- kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
- risks: this.riskList,
- agreementId: this.quotableCompanyList[num].agreement[0].id,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- systemType: '2'
- };
- try {
- let res = await this.$http.post('/quote/quote', params);
- this.quotableCompanyList[num].msg = res.msg;
- if (res.code == '200') {
- if (res.data.warnMessageList != null && res.data.warnMessageList[
- 0] != null && res.data
- .warnMessageList[
- 0] != "") {
- this.quotableCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.quotableCompanyList[num].lastYearMsg += ele +
- '<br>';
- })
- }
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: 200
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].result = res.data;
- this.subOrderId = res.data.companyId;
- } else {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = res.msg;
- return;
- }
- } catch (error) {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = '接口请求超时,请重新尝试';
- }
- },
- //华泰报价
- async huatai(num, id) {
- let isTaxSource = this.quotableCompanyList[num].isTaxSource;
- let params = {
- accidentalDrivingVo: {},
- orderNo: this.orderno,
- companyId: id,
- kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
- risks: this.riskList,
- cqryCdeJq: this.cqryCdeJq,
- cqryCdeSy: this.cqryCdeSy,
- renewalCodeJq: this.renewalCodeJq,
- renewalCodeSy: this.renewalCodeSy,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- agreementId: this.quotableCompanyList[num].agreement[0].id,
- systemType: '2'
- };
- try {
- let res = await this.$http.post(
- "/quote/quote", params);
- this.quotableCompanyList[num].msg = res.msg;
- if (res.code == '200') {
- if (res.data.warnMessageList != null && res
- .data.warnMessageList[0] != null && res
- .data
- .warnMessageList[
- 0] != "") {
- this.quotableCompanyList[num].lastYearMsg =
- "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.quotableCompanyList[num]
- .lastYearMsg += ele + '<br>';
- })
- }
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: 200
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].result = res.data;
- this.subOrderId = res.data.companyId;
- } else {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = res.msg;
- return;
- }
- } catch (error) {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = '接口请求超时,请重新尝试';
- }
- },
- //紫金报价
- async zijin(num, id) {
- let isTaxSource = this.quotableCompanyList[num].isTaxSource;
- let ccidenttype = this.quotableCompanyList[num].cnName;
- let params = {
- accidentalDrivingVo: this.quotableCompanyList[num].insurancePlanInfo.drivingList,
- orderNo: this.orderno,
- companyId: id,
- kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
- risks: this.riskList,
- agreementId: this.quotableCompanyList[num].agreement[0].id,
- coefficient: this.quotableCompanyList[num].coefficient,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- systemType: '2'
- };
- try {
- let res = await this.$http.post('/quote/quote', params);
- this.quotableCompanyList[num].msg = res.msg;
- if (res.code == '200') {
- if (res.data.warnMessageList != null && res.data
- .warnMessageList[0] != null && res.data
- .warnMessageList[
- 0] != "") {
- this.quotableCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.quotableCompanyList[num].lastYearMsg +=
- ele + '<br>';
- })
- }
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: 200
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].result = res.data;
- this.subOrderId = res.data.companyId;
- } else {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = res.msg;
- return;
- }
- } catch (error) {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = '接口请求超时,请重新尝试';
- }
- },
- //国任报价
- async guoRen(num, id) {
- let isTaxSource = this.quotableCompanyList[num].isTaxSource;
- let ccidenttype = this.quotableCompanyList[num].cnName;
- let params = {
- accidentalDrivingVo: this.quotableCompanyList[num].insurancePlanInfo.drivingList[0] ? this
- .quotableCompanyList[num].insurancePlanInfo.drivingList[0] : {},
- orderNo: this.orderno,
- companyId: id,
- kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
- risks: this.riskList,
- agreementId: this.quotableCompanyList[num].agreement[0].id,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- guoRenSpecialAgreementVo: this.guoRenSpecialAgreementVo,
- systemType: '2'
- };
- try {
- let res = await this.$http.post('/quote/quote',
- params);
- this.quotableCompanyList[num].msg = res.msg;
- if (res.code == '200') {
- if (res.data.warnMessageList != null && res.data
- .warnMessageList[0] != null && res.data
- .warnMessageList[
- 0] != "") {
- this.quotableCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.quotableCompanyList[num]
- .lastYearMsg += ele + '<br>';
- })
- }
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: 200
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].result = res.data;
- this.subOrderId = res.data.companyId;
- } else {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = res.msg;
- return;
- }
- } catch (error) {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = '接口请求超时,请重新尝试';
- }
- },
- //大家报价
- async dajia(num, id) {
- let isTaxSource = this.quotableCompanyList[num].isTaxSource;
- let ccidenttype = this.quotableCompanyList[num].cnName;
- let params = {
- accidentalDrivingVo: this.quotableCompanyList[num].insurancePlanInfo.drivingList[0] ? this
- .quotableCompanyList[num].insurancePlanInfo.drivingList[0] : {},
- orderNo: this.orderno,
- companyId: id,
- kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
- risks: this.riskList,
- cqryCdeJq: this.cqryCdeJq,
- cqryCdeSy: this.cqryCdeSy,
- renewalCodeJq: this.renewalCodeJq,
- renewalCodeSy: this.renewalCodeSy,
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- agreementId: this.quotableCompanyList[num].agreement[0].id,
- systemType: '2'
- };
- try {
- let res = await this.$http.post("/quote/quote",
- params);
- this.quotableCompanyList[num].msg = res.msg;
- if (res.code == '200') {
- if (res.data.warnMessageList != null && res.data
- .warnMessageList[0] != null && res.data
- .warnMessageList[
- 0] != "") {
- this.quotableCompanyList[num].lastYearMsg = "";
- let dat = res.data.warnMessageList;
- dat.map(ele => {
- this.quotableCompanyList[num]
- .lastYearMsg += ele + '<br>';
- })
- }
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: 200
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].result = res.data;
- this.subOrderId = res.data.companyId;
- } else {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = res.msg;
- return;
- }
- } catch (error) {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = '接口请求超时,请重新尝试';
- }
- },
- //安盛天平
- ansheng(num, id) {
- this.quoteInsurance(num, id);
- },
- //华农
- huanong(num, id) {
- this.quoteInsurance(num, id);
- },
- //太平
- taiping(num, id) {
- this.quoteInsurance(num, id);
- },
- //众安
- zhongan(num, id) {
- this.quoteInsurance(num, id);
- },
- //人寿
- renshou(num, id) {
- this.quoteInsurance(num, id);
- },
- //恒邦
- hengbang(num, id) {
- this.quoteInsurance(num, id);
- },
- taikang(num, id) {
- this.quoteInsurance(num, id);
- },
- chengtai(num, id) {
- this.quoteInsurance(num, id);
- },
- //爬虫统一报价接口
- async quoteInsurance(num, id) {
- const companyId = uni.getStorageSync('companyId');
- let ccidenttype = this.quotableCompanyList[num]
- .cnName;
- let namesimple = this.quotableCompanyList[num]
- .namesimple;
- let isTaxSource = this.quotableCompanyList[num].isTaxSource;
- let params = {
- orderNo: this.orderno,
- companyId: id,
- agreementId: this.quotableCompanyList[num].agreement[0].id,
- kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
- risks: this.riskList,
- accidentalDrivingVo: this.quotableCompanyList[num].insurancePlanInfo.drivingList[0] ? this
- .quotableCompanyList[num].insurancePlanInfo.drivingList[0] : {},
- isTaxSource: isTaxSource == 1 ? isTaxSource : null,
- systemType: '2'
- };
- if (id = 'GPIC1000000') {
- if (companyId) {
- params.discount = this.quotableCompanyList[num]
- .syAdjustRate;
- params.lastCompanyId = this.subOrderId;
- }
- }
- if (namesimple == "诚泰财险") {
- if (this.subOrderId && this.quotableCompanyList[num].coefficient && this.quotableCompanyList[num]
- .discount) {
- params.coefficient = this.quotableCompanyList[num].coefficient;
- params.discount = this.quotableCompanyList[num].discount;
- params.lastCompanyId = this.subOrderId;
- }
- params.isInspect = this.isInspectchange;
- }
- try {
- let res = await this.$http.post('/quote/quote',
- params);
- switch (namesimple) {
- case '安盛天平':
- case '恒邦财险':
- case '诚泰财险':
- case '中国人寿':
- case '太平财险':
- case '华农财险':
- case '泰康财险':
- if (res.code == '200') {
- if (res.data.warnMessageList !=
- null && res.data
- .warnMessageList[0] != null &&
- res.data
- .warnMessageList[
- 0] != "") {
- this.quotableCompanyList[num]
- .lastYearMsg = "";
- let dat = res.data
- .warnMessageList;
- dat.map(ele => {
- this.quotableCompanyList[
- num]
- .lastYearMsg +=
- ele + '<br>';
- })
- }
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: 200
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].result =
- res.data;
- this.subOrderId = res.data.companyId;
- if (res.data.syAdjustRate) {
- this.quotableCompanyList[num].syAdjustRate = res.data.syAdjustRate;
- uni.setStorageSync('companyId', res.data.companyId);
- }
- } else {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg =
- res.msg;
- }
- break;
- case '众安财险':
- if (res.code == '200') {
- if (res.data.warnMessageList !=
- null && res.data
- .warnMessageList[0] != null &&
- res.data
- .warnMessageList[
- 0] != "") {
- this.quotableCompanyList[num]
- .lastYearMsg = "";
- let dat = res.data
- .warnMessageList;
- dat.map(ele => {
- this.quotableCompanyList[
- num]
- .lastYearMsg +=
- ele + '<br>';
- })
- }
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: 200
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].result =
- res.data;
- this.subOrderId = res.data.companyId;
- } else {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg =
- res.msg;
- }
- break;
- default:
- break;
- }
- } catch (error) {
- const updatedItem = {
- ...this.quotableCompanyList[num],
- quoteCode: '3'
- };
- this.quotableCompanyList.splice(num, 1, updatedItem);
- this.quotableCompanyList[num].msg = '接口请求超时,请重新尝试';
- }
- },
- // 可删
- confirmPlan(name) {
- this.quotableCompanyList.map(val => {
- if (val.id == this.planDataExpansion.id) {
- if (this.planDataExpansion.genericPlanInfo.schemeName !== '自选方案') {
- val.insurancePlanInfo = this.planDataExpansion.genericPlanInfo;
- } else {
- let objkindList = [];
- val.insurancePlanInfo = this.planDataExpansion.genericPlanInfo;
- val.insurancePlanInfo.kinds.map((ele, index) => {
- if (ele.amount != "0" && ["A"].includes(ele.kindCode)) {
- objkindList.push({
- amount: val.insurancePlanInfo.kinds[index].amount,
- kindCode: val.insurancePlanInfo.kinds[index].kindCode,
- kindName: val.insurancePlanInfo.kinds[index].kindName
- });
- } else if (ele.amount != "0" && ["SY_FJ_YBW2", "D4"].includes(ele
- .kindCode)) {
- objkindList.push({
- unitAmount: val.insurancePlanInfo.kinds[index].amount,
- kindCode: val.insurancePlanInfo.kinds[index].kindCode,
- kindName: val.insurancePlanInfo.kinds[index].kindName
- });
- } else if (ele.amount != "0" && ["MJ1", "MJ2", "MJ3", "MJ4"].includes(ele
- .kindCode)) {
- objkindList.push({
- deductibleRate: val.insurancePlanInfo.kinds[index].amount,
- kindCode: val.insurancePlanInfo.kinds[index].kindCode,
- kindName: val.insurancePlanInfo.kinds[index].kindName
- });
- } else if (ele.amount != "0" && ["TY1", "TY2", "TY3", "TY4"].includes(ele
- .kindCode)) {
- objkindList.push({
- serviceTimes: String(val.insurancePlanInfo.kinds[index]
- .amount),
- kindCode: val.insurancePlanInfo.kinds[index].kindCode,
- kindName: val.insurancePlanInfo.kinds[index].kindName
- });
- } else if (ele.amount != "0") {
- objkindList.push({
- amount: val.insurancePlanInfo.kinds[index].amount,
- kindCode: val.insurancePlanInfo.kinds[index].kindCode,
- kindName: val.insurancePlanInfo.kinds[index].kindName
- });
- }
- return ele;
- })
- val.insurancePlanInfo.kinds = objkindList;
- if (this[name + 'accidentalDrivingVo'] instanceof Array && this[name +
- 'accidentalDrivingVo'].length > 0) {
- val.insurancePlanInfo.drivingList = this[name + 'accidentalDrivingVo'];
- } else if (this[name + 'accidentalDrivingVo'].projectName) {
- val.insurancePlanInfo.drivingList = [this[name + 'accidentalDrivingVo']];
- }
- }
- if (!val.insurancePlanInfo.schemeName) {
- return uni.showToast({
- icon: "none",
- title: '未选中方案',
- })
- }
- this.genericPlanPopup = false;
- }
- return val;
- })
- },
- convertedValue(num) {
- if (num < 10000) {
- return num.toString();
- } else if (num < 100000000) {
- return (Math.floor(num / 10000 * 10) / 10) + '万';
- } else {
- return (Math.floor(num / 100000000 * 10) / 10) + '亿';
- }
- },
- riskTypeEchoProcessing(code) {
- this.riskList = [];
- switch (code) {
- case '0330':
- this.riskList.push({
- amount: 0,
- endDate: this.jqendDate,
- instantFlag: "0",
- premium: 0,
- riskCode: "0507",
- startDate: this.jqstartDate,
- })
- break;
- case '034001':
- case '034002':
- this.riskList.push({
- amount: 0,
- endDate: this.syendDate,
- instantFlag: "0",
- premium: 0,
- riskCode: "0510",
- startDate: this.systartDate,
- })
- break;
- case '0330034002':
- case '0330034001':
- this.riskList.push({
- amount: 0,
- endDate: this.jqendDate,
- instantFlag: "0",
- premium: 0,
- riskCode: "0507",
- startDate: this.jqstartDate,
- }, {
- amount: 0,
- endDate: this.syendDate,
- instantFlag: "0",
- premium: 0,
- riskCode: "0510",
- startDate: this.systartDate,
- })
- break;
- }
- },
- //查看详情
- querydetial(id, cnName) {
- this.navigate({
- url: '/pages/carInsure/quoteDetail',
- success: (res) => {
- res.eventChannel.emit("acceptData", {
- companyId: id,
- cnName: cnName,
- quotableCompanyList: this.quotableCompanyList,
- })
- }
- }, "navigateTo", true);
- },
- //报价单
- bjdpreview(id) {
- let pro = this.quotationType.themeCode;
- if (pro == "QD") {
- uni.navigateTo({
- url: "/pages/orders/quotation?companyId=" + id
- })
- } else {
- uni.navigateTo({
- url: "/pages/orders/quotation1?companyId=" + id
- })
- }
- },
- //预核保信息
- preUnderwriting(list) {
- this.RSpreUnderwritingList = list;
- this.preUnderwritingshow = true;
- },
- //上年信息
- YearMsg(msg, title) {
- let content = msg.replace(/<br>/g, "\r\n")
- uni.showModal({
- title: title + "上年信息",
- content: content,
- showCancel: false,
- confirmText: "关闭"
- })
- },
- // 显示报错信息
- ErrorMsg(msg, title) {
- uni.showModal({
- title: title + "报价提示",
- content: msg,
- showCancel: false,
- confirmText: "关闭"
- })
- },
- discountErrorMessageMsg(msg, title) {
- this.discountInfoPopup = true;
- this.discountInfoPopupContent = msg.replace(/\n/g, '<br>');
- this.discountInfoPopupTitle = title;
- // let content = msg.replace(/\n/g, "\r\n")
- // uni.showModal({
- // title: title + "优惠信息",
- // content: content,
- // showCancel: false,
- // confirmText: "关闭"
- // })
- },
- //使用此时间
- 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
- uni.showToast({
- title: '时间已替换',
- icon: 'none',
- duration: 1000
- });
- },
- //车船税类型选择
- taxRelifFlagConfirm(val, name) {
- this.vehicleAndVesselTaxForm[name] = val[0].value;
- this.model[name] = val[0].label;
- },
- taxDocumentDateconfirm(e) {
- this.vehicleAndVesselTaxForm.taxDocumentDate = e.year + '-' + e.month + '-' + e.day;
- },
- taxPaidAreaCodeconfirm(e) {
- this.vehicleAndVesselTaxForm.taxPaidAreaCode = e.province.value;
- this.model.taxPaidAreaCode = e.province.label;
- },
- //数据字典
- async getDicType(type) {
- let res = await this.$http.get('/sysDict/dictDetails/' + type);
- this[type + "options"] = res.data.ddList;
- },
- jqstartconfirm(e) {
- this.jqstartDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
- this.jqendDate = this.oneYearPast(this.jqstartDate)
- },
- //
- jqendconfirm(e) {
- this.jqendDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
- },
- systartconfirm(e) {
- this.systartDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
- this.syendDate = this.oneYearPast(this.systartDate)
- },
- syendconfirm(e) {
- this.syendDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
- },
- statusclick(value) {
- this.SelectedPlanId = value;
- let planObj = this.planDataExpansion.genericPlanList.find(item => item.schemeId == value);
- console.log(planObj);
- if (planObj.kinds && planObj.schemeName == '自选方案') {
- planObj.kinds.map(item => {
- const itemamtList = item.amtList.map(val => {
- return val.label
- })
- if (!itemamtList.includes('不投保')) {
- item.amount = item.amtList[0].value;
- item.amountDesc = item.amtList[0].label;
- }
- return item;
- })
- }
- this.planDataExpansion.genericPlanInfo = planObj;
- },
- InsureGuideclick(item) {
- this.insGuide = item.insGuide;
- this.insGuideTitle = item.namesimple;
- this.InsureGuidePopup = true;
- },
- // 可删
- async accidentCategoryclick(item, items, index) {
- this.accidentInsuranceCategoryList[index].checked = !this.accidentInsuranceCategoryList[index].checked;
- if (this.accidentInsuranceCategoryList[index].checked) {
- let res = await this.$http.get('/plt/scheme/optionalSchemeDriving?schemeId=' + this
- .SelectedPlanId + '&seatNum=' + this.carInfo.seatCount)
- switch (items.namesimple) {
- case '安盛天平':
- case '国任财险':
- case '大家财险':
- case '永诚财险':
- case '恒邦财险':
- case '诚泰财险':
- case '中煤财险':
- case '泰康财险':
- case '渤海财险':
- case '众安财险':
- case '太平财险':
- case '华农财险':
- case '中国人寿':
- if (res.data.length > 0) {
- this[items.cnName + 'InsuranceData'] = res.data; //意外险list
- this[items.cnName + 'accidentalDrivingVo'] = {
- typeName: item.typeName,
- ...res.data[0]
- };
- } else {
- uni.showToast({
- title: "驾意险为空",
- icon: 'none',
- });
- }
- break;
- case '紫金财险':
- this[items.cnName + 'InsuranceData'] = res.data; //意外险list
- this[items.cnName + 'accidentalDrivingVo'] = [];
- break;
- }
- } else {
- if (items.namesimple == '紫金财险') {
- this[items.cnName + 'InsuranceData'] = [];
- this[items.cnName + 'accidentalDrivingVo'] = []
- } else {
- this[items.cnName + 'accidentalDrivingVo'] = {}
- }
- }
- },
- //查看方案
- checkSelection(item) {
- this.navigate({
- url: '/pages/carInsure/checkOption',
- success: (res) => {
- res.eventChannel.emit("acceptData", {
- item: item,
- seatNum: this.carInfo.seatCount,
- jqstartDate: this.jqstartDate,
- jqendDate: this.jqendDate,
- systartDate: this.systartDate,
- syendDate: this.syendDate,
- productName: this.productName,
- productId: this.productId,
- taxRelifFlag: this.model.taxRelifFlag,
- })
- }
- }, "navigateTo", true);
- },
- //选择方案
- async SchemeSelection(item) {
- this.navigate({
- url: '/pages/carInsure/chooseOption',
- success: (res) => {
- res.eventChannel.emit("acceptData", {
- params: {
- companyId: item.id,
- productId: this.productId,
- seatNum: this.carInfo.seatCount,
- vehicleType: this.carInfo.cimodelclass,
- energyType: this.carInfo.energyType,
- carnature: this.carInfo.carnature,
- },
- namesimple: item.namesimple,
- cnName: item.cnName,
- jqstartDate: this.jqstartDate,
- jqendDate: this.jqendDate,
- systartDate: this.systartDate,
- syendDate: this.syendDate,
- productName: this.productName,
- quotableCompanyList: this.quotableCompanyList,
- })
- }
- }, "navigateTo", true);
- // let params = {
- // companyId: item.id,
- // productId: this.productId,
- // seatNum: this.carInfo.seatCount,
- // vehicleType: this.carInfo.cimodelclass,
- // energyType: this.carInfo.energyType,
- // carnature: this.carInfo.carnature,
- // };
- // let res = await this.$http.post('/plt/scheme/getCompanySchemeInfo', params);
- // let res1 = await this.$http.post('/plt/scheme/getCompanyOptionalSchemeInfo', params);
- // let typelist = [];
- // this.planDataExpansion.id = item.id;
- // this.planDataExpansion.namesimple = item.namesimple;
- // this.planDataExpansion.cnName = item.cnName;
- // if (res.code == '200' && res.data.length > 0) {
- // this.planDataExpansion.genericPlanList = [...res.data];
- // this.planDataExpansion.genericPlanInfo = res.data[0];
- // this.SelectedPlanId = res.data[0].schemeId;
- // } else {
- // this.planDataExpansion.genericPlanList = [];
- // this.planDataExpansion.genericPlanInfo = {};
- // this.SelectedPlanId = "";
- // }
- // if (res1.code == '200') {
- // this.planDataExpansion.genericPlanList = [...res.data, res1.data];
- // res1.data.drivingTypeList.map(val => {
- // if (val.children) {
- // val.children.map(ele => {
- // typelist.push(ele)
- // return ele
- // })
- // }
- // })
- // } else {
- // this.planDataExpansion.genericPlanList = [...res.data];
- // }
- // this.accidentInsuranceCategoryList = typelist;
- // this.genericPlanPopup = true;
- },
- //即使投保时处理时间
- datelyClick(value, name, startDate, endDate) {
- this[name] = value;
- if (value == 1) {
- const date = new Date();
- date.setHours(date.getHours() + 2);
- date.setMinutes(0)
- date.setSeconds(0)
- this[startDate] = this.transformTime(date)
- this[endDate] = this.oneYearPast(date);
- } else {
- this[startDate] = this.nextday();
- this[endDate] = this.oneYearPast(this.jqstartDate);
- }
- },
- //获取保险公司列表
- commpanyList() {
- let list = [];
- this.quotableCompanyList.map(ele => {
- ele["result"] = {};
- ele["quoteCode"] = 0;
- ele["checked"] = false;
- ele["msg"] = "";
- ele["lastYearMsg"] = "";
- ele["agreementName"] = "";
- ele["apiType"] = "";
- ele["coefficient"] = "";
- ele["discount"] = "";
- ele["isInspect"] = false;
- ele["syAdjustRate"] = "";
- ele["selectShow"] = false;
- ele['underwritingDescription'] = "";
- ele['isComparableShow'] = false;
- ele['isComparableshowHide'] = false;
- ele['isComparableDisabled'] = false;
- ele['insurancePlanInfo'] = null;
- if (ele.editingDto) {
- if (ele.editingDto.sumPermium) {
- ele.result = ele.editingDto;
- ele.insurancePlanInfo = {};
- ele.insurancePlanInfo.drivingList = ele.editingDto.drivingList;
- ele.insurancePlanInfo.kinds = ele.editingDto.kindList;
- ele.quoteCode = 200;
- list.push(1);
- } else {
- ele.msg = ele.editingDto.quoteErrMsg;
- ele.insurancePlanInfo = {};
- ele.insurancePlanInfo.drivingList = ele.editingDto.drivingList;
- ele.insurancePlanInfo.kinds = ele.editingDto.kindList;
- ele.quoteCode = 3;
- }
- }
- return ele;
- })
- this.comparableQuantity = list.length;
- },
- priceComparisonChange(index, item) {
- if (!item.isComparableDisabled) {
- item.isComparableShow = !item.isComparableShow;
- if (item.isComparableShow) {
- this.selectedCount++;
- } else {
- this.selectedCount--;
- }
- this.updateCheckboxStates();
- }
- },
- updateCheckboxStates() {
- this.quotableCompanyList.forEach(item => {
- item.isComparableDisabled = this.selectedCount >= 3 && !item.isComparableShow;
- });
- },
- immediatelyClick(name) {
- this.carInfo[name] = !this.carInfo[name];
- if (name == 'transferFlag') {
- if (this.carInfo[name]) {
- this.carInfo.transferDate = this.carInfo.issueDate;
- } else {
- this.carInfo.transferDate = "";
- }
- }
- },
- toCarInfo() {
- this.navigate({
- url: '/pages/carInsure/Information',
- success: (res) => {
- res.eventChannel.emit(
- "acceptData", {
- carInfo: this
- .carInfo,
- ownerInfo: this
- .ownerInfo,
- policyHolderInfo: this
- .policyHolderInfo,
- insuredPersonInfo: this
- .insuredPersonInfo,
- riskList: this
- .riskList,
- kindList: this
- .kindList,
- carInfoPositiveList: this
- .carInfoPositiveList, //车辆
- ownerInfoPositiveList: this
- .ownerInfoPositiveList, //车主
- policyHolderInfoPositiveList: this
- .policyHolderInfoPositiveList, //投保
- insuredPersonInfoPositiveList: this
- .insuredPersonInfoPositiveList, //被保人
- productId: this.productId, //险种id
- productName: this.productName, //险种名称
- quoteno: this.quoteno, //报价号
- })
- }
- }, "navigateTo", true);
- },
- //计算输入时间一年后的的前一天(输入的参数为字符串("2019-03-02")最终输出也为日期的字符串)
- oneYearPast(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;
- },
- //次日
- nextday() {
- 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;
- },
- //时间转换
- 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;
- },
- toChinesNum(num) {
- let overWan = Math.floor(num / 10000);
- let result = overWan + "万";
- return result;
- },
- resubmitImageconfirm() {
- this.uploadRetry();
- this.resubmitDocumentsShow = false;
- },
- //影像预览
- previewImage(e, type) {
- this.previewImgs = this[type];
- var current = e.currentTarget.dataset.src;
- this.$refs.previewImage.open(current); // 传入当前选中的图片地址或序号
- },
- //删除图片
- delCheckImage(param, IdList, srcList) {
- this[IdList].map((ele, index) => {
- if (param.imageId === ele.imageId) {
- this[IdList].splice(index, 1);
- }
- return ele;
- });
- this[srcList].map((ele, index) => {
- if (param.imageId === ele.imageId) {
- this[srcList].splice(index, 1);
- }
- return ele;
- });
- },
- async chooseImage(type, imageIdList, imgurl) {
- let [chooseImageErr, chooseImageRes] = await uni.chooseImage({
- count: 1,
- sizeType: ['compressed']
- });
- chooseImageRes.tempFilePaths.map((ele, index) => {
- uni.uploadFile({
- url: this.$base.baseUrl + '/ins/taskImage/uploadFile',
- filePath: ele,
- name: "multipartFile",
- formData: {
- 'type': 'image',
- },
- header: {
- Authorization: this.token,
- },
- success: async (imgRes) => {
- let data = JSON.parse(imgRes.data);
- data.data.url = this.$base.baseUrl + data.data.url;
- if (data.code == "200") {
- if (this[imageIdList].some(v => v.imageType == type)) {
- this[imageIdList].map(val => {
- if (val.imageType == type) {
- val.imageId = data.data.id;
- }
- })
- } else {
- this[imageIdList].push({
- imageId: data.data.id,
- imageType: type,
- })
- }
- this[imgurl].push(data.data)
- }
- }
- });
- })
- },
- //补传影像
- resubmitImage() {
- this.resubmitDocumentsShow = true;
- this.imageEcho1(this.quoteno) // 影像获取完毕
- },
- //提交核保
- async uploadRetry() {
- const mergedArray = [...this.carImageListId, ...this.ownerImageListId, ...this
- .policyImageListId, ...this.insuredImageListId, ...this
- .imgRelationshipid, ...this.carInspectionImage
- ];
- if (mergedArray.length > 0) {
- let res = await this.$http.post('/ins/taskImage/uploadImages', {
- imageList: mergedArray,
- quoteNo: this.quoteno,
- })
- if (res.code == '200') {
- uni.showToast({
- title: "上传成功",
- icon: 'none',
- });
- }
- }
- },
- auditNextconfirm() {
- setTimeout(async () => {
- switch (this.insuranceCompanyName) {
- case "永安财险":
- let yaimage = await this.$http.post(
- '/order/yongAn/submitImage', {
- companyId: this.companyId
- });
- if (yaimage.code == '200') {
- let yaaudit = await this.$http.post(
- '/order/yongAn/audit', {
- companyId: this.companyId,
- jqappoint: "",
- syappoint: ""
- });
- if (yaaudit.code == '200') {
- this.underwriteTitle = '订单自核成功';
- this.cancelText = '暂不缴费';
- this.confirmText = '立即缴费';
- this.underwriteShow = true;
- } else {
- this.underwriteTitle = '核保失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = yaaudit.msg;
- this.underwriteShow = true;
- }
- } else {
- this.underwriteTitle = '影像上传失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = yaimage.msg;
- this.underwriteShow = true;
- }
- break;
- case "中煤财险":
- let zmapiImage = this.apiType == "2" ? "/insurance/crawler/submitImage" :
- '/order/zhongMeiApi/submitImage';
- let zmimage = await this.$http.post(
- `${zmapiImage}`, {
- [this.apiType == 2 ? "subOrderNo" : "companyId"]: this.companyId
- });
- if (zmimage.code == '200') {
- let zmapiAudit = this.apiType == "2" ? "/insurance/crawler/audit" :
- '/order/zhongMeiApi/audit';
- let zmaudit = await this.$http.post(
- `${zmapiAudit}`, {
- [this.apiType == 2 ? "subOrderNo" : "companyId"]: this.companyId,
- jqappoint: "",
- syappoint: ""
- });
- if (zmaudit.code == '200') {
- this.underwriteTitle = '订单自核成功';
- this.cancelText = '暂不缴费';
- this.confirmText = '立即缴费';
- this.underwriteShow = true;
- } else {
- this.underwriteTitle = '核保失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = zmaudit.msg;
- this.underwriteShow = true;
- }
- } else {
- this.underwriteTitle = '影像上传失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = zmimage.msg;
- this.underwriteShow = true;
- }
- break;
- case "永诚财险":
- let ycimage = await this.$http.post(
- '/api/yongCheng/uploadImage', {
- companyId: this.companyId
- });
- if (ycimage.code == '200') {
- let ycaudit = await this.$http.post(
- '/api/yongCheng/audit', {
- companyId: this.companyId,
- });
- if (ycaudit.code == '200') {
- this.underwriteTitle = '订单自核成功';
- this.cancelText = '暂不缴费';
- this.confirmText = '立即缴费';
- this.underwriteShow = true;
- } else {
- this.underwriteTitle = '核保失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = ycaudit.msg;
- this.underwriteShow = true;
- }
- } else {
- this.underwriteTitle = '影像上传失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = ycimage.msg;
- this.underwriteShow = true;
- }
- break;
- case "国任财险":
- let grimage = await this.$http.post(
- '/api/guoRen/uploadImage', {
- companyId: this.companyId
- });
- if (grimage.code == '200') {
- let graudit = await this.$http.post(
- '/api/guoRen/audit', {
- companyId: this.companyId,
- });
- if (graudit.code == '200') {
- this.underwriteTitle = '订单自核成功';
- this.cancelText = '暂不缴费';
- this.confirmText = '立即缴费';
- this.underwriteShow = true;
- } else {
- this.underwriteTitle = '核保失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = graudit.msg;
- this.underwriteShow = true;
- }
- } else {
- this.underwriteTitle = '影像上传失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = grimage.msg;
- this.underwriteShow = true;
- }
- break;
- case "大家财险":
- let djapiImage = this.apiType == "2" ? "/insurance/crawler/submitImage" :
- "/api/dajia/submitImage";
- let djimage = await this.$http.post(
- `${djapiImage}`, {
- [this.apiType == 2 ? "subOrderNo" : "companyId"]: this.companyId
- });
- if (djimage.code == '200') {
- let djapiAudit = this.apiType == "2" ? "/insurance/crawler/audit" :
- '/api/dajia/audit';
- let djaudit = await this.$http.post(
- `${djapiAudit}`, {
- [this.apiType == 2 ? "subOrderNo" : "companyId"]: this.companyId,
- });
- if (djaudit.code == '200') {
- this.underwriteTitle = '订单自核成功';
- this.cancelText = '暂不缴费';
- this.confirmText = '立即缴费';
- this.underwriteShow = true;
- } else {
- this.underwriteTitle = '核保失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = djaudit.msg;
- this.underwriteShow = true;
- }
- } else {
- this.underwriteTitle = '影像上传失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = djimage.msg;
- this.underwriteShow = true;
- }
- break;
- case "紫金财险":
- let zjimage = await this.$http.post(
- '/order/zijin/submitImage', {
- companyId: this.companyId
- });
- if (zjimage.code == '200') {
- let zjaudit = await this.$http.post(
- '/order/zijin/audit', {
- companyId: this.companyId,
- engageList: this.ziJinengageList,
- });
- if (zjaudit.code == '200') {
- this.underwriteTitle = '订单自核成功';
- this.cancelText = '暂不缴费';
- this.confirmText = '立即缴费';
- this.underwriteShow = true;
- } else {
- this.underwriteTitle = '核保失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = zjaudit.msg;
- this.underwriteShow = true;
- }
- } else {
- this.underwriteTitle = '影像上传失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = zjimage.msg;
- this.underwriteShow = true;
- }
- break;
- case "华泰财险":
- let htapiImage = this.apiType == "2" ? "/insurance/crawler/submitImage" :
- "/order/huaTaiApi/submitImage";
- let htimage = await this.$http.post(
- `${htapiImage}`, {
- [this.apiType == 2 ? "subOrderNo" : "companyId"]: this.companyId
- });
- if (htimage.code == '200') {
- let htapiAudit = this.apiType == "2" ? "/insurance/crawler/audit" :
- '/order/huaTaiApi/audit';
- let htaudit = await this.$http.post(
- `${htapiAudit}`, {
- [this.apiType == 2 ? "subOrderNo" : "companyId"]: this.companyId,
- engageList: this.huaTaiengageList,
- });
- if (htaudit.code == '200') {
- this.underwriteTitle = '订单自核成功';
- this.cancelText = '暂不缴费';
- this.confirmText = '立即缴费';
- this.underwriteShow = true;
- } else {
- this.underwriteTitle = '核保失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = htaudit.msg;
- this.underwriteShow = true;
- }
- } else {
- this.underwriteTitle = '影像上传失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = htimage.msg;
- this.underwriteShow = true;
- }
- break;
- case "渤海财险":
- let bhimage = await this.$http.post(
- '/order/boHaiApi/submitImage', {
- companyId: this.companyId
- });
- if (bhimage.code == '200') {
- let bhaudit = await this.$http.post(
- '/order/boHaiApi/audit', {
- companyId: this.companyId,
- jqappoint: "",
- syappoint: ""
- });
- if (bhaudit.code == '200') {
- this.underwriteTitle = '订单自核成功';
- this.cancelText = '暂不缴费';
- this.confirmText = '立即缴费';
- this.underwriteShow = true;
- } else {
- this.underwriteTitle = '核保失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = bhaudit.msg;
- this.underwriteShow = true;
- }
- } else {
- this.underwriteTitle = '影像上传失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = bhimage.msg;
- this.underwriteShow = true;
- }
- break;
- case "恒邦财险":
- case "诚泰财险":
- case "安盛天平":
- case "众安财险":
- case "中国人寿":
- case "太平财险":
- case "华农财险":
- case "泰康财险":
- let pythonimage = await this.$http.post(
- '/insurance/crawler/submitImage', {
- subOrderNo: this.companyId
- });
- if (pythonimage.code == '200') {
- let pythonaudit = await this.$http.post(
- '/insurance/crawler/audit', {
- subOrderNo: this.companyId,
- });
- if (pythonaudit.code == '200') {
- this.underwriteTitle = '订单自核成功';
- this.cancelText = '暂不缴费';
- this.confirmText = '立即缴费';
- this.underwriteShow = true;
- } else {
- this.underwriteTitle = '核保失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = pythonaudit.msg;
- this.underwriteShow = true;
- }
- } else {
- this.underwriteTitle = '影像上传失败';
- this.cancelText = '返回订单';
- this.confirmText = '关闭';
- this.underwriteMsg = pythonimage.msg;
- this.underwriteShow = true;
- }
- break;
- }
- this.auditNextShow = false;
- }, 1000)
- },
- // 上传影像并提交核保
- async submitUnderwriting(id, apiType, name) {
- this.companyId = id;
- this.apiType = apiType;
- this.insuranceCompanyName = name;
- this.auditNextShow = true;
- },
- //核保弹窗关闭事件
- underwritecancel() {
- this.navigate({
- url: "/pages/orders/orders"
- }, "switchTab",
- true);
- },
- //核保弹窗确认事件
- underwriteconfirm() {
- switch (this.underwriteTitle) {
- case '订单自核成功':
- if (this.quotationType.themeCode == 'QD') {
- uni.navigateTo({
- url: "/pages/orders/paymentCode?companyId=" +
- this
- .companyId + '&apiType=' + this.apiType,
- })
- } else {
- uni.navigateTo({
- url: "/pages/orders/paymentCode1?companyId=" +
- this
- .companyId + '&apiType=' + this.apiType,
- })
- }
- break;
- case '核保失败':
- break;
- case '影像上传失败':
- break;
- }
- },
- }
- }
- </script>
- <style lang="scss" scoped>
- @import '@/style/mixin.scss';
- .page {
- background: #F8FAFE;
- padding: 16px 16px 100px 16px;
- }
- .sum {
- color: #0052FF;
- font-size: 14px;
- font-weight: bold;
- }
- .scroll-Y {
- height: 600px;
- }
- .discountInfoscroll {
- height: 300px;
- }
- .scroll-view-item {
- height: 300rpx;
- line-height: 300rpx;
- text-align: center;
- font-size: 36rpx;
- }
- .modelformcss {
- padding: 5px 15px;
- }
- .PlanPopup-btn {
- width: 100%;
- height: 48px;
- background: #FFFFFF;
- box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.05);
- }
- .circle {
- width: 16px;
- height: 16px;
- border-radius: 50%;
- border: 2px solid #0052FF;
- }
- .circle:after {
- content: "✔";
- /* 对勾符号 */
- font-size: 10px;
- font-weight: bold;
- /* 根据需要调整大小 */
- color: #0052FF;
- }
- .policyInfo {
- .tagHeader {
- font-family: Source Han Sans SC, Source Han Sans SC;
- text {
- position: relative;
- font-weight: bold;
- font-size: 13px;
- color: #333;
- }
- .tag {
- position: absolute;
- left: 0;
- bottom: -1px;
- width: 50%;
- height: 5px;
- background: linear-gradient(90deg, #0874FF 0%, rgba(8, 116, 255, 0) 100%);
- border-radius: 6px;
- }
- }
- .accident {
- width: 75%;
- .diss {
- border-bottom: 1px solid #E3E9F8;
- .boss {
- border-right: 1px solid #E3E9F8;
- text-align: center;
- padding: 5px 3px;
- }
- }
- }
- .right {
- width: 25%;
- border-right: 1px solid #E3E9F8;
- border-bottom: 1px solid #E3E9F8;
- padding: 5px 3px;
- }
- }
- .selectedCoverage {
- background-color: #FFDFCE;
- width: 100%;
- border-radius: 22px;
- position: relative;
- padding: 7px 8px;
- .title1 {
- color: #232832;
- font-size: 15px;
- font-weight: bold;
- }
- .title-before {
- position: absolute;
- width: 3px;
- height: 14px;
- background: #FF5600;
- left: 0;
- top: 50%;
- transform: translateY(-50%);
- }
- .product {
- width: 65px;
- background: #FFFFFF;
- border-radius: 16px;
- border: 1px solid #FF5600;
- padding: 2px 6px;
- box-sizing: border-box;
- }
- }
- .Plancontent {
- padding: 8px;
- .title {
- color: #232832;
- font-size: 15px;
- font-weight: bold;
- ::before {
- content: "丨";
- width: 10px;
- height: 10px;
- color: #0052FF;
- }
- }
- .title-before {}
- .Accident {
- width: 100%;
- border: 1px solid #0874FF;
- border-radius: 6px;
- overflow: hidden;
- .head {
- width: 20%;
- height: 40px;
- background-color: #0874FF;
- color: #FFFFFF;
- &:nth-child(1) {
- width: 60%;
- }
- }
- .tr {
- width: 20%;
- height: 60px;
- color: #232832;
- border: 1rpx solid #0874FF;
- font-size: 24rpx;
- color: #232832;
- &:nth-child(1) {
- width: 60%;
- background: rgba(8, 116, 255, 0.05);
- }
- &:nth-child(3) {
- background: rgba(8, 116, 255, 0.05);
- }
- }
- }
- .insuranceType {
- margin: 5px 10px;
- background: #F2F6FF;
- border-radius: 10px;
- }
- .terms {
- color: #FFFFFF;
- background: linear-gradient(90deg, #FF4D4D 0%, #FF784D 100%);
- border-radius: 4px 4px 4px 4px;
- }
- }
- .quotePlan {
- background: #FFFFFF;
- box-shadow: 0px 4px 10px 0px #DAE3F4;
- border-radius: 6px;
- }
- .status-data {
- width: auto;
- padding: 2px 8px;
- margin-left: 10px;
- font-size: 12px;
- border: 1px solid #CDCDCD;
- cursor: pointer;
- text-align: center;
- line-height: 25px;
- }
- .active {
- position: relative;
- background: rgba(0, 82, 255, 0.1);
- color: #0052FF;
- border: 1px solid #0052FF !important;
- font-weight: 700;
- }
- .active::before {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: 10px;
- height: 10px;
- background-image: url("/static/image/car-insure/before.png");
- background-size: cover;
- }
- .active1 {
- position: relative;
- background: rgba(255, 86, 0, 0.1);
- color: #FF5600;
- border: 1px solid #FF5600;
- font-weight: 700;
- }
- .active1::before {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: 10px;
- height: 10px;
- background-image: url("/static/image/car-insure/before1.png");
- background-size: cover;
- }
- .car-header {
- width: 100%;
- height: auto;
- background: linear-gradient(0, #FFFFFF 0%, rgba(241, 246, 255, 0.8) 100%);
- box-shadow: 0px 4px 10px 0px rgba(158, 173, 229, 0.1);
- border-radius: 6px;
- padding: 8px 15px;
- position: relative;
- .head-name {
- margin-left: 10px;
- &>text {
- font-weight: bold;
- font-size: 14px;
- color: #232832;
- }
- .name1 text {
- font-size: 14px;
- color: #333333;
- }
- }
- .carJump {
- position: absolute;
- top: 5px;
- right: 10px;
- font-size: 14px;
- color: #0052FF;
- }
- }
- /* 报价公司Start */
- .quoteCompany {
- box-sizing: border-box;
- /* background:#FFFFFF; */
- position: relative;
- border-radius: 20upx;
- }
- .quoteCompany .header {
- height: 80upx;
- }
- .quoteCompany .header .title {
- font-size: 30upx;
- font-weight: bold;
- }
- .quoteCompany .header .title .icon {
- color: rgba($themeColor, 0.6);
- margin-left: 15upx;
- }
- .quoteCompanyItem {
- margin-bottom: 20upx;
- background: #FFFFFF;
- border-radius: 6px;
- box-shadow: 0px 4px 10px 0px #DAE3F4;
- box-sizing: border-box;
- cursor: pointer;
- .selectedPlanBackground {
- background: linear-gradient(180deg, #DFF1FF 0%, #FFFFFF 100%);
- box-shadow: 0px 2px 5px 0px #DAE3F4;
- border-radius: 0px 0px 6px 6px;
- }
- >.headers {
- height: 30px;
- background-image: url('../../static/image/car-insure/weixuanfangan.png');
- background-position: 0% 0%;
- background-size: 100% 100%;
- background-repeat: no-repeat;
- .logo {
- width: 30%;
- image {
- width: 20px;
- height: 20px;
- margin-right: 10px;
- }
- .companyName {
- font-size: 14px;
- font-weight: bold;
- color: #fff;
- }
- }
- }
- }
- .quoteCompanyItem .top {
- position: relative;
- padding: 8px;
- }
- .quoteCompanyItem .top .companyIcon {
- border-radius: 6px 6px 0 0;
- padding: 0 0 4px;
- }
- .insuranceGuide {
- background: #FD9159;
- border-radius: 2px;
- font-weight: bold;
- font-size: 12px;
- color: #fff;
- padding: 0px 8px;
- margin-left: 5%;
- }
- .planDetails {
- width: 100%;
- height: auto;
- background: #F9F9F9;
- border-radius: 6px;
- padding: 6px;
- .headers {
- >image {
- width: 14px;
- height: 14px;
- }
- >text {
- font-size: 12px;
- color: #4B6FBA;
- margin-left: 10px;
- }
- }
- }
- .content {
- padding: 0 8px;
- margin-bottom: 5px;
- }
- .quoteCompanyItem .top .Premium {
- padding: 10px 8px;
- border-radius: 4px;
- .price {
- font-size: 12px;
- color: #FF5600;
- text {
- margin-right: 5px;
- }
- }
- .time {
- font-size: 12px;
- color: #2D4D89;
- >text {
- margin-right: 5px;
- }
- }
- }
- .quoteCompanyItem .top .quotebtn {
- width: 100%;
- height: auto;
- >view {
- width: 50%;
- font-size: 14px;
- padding: 4px 0;
- }
- }
- .lastyear {
- view {
- font-size: 12px;
- }
- .left {
- border: 1px solid #229805;
- border-radius: 2px;
- padding: 1px 6px;
- color: #229805;
- }
- .right {
- border-radius: 2px;
- padding: 1px 6px;
- border: 1px solid #FF5600;
- color: #FF5600;
- }
- }
- .quoteCompanyItem .top .totalMoney {
- font-size: 40upx;
- font-weight: bold;
- color: $themeColor;
- position: absolute;
- top: -15upx;
- right: 0;
- }
- .quoteCompanyItem .top .tip {
- font-size: 26upx;
- font-weight: bold;
- color: #999;
- position: absolute;
- top: 0upx;
- right: 0;
- }
- .sum {
- color: #0052FF;
- font-size: 14px;
- font-weight: bold;
- }
- .quoteFailed {
- background: rgba(255, 77, 77, 0.1);
- border-radius: 2px;
- color: #FF4D4D;
- font-size: 12px;
- font-weight: bold;
- padding: 2px 8px;
- }
- .quoteCompanyItem .top .signs {
- width: 500upx;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .quoteCompanyItem .top .sign {
- height: 40upx;
- margin: 0upx 10upx;
- background: rgba($themeColor, 0.6);
- color: $themeColor;
- font-size: 20upx;
- margin-right: 10upx;
- border-radius: 6upx;
- padding: 0 2px;
- line-height: 40upx;
- }
- .jqsign {
- height: 20px;
- background: rgba(255, 177, 177, 0.55);
- color: #fd0a0a;
- font-size: 20upx;
- border-radius: 6upx;
- padding: 0 10px;
- box-sizing: border-box;
- }
- .quoteCompanyItem .body {
- padding: 20upx 0;
- flex-wrap: wrap;
- }
- .quoteCompanyItem .body>view {
- flex-shrink: 0;
- width: 50%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .quoteCompanyItem .body .icon-exchange {
- margin-right: 15upx;
- display: inline-block;
- }
- /* 报价公司End */
- /* 整个页面的统一样式 End */
- .plan-ins-title {
- color: #FF5600;
- font-size: 15px;
- font-weight: bold;
- padding: 8px;
- }
- .immediately {
- padding: 19rpx 15px;
- .common-ins-cell:last-child {
- border-bottom: none;
- }
- }
- .common-title {
- font-size: 32upx;
- font-weight: bold;
- }
- .common-ins-cell {
- font-size: 30upx;
- padding: 0upx 30upx;
- height: 90upx;
- border-bottom: 1px solid #eee;
- }
- /* 交强险和商业险弹出框Start */
- .popup-content {
- position: relative;
- }
- .popHeader {
- box-sizing: border-box;
- font-size: 32upx;
- font-weight: bold;
- height: 120upx;
- border-bottom: 1px solid #eee;
- }
- .popup-content .popContent {
- padding: 0upx 30upx;
- height: 620upx;
- box-sizing: border-box;
- }
- .popup-content .popContent .popContentTitle {
- font-weight: bold;
- font-size: 32upx;
- margin: 20upx 0upx 5upx 0upx;
- }
- .popup-content .popContent .amtSingle {
- width: 22%;
- box-sizing: border-box;
- display: inline-block;
- text-align: center;
- vertical-align: middle;
- border: 1px solid #eee;
- margin: 0 15rpx 15rpx 0;
- }
- .popup-content .popBottom {
- margin: 30upx 30upx 0 30upx;
- padding-bottom: 30upx;
- }
- /* 交强险和商业险弹出框End */
- .drivingSelection {
- padding: 8px;
- >view {
- padding: 4px 8px;
- }
- .header {
- width: 100%;
- background: rgba(255, 86, 0, 0.05);
- border-radius: 2px;
- margin-bottom: 4px;
- text {
- font-size: 15px;
- color: #FF5600;
- font-weight: bold;
- }
- }
- }
- .footer-btn {
- position: fixed;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 62px;
- background: #FFFFFF;
- box-shadow: 0px -4px 10px 0px #DAE3F4;
- border-radius: 0px 0px 0px 0px;
- padding: 12px 16px;
- z-index: 99;
- }
- .priceComparison {
- width: 20%;
- background: linear-gradient(180deg, #FA6464 0%, #E53F3F 100%);
- box-shadow: 0px 2px 5px 0px rgba(232, 66, 66, 0.3);
- border-radius: 4px;
- border: 1px solid #FF9A9A;
- }
- .ZJcheckboxGroup {
- .headers {
- min-height: 73px;
- background-image: url('../../static/image/car-insure/teyueheader.png');
- background-position: 0% 0%;
- background-size: 100% 100%;
- background-repeat: no-repeat;
- padding: 10px 20px;
- border-bottom: 1px solid #EEEEEE;
- .title {
- font-weight: bold;
- font-size: 16px;
- color: #333333;
- }
- }
- .hint {
- width: 90%;
- margin: auto;
- background: #DFF9FF;
- border-radius: 2px;
- padding: 3px 8px;
- image {
- width: 16px;
- height: 16px;
- margin-right: 10px;
- }
- text {
- font-size: 12px;
- color: #18AAE8;
- }
- }
- .scolcentent {
- max-height: 450px;
- padding-bottom: 40px;
- padding: 0 10px;
- }
- .operateBtn {
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- font-weight: bold;
- font-size: 16px;
- .cancel {
- width: 50%;
- height: 46px;
- color: #A7AFC3;
- background-color: #F3F5F9;
- }
- .confirm {
- width: 50%;
- height: 46px;
- color: #fff;
- background: linear-gradient(90deg, #17A9E8 0%, #4DD4FF 100%);
- ;
- }
- }
- .operateBtn1 {
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- font-weight: bold;
- font-size: 16px;
- padding: 10px;
- .cancel {
- width: 40%;
- height: 46px;
- background: #F3F5F9;
- border-radius: 4px;
- font-size: 16px;
- color: #A7AFC3;
- margin-right: 30px;
- }
- .confirm {
- width: 40%;
- height: 46px;
- background: linear-gradient(90deg, #0153FF 0%, #0D89FF 100%);
- border-radius: 4px;
- font-size: 16px;
- color: #fff;
- }
- }
- }
- /deep/ {
- .jq {
- .u-th {
- background: #F6F7FE;
- padding: 5px 10px !important;
- }
- .u-td {
- padding: 5px 10px !important;
- }
- }
- .sy {
- .u-th {
- background: #F6F7FE;
- }
- }
- .u-tabs__wrapper__nav__line {
- left: 2400rpx;
- height: 4rpx !important;
- border-radius: 4rpx;
- }
- }
- .uni-uploader__file {
- position: relative;
- }
- .uni-uploader__files {
- position: relative;
- }
- .delImgIcon {
- width: 40upx;
- height: 40upx;
- position: absolute;
- right: 4px;
- bottom: 4px;
- color: #FFFFFF;
- }
- .imgtitle {
- background: #4682F9;
- border-radius: 0px 2px 2px 0px;
- padding: 1px 2px;
- position: absolute;
- left: 0upx;
- top: 2px;
- color: #FFFFFF;
- font-size: 20rpx;
- }
- </style>
|