quote1.vue 92 KB

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