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