quote1.vue 80 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524
  1. <template>
  2. <view :style="getHeight" style="background-color: #F5F5F5;">
  3. <!-- 头部 -->
  4. <view class="carInfo w-100 px-3 box-sizing">
  5. <view class="d-flex">
  6. <view class="icon iconfont icon-tree-round-car flex-shrink topLeft"></view>
  7. <view class="topRight d-flex flex-1 p-3 flex-column" style="color: #FFFFFF;">
  8. <view class="d-flex flex-1">
  9. <view class="font-lg d-flex a-center">{{this.carInfo.licenseNo}}
  10. <view class="icon iconfont icon-bianji1 ml-2" @tap="toCarInfo"></view>
  11. </view>
  12. </view>
  13. <view class="brandName">{{this.carInfo.modelcname}}</view>
  14. </view>
  15. </view>
  16. <view class="other d-flex j-sb px-3">
  17. <view class="d-flex flex-1 a-center">
  18. <view class="privilege d-flex a-center j-center flex-shrink px-2">特权</view>
  19. <view class="content">每月自动查违章,无违章领奖励</view>
  20. </view>
  21. <view class="flex-shrink icon iconfont icon-youjiantou d-flex a-center font-sm"></view>
  22. </view>
  23. </view>
  24. <!-- 报价方案 -->
  25. <view class="pageContent">
  26. <view class="quotePlan mx-3">
  27. <view class="header j-sb d-flex a-center px-3">
  28. <view class="title font-md">报价方案</view>
  29. <view class="adjustPlan main-text-color" @tap="toInsureItems">调整方案</view>
  30. </view>
  31. <view class="body">
  32. <view class="insurance">
  33. <template v-if="jqstartDate">
  34. <view class="row j-sb d-flex a-center">
  35. <view>交强险</view>
  36. <view>投保</view>
  37. </view>
  38. </template>
  39. <template v-if="systartDate">
  40. <block v-for="(item,index) in insureList" :key="index">
  41. <template v-if="item.amount!=0">
  42. <view class="row j-sb d-flex a-center">
  43. <view>{{item.kindName}}</view>
  44. <block v-for="(item2,index2) in item.amtList" :key="index2">
  45. <template v-if="item2.value == item.amount">
  46. <view>{{item2.label}}</view>
  47. </template>
  48. </block>
  49. </view>
  50. </template>
  51. </block>
  52. </template>
  53. <view class="dis j-s a-c" v-if="jqstartDate">
  54. <view style="margin-right: 40px;">交强起保日期:</view>
  55. <u-input type="select" :select-open="jqstartShow" v-model="jqstartDate"
  56. @click="jqstartShow = true" style="width: 100px;"></u-input>
  57. <u-picker v-model="jqstartShow" mode="time" :params="params"
  58. @confirm="jqstartconfirm"></u-picker>
  59. </view>
  60. <view class="dis j-s a-c" v-if="jqendDate">
  61. <view style="margin-right: 40px;">交强终保日期:</view>
  62. <u-input type="select" :select-open="jqendShow" v-model="jqendDate"
  63. @click="jqendShow = true" style="width: 100px;"></u-input>
  64. <u-picker v-model="jqendShow" mode="time" :params="params"
  65. @confirm="jqendconfirm"></u-picker>
  66. </view>
  67. <view class="dis j-s a-c" v-if="systartDate">
  68. <view style="margin-right: 40px;">商业起保日期:</view>
  69. <u-input type="select" :select-open="systartShow" v-model="systartDate"
  70. @click="systartShow = true" style="width: 100px;"></u-input>
  71. <u-picker v-model="systartShow" mode="time" :params="params"
  72. @confirm="systartconfirm"></u-picker>
  73. </view>
  74. <view class="dis j-s a-c" v-if="syendDate">
  75. <view style="margin-right: 40px;">商业终保日期:</view>
  76. <u-input type="select" :select-open="syendShow" v-model="syendDate"
  77. @click="syendShow = true" style="width: 100px;"></u-input>
  78. <u-picker v-model="syendShow" mode="time" :params="params"
  79. @confirm="syendconfirm"></u-picker>
  80. </view>
  81. </view>
  82. <!-- <view class="addedServices">
  83. <view class="row j-sb d-flex a-center">
  84. <view>增值服务</view>
  85. <view>赠送</view>
  86. </view>
  87. <view style="padding: 15upx;color: #A6A6A6;font-size: 24upx;background-color: #F8FAFC;">
  88. 注:包含道路救援/安全检测/代为驾驶/代为送检,投保以上商业主险免费赠送,各家保司各个地区旅游差异,具体以保单信息为准</view>
  89. </view> -->
  90. </view>
  91. </view>
  92. <view class="quoteCompany">
  93. <view class="header j-sb d-flex a-center">
  94. <view class="title d-flex">精选保险公司<view class="icon iconfont icon-Group-"></view>
  95. </view>
  96. </view>
  97. <block v-for="(totalitem,totalindex) in totalCompanyList" :key="index">
  98. <template>
  99. <view class="quoteCompanyItem">
  100. <view class="top dis f-c">
  101. <ls-loading v-show="totalitem.quoteCode==1" text="掌柜正在为您报价,请稍等......"
  102. :animation="animation" fontSize="22" />
  103. <view class="companyIcon dis j-s a-c">
  104. <view class="dis">
  105. <!-- 勾选框 -->
  106. <u-checkbox
  107. @change="event=>checkboxChange(event,totalitem.id,totalitem.cnName, totalindex)"
  108. v-model="totalitem.checked" active-color="rgb(250, 53, 52)"></u-checkbox>
  109. <!-- logo -->
  110. <image :src="totalitem.logo"></image>
  111. <!-- 名称 -->
  112. <view class="companyName">{{totalitem.namesimple}}</view>
  113. </view>
  114. <!-- 价格 -->
  115. <text v-show="totalitem.quoteCode==200"
  116. class="sum">¥{{totalitem.result.sumPermium}}</text>
  117. <text
  118. v-show="(totalitem.quoteCode != '200') && (totalitem.quoteCode != '0') && (totalitem.quoteCode != '1')"
  119. class="sum" style="color: #999;font-size: 12px;"
  120. @click="ErrorMsg(totalitem.msg,totalitem.namesimple)">报价失败,请点击查看</text>
  121. </view>
  122. <view v-show="totalitem.quoteCode==200" class="dis Premium f-wrap"
  123. style="font-size: 12px;color: #ee7000;">
  124. <text v-if="totalitem.result.jqPremium">交强险:¥{{totalitem.result.jqPremium}}</text>
  125. <text v-if="totalitem.result.syPremium"
  126. style="margin: 0 5px;">商业险:¥{{totalitem.result.syPremium}}</text>
  127. <text v-if="totalitem.result.taxAmount">车船税:¥{{totalitem.result.taxAmount}}</text>
  128. <text v-if="totalitem.result.jyPremium">驾意险:¥{{totalitem.result.jyPremium}}</text>
  129. </view>
  130. <view v-show="totalitem.quoteCode==200" class="dis f-c"
  131. style="font-size: 12px;color: #6495ed;border-top: 1px solid #f2f2f2;">
  132. <text
  133. v-if="totalitem.result.jqPremium">交强险:{{totalitem.result.startDateJq}}~{{totalitem.result.endDateJq}}
  134. <u-icon style="color:#ee7000;margin-left: 20px;font-size: 16px;" name="clock"
  135. @click="syncData(totalitem.result)"></u-icon>
  136. </text>
  137. <text
  138. v-if="totalitem.result.startDateSy">商业险:{{totalitem.result.startDateSy}}~{{totalitem.result.endDateSy}}
  139. </text>
  140. <text v-if="totalitem.namesimple == '永诚财险'">光博分:{{ totalitem.result.ilogPreUdwMess ?
  141. totalitem.result.ilogPreUdwMess : '无' }}</text>
  142. <text v-else>评分:{{ totalitem.result.ilogPreUdwMess ?
  143. totalitem.result.ilogPreUdwMess : '无' }}</text>
  144. <text v-if="totalitem.result.accidentInfoStr">出险信息:{{ totalitem.result.accidentInfoStr ?
  145. totalitem.result.accidentInfoStr : '无' }}</text>
  146. </view>
  147. <text v-if="totalitem.result.tips && totalitem.namesimple == '众安财险'"
  148. style="color: red;">{{ totalitem.result.tips}}</text>
  149. <view class="dis a-c j-s" v-if="totalitem.checked">
  150. <u-form-item label="报价协议选择" :prop="totalitem.agreementId" label-width="200"
  151. :border-bottom='false' style="padding: 0;">
  152. <u-input type="select" :select-open="totalitem.selectShow"
  153. v-model="totalitem.agreementName" placeholder="请选择协议"
  154. @click="totalitem.selectShow = true"></u-input>
  155. <u-select mode="single-column" :list="totalitem.agreement" value-name="id"
  156. label-name="agreementName" v-model="totalitem.selectShow"
  157. @confirm="val=>selectConfirm(val,totalindex)"></u-select>
  158. </u-form-item>
  159. <u-button v-if="totalitem.namesimple == '紫金财险'" size="mini " type="warning"
  160. :hair-line="false" @click="zijinPopupshow=true"
  161. style="margin-left: 10px;">意外险选择</u-button>
  162. </view>
  163. <template
  164. v-if="totalitem.namesimple == '中国人寿' && totalitem.checked && totalitem.agreementId && renshouaccidentalDrivingVo.id">
  165. <view class="accident-style dis f-c ">
  166. <view class=" accident-ins dis a-c j-s">
  167. <u-checkbox shape="circle" size="30" v-model="totalitem.jychecked"
  168. @change="checkboxChangeInfo($event,totalindex)"
  169. active-color="rgb(255, 170, 0)"></u-checkbox>
  170. <view class=" dis a-c j-s " @click="renshouPopupshow=true">
  171. <text
  172. style="font-size: 14px;">{{renshouaccidentalDrivingVo.productName}}</text>
  173. <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
  174. </view>
  175. </view>
  176. <view class=" dis j-s a-c">
  177. <view class="">
  178. <text style="font-size: 14px;">保费:</text>
  179. <text
  180. style="font-size: 14px;color: #ee7000;">¥{{renshouaccidentalDrivingVo.totalPremium*renshouaccidentalDrivingVo.quantity}}.00起</text>
  181. </view>
  182. <view class="">
  183. <text style="font-size: 14px;">份数:</text>
  184. <u-number-box v-model="renshouaccidentalDrivingVo.quantity" :min="1"
  185. :max="1" :disabled-input="true" :input-width="70" :input-height="44"
  186. size="26"></u-number-box>
  187. </view>
  188. </view>
  189. </view>
  190. </template>
  191. <template
  192. v-if="totalitem.namesimple == '紫金财险' && totalitem.checked && totalitem.agreementId ">
  193. <text style="font-weight: bold;font-size: 12px;"
  194. v-if="zijinaccidentalDrivingVo.length>0">意外险信息</text>
  195. <view class="accident-style dis f-c "
  196. v-for="(item,index) in zijinaccidentalDrivingVo">
  197. <view class=" accident-ins dis a-c j-s">
  198. <view class=" dis a-c j-s ">
  199. <text style="font-size: 14px;">{{item.projectName}}</text>
  200. <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
  201. </view>
  202. </view>
  203. <view class=" dis j-s a-c">
  204. <view class="">
  205. <text style="font-size: 14px;">保费:</text>
  206. <text
  207. style="font-size: 14px;color: #ee7000;">¥{{item.sumPremium*item.quantity}}.00</text>
  208. </view>
  209. <view class="">
  210. <text style="font-size: 14px;">份数:</text>
  211. <u-number-box v-model="item.quantity" :min="1" :max="item.maxQuantity"
  212. :disabled-input="item.maxQuantity==1?true :false" :input-width="70"
  213. :input-height="44" size="26"></u-number-box>
  214. </view>
  215. </view>
  216. </view>
  217. </template>
  218. <template
  219. v-if="totalitem.namesimple == '恒邦财险' && totalitem.checked && totalitem.agreementId && hengbangaccidentalDrivingVo.programcode">
  220. <view class="accident-style dis f-c ">
  221. <view class=" accident-ins dis a-c j-s">
  222. <u-checkbox shape="circle" size="30" v-model="totalitem.jychecked"
  223. @change="checkboxChangeInfo($event,totalindex)"
  224. active-color="rgb(255, 170, 0)"></u-checkbox>
  225. <view class=" dis a-c j-s " @click="hengbangPopupshow=true">
  226. <text
  227. style="font-size: 14px;">{{hengbangaccidentalDrivingVo.programname}}</text>
  228. <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
  229. </view>
  230. </view>
  231. <view class=" dis j-s a-c">
  232. <view class="">
  233. <text style="font-size: 14px;">保费:</text>
  234. <text
  235. style="font-size: 14px;color: #ee7000;">¥{{hengbangaccidentalDrivingVo.sumgrosspremium*hengbangaccidentalDrivingVo.quantity}}.00</text>
  236. </view>
  237. <view class="">
  238. <text style="font-size: 14px;">份数:</text>
  239. <u-number-box v-model="hengbangaccidentalDrivingVo.quantity" :min="1"
  240. :max="1" :disabled-input="true" :input-width="70" :input-height="44"
  241. size="26"></u-number-box>
  242. </view>
  243. </view>
  244. </view>
  245. </template>
  246. <template
  247. v-if="totalitem.namesimple == '众安财险' && totalitem.checked && totalitem.agreementId && zhonganaccidentalDrivingVo.combination">
  248. <view class="accident-style dis f-c ">
  249. <view class=" accident-ins dis a-c j-s">
  250. <u-checkbox shape="circle" size="30" v-model="totalitem.jychecked"
  251. @change="checkboxChangeInfo($event,totalindex)"
  252. active-color="rgb(255, 170, 0)"></u-checkbox>
  253. <view class=" dis a-c j-s " @click="zhonganPopupshow=true">
  254. <text
  255. style="font-size: 14px;">{{zhonganaccidentalDrivingVo.name}}</text>
  256. <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
  257. </view>
  258. </view>
  259. <view class=" dis j-s a-c">
  260. <text style="font-size: 14px;">份数:</text>
  261. <u-number-box v-model="zhonganaccidentalDrivingVo.quantity" :min="1"
  262. :max="1" :disabled-input="true" :input-width="70" :input-height="44"
  263. size="26"></u-number-box>
  264. </view>
  265. </view>
  266. </template>
  267. <template
  268. v-if="totalitem.namesimple == '永诚财险' && totalitem.checked && totalitem.agreementId && yongchengaccidentalDrivingVo.rideRiskCode">
  269. <view class="accident-style dis f-c ">
  270. <view class=" accident-ins dis a-c j-s">
  271. <u-checkbox shape="circle" size="30" v-model="totalitem.jychecked"
  272. @change="checkboxChangeInfo($event,totalindex)"
  273. active-color="rgb(255, 170, 0)"></u-checkbox>
  274. <view class=" dis a-c j-s " @click="yongchengPopupshow=true">
  275. <text
  276. style="font-size: 14px;">{{yongchengaccidentalDrivingVo.rideRiskName}}</text>
  277. <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
  278. </view>
  279. </view>
  280. <view class=" dis j-s a-c">
  281. <view class="">
  282. <text style="font-size: 14px;">保费:</text>
  283. <text
  284. style="font-size: 14px;color: #ee7000;">¥{{yongchengaccidentalDrivingVo.premium*yongchengaccidentalDrivingVo.quantity}}</text>
  285. </view>
  286. <view class="">
  287. <text style="font-size: 14px;">份数:</text>
  288. <u-number-box v-model="yongchengaccidentalDrivingVo.quantity" :min="1"
  289. :max="100" :input-width="70" :input-height="44"
  290. size="26"></u-number-box>
  291. </view>
  292. </view>
  293. </view>
  294. </template>
  295. <template
  296. v-if="totalitem.namesimple == '安盛天平' && totalitem.checked && totalitem.agreementId && anshengaccidentalDrivingVo.planCode">
  297. <view class="accident-style dis f-c ">
  298. <view class=" accident-ins dis a-c j-s">
  299. <text style="font-size: 14px;">分类</text>
  300. <view class=" dis a-c j-s " @click="anshengPopupshow=true">
  301. <text
  302. style="font-size: 14px;">{{anshengaccidentalDrivingVo.planCode}}{{anshengaccidentalDrivingVo.planChineseName}}</text>
  303. <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
  304. </view>
  305. </view>
  306. <template v-if="anshengInsuranceData.length>0">
  307. <view class=" accident-ins dis a-c j-s">
  308. <u-checkbox shape="circle" size="30" v-model="totalitem.jychecked"
  309. @change="checkboxChangeInfo($event,totalindex)"
  310. active-color="rgb(255, 170, 0)"></u-checkbox>
  311. <view class=" dis a-c j-s " @click="anshengPopupshow1=true">
  312. <text
  313. style="font-size: 14px;">{{anshengaccidentalDrivingVo.productCode}}{{anshengaccidentalDrivingVo.productName}}</text>
  314. <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
  315. </view>
  316. </view>
  317. <view class=" dis j-s a-c">
  318. <text style="font-size: 14px;">份数:</text>
  319. <u-number-box v-model="anshengaccidentalDrivingVo.quantity" :min="1"
  320. :max="1" :disabled-input="true" :input-width="70" :input-height="44"
  321. size="26"></u-number-box>
  322. </view>
  323. </template>
  324. </view>
  325. </template>
  326. <template
  327. v-if="totalitem.namesimple == '国任财险' && totalitem.checked && totalitem.agreementId && guorenaccidentalDrivingVo.goodsCode">
  328. <view class="accident-style dis f-c ">
  329. <view class=" accident-ins dis a-c j-s">
  330. <text style="font-size: 14px;">分类</text>
  331. <view class=" dis a-c j-s " @click="guorenPopupshow=true">
  332. <text
  333. style="font-size: 14px;">{{guorenaccidentalDrivingVo.goodDesc}}</text>
  334. <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
  335. </view>
  336. </view>
  337. <template v-if="guorenInsuranceData.length>0">
  338. <view class=" accident-ins dis a-c j-s">
  339. <u-checkbox shape="circle" size="30" v-model="totalitem.jychecked"
  340. @change="checkboxChangeInfo($event,totalindex)"
  341. active-color="rgb(255, 170, 0)"></u-checkbox>
  342. <view class=" dis a-c j-s " @click="guorenPopupshow1=true">
  343. <text
  344. style="font-size: 14px;">{{guorenaccidentalDrivingVo.prodCName}}</text>
  345. <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
  346. </view>
  347. </view>
  348. <view class=" dis j-s a-c">
  349. <view class="">
  350. <text style="font-size: 14px;">保费:</text>
  351. <text
  352. style="font-size: 14px;color: #ee7000;">¥{{guorenaccidentalDrivingVo.premium*guorenaccidentalDrivingVo.quantity}}.00</text>
  353. </view>
  354. <view class="">
  355. <text style="font-size: 14px;">份数:</text>
  356. <u-number-box v-model="guorenaccidentalDrivingVo.quantity" :min="1"
  357. :max="Number( guorenaccidentalDrivingVo.policyNum)"
  358. :input-width="70" :input-height="44" size="26"></u-number-box>
  359. </view>
  360. </view>
  361. </template>
  362. </view>
  363. </template>
  364. <view v-show="totalitem.quoteCode==200" class="dis j-end"
  365. style="border-top: 1px solid #f2f2f2;padding: 10px 0;">
  366. <u-button v-if="totalitem.lastYearMsg" size="mini " type="warning"
  367. :hair-line="false" @click="YearMsg(totalitem.lastYearMsg,totalitem.namesimple)"
  368. style="margin-left: 10px;">上年信息</u-button>
  369. <u-button size="mini " type="warning" :hair-line="false"
  370. @click="bjdpreview(totalitem.result.companyId)"
  371. style="margin-left: 10px;">报价单</u-button>
  372. <u-button size="mini" style="background-color: #ea552d;margin-left: 10px;"
  373. type="error" :hair-line="false" :disabled="totalitem.result.tips"
  374. @click="querydetial(totalitem.result.companyId)">查看详情</u-button>
  375. </view>
  376. </view>
  377. </view>
  378. </template>
  379. </block>
  380. </view>
  381. </view>
  382. <wyb-popup ref="lastYearMsgCI" type="center" mode="size-fixed" height="900" radius="6" :showCloseIcon="true">
  383. <view class="popupBody">
  384. <view class="popHeader d-flex a-center j-center">
  385. 投保方案建议
  386. </view>
  387. <scroll-view scroll-top="0" scroll-y="true" class="popupScroll">
  388. </scroll-view>
  389. <view class="popBottom d-flex a-center j-center main-text-color" @tap="adjustPopupInsureSubmit">我知道了
  390. </view>
  391. </view>
  392. </wyb-popup>
  393. <!-- 人寿驾意险弹框 -->
  394. <u-popup v-model="renshouPopupshow" mode="center" width="70%" border-radius="10">
  395. <view class="popContent dis f-c a-c">
  396. <u-radio-group size="30" active-color="rgb(255, 170, 0)">
  397. <u-radio style="margin: 4px 0;" @change="RSradioChange"
  398. v-for="(item, index) in renshouInsuranceData" :key="index" :name="item.id">
  399. {{item.productName}}
  400. </u-radio>
  401. </u-radio-group>
  402. </view>
  403. </u-popup>
  404. <!-- 恒邦驾意险弹框 -->
  405. <u-popup v-model="hengbangPopupshow" mode="center" width="80%" border-radius="10">
  406. <view class="popContent dis f-c a-c">
  407. <u-radio-group size="30" active-color="rgb(255, 170, 0)">
  408. <u-radio style="margin: 4px 0;flex: auto;" @change="HBradioChange"
  409. v-for="(item, index) in hengbangInsuranceData" :key="index" :name="item.programcode">
  410. {{item.programname}}
  411. </u-radio>
  412. </u-radio-group>
  413. </view>
  414. </u-popup>
  415. <!-- 众安驾意险弹框 -->
  416. <u-popup v-model="zhonganPopupshow" mode="center" width="50%" border-radius="10">
  417. <view class="popContent dis f-c a-c">
  418. <u-radio-group size="30" active-color="rgb(255, 170, 0)">
  419. <u-radio style="margin: 4px 0;flex: auto;" @change="ZAradioChange"
  420. v-for="(item, index) in zhonganInsuranceData" :key="index" :name="item.combination">
  421. {{item.name}}
  422. </u-radio>
  423. </u-radio-group>
  424. </view>
  425. </u-popup>
  426. <u-popup v-model="yongchengPopupshow" mode="center" width="50%" border-radius="10">
  427. <view class="popContent dis f-c a-c">
  428. <u-radio-group size="30" active-color="rgb(255, 170, 0)">
  429. <u-radio style="margin: 4px 0;flex: auto;" @change="YCradioChange"
  430. v-for="(item, index) in yongchengInsuranceData" :key="index" :name="item.id">
  431. {{item.name}}
  432. </u-radio>
  433. </u-radio-group>
  434. </view>
  435. </u-popup>
  436. <!-- 安盛驾意险弹框 -->
  437. <u-popup v-model="anshengPopupshow" mode="center" width="90%" border-radius="10">
  438. <view class="popContent dis f-c a-c">
  439. <u-radio-group size="30" active-color="rgb(255, 170, 0)">
  440. <u-radio style="margin: 4px 0;flex: auto;" @change="ASprogrammeradioChange"
  441. v-for="(item, index) in anshengprogrammeData" :key="index" :name="item.planCode">
  442. {{item.planCode}}{{item.planChineseName}}
  443. </u-radio>
  444. </u-radio-group>
  445. </view>
  446. </u-popup>
  447. <u-popup v-model="anshengPopupshow1" mode="center" width="90%" border-radius="10">
  448. <view class="popContent dis f-c a-c">
  449. <u-radio-group size="30" active-color="rgb(255, 170, 0)">
  450. <u-radio style="margin: 4px 0;flex: auto;" @change="ASInsuranceradioChange"
  451. v-for="(item, index) in anshengInsuranceData" :key="index" :name="item.productCode">
  452. {{item.productCode}}{{item.productName}}
  453. </u-radio>
  454. </u-radio-group>
  455. </view>
  456. </u-popup>
  457. <!-- 紫金驾意险弹框 -->
  458. <u-modal v-model="zijinPopupshow" title="意外险" :scroll-height="{height: '300px'}">
  459. <view class="slot-content">
  460. <u-checkbox-group @change="ZJcheckboxGroupChange">
  461. <u-checkbox style="margin: 8px 0;flex: auto;" class="ZJcheckboxGroup" v-model="item.checked"
  462. active-color="rgb(255, 153, 0)" v-for="(item, index) in zijinInsuranceData" :key="index"
  463. :name="item.projectCode">{{item.projectName}}</u-checkbox>
  464. </u-checkbox-group>
  465. </view>
  466. </u-modal>
  467. <!-- 国任驾意险弹框 -->
  468. <u-popup v-model="guorenPopupshow" mode="center" width="70%" border-radius="10">
  469. <view class="popContent dis f-c a-c">
  470. <u-radio-group size="30" active-color="rgb(255, 170, 0)">
  471. <u-radio style="margin: 4px 0;flex: auto;" @change="GRprogrammeradioChange"
  472. v-for="(item, index) in guorenprogrammeData" :key="index" :name="item.goodId">
  473. {{item.goodDesc}}
  474. </u-radio>
  475. </u-radio-group>
  476. </view>
  477. </u-popup>
  478. <u-popup v-model="guorenPopupshow1" mode="center" width="70%" border-radius="10">
  479. <view class="popContent dis f-c a-c">
  480. <u-radio-group size="30" active-color="rgb(255, 170, 0)">
  481. <u-radio style="margin: 4px 0;flex: auto;" @change="GRInsuranceradioChange"
  482. v-for="(item, index) in guorenInsuranceData" :key="index" :name="item.prodCode">
  483. {{item.prodCName}}
  484. </u-radio>
  485. </u-radio-group>
  486. </view>
  487. </u-popup>
  488. <view class="infoBottom d-flex a-center j-center j-sb">
  489. <button type="default" class="d-flex a-center j-center" @tap="toNext">保费计算</button>
  490. </view>
  491. </view>
  492. </template>
  493. <script>
  494. import {
  495. mapState
  496. } from "vuex"
  497. import {
  498. delEmptyQueryNodes
  499. } from '@/plugins/utils';
  500. import wybPopup from '@/components/common/wyb-popup/wyb-popup.vue'
  501. import lsLoading from '@/components/common/ls-loading/ls-loading.vue';
  502. export default {
  503. components: {
  504. wybPopup,
  505. lsLoading
  506. },
  507. computed: {
  508. ...mapState(['userInfo']),
  509. getHeight() {
  510. let height = uni.getSystemInfoSync().windowHeight;
  511. return `minHeight: ${height}px;`;
  512. }
  513. },
  514. // 监听导航栏的按钮
  515. onNavigationBarButtonTap(e) {
  516. if (e.index == 0) {
  517. this.navigate({
  518. url: '/pages/index/index'
  519. }, "switchTab", true);
  520. }
  521. },
  522. data() {
  523. return {
  524. params: {
  525. year: true, //年
  526. month: true, //月
  527. day: true, //日
  528. hour: true, //时
  529. minute: true, //分
  530. second: true, //秒
  531. },
  532. zijinPopupshow: false,
  533. zijinInsuranceData: [], //紫金意外险list
  534. zijinaccidentalDrivingVo: [], //紫金意外险
  535. anshengPopupshow: false,
  536. anshengPopupshow1: false,
  537. anshengprogrammeData: [],
  538. anshengInsuranceData: [], //安盛意外险list
  539. anshengaccidentalDrivingVo: {}, //安盛意外险
  540. guorenPopupshow: false,
  541. guorenPopupshow1: false,
  542. guorenprogrammeData: [],
  543. guorenInsuranceData: [], //国任意外险list
  544. guorenaccidentalDrivingVo: {}, //国任意外险
  545. yongchengPopupshow: false,
  546. yongchengInsuranceData: [], //永诚意外险list
  547. yongchengaccidentalDrivingVo: {}, //永诚意外险
  548. zhonganPopupshow: false,
  549. zhonganInsuranceData: [], //-众安意外险list
  550. zhonganaccidentalDrivingVo: {}, //众安意外险
  551. hengbangPopupshow: false,
  552. hengbangInsuranceData: [], //-恒邦意外险list
  553. hengbangaccidentalDrivingVo: {}, //恒邦意外险
  554. renshouPopupshow: false,
  555. renshouInsuranceData: [], //-人寿意外险list
  556. renshouaccidentalDrivingVo: {}, //人寿意外险
  557. jqstartShow: false, //交强起保日期
  558. jqendShow: false, //交强终保日期
  559. systartShow: false, //商业起保日期
  560. syendShow: false, //商业终保日期
  561. content: ``,
  562. vehicleAndVesselTaxForm: {}, //车船税信息
  563. agreementList: [],
  564. zmDrivingForm: {}, //中煤驾意险
  565. zjaccidentalDrivingVo: [], //紫金驾意险
  566. carInfoPositiveList: [], //车辆影像
  567. ownerInfoPositiveList: [], //车主影像
  568. policyHolderInfoPositiveList: [], //投保人影像
  569. insuredPersonInfoPositiveList: [], //被保人影像
  570. orderno: "", //订单号
  571. show1: false, //华农
  572. animation: 'twinkle', //动画类型
  573. jqjishi: false,
  574. syjishi: false,
  575. timeArray: [],
  576. jqTimeIndex: 0,
  577. syTimeIndex: 0,
  578. time1: "",
  579. time2: "",
  580. carTypeList: [], //车辆品牌型号列表
  581. msg: "",
  582. quoteno: "", //报价编号
  583. hasKindCodeA: false, //是否含有车损险
  584. carInfo: {}, //车辆信息
  585. ownerInfo: {}, //车主信息
  586. policyHolderInfo: {}, //投保人信息
  587. insuredPersonInfo: {}, //被保人信息
  588. riskList: [], //险种大类信息
  589. kindList: [], //商业险险别
  590. showCarInfo: false, //控制车辆信息显示
  591. showInsureDate: true, //控制险种时间显示
  592. jqstartDate: "", //交强险日期
  593. jqendDate: " ", //交强险日期
  594. systartDate: "", //商业险日期
  595. syendDate: "", //商业险日期
  596. insureList: [{
  597. amount: "0",
  598. amountDesc: "投保",
  599. amtList: [{
  600. "label": "不投保",
  601. "value": "0"
  602. }, {
  603. "label": "投保",
  604. "value": "1"
  605. }],
  606. kindCode: "A",
  607. isMainRisk: true,
  608. kindName: "机动车损失险",
  609. desc: "保险期间内,被保险人或被保险机动车驾驶人在使用被保险机动车过程中,因自然灾害、意外事故、机动车被盗窃、抢劫、抢夺等情况(详见保险条款)造成被保险机动车直接损失,且不属于免除保险人责任的范围,保险人依照本保险合同的约定负责赔偿的险种。"
  610. },
  611. {
  612. amount: "0",
  613. amountDesc: "不投保",
  614. amtList: [{
  615. label: "不投保",
  616. value: "0"
  617. },
  618. {
  619. label: "50万",
  620. value: "500000"
  621. },
  622. {
  623. label: "100万",
  624. value: "1000000"
  625. },
  626. {
  627. label: "150万",
  628. value: "1500000"
  629. },
  630. {
  631. label: "200万",
  632. value: "2000000"
  633. },
  634. {
  635. label: "250万",
  636. value: "2500000"
  637. },
  638. {
  639. label: "300万",
  640. value: "3000000"
  641. },
  642. {
  643. label: "500万",
  644. value: "5000000"
  645. },
  646. {
  647. label: "1000万",
  648. value: "10000000"
  649. }
  650. ],
  651. kindCode: "B",
  652. isMainRisk: true,
  653. kindName: "第三者责任险",
  654. desc: "保险期间内,被保险人或其允许的驾驶人在使用被保险机动车过程中发生意外事故,致使第三者遭受人身伤亡或财产直接损毁,依法应当对第三者承担的损害赔偿责任,且不属于免除保险人责任的范围,保险人依照本保险合同的约定,对于超过机动车交通事故责任强制保险各分项赔偿限额的部分负责赔偿的险种。"
  655. },
  656. {
  657. amount: "0",
  658. amountDesc: "不投保",
  659. amtList: [{
  660. label: "不投保",
  661. value: "0"
  662. },
  663. {
  664. label: "1万",
  665. value: "10000"
  666. },
  667. {
  668. label: "2万",
  669. value: "20000"
  670. },
  671. {
  672. label: "3万",
  673. value: "30000"
  674. },
  675. {
  676. label: "4万",
  677. value: "40000"
  678. },
  679. {
  680. label: "5万",
  681. value: "50000"
  682. },
  683. {
  684. label: "6万",
  685. value: "60000"
  686. },
  687. {
  688. label: "7万",
  689. value: "70000"
  690. },
  691. {
  692. label: "8万",
  693. value: "80000"
  694. },
  695. {
  696. label: "9万",
  697. value: "90000"
  698. },
  699. {
  700. label: "10万",
  701. value: "100000"
  702. },
  703. {
  704. label: "15万",
  705. value: "150000"
  706. },
  707. {
  708. label: "20万",
  709. value: "200000"
  710. },
  711. {
  712. label: "25万",
  713. value: "250000"
  714. },
  715. {
  716. label: "30万",
  717. value: "300000"
  718. },
  719. {
  720. label: "35万",
  721. value: "350000"
  722. },
  723. {
  724. label: "40万",
  725. value: "400000"
  726. },
  727. {
  728. label: "45万",
  729. value: "450000"
  730. },
  731. {
  732. label: "50万",
  733. value: "500000"
  734. },
  735. ],
  736. kindCode: "D3",
  737. isMainRisk: true,
  738. kindName: "司机责任险",
  739. desc: "保险期间内,被保险人或其允许的驾驶人在使用被保险机动车过程中发生意外事故,致使车上人员遭受人身伤亡,且不属于免除保险人责任的范围,依法应当对车上人员承担的损害赔偿责任,保险人依照本保险合同的约定负责赔偿的险种。"
  740. },
  741. {
  742. amount: "0",
  743. amountDesc: "不投保",
  744. amtList: [{
  745. "label": "不投保",
  746. "value": "0"
  747. }, {
  748. "label": "1万",
  749. "value": "10000"
  750. }, {
  751. "label": "2万",
  752. "value": "20000"
  753. }, {
  754. "label": "4万",
  755. "value": "40000"
  756. }, {
  757. "label": "5万",
  758. "value": "50000"
  759. }, {
  760. "label": "10万",
  761. "value": "100000"
  762. }, {
  763. "label": "15万",
  764. "value": "150000"
  765. }, {
  766. "label": "20万",
  767. "value": "200000"
  768. }],
  769. kindCode: "D4",
  770. isMainRisk: true,
  771. kindName: "乘客责任险",
  772. desc: "保险期间内,被保险人或其允许的驾驶人在使用被保险机动车过程中发生意外事故,致使车上人员遭受人身伤亡,且不属于免除保险人责任的范围,依法应当对车上人员承担的损害赔偿责任,保险人依照本保险合同的约定负责赔偿的险种。"
  773. },
  774. {
  775. amount: "0",
  776. amountDesc: "不投保",
  777. amtList: [{
  778. "label": "不投保",
  779. "value": "0"
  780. }, {
  781. "label": "2000",
  782. "value": "2000"
  783. }, {
  784. "label": "5000",
  785. "value": "5000"
  786. }, {
  787. "label": "1万",
  788. "value": "10000"
  789. }],
  790. desc: "保险期间内,被保险机动车在被保险人或被保险机动车驾驶人使用过程中,发生无明显碰撞痕迹的车身划痕损失,保险人按照保险合同约定负责赔偿的险种",
  791. isMainRisk: true,
  792. kindCode: "L",
  793. kindName: "车身划痕险",
  794. mainRiskCodeList: "A"
  795. },
  796. {
  797. amount: "0",
  798. amountDesc: "不投保",
  799. amtList: [{
  800. "label": "不投保",
  801. "value": "0"
  802. }, {
  803. "label": "5%",
  804. "value": "5"
  805. }, {
  806. "label": "10%",
  807. "value": "10"
  808. }, {
  809. "label": "15%",
  810. "value": "15"
  811. }, {
  812. "label": "20%",
  813. "value": "20"
  814. }],
  815. desc: "被保险机动车发生主险约定的保险事故,保险人按照主险的约定计算赔款后,扣减本特约条款约定的免赔的险种。",
  816. isMainRisk: true,
  817. kindCode: "MJ1",
  818. kindName: "绝对免赔率特约险(车损)",
  819. mainRiskCodeList: "A"
  820. },
  821. {
  822. amount: "0",
  823. amountDesc: "不投保",
  824. amtList: [{
  825. "label": "不投保",
  826. "value": "0"
  827. }, {
  828. "label": "5%",
  829. "value": "5"
  830. }, {
  831. "label": "10%",
  832. "value": "10"
  833. }, {
  834. "label": "15%",
  835. "value": "15"
  836. }, {
  837. "label": "20%",
  838. "value": "20"
  839. }],
  840. desc: "被保险机动车发生主险约定的保险事故,保险人按照主险的约定计算赔款后,扣减本特约条款约定的免赔的险种。",
  841. isMainRisk: true,
  842. kindCode: "MJ2",
  843. kindName: "绝对免赔率特约险(三者)",
  844. mainRiskCodeList: "B"
  845. },
  846. {
  847. amount: "0",
  848. amountDesc: "不投保",
  849. amtList: [{
  850. "label": "不投保",
  851. "value": "0"
  852. }, {
  853. "label": "5%",
  854. "value": "5"
  855. }, {
  856. "label": "10%",
  857. "value": "10"
  858. }, {
  859. "label": "15%",
  860. "value": "15"
  861. }, {
  862. "label": "20%",
  863. "value": "20"
  864. }],
  865. desc: "被保险机动车发生主险约定的保险事故,保险人按照主险的约定计算赔款后,扣减本特约条款约定的免赔的险种。",
  866. isMainRisk: true,
  867. kindCode: "MJ3",
  868. kindName: "绝对免赔率特约险(司机)",
  869. mainRiskCodeList: "D3"
  870. },
  871. {
  872. amount: "0",
  873. amountDesc: "不投保",
  874. amtList: [{
  875. "label": "不投保",
  876. "value": "0"
  877. }, {
  878. "label": "5%",
  879. "value": "5"
  880. }, {
  881. "label": "10%",
  882. "value": "10"
  883. }, {
  884. "label": "15%",
  885. "value": "15"
  886. }, {
  887. "label": "20%",
  888. "value": "20"
  889. }],
  890. desc: "被保险机动车发生主险约定的保险事故,保险人按照主险的约定计算赔款后,扣减本特约条款约定的免赔的险种。",
  891. isMainRisk: true,
  892. kindCode: "MJ4",
  893. kindName: "绝对免赔率特约险(乘客)",
  894. mainRiskCodeList: "D4"
  895. },
  896. {
  897. amount: "0",
  898. amountDesc: "不投保",
  899. coveragePremium: 0,
  900. amtList: [{
  901. label: "不投保",
  902. value: "0"
  903. },
  904. {
  905. label: "1万",
  906. value: "10000"
  907. },
  908. {
  909. label: "2万",
  910. value: "20000"
  911. },
  912. {
  913. label: "4万",
  914. value: "40000"
  915. },
  916. {
  917. label: "5万",
  918. value: "50000"
  919. },
  920. {
  921. label: "8万",
  922. value: "80000"
  923. },
  924. {
  925. label: "10万",
  926. value: "100000"
  927. },
  928. {
  929. label: "20万",
  930. value: "200000"
  931. },
  932. {
  933. label: "30万",
  934. value: "300000"
  935. },
  936. {
  937. label: "50万",
  938. value: "500000"
  939. },
  940. {
  941. label: "100万",
  942. value: "1000000"
  943. },
  944. {
  945. label: "200万",
  946. value: "2000000"
  947. },
  948. {
  949. label: "300万",
  950. value: "3000000"
  951. },
  952. ],
  953. kindCode: "SY_FJ_YBW1",
  954. isMainRisk: true,
  955. kindName: "附加医保-三者",
  956. desc: "附加医保外医疗费用责任险(机动车第三者责任保险)"
  957. },
  958. {
  959. amount: "0",
  960. amountDesc: "不投保",
  961. coveragePremium: 0,
  962. amtList: [{
  963. label: "不投保",
  964. value: "0"
  965. },
  966. {
  967. label: "1万",
  968. value: "10000"
  969. },
  970. {
  971. label: "2万",
  972. value: "20000"
  973. },
  974. {
  975. label: "5万",
  976. value: "50000"
  977. },
  978. {
  979. label: "10万",
  980. value: "100000"
  981. }
  982. ],
  983. kindCode: "SY_FJ_YBW2",
  984. isMainRisk: true,
  985. kindName: "附加医保-座位险(乘客)",
  986. desc: "附加医保外医疗费用责任险(机动车第三者责任保险)"
  987. },
  988. {
  989. amount: "0",
  990. amountDesc: "不投保",
  991. coveragePremium: 0,
  992. amtList: [{
  993. label: "不投保",
  994. value: "0"
  995. },
  996. {
  997. label: "1万",
  998. value: "10000"
  999. },
  1000. {
  1001. label: "2万",
  1002. value: "20000"
  1003. },
  1004. {
  1005. label: "5万",
  1006. value: "50000"
  1007. },
  1008. {
  1009. label: "10万",
  1010. value: "100000"
  1011. }
  1012. ],
  1013. kindCode: "SY_FJ_YBW3",
  1014. isMainRisk: true,
  1015. kindName: "附加医保-座位险(司机)",
  1016. desc: "附加医保外医疗费用责任险(机动车第三者责任保险)"
  1017. },
  1018. {
  1019. amount: "0",
  1020. amountDesc: "不投保",
  1021. amtList: [{
  1022. label: "不投保",
  1023. value: "0"
  1024. },
  1025. {
  1026. label: "50万",
  1027. value: "500000"
  1028. },
  1029. {
  1030. label: "100万",
  1031. value: "1000000"
  1032. },
  1033. {
  1034. label: "150万",
  1035. value: "1500000"
  1036. },
  1037. {
  1038. label: "200万",
  1039. value: "2000000"
  1040. },
  1041. {
  1042. label: "250万",
  1043. value: "2500000"
  1044. },
  1045. {
  1046. label: "300万",
  1047. value: "3000000"
  1048. },
  1049. {
  1050. label: "500万",
  1051. value: "5000000"
  1052. },
  1053. {
  1054. label: "1000万",
  1055. value: "10000000"
  1056. }
  1057. ],
  1058. desc: "保险期间内,被保险人或其允许的驾驶人在法定节假日期间使用被保险机动车发生机动车第三者责任保险范围内的事故,并经公安部门或保险人查勘确认的,被保险机动车第三者责任保险所适用的责任限额在保险单载明的基础上增加一倍的险种",
  1059. isMainRisk: true,
  1060. kindCode: "BD",
  1061. kindName: "法定节假日限额翻倍险",
  1062. mainRiskCodeList: "B"
  1063. }
  1064. ],
  1065. accidentForm: {
  1066. fen: "1"
  1067. }, //意外险内容
  1068. //永诚转保确认码
  1069. cqryCdeJq: "",
  1070. cqryCdeSy: "",
  1071. renewalCodeJq: "", //交强确认码
  1072. renewalCodeSy: "", //商业确认码
  1073. //-----------------
  1074. totalCompanyList: [], //保险公司列表
  1075. notStartedQuote: true, //未开始报价(true表示未开始报价,false表示已经报价结束)
  1076. quoteCompanyCount: 0,
  1077. }
  1078. },
  1079. async onLoad() {
  1080. const eventChannel = this.getOpenerEventChannel()
  1081. // 监听acceptData事件,获取上一页面通过eventChannel传送到当前页面的数据
  1082. eventChannel.on('acceptData', async (data) => {
  1083. console.log(data)
  1084. this.carInfo = data.carInfo; //车辆信息
  1085. this.ownerInfo = data.ownerInfo; //车主信息
  1086. this.policyHolderInfo = data.policyHolderInfo; //投保人信息
  1087. this.insuredPersonInfo = data.insuredPersonInfo; //被保人信息
  1088. this.riskList = data.riskList; //险种大类
  1089. this.kindList = data.kindList; //商业险险别
  1090. this.vehicleAndVesselTaxForm = data.vehicleAndVesselTaxForm; //车船税信息
  1091. if (data.quoteno) {
  1092. this.orderno = data.orderno;
  1093. this.quoteno = data.quoteno;
  1094. this.imageEcho(data.quoteno) // 影像获取完毕
  1095. } else {
  1096. this.carInfoPositiveList = data.carInfoPositiveList; //车辆
  1097. this.ownerInfoPositiveList = data.ownerInfoPositiveList; //车主
  1098. this.policyHolderInfoPositiveList = data.policyHolderInfoPositiveList; //投保
  1099. this.insuredPersonInfoPositiveList = data.insuredPersonInfoPositiveList; //被保人
  1100. }
  1101. if (this.riskList.length > 0) {
  1102. for (let i = 0; i < this.riskList.length; i++) {
  1103. if (this.riskList[i].riskCode == '0507') {
  1104. this.jqstartDate = this.riskList[i].startDate;
  1105. this.jqendDate = this.riskList[i].endDate;
  1106. }
  1107. if (this.riskList[i].riskCode == '0510') {
  1108. this.systartDate = this.riskList[i].startDate;
  1109. this.syendDate = this.riskList[i].endDate;
  1110. this.kindList.map(ele1 => {
  1111. this.insureList.map(ele2 => {
  1112. if (ele2.kindCode == ele1.kindCode) {
  1113. switch (ele1.kindCode) {
  1114. case 'D4':
  1115. case 'SY_FJ_YBW2':
  1116. ele2.amount = ele1.unitAmount;
  1117. break;
  1118. case "MJ1":
  1119. case "MJ2":
  1120. case "MJ3":
  1121. case "MJ4":
  1122. ele2.amount = ele1.deductibleRate;
  1123. break;
  1124. default:
  1125. ele2.amount = ele1.amount;
  1126. }
  1127. }
  1128. })
  1129. })
  1130. }
  1131. }
  1132. }
  1133. })
  1134. const storage = uni.getStorageSync('historyInfo');
  1135. if (storage) {
  1136. Object.keys(storage).forEach(key => {
  1137. this[key] = storage[key]
  1138. })
  1139. } else {
  1140. this.commpanyList();
  1141. }
  1142. },
  1143. onHide() {
  1144. let historyInfo = {
  1145. quoteno: this.quoteno,
  1146. orderno: this.orderno,
  1147. totalCompanyList: this.totalCompanyList,
  1148. zijinInsuranceData: this.zijinInsuranceData, //紫金意外险list
  1149. zijinaccidentalDrivingVo: this.zijinaccidentalDrivingVo, //紫金意外险
  1150. anshengprogrammeData: this.anshengprogrammeData,
  1151. anshengInsuranceData: this.anshengInsuranceData, //安盛意外险list
  1152. anshengaccidentalDrivingVo: this.anshengaccidentalDrivingVo, //安盛意外险
  1153. yongchengInsuranceData: this.yongchengInsuranceData, //永诚意外险list
  1154. yongchengaccidentalDrivingVo: this.yongchengaccidentalDrivingVo, //永诚意外险
  1155. zhonganInsuranceData: this.zhonganInsuranceData, //-众安意外险list
  1156. zhonganaccidentalDrivingVo: this.zhonganaccidentalDrivingVo, //众安意外险
  1157. hengbangInsuranceData: this.hengbangInsuranceData, //-恒邦意外险list
  1158. hengbangaccidentalDrivingVo: this.hengbangaccidentalDrivingVo, //恒邦意外险
  1159. renshouInsuranceData: this.renshouInsuranceData, //-人寿意外险list
  1160. renshouaccidentalDrivingVo: this.renshouaccidentalDrivingVo, //人寿意外险
  1161. }
  1162. let res = delEmptyQueryNodes(historyInfo);
  1163. uni.setStorageSync('historyInfo', res);
  1164. },
  1165. methods: {
  1166. jqstartconfirm(e) {
  1167. this.jqstartDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
  1168. this.jqendDate = this.oneYearPast(this.jqstartDate)
  1169. },
  1170. jqendconfirm(e) {
  1171. this.jqendDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
  1172. },
  1173. systartconfirm(e) {
  1174. this.systartDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
  1175. this.syendDate = this.oneYearPast(this.systartDate)
  1176. },
  1177. syendconfirm(e) {
  1178. this.syendDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
  1179. },
  1180. //影像查询
  1181. async imageEcho(quotenos) {
  1182. let imgres = await this.$http.get('/ins/taskImage/findByQuoteNo?quoteNo=' + quotenos);
  1183. if (imgres.code == "200") {
  1184. Object.keys(imgres.data).forEach((keys) => {
  1185. if (imgres.data[keys].url) {
  1186. imgres.data[keys].url = this.$base.baseUrl + imgres.data[keys].url;
  1187. switch (keys) {
  1188. case 'C01':
  1189. this.carInfoPositiveList.push({
  1190. imageId: imgres.data[keys].imageId,
  1191. imageType: imgres.data[keys].imageType,
  1192. })
  1193. break;
  1194. case 'D01':
  1195. this.carInfoPositiveList.push({
  1196. imageId: imgres.data[keys].imageId,
  1197. imageType: imgres.data[keys].imageType,
  1198. })
  1199. break;
  1200. case 'C02':
  1201. this.ownerInfoPositiveList.push({
  1202. imageId: imgres.data[keys].imageId,
  1203. imageType: imgres.data[keys].imageType,
  1204. });
  1205. break;
  1206. case 'D02':
  1207. this.ownerInfoPositiveList.push({
  1208. imageId: imgres.data[keys].imageId,
  1209. imageType: imgres.data[keys].imageType,
  1210. });
  1211. break;
  1212. case 'C03':
  1213. this.policyHolderInfoPositiveList.push({
  1214. imageId: imgres.data[keys].imageId,
  1215. imageType: imgres.data[keys].imageType,
  1216. });
  1217. break;
  1218. case 'D03':
  1219. this.policyHolderInfoPositiveList.push({
  1220. imageId: imgres.data[keys].imageId,
  1221. imageType: imgres.data[keys].imageType,
  1222. });
  1223. break;
  1224. case 'C04':
  1225. this.insuredPersonInfoPositiveList.push({
  1226. imageId: imgres.data[keys].imageId,
  1227. imageType: imgres.data[keys].imageType,
  1228. });
  1229. break;
  1230. case 'D04':
  1231. this.insuredPersonInfoPositiveList.push({
  1232. imageId: imgres.data[keys].imageId,
  1233. imageType: imgres.data[keys].imageType,
  1234. });
  1235. break;
  1236. default:
  1237. break;
  1238. }
  1239. }
  1240. });
  1241. }
  1242. },
  1243. //查看详情
  1244. querydetial(id) {
  1245. this.navigate({
  1246. url: "/pages/carInsure1/quoteDetail1?companyId=" + id
  1247. },
  1248. "navigateTo", true);
  1249. },
  1250. //报价单
  1251. bjdpreview(id) {
  1252. uni.navigateTo({
  1253. url: "/pages/orders/quotation?companyId=" + id
  1254. })
  1255. },
  1256. //选择协议
  1257. selectConfirm(e, index) {
  1258. this.totalCompanyList[index].agreementId = e[0].value;
  1259. this.totalCompanyList[index].agreementName = e[0].label;
  1260. this.totalCompanyList[index].apiType = e[0].extra;
  1261. },
  1262. /**
  1263. * 选择保险公司方法
  1264. * @param {String} event change选中事件
  1265. * @param {String} code 保险公司ID
  1266. * @param {String} name 保险公司主体全拼
  1267. * @param {String} index 选中下标
  1268. */
  1269. async checkboxChange(event, code, name, index) {
  1270. if (event.value) {
  1271. let ins = this.totalCompanyList[index].namesimple;
  1272. this.totalCompanyList[index].checked = event.value;
  1273. let arr = this.totalCompanyList[index].agreement;
  1274. let list = [];
  1275. list = arr.filter(item => {
  1276. return item.licenseNo.length > 0 ? item.licenseNo.includes(this.carInfo.licenseNo
  1277. .slice(
  1278. 0,
  1279. 2)) : "true"
  1280. })
  1281. list.map(ele => {
  1282. ele.extra = ele.apiType;
  1283. return ele;
  1284. })
  1285. this.totalCompanyList[index].agreement = list;
  1286. this.totalCompanyList[index].agreementId = this.totalCompanyList[index].agreement[0].id;
  1287. this.totalCompanyList[index].agreementName = this.totalCompanyList[index].agreement[0]
  1288. .agreementName;
  1289. this.totalCompanyList[index].apiType = this.totalCompanyList[index].agreement[0].extra;
  1290. switch (ins) {
  1291. case '永诚财险':
  1292. let yccallback = await this.$http.post('/api/yongCheng/gainAccidentList', {
  1293. agreementId: this.totalCompanyList[index].agreement[0].id,
  1294. companyCode: code,
  1295. seatNum: Number(this.carInfo.seatCount)
  1296. });
  1297. if (yccallback.code == '200') {
  1298. let yccallback1 = await this.$http.post('/api/yongCheng/gainAccidentSchemeList', {
  1299. agreementId: this.totalCompanyList[index].agreement[0].id,
  1300. companyCode: code,
  1301. code: yccallback.data[0].code,
  1302. seatNum: Number(this.carInfo.seatCount)
  1303. });
  1304. yccallback1.data.map(val => {
  1305. yccallback.data[0].premium += Number(val.premium)
  1306. return val;
  1307. })
  1308. let data = yccallback.data;
  1309. data.map(ele => {
  1310. ele.quantity = 1;
  1311. return ele;
  1312. })
  1313. this.yongchengInsuranceData = data;
  1314. this.yongchengaccidentalDrivingVo = {
  1315. rideRiskCode: data[0].code,
  1316. rideRiskName: data[0].name,
  1317. quantity: data[0].quantity,
  1318. premium: data[0].premium,
  1319. };
  1320. }
  1321. break;
  1322. case '紫金财险':
  1323. let zjcallback = await this.$http.post('/order/zijin/queryVehicleProducts', {
  1324. agreementId: this.totalCompanyList[index].agreement[0].id,
  1325. seatCount: Number(this.carInfo.seatCount)
  1326. });
  1327. if (zjcallback.code == '200') {
  1328. let data = zjcallback.data;
  1329. data.map(ele => {
  1330. ele.quantity = 1;
  1331. return ele;
  1332. })
  1333. this.zijinInsuranceData = data;
  1334. }
  1335. break;
  1336. case '安盛天平':
  1337. let ascallback = await this.$http.post('/insurance/crawler/getDrivingInsurance', {
  1338. agreementId: this.totalCompanyList[index].agreement[0].id
  1339. });
  1340. if (ascallback.code == '200') {
  1341. let data = ascallback.data;
  1342. data.map(ele => {
  1343. ele.departmentProductList.map(val => {
  1344. val.quantity = 1;
  1345. })
  1346. return ele;
  1347. })
  1348. this.anshengprogrammeData = data;
  1349. this.anshengInsuranceData = data[0].departmentProductList;
  1350. this.anshengaccidentalDrivingVo = {
  1351. personFlag: data[0].personFlag,
  1352. planChineseName: data[0].planChineseName,
  1353. planCode: data[0].planCode,
  1354. planSeries: data[0].planSeries,
  1355. productCode: data[0].departmentProductList[0].productCode,
  1356. productName: data[0].departmentProductList[0].productName,
  1357. quantity: data[0].departmentProductList[0].quantity
  1358. }
  1359. }
  1360. break;
  1361. case '国任财险':
  1362. let grcallback = await this.$http.post('/api/guoRen/syncNonAutoIns', {
  1363. agreementId: this.totalCompanyList[index].agreement[0].id
  1364. });
  1365. if (grcallback.code == '200') {
  1366. let data = grcallback.data;
  1367. this.guorenprogrammeData = data;
  1368. let grcallback1 = await this.$http.post('/api/guoRen/syncNonAutoIns', {
  1369. goodsCode: grcallback.data[0].goodId
  1370. });
  1371. this.guorenInsuranceData = grcallback1.data;
  1372. this.guorenaccidentalDrivingVo = {
  1373. goodsCode: data[0].goodId, //驾意险商品号
  1374. prodCode: grcallback1.data[0].prodCode, //产品code
  1375. riskCode: grcallback1.data[0].riskCode, //险种code
  1376. premium: grcallback1.data[0].premium, //保费
  1377. amount: grcallback1.data[0].amount, //保额
  1378. quantity: 1, //份数
  1379. goodDesc: data[0].goodDesc, //驾意险商品名称
  1380. prodCName: grcallback1.data[0].prodCName, //产品名称
  1381. policyNum: Number(grcallback1.data[0].policyNum), //最大份数
  1382. }
  1383. }
  1384. break;
  1385. case '中国人寿':
  1386. case '恒邦财险':
  1387. case '众安财险':
  1388. let Insurancecallback = await this.$http.post('/insurance/crawler/getDrivingInsurance', {
  1389. agreementId: this.totalCompanyList[index].agreement[0].id
  1390. });
  1391. if (Insurancecallback.code == 200) {
  1392. let data = Insurancecallback.data;
  1393. data.map(ele => {
  1394. ele.quantity = 1;
  1395. return ele;
  1396. })
  1397. this[name + "InsuranceData"] = data;
  1398. this[name + 'accidentalDrivingVo'] = data[0];
  1399. }
  1400. break;
  1401. default:
  1402. break;
  1403. }
  1404. } else {}
  1405. },
  1406. //驾意险勾选框
  1407. checkboxChangeInfo(event, index) {
  1408. this.totalCompanyList[index].jychecked = event.value;
  1409. },
  1410. //人寿意外险
  1411. RSradioChange(id) {
  1412. this.renshouaccidentalDrivingVo = this.renshouInsuranceData.find(val => val.id == id)
  1413. this.renshouPopupshow = false;
  1414. },
  1415. //恒邦意外险
  1416. HBradioChange(id) {
  1417. this.hengbangaccidentalDrivingVo = this.hengbangInsuranceData.find(val => val.programcode == id)
  1418. this.hengbangPopupshow = false;
  1419. },
  1420. //众安意外险
  1421. ZAradioChange(id) {
  1422. this.zhonganaccidentalDrivingVo = this.zhonganInsuranceData.find(val => val.combination == id)
  1423. this.zhonganPopupshow = false;
  1424. },
  1425. //永诚意外险
  1426. YCradioChange(id) {
  1427. let info = this.yongchengInsuranceData.find(val => val.id == id)
  1428. this.yongchengaccidentalDrivingVo.rideRiskCode = info.code;
  1429. this.yongchengaccidentalDrivingVo.rideRiskName = info.name;
  1430. this.yongchengaccidentalDrivingVo.quantity = info.quantity;
  1431. this.yongchengaccidentalDrivingVo.premium = info.premium;
  1432. this.yongchengPopupshow = false;
  1433. },
  1434. //安盛一级选择
  1435. ASprogrammeradioChange(id) {
  1436. let info = this.anshengprogrammeData.find((val => val.planCode == id))
  1437. this.anshengPopupshow = false;
  1438. this.anshengInsuranceData = info.departmentProductList;
  1439. let dataInfo = {
  1440. personFlag: info.personFlag,
  1441. planChineseName: info.planChineseName,
  1442. planCode: info.planCode,
  1443. planSeries: info.planSeries,
  1444. productCode: info.departmentProductList[0].productCode,
  1445. productName: info.departmentProductList[0].productName,
  1446. quantity: info.departmentProductList[0].quantity
  1447. }
  1448. Object.assign(this.anshengaccidentalDrivingVo, dataInfo);
  1449. },
  1450. //安盛二级选择
  1451. ASInsuranceradioChange(id) {
  1452. let info = this.anshengInsuranceData.find((val => val.productCode == id))
  1453. Object.assign(this.anshengaccidentalDrivingVo, info);
  1454. this.anshengPopupshow1 = false;
  1455. },
  1456. //国任一级选择
  1457. async GRprogrammeradioChange(id) {
  1458. let info = this.guorenprogrammeData.find((val => val.goodId == id))
  1459. this.guorenPopupshow = false;
  1460. this.guorenaccidentalDrivingVo.goodsCode = info.goodId;
  1461. this.guorenaccidentalDrivingVo.goodDesc = info.goodDesc;
  1462. let res = await this.$http.post('/api/guoRen/syncNonAutoIns', {
  1463. goodsCode: info.goodId
  1464. });
  1465. if (res.code == '200') {
  1466. this.guorenInsuranceData = res.data;
  1467. let dataInfo = {
  1468. prodCode: res.data[0].prodCode, //产品code
  1469. riskCode: res.data[0].riskCode, //险种code
  1470. premium: res.data[0].premium, //保费
  1471. amount: res.data[0].amount, //保额
  1472. quantity: 1, //份数
  1473. prodCName: res.data[0].prodCName, //产品名称
  1474. policyNum: res.data[0].policyNum, //最大份数
  1475. }
  1476. Object.assign(this.guorenaccidentalDrivingVo, dataInfo);
  1477. } else {
  1478. uni.showToast({
  1479. title: res.msg,
  1480. icon: 'none',
  1481. });
  1482. this.guorenInsuranceData = []
  1483. }
  1484. },
  1485. //国任二级选择
  1486. GRInsuranceradioChange(id) {
  1487. let info = this.guorenInsuranceData.find((val => val.prodCode == id))
  1488. let dataInfo = {
  1489. prodCode: info.prodCode, //产品code
  1490. riskCode: info.riskCode, //险种code
  1491. premium: info.premium, //保费
  1492. amount: info.amount, //保额
  1493. quantity: 1, //份数
  1494. prodCName: info.prodCName, //产品名称
  1495. policyNum: info.policyNum, //最大份数
  1496. }
  1497. Object.assign(this.guorenaccidentalDrivingVo, dataInfo);
  1498. this.guorenPopupshow1 = false;
  1499. },
  1500. //紫金意外险
  1501. ZJcheckboxGroupChange(detail) {
  1502. this.zijinaccidentalDrivingVo = [];
  1503. detail.map(val => {
  1504. let list = this.zijinInsuranceData.find(item => item.projectCode == val)
  1505. this.zijinaccidentalDrivingVo.push(list)
  1506. })
  1507. },
  1508. //获取保险公司列表
  1509. async commpanyList() {
  1510. let commpanykad = await this.$http.get('/insurance/order/getAgreementInsCompany');
  1511. commpanykad.data.map(ele => {
  1512. ele["result"] = {};
  1513. ele["quoteCode"] = 0;
  1514. ele["checked"] = false;
  1515. ele["jychecked"] = false;
  1516. ele["msg"] = "";
  1517. ele["agreementId"] = "";
  1518. ele["lastYearMsg"] = "";
  1519. ele["agreementName"] = "";
  1520. ele["apiType"] = "";
  1521. ele["selectShow"] = false;
  1522. })
  1523. this.totalCompanyList = commpanykad.data;
  1524. },
  1525. async toNext() {
  1526. var allAreFalse = this.totalCompanyList.every(function(element) {
  1527. return element.checked === false;
  1528. });
  1529. if (!allAreFalse) {
  1530. if (this.quoteno) {
  1531. this.OrderStageProcessing();
  1532. } else {
  1533. let getquote = await this.$http.get('/ins/tool/getQuoteNo');
  1534. this.quoteno = getquote.data + "";
  1535. this.OrderStageProcessing();
  1536. }
  1537. } else {
  1538. uni.showToast({
  1539. title: "请选择保险公司后,在进行报价",
  1540. icon: 'none',
  1541. });
  1542. }
  1543. },
  1544. async OrderStageProcessing() {
  1545. let mergedArray = [];
  1546. let mergedArrayList = mergedArray.concat(this.carInfoPositiveList, this.ownerInfoPositiveList, this
  1547. .policyHolderInfoPositiveList, this.insuredPersonInfoPositiveList)
  1548. if (mergedArrayList.length > 0) {
  1549. await this.$http.post('/ins/taskImage/uploadImages', {
  1550. imageList: mergedArrayList,
  1551. quoteNo: this.quoteno,
  1552. })
  1553. }
  1554. this.riskList.map(val => {
  1555. if (val.riskCode == '0507') {
  1556. val.startDate = this.jqstartDate;
  1557. val.endDate = this.jqendDate;
  1558. } else if (val.riskCode == '0510') {
  1559. val.startDate = this.systartDate;
  1560. val.endDate = this.syendDate;
  1561. }
  1562. })
  1563. let param = {
  1564. userId: this.userInfo.sysUser.id,
  1565. quoteno: this.quoteno,
  1566. orderNo: this.orderno ? this.orderno : "",
  1567. carInfo: this.carInfo,
  1568. insuredPersonInfo: this.insuredPersonInfo,
  1569. ownerInfo: this.ownerInfo,
  1570. policyHolderInfo: this.policyHolderInfo,
  1571. kindList: this.kindList,
  1572. riskList: this.riskList,
  1573. vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
  1574. };
  1575. let orders = await this.$http.post('/insurance/order/generateOrder', param);
  1576. if (orders.code == '200') {
  1577. this.orderno = orders.data.orderno;
  1578. this.totalCompanyList.map((ele, index) => {
  1579. if (ele.checked) {
  1580. //动态调用报价接口
  1581. ele.quoteCode = "1";
  1582. this.ToolClickFun(ele.cnName, index, ele.id);
  1583. }
  1584. });
  1585. } else {
  1586. uni.showToast({
  1587. title: orders.msg,
  1588. icon: 'none',
  1589. });
  1590. }
  1591. },
  1592. //动态函数
  1593. ToolClickFun(MethodName, Parameter, companyId) {
  1594. this[`${MethodName}`](Parameter, companyId)
  1595. },
  1596. //永安报价
  1597. async yongan(num, id) {
  1598. let params = {
  1599. orderNo: this.orderno,
  1600. companyId: id
  1601. };
  1602. let quote = await this.$http('/order/yongAn/quote', params);
  1603. if (quote.msg == "重复投保" && quote.code == "501") {
  1604. if (!!quote.data.jqStartDate && !quote.data.syStartDate) {
  1605. this.jqstartDate = quote.data.jqStartDate;
  1606. this.jqendDate = quote.data.jqEndDate;
  1607. if (this.riskList.length > 0) {
  1608. for (let i = 0; i < this.riskList.length; i++) {
  1609. if (this.riskList[i].riskCode == "0507") {
  1610. this.riskList[i].startDate = quote.data.jqStartDate;
  1611. this.riskList[i].endDate = quote.data.jqEndDate;
  1612. }
  1613. }
  1614. }
  1615. let param = {
  1616. userId: this.userInfo.sysUser.id,
  1617. quoteno: this.quoteno,
  1618. orderNo: this.orderno,
  1619. carInfo: this.carInfo,
  1620. insuredPersonInfo: this.insuredPersonInfo,
  1621. ownerInfo: this.ownerInfo,
  1622. policyHolderInfo: this.policyHolderInfo,
  1623. kindList: this.kindList,
  1624. riskList: this.riskList,
  1625. vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
  1626. };
  1627. await this.$http.post('/insurance/order/generateOrder', param);
  1628. return this.yongan(num, id);
  1629. } else if (!!quote.data.syStartDate && !quote.data.jqStartDate) {
  1630. } else if (!!quote.data.syStartDate && !!quote.data.jqStartDate) {
  1631. } else {
  1632. this.totalCompanyList[num].quoteCode = "3";
  1633. this.totalCompanyList[num].msg = "重复投保";
  1634. }
  1635. } else if (quote.code == "500" || quote.code == "502" || quote.code == "-9999") {
  1636. this.totalCompanyList[num].quoteCode = "-9999";
  1637. this.totalCompanyList[num].msg = quote.msg;
  1638. } else {
  1639. this.totalCompanyList[num].quoteCode = 200;
  1640. this.totalCompanyList[num].result = quote.data;
  1641. }
  1642. },
  1643. //中煤报价
  1644. async zhongmei(num, id) {
  1645. let params = {
  1646. accidentalDrivingVo: this.zmDrivingForm,
  1647. orderNo: this.orderno,
  1648. companyId: id,
  1649. agreementId: this.totalCompanyList[num].agreementId,
  1650. };
  1651. let res = await this.$http.post('/order/zhongMeiApi/quote', params);
  1652. this.totalCompanyList[num].msg = res.msg;
  1653. if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
  1654. this.totalCompanyList[num].quoteCode = "4";
  1655. this.totalCompanyList[num].msg = res.msg;
  1656. return;
  1657. } else if (
  1658. res.data == null &&
  1659. res.msg.indexOf("交强险平台返回") > -1 &&
  1660. res.msg.indexOf(";终保日期") > -1
  1661. ) {
  1662. let time =
  1663. res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
  1664. this.jqstartDate = time;
  1665. this.jqendDate = this.oneYearPast(time);
  1666. if (this.riskList.length > 0) {
  1667. for (let i = 0; i < this.riskList.length; i++) {
  1668. if (this.riskList[i].riskCode == "0507") {
  1669. this.riskList[i].startDate = time;
  1670. this.riskList[i].endDate = this.oneYearPast(time);
  1671. }
  1672. }
  1673. }
  1674. let param = {
  1675. userId: this.userInfo.sysUser.id,
  1676. quoteno: this.quoteno,
  1677. orderNo: this.orderno,
  1678. carInfo: this.carInfo,
  1679. insuredPersonInfo: this.insuredPersonInfo,
  1680. ownerInfo: this.ownerInfo,
  1681. policyHolderInfo: this.policyHolderInfo,
  1682. kindList: this.kindList,
  1683. riskList: this.riskList,
  1684. vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
  1685. };
  1686. await this.$http.post('/insurance/order/generateOrder', param);
  1687. return this.zhongmei(num, id);
  1688. } else if (res.code == '200') {
  1689. if (res.data.warnMessageList != null && res.data.warnMessageList[0] != null && res.data
  1690. .warnMessageList[
  1691. 0] != "") {
  1692. this.totalCompanyList[num].lastYearMsg = "";
  1693. let dat = res.data.warnMessageList;
  1694. dat.map(ele => {
  1695. this.totalCompanyList[num].lastYearMsg += ele + '<br>';
  1696. })
  1697. }
  1698. this.totalCompanyList[num].quoteCode = 200;
  1699. this.totalCompanyList[num].result = res.data;
  1700. } else {
  1701. this.totalCompanyList[num].quoteCode = "3";
  1702. this.totalCompanyList[num].msg = res.msg;
  1703. return;
  1704. }
  1705. },
  1706. //永诚报价
  1707. async yongcheng(num, id) {
  1708. let jychecked = this.totalCompanyList[num].jychecked
  1709. let params = {
  1710. accidentalDrivingVo: jychecked ? this.yongchengaccidentalDrivingVo : {},
  1711. orderNo: this.orderno,
  1712. companyId: id,
  1713. cqryCdeJq: this.cqryCdeJq,
  1714. cqryCdeSy: this.cqryCdeSy,
  1715. renewalCodeJq: this.renewalCodeJq,
  1716. renewalCodeSy: this.renewalCodeSy,
  1717. agreementId: this.totalCompanyList[num].agreementId,
  1718. };
  1719. let res = await this.$http.post('/api/yongCheng/quote', params);
  1720. this.totalCompanyList[num].msg = res.msg;
  1721. if (res.code == "200") {
  1722. if (res.data.warnMessageList != null && res.data.warnMessageList[0] != null && res.data
  1723. .warnMessageList[
  1724. 0] != "") {
  1725. this.totalCompanyList[num].lastYearMsg = "";
  1726. let dat = res.data.warnMessageList;
  1727. dat.map(ele => {
  1728. this.totalCompanyList[num].lastYearMsg += ele + '<br>';
  1729. })
  1730. }
  1731. this.totalCompanyList[num].quoteCode = 200;
  1732. this.totalCompanyList[num].result = res.data;
  1733. } else if (res.code == "101") {
  1734. this.totalCompanyList[num].quoteCode = "101";
  1735. this.totalCompanyList[num].msg = res.msg;
  1736. this.cqryCdeJq = res.data.cqryCdeJq;
  1737. this.cqryCdeSy = res.data.cqryCdeSy;
  1738. let jq = res.data.renewalCodeJq.replace(/[\r\n]/g, "");
  1739. let jqBase64 = `data:image/png;base64,${jq}`;
  1740. this.renewalCodeJqImg = jqBase64;
  1741. if (res.data.renewalCodeSy) {
  1742. let sy = res.data.renewalCodeSy.replace(/[\r\n]/g, "");
  1743. let syBase64 = `data:image/png;base64,${sy}`;
  1744. this.renewalCodeSyImg = syBase64;
  1745. }
  1746. this.renewalCodedialogVisible = true;
  1747. } else {
  1748. this.totalCompanyList[num].quoteCode = "3";
  1749. this.totalCompanyList[num].msg = res.msg;
  1750. return;
  1751. }
  1752. },
  1753. //紫金报价
  1754. async zijin(num, id) {
  1755. let params = {
  1756. accidentalDrivingVo: this.zijinaccidentalDrivingVo,
  1757. orderNo: this.orderno,
  1758. companyId: id,
  1759. agreementId: this.totalCompanyList[num].agreementId,
  1760. };
  1761. let res = await this.$http.post('/order/zijin/quote', params);
  1762. this.totalCompanyList[num].msg = res.msg;
  1763. if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
  1764. this.totalCompanyList[num].quoteCode = "4";
  1765. this.totalCompanyList[num].msg = res.msg;
  1766. return;
  1767. } else if (
  1768. res.data == null &&
  1769. res.msg.indexOf("交强险平台返回") > -1 &&
  1770. res.msg.indexOf(";终保日期") > -1
  1771. ) {
  1772. let time =
  1773. res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
  1774. this.jqstartDate = time;
  1775. this.jqendDate = this.oneYearPast(time);
  1776. this.systartDate = time;
  1777. this.syendDate = this.oneYearPast(time);
  1778. if (this.riskList.length > 0) {
  1779. for (let i = 0; i < this.riskList.length; i++) {
  1780. if (this.riskList[i].riskCode == "0507") {
  1781. this.riskList[i].startDate = time;
  1782. this.riskList[i].endDate = this.oneYearPast(time);
  1783. } else if (this.riskList[i].riskCode == "0510") {
  1784. this.riskList[i].startDate = time;
  1785. this.riskList[i].endDate = this.oneYearPast(time);
  1786. }
  1787. }
  1788. }
  1789. let param = {
  1790. userId: this.userInfo.sysUser.id,
  1791. quoteno: this.quoteno,
  1792. orderNo: this.orderno,
  1793. carInfo: this.carInfo,
  1794. insuredPersonInfo: this.insuredPersonInfo,
  1795. ownerInfo: this.ownerInfo,
  1796. policyHolderInfo: this.policyHolderInfo,
  1797. kindList: this.kindList,
  1798. riskList: this.riskList,
  1799. vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
  1800. };
  1801. await this.$http.post('/insurance/order/generateOrder', param);
  1802. return this.zijin(num, id);
  1803. } else if (res.code == '200') {
  1804. if (res.data.warnMessageList != null && res.data.warnMessageList[0] != null && res.data
  1805. .warnMessageList[
  1806. 0] != "") {
  1807. this.totalCompanyList[num].lastYearMsg = "";
  1808. let dat = res.data.warnMessageList;
  1809. dat.map(ele => {
  1810. this.totalCompanyList[num].lastYearMsg += ele;
  1811. })
  1812. }
  1813. this.totalCompanyList[num].quoteCode = 200;
  1814. this.totalCompanyList[num].result = res.data;
  1815. } else {
  1816. this.totalCompanyList[num].quoteCode = "3";
  1817. this.totalCompanyList[num].msg = res.msg;
  1818. return;
  1819. }
  1820. },
  1821. //国任报价
  1822. async guoRen(num, id) {
  1823. let jychecked = this.totalCompanyList[num].jychecked
  1824. let params = {
  1825. accidentalDrivingVo: jychecked ? this.guorenaccidentalDrivingVo : {},
  1826. orderNo: this.orderno,
  1827. companyId: id,
  1828. cqryCdeJq: this.cqryCdeJq,
  1829. cqryCdeSy: this.cqryCdeSy,
  1830. renewalCodeJq: this.renewalCodeJq,
  1831. renewalCodeSy: this.renewalCodeSy,
  1832. agreementId: this.totalCompanyList[num].agreementId,
  1833. };
  1834. let res = await this.$http.post('/api/guoRen/quote', params);
  1835. this.totalCompanyList[num].msg = res.msg;
  1836. if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
  1837. this.totalCompanyList[num].quoteCode = "4";
  1838. this.totalCompanyList[num].msg = res.msg;
  1839. return;
  1840. } else if (
  1841. res.data == null &&
  1842. res.msg.indexOf("交强险平台返回") > -1 &&
  1843. res.msg.indexOf(";终保日期") > -1
  1844. ) {
  1845. let time =
  1846. res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
  1847. this.jqstartDate = time;
  1848. this.jqendDate = this.oneYearPast(time);
  1849. this.systartDate = time;
  1850. this.syendDate = this.oneYearPast(time);
  1851. if (this.riskList.length > 0) {
  1852. for (let i = 0; i < this.riskList.length; i++) {
  1853. if (this.riskList[i].riskCode == "0507") {
  1854. this.riskList[i].startDate = time;
  1855. this.riskList[i].endDate = this.oneYearPast(time);
  1856. } else if (this.riskList[i].riskCode == "0510") {
  1857. this.riskList[i].startDate = time;
  1858. this.riskList[i].endDate = this.oneYearPast(time);
  1859. }
  1860. }
  1861. }
  1862. let param = {
  1863. userId: this.userInfo.sysUser.id,
  1864. quoteno: this.quoteno,
  1865. orderNo: this.orderno,
  1866. carInfo: this.carInfo,
  1867. insuredPersonInfo: this.insuredPersonInfo,
  1868. ownerInfo: this.ownerInfo,
  1869. policyHolderInfo: this.policyHolderInfo,
  1870. kindList: this.kindList,
  1871. riskList: this.riskList,
  1872. vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
  1873. };
  1874. await this.$http.post('/insurance/order/generateOrder', param);
  1875. return this.guoRen(num, id);
  1876. } else if (res.code == '200') {
  1877. if (res.data.warnMessageList != null && res.data.warnMessageList[0] != null && res.data
  1878. .warnMessageList[
  1879. 0] != "") {
  1880. this.totalCompanyList[num].lastYearMsg = "";
  1881. let dat = res.data.warnMessageList;
  1882. dat.map(ele => {
  1883. this.totalCompanyList[num].lastYearMsg += ele;
  1884. })
  1885. }
  1886. this.totalCompanyList[num].quoteCode = 200;
  1887. this.totalCompanyList[num].result = res.data;
  1888. } else {
  1889. this.totalCompanyList[num].quoteCode = "3";
  1890. this.totalCompanyList[num].msg = res.msg;
  1891. return;
  1892. }
  1893. },
  1894. //爬虫统一报价接口
  1895. async quoteInsurance(num, id, apiType, jychecked) {
  1896. let api = apiType === 2 ? "/insurance/crawler/quote" : "anshengquote";
  1897. let ccidenttype = this.totalCompanyList[num].cnName;
  1898. let namesimple = this.totalCompanyList[num].namesimple;
  1899. let params = {
  1900. orderNo: this.orderno,
  1901. companyId: id,
  1902. agreementId: this.totalCompanyList[num].agreementId,
  1903. accidentalDrivingVo: jychecked ? this[ccidenttype + 'accidentalDrivingVo'] : {},
  1904. };
  1905. let res = await this.$http.post(`${api}`, params);
  1906. this.totalCompanyList[num].msg = res.msg;
  1907. switch (namesimple) {
  1908. case '安盛天平':
  1909. if (!!res.data) {
  1910. if (res.data.warnMessageList != null && res.data.warnMessageList[0] != null && res.data
  1911. .warnMessageList[
  1912. 0] != "") {
  1913. this.totalCompanyList[num].lastYearMsg = "";
  1914. let dat = res.data.warnMessageList;
  1915. dat.map(ele => {
  1916. this.totalCompanyList[num].lastYearMsg += ele;
  1917. })
  1918. }
  1919. this.totalCompanyList[num].quoteCode = 200;
  1920. this.totalCompanyList[num].result = res.data;
  1921. } else {
  1922. this.totalCompanyList[num].quoteCode = "3";
  1923. this.totalCompanyList[num].msg = res.msg;
  1924. return;
  1925. }
  1926. break;
  1927. case '中国人寿':
  1928. if (!!res.data) {
  1929. if (res.data.warnMessageList != null && res.data.warnMessageList[0] != null && res.data
  1930. .warnMessageList[
  1931. 0] != "") {
  1932. this.totalCompanyList[num].lastYearMsg = "";
  1933. let dat = res.data.warnMessageList;
  1934. dat.map(ele => {
  1935. this.totalCompanyList[num].lastYearMsg += ele;
  1936. })
  1937. }
  1938. this.totalCompanyList[num].quoteCode = 200;
  1939. this.totalCompanyList[num].result = res.data;
  1940. } else {
  1941. this.totalCompanyList[num].quoteCode = "3";
  1942. this.totalCompanyList[num].msg = res.msg;
  1943. return;
  1944. }
  1945. break;
  1946. case '恒邦财险':
  1947. if (!!res.data) {
  1948. if (res.data.warnMessageList != null && res.data.warnMessageList[0] != null && res.data
  1949. .warnMessageList[
  1950. 0] != "") {
  1951. this.totalCompanyList[num].lastYearMsg = "";
  1952. let dat = res.data.warnMessageList;
  1953. dat.map(ele => {
  1954. this.totalCompanyList[num].lastYearMsg += ele;
  1955. })
  1956. }
  1957. this.totalCompanyList[num].quoteCode = 200;
  1958. this.totalCompanyList[num].result = res.data;
  1959. } else {
  1960. this.totalCompanyList[num].quoteCode = "3";
  1961. this.totalCompanyList[num].msg = res.msg;
  1962. return;
  1963. }
  1964. break;
  1965. case '众安财险':
  1966. if (!!res.data) {
  1967. if (res.data.warnMessageList != null && res.data.warnMessageList[0] != null && res.data
  1968. .warnMessageList[
  1969. 0] != "") {
  1970. this.totalCompanyList[num].lastYearMsg = "";
  1971. let dat = res.data.warnMessageList;
  1972. dat.map(ele => {
  1973. this.totalCompanyList[num].lastYearMsg += ele;
  1974. })
  1975. }
  1976. this.totalCompanyList[num].quoteCode = 200;
  1977. this.totalCompanyList[num].result = res.data;
  1978. } else {
  1979. this.totalCompanyList[num].quoteCode = "3";
  1980. this.totalCompanyList[num].msg = res.msg;
  1981. return;
  1982. }
  1983. break;
  1984. default:
  1985. break;
  1986. }
  1987. },
  1988. //安盛天平
  1989. ansheng(num, id) {
  1990. this.quoteInsurance(num, id, this.totalCompanyList[num].apiType, this.totalCompanyList[num].jychecked);
  1991. },
  1992. //众安
  1993. zhongan(num, id) {
  1994. this.quoteInsurance(num, id, this.totalCompanyList[num].apiType, this.totalCompanyList[num].jychecked);
  1995. },
  1996. //人寿
  1997. renshou(num, id) {
  1998. this.quoteInsurance(num, id, this.totalCompanyList[num].apiType, this.totalCompanyList[num].jychecked);
  1999. },
  2000. //恒邦
  2001. hengbang(num, id) {
  2002. this.quoteInsurance(num, id, this.totalCompanyList[num].apiType, this.totalCompanyList[num].jychecked);
  2003. },
  2004. Lastyear() {
  2005. this.$refs.lastYearMsgCI.show() // 显示
  2006. },
  2007. adjustPopupInsureSubmit() {
  2008. this.$refs.lastYearMsgCI.hide() // 显示
  2009. },
  2010. // 重新选择车型
  2011. toCarInfo() {
  2012. this.navigate({
  2013. url: '/pages/carInsure1/carInfo1',
  2014. success: (res) => {
  2015. res.eventChannel.emit("acceptData", {
  2016. carInfo: this.carInfo,
  2017. ownerInfo: this.ownerInfo,
  2018. policyHolderInfo: this.policyHolderInfo,
  2019. insuredPersonInfo: this.insuredPersonInfo,
  2020. riskList: this.riskList,
  2021. kindList: this.kindList,
  2022. carInfoPositiveList: this.carInfoPositiveList, //车辆
  2023. ownerInfoPositiveList: this.ownerInfoPositiveList, //车主
  2024. policyHolderInfoPositiveList: this.policyHolderInfoPositiveList, //投保
  2025. insuredPersonInfoPositiveList: this.insuredPersonInfoPositiveList, //被保人
  2026. })
  2027. }
  2028. }, "navigateTo", true);
  2029. },
  2030. // 重新选择方案
  2031. toInsureItems() {
  2032. this.navigate({
  2033. url: '/pages/carInsure1/insureItems1',
  2034. success: (res) => {
  2035. res.eventChannel.emit("acceptData", {
  2036. carInfo: this.carInfo,
  2037. ownerInfo: this.ownerInfo,
  2038. policyHolderInfo: this.policyHolderInfo,
  2039. insuredPersonInfo: this.insuredPersonInfo,
  2040. riskList: this.riskList,
  2041. kindList: this.kindList,
  2042. carInfoPositiveList: this.carInfoPositiveList, //车辆
  2043. ownerInfoPositiveList: this.ownerInfoPositiveList, //车主
  2044. policyHolderInfoPositiveList: this.policyHolderInfoPositiveList, //投保
  2045. insuredPersonInfoPositiveList: this.insuredPersonInfoPositiveList, //被保人
  2046. vehicleModel: this.vehicleModel,
  2047. })
  2048. }
  2049. }, "navigateTo", true);
  2050. },
  2051. // 显示报错信息
  2052. ErrorMsg(msg, title) {
  2053. uni.showModal({
  2054. title: title + "报价提示",
  2055. content: msg,
  2056. showCancel: false,
  2057. confirmText: "关闭"
  2058. })
  2059. },
  2060. //上年信息
  2061. YearMsg(msg, title) {
  2062. uni.showModal({
  2063. title: title + "上年信息",
  2064. content: msg,
  2065. showCancel: false,
  2066. confirmText: "关闭"
  2067. })
  2068. },
  2069. //使用此时间
  2070. syncData(item) {
  2071. this.jqstartDate = item.startDateJq ? item.startDateJq : this.jqstartDate
  2072. this.jqendDate = item.endDateJq ? item.endDateJq : this.endDateJq
  2073. this.systartDate = item.startDateSy ? item.startDateSy : this.systartDate
  2074. this.syendDate = item.endDateSy ? item.endDateSy : this.syendDate
  2075. uni.showToast({
  2076. title: '时间已替换',
  2077. icon: 'none',
  2078. duration: 1000
  2079. });
  2080. },
  2081. oneYearPast(time) {
  2082. var date = new Date(time);
  2083. date.setSeconds(date.getSeconds() - 1);
  2084. date.setFullYear(date.getFullYear() + 1); //一年后
  2085. date.setTime(date.getTime()); //一年后的前一天
  2086. var strYear = date.getFullYear();
  2087. var strDay = date.getDate();
  2088. var strMonth = date.getMonth() + 1;
  2089. var hh = date.getHours();
  2090. var minutes = date.getMinutes(); // 分
  2091. var Seconds = date.getSeconds();
  2092. if (hh < 10) {
  2093. hh = "0" + hh;
  2094. }
  2095. if (minutes < 10) {
  2096. minutes = "0" + minutes;
  2097. }
  2098. if (Seconds < 10) {
  2099. Seconds = "0" + Seconds;
  2100. }
  2101. if (strMonth < 10) {
  2102. strMonth = "0" + strMonth;
  2103. }
  2104. if (strDay < 10) {
  2105. strDay = "0" + strDay;
  2106. }
  2107. var datastr =
  2108. strYear + "-" + strMonth + "-" + strDay + " " + hh + ":" + minutes + ":" + Seconds;
  2109. return datastr;
  2110. },
  2111. },
  2112. }
  2113. </script>
  2114. <style lang="scss" scoped>
  2115. @import '@/style/mixin.scss';
  2116. /* 头部车辆信息和特权Start */
  2117. .carInfo {
  2118. height: 330upx;
  2119. background: -webkit-linear-gradient(0deg, rgba($themeColor, 0.6), rgba($themeColor, 0.8));
  2120. background-size: 100% 100%;
  2121. }
  2122. .carInfo .topLeft {
  2123. width: 120upx;
  2124. font-size: 90upx;
  2125. color: #FFFFFF;
  2126. }
  2127. .carInfo .topRight .brandName {
  2128. width: 400upx;
  2129. overflow: hidden;
  2130. text-overflow: ellipsis;
  2131. white-space: nowrap;
  2132. }
  2133. .carInfo .other {
  2134. background-color: #FFFFFF;
  2135. height: 80upx;
  2136. border-radius: 15upx;
  2137. box-sizing: border-box;
  2138. }
  2139. .carInfo .other .privilege {
  2140. background-color: rgba($themeColor, 0.6);
  2141. font-size: 24upx;
  2142. color: #FFFFFF;
  2143. font-weight: bold;
  2144. }
  2145. .carInfo .other .content {
  2146. width: 460upx;
  2147. margin-left: 15upx;
  2148. overflow: hidden;
  2149. text-overflow: ellipsis;
  2150. white-space: nowrap;
  2151. }
  2152. .carInfo .other .icon {
  2153. width: 30upx;
  2154. }
  2155. /* 头部车辆信息和特权End */
  2156. .pageContent {
  2157. position: relative;
  2158. top: -50upx;
  2159. padding-bottom: 100px;
  2160. }
  2161. /* 报价方案Start */
  2162. .quotePlan {
  2163. background: #FFFFFF;
  2164. position: relative;
  2165. border-radius: 20upx;
  2166. }
  2167. .quotePlan .header {
  2168. height: 80upx;
  2169. position: relative;
  2170. border-bottom: 1px solid #E6E8EA;
  2171. }
  2172. .quotePlan .header .title {
  2173. // font-size: 30upx;
  2174. font-weight: bold;
  2175. padding-left: 25upx;
  2176. }
  2177. .quotePlan .header .title:before {
  2178. content: "";
  2179. position: absolute;
  2180. left: 30upx;
  2181. top: 25upx;
  2182. width: 8upx;
  2183. height: 30upx;
  2184. background-color: $themeColor;
  2185. }
  2186. .quotePlan .body {
  2187. padding: 0 30upx 10upx;
  2188. }
  2189. .quotePlan .body .insurance {
  2190. padding-bottom: 20upx;
  2191. border-bottom: 1px dashed #E6E8EA;
  2192. }
  2193. .accident-style {
  2194. padding: 20px;
  2195. >view {
  2196. margin-bottom: 15px;
  2197. }
  2198. .accident-ins {
  2199. text {
  2200. margin-right: 10px;
  2201. }
  2202. }
  2203. }
  2204. .popContent {
  2205. padding: 10px;
  2206. max-height: 400px;
  2207. }
  2208. .carTypeItem {
  2209. padding: 0 30upx 20upx;
  2210. border-bottom: 1px solid #e5e5e5;
  2211. margin-top: 20upx;
  2212. width: 100%;
  2213. box-sizing: border-box;
  2214. }
  2215. .carTypeItem .nav .carseriesName {
  2216. font-size: 34upx;
  2217. width: 360upx;
  2218. font-family: PingFangSC-Medium, PingFangSC;
  2219. color: #4a4a4a;
  2220. overflow: hidden;
  2221. text-overflow: ellipsis;
  2222. white-space: nowrap;
  2223. }
  2224. .carTypeItem .nav .modelName {
  2225. font-size: 26upx;
  2226. width: 400upx;
  2227. font-family: PingFangSC-Medium, PingFangSC;
  2228. overflow: hidden;
  2229. text-overflow: ellipsis;
  2230. white-space: nowrap;
  2231. }
  2232. .carTypeItem .nav .nav_box {
  2233. margin: 10upx 0;
  2234. }
  2235. .carTypeItem .nav .nav_box .zid {
  2236. display: inline-block;
  2237. padding: 6upx 10upx;
  2238. font-size: 24upx;
  2239. height: 40upx;
  2240. background: #AFC9F7;
  2241. border-radius: 25upx;
  2242. color: #007AFF;
  2243. font-weight: bold;
  2244. line-height: 40upx;
  2245. }
  2246. .carTypeItem .nav .nav_box>p {
  2247. margin-left: 30upx;
  2248. color: #999;
  2249. font-size: 24upx;
  2250. }
  2251. .carTypeItem .price {
  2252. font-size: 16px;
  2253. width: 200upx;
  2254. flex-shrink: 0;
  2255. font-family: PingFangSC-Regular, PingFangSC;
  2256. font-weight: 400;
  2257. color: #007AFF;
  2258. }
  2259. .quotePlan .body .row {
  2260. height: 70upx;
  2261. }
  2262. .quotePlan .body .date {
  2263. background-color: $themeColor;
  2264. color: $themeColor;
  2265. font-size: 22upx;
  2266. padding: 0upx 7upx;
  2267. border-radius: 3upx;
  2268. margin: 10upx;
  2269. margin-right: 10upx;
  2270. }
  2271. /* 报价方案End */
  2272. /* 报价公司Start */
  2273. .quoteCompany {
  2274. margin: 20upx 30upx;
  2275. box-sizing: border-box;
  2276. /* background:#FFFFFF; */
  2277. position: relative;
  2278. border-radius: 20upx;
  2279. }
  2280. .quoteCompany .header {
  2281. height: 80upx;
  2282. padding: 0 30upx;
  2283. position: relative;
  2284. }
  2285. .quoteCompany .header .title {
  2286. font-size: 30upx;
  2287. font-weight: bold;
  2288. padding-left: 25upx;
  2289. }
  2290. .quoteCompany .header .title:before {
  2291. content: "";
  2292. position: absolute;
  2293. left: 30upx;
  2294. top: 25upx;
  2295. width: 8upx;
  2296. height: 30upx;
  2297. background-color: rgba($themeColor, 0.6);
  2298. }
  2299. .quoteCompany .header .title .icon {
  2300. color: rgba($themeColor, 0.6);
  2301. margin-left: 15upx;
  2302. }
  2303. .quoteCompanyItem {
  2304. margin-bottom: 20upx;
  2305. background: #FFFFFF;
  2306. border-radius: 15upx;
  2307. padding: 10px 20px 0 20px;
  2308. box-sizing: border-box;
  2309. cursor: pointer;
  2310. }
  2311. .quoteCompanyItem>view>view {
  2312. padding: 5px 0;
  2313. }
  2314. .quoteCompanyItem .top {
  2315. position: relative;
  2316. }
  2317. .quoteCompanyItem .top .companyIcon {
  2318. flex-shrink: 0;
  2319. }
  2320. .quoteCompanyItem .top .companyIcon image {
  2321. width: 34px;
  2322. height: 34px;
  2323. margin-right: 10px;
  2324. }
  2325. .quoteCompanyItem .top .Premium text {
  2326. margin-right: 10px;
  2327. }
  2328. .quoteCompanyItem .top .companyName {
  2329. font-size: 32upx;
  2330. font-weight: bold;
  2331. width: 180upx;
  2332. overflow: hidden;
  2333. text-overflow: ellipsis;
  2334. white-space: nowrap;
  2335. }
  2336. .quoteCompanyItem .top .totalMoney {
  2337. font-size: 40upx;
  2338. font-weight: bold;
  2339. color: $themeColor;
  2340. position: absolute;
  2341. top: -15upx;
  2342. right: 0;
  2343. }
  2344. .quoteCompanyItem .top .tip {
  2345. font-size: 26upx;
  2346. font-weight: bold;
  2347. color: #999;
  2348. position: absolute;
  2349. top: 0upx;
  2350. right: 0;
  2351. }
  2352. .sum {
  2353. color: #ea552d;
  2354. font-size: 22px;
  2355. font-weight: bold;
  2356. }
  2357. .quoteCompanyItem .top .signs {
  2358. width: 500upx;
  2359. overflow: hidden;
  2360. text-overflow: ellipsis;
  2361. white-space: nowrap;
  2362. }
  2363. .quoteCompanyItem .top .sign {
  2364. height: 40upx;
  2365. margin: 0upx 10upx;
  2366. background: rgba($themeColor, 0.6);
  2367. color: $themeColor;
  2368. font-size: 20upx;
  2369. margin-right: 10upx;
  2370. border-radius: 6upx;
  2371. padding: 0 2px;
  2372. line-height: 40upx;
  2373. }
  2374. .jqsign {
  2375. height: 20px;
  2376. background: rgba(255, 177, 177, 0.55);
  2377. color: #fd0a0a;
  2378. font-size: 20upx;
  2379. border-radius: 6upx;
  2380. padding: 0 10px;
  2381. box-sizing: border-box;
  2382. }
  2383. .quoteCompanyItem .body {
  2384. padding: 20upx 0;
  2385. flex-wrap: wrap;
  2386. }
  2387. .quoteCompanyItem .body>view {
  2388. flex-shrink: 0;
  2389. width: 50%;
  2390. overflow: hidden;
  2391. text-overflow: ellipsis;
  2392. white-space: nowrap;
  2393. }
  2394. .quoteCompanyItem .body .icon-exchange {
  2395. margin-right: 15upx;
  2396. display: inline-block;
  2397. }
  2398. /* 报价公司End */
  2399. /* 查看详情按钮Start */
  2400. .btn {
  2401. font-size: 16px;
  2402. color: #fff;
  2403. background-color: #ea552d;
  2404. margin-top: 10px;
  2405. }
  2406. /* 底部的样式Start */
  2407. .infoBottom {
  2408. height: 140upx;
  2409. position: fixed;
  2410. bottom: 0;
  2411. left: 0;
  2412. right: 0;
  2413. background: #FFFFFF;
  2414. border-top: 1upx solid #EEEEEE;
  2415. z-index: 99;
  2416. }
  2417. .infoBottom>button {
  2418. // font-size: 30upx;
  2419. background: $themeColor;
  2420. color: #FFFFFF;
  2421. flex: 1;
  2422. margin: 0upx 30upx;
  2423. }
  2424. .slot-content {
  2425. padding: 10px;
  2426. box-sizing: border-box;
  2427. }
  2428. .ZJcheckboxGroup {
  2429. border-bottom: 2px solid #f2f2f2;
  2430. }
  2431. /* 查看详情按钮End */
  2432. </style>