quote1.vue 76 KB

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