|
|
@@ -0,0 +1,2066 @@
|
|
|
+<template>
|
|
|
+ <view class="page">
|
|
|
+ <view class="" style="padding-bottom: 70px;">
|
|
|
+ <view class="selectedCoverage dis j-s a-c">
|
|
|
+ <view class="productName dis a-c j-c">
|
|
|
+ <image src="../../static/image/car-insure/duigou.png" mode=""></image>
|
|
|
+ <text>{{productName}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="productName dis a-c j-c" style="border-radius: 6px;">
|
|
|
+ <text style="margin: 0;">已选险种</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="planDetails">
|
|
|
+ <view class="Plancontent dis f-c ">
|
|
|
+ <image src="../../static/image/car-insure/fanganxuanze.png" mode=""
|
|
|
+ style="height: 22px;width: 88px;"></image>
|
|
|
+ <view class="dis a-c f-wrap modelformcss">
|
|
|
+ <view class="status-data" :class="item.schemeId==SelectedPlanId? 'active':''"
|
|
|
+ style="margin:4px 10px;" v-for="(item,index) in planDataExpansion.genericPlanList"
|
|
|
+ @tap.stop.prevent="statusclick(item.schemeId)" :key="index">
|
|
|
+ {{item.schemeName}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ <view class="Plancontent dis f-c " v-if="planDataExpansion.genericPlanInfo.isJq=='1'">
|
|
|
+ <image src="../../static/image/car-insure/jqrisk.png" mode="" style="height: 22px;width: 88px;"
|
|
|
+ class="mb-1"></image>
|
|
|
+
|
|
|
+ <view style="padding:4px 10px;">
|
|
|
+ <u-table border-color="#E3E9F8" align="left">
|
|
|
+ <u-tr class="jq">
|
|
|
+ <u-td>
|
|
|
+ <view class="dis a-c">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <text style="margin-left: 10px;"> 交通事故强制责任险</text>
|
|
|
+ </view>
|
|
|
+ </u-td>
|
|
|
+ </u-tr>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <text style="margin-left: 10px;">保险期限：{{jqstartDate}} - {{jqendDate}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="Plancontent dis f-c ">
|
|
|
+ <image src="../../static/image/car-insure/chechuanshui.png" mode=""
|
|
|
+ style="height: 22px;width: 88px;" class="mb-1"></image>
|
|
|
+ <view class="" style="margin:0 10px;">
|
|
|
+ <u-form ref="uForm" :model="vehicleAndVesselTaxForm" label-width="130px">
|
|
|
+ <u-form-item label="纳税类型" prop="taxRelifFlag" class="modelformcss">
|
|
|
+ <u-input type="select" :select-open="taxRelifFlagShow" v-model="model.taxRelifFlag"
|
|
|
+ :custom-style="{textAlign:'right'}" placeholder="请选择纳税类型"
|
|
|
+ @click="taxRelifFlagShow = true"></u-input>
|
|
|
+ <u-select mode="single-column" :list="taxRelifFlagoptions"
|
|
|
+ v-model="taxRelifFlagShow" label-name="dictTag" value-name="dictValue"
|
|
|
+ @confirm="taxRelifFlagConfirm($event,'taxRelifFlag')"></u-select>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item
|
|
|
+ v-show="vehicleAndVesselTaxForm.taxRelifFlag == 2 || vehicleAndVesselTaxForm.taxRelifFlag == 3"
|
|
|
+ label="减免税凭证号" prop="extendChar2" class="modelformcss">
|
|
|
+ <u-input placeholder="请输入减免税凭证号" :custom-style="{textAlign:'right'}"
|
|
|
+ v-model="vehicleAndVesselTaxForm.extendChar2" type="text"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证号"
|
|
|
+ prop="paidFreeCertificate" class="modelformcss">
|
|
|
+ <u-input placeholder="请输入完税凭证号" :custom-style="{textAlign:'right'}"
|
|
|
+ v-model="vehicleAndVesselTaxForm.paidFreeCertificate" type="text"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item
|
|
|
+ v-show="vehicleAndVesselTaxForm.taxRelifFlag == 2 || vehicleAndVesselTaxForm.taxRelifFlag == 3"
|
|
|
+ label="减免税原因" prop="relifReason" class="modelformcss">
|
|
|
+ <u-input type="select" :select-open="relifReasonShow" v-model="model.relifReason"
|
|
|
+ :custom-style="{textAlign:'right'}" placeholder="请选择减免税原因"
|
|
|
+ @click="relifReasonShow = true"></u-input>
|
|
|
+ <u-select mode="single-column" :list="relifReasonoptions" v-model="relifReasonShow"
|
|
|
+ label-name="dictTag" value-name="dictValue"
|
|
|
+ @confirm="taxRelifFlagConfirm($event,'relifReason')"></u-select>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag != 1" label="税务机关代码"
|
|
|
+ prop="taxComCode" class="modelformcss">
|
|
|
+ <u-input placeholder="请输入税务机关代码" :custom-style="{textAlign:'right'}"
|
|
|
+ v-model="vehicleAndVesselTaxForm.taxComCode" type="text"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag != 1" label="税务机关名称"
|
|
|
+ prop="taxComName" class="modelformcss">
|
|
|
+ <u-input placeholder="请输入税务机关名称" :custom-style="{textAlign:'right'}"
|
|
|
+ v-model="vehicleAndVesselTaxForm.taxComName" type="text"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证填发日期"
|
|
|
+ prop="taxDocumentDate" class="modelformcss">
|
|
|
+ <u-input type="select" :select-open="taxDocumentDateShow"
|
|
|
+ :custom-style="{textAlign:'right'}"
|
|
|
+ v-model="vehicleAndVesselTaxForm.taxDocumentDate" placeholder="请选择时间"
|
|
|
+ @click="taxDocumentDateShow = true"></u-input>
|
|
|
+ <u-picker v-model="taxDocumentDateShow" mode="time" :params="params1"
|
|
|
+ @confirm="taxDocumentDateconfirm"></u-picker>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证地区"
|
|
|
+ prop="taxPaidAreaCode" class="modelformcss">
|
|
|
+ <u-input type="select" :select-open="taxPaidAreaCodeShow"
|
|
|
+ :custom-style="{textAlign:'right'}" v-model="model.taxPaidAreaCode"
|
|
|
+ placeholder="请选择地区" @click="taxPaidAreaCodeShow = true"></u-input>
|
|
|
+ <u-picker mode="region" v-model="taxPaidAreaCodeShow" :params="params2"
|
|
|
+ @confirm="taxPaidAreaCodeconfirm"></u-picker>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 3" label="减税比例"
|
|
|
+ prop="taxRelief" class="modelformcss">
|
|
|
+ <u-input placeholder="请输入0~1的小数" :custom-style="{textAlign:'right'}"
|
|
|
+ v-model="vehicleAndVesselTaxForm.taxRelief" type="text"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </u-form>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="Plancontent dis f-c " v-if="planDataExpansion.genericPlanInfo.isSy=='1'">
|
|
|
+ <image src="../../static/image/car-insure/syrisk.png" mode="" style="height: 22px;width: 88px;"
|
|
|
+ class="mb-1"></image>
|
|
|
+ <text style="margin-left: 10px;">{{systartDate}} - {{syendDate}}</text>
|
|
|
+ <view class="insuranceType" v-if="planDataExpansion.genericPlanInfo.schemeName !=='自选方案'">
|
|
|
+ <u-table border-color="#E3E9F8">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="70%" style="text-align: left;padding: 5px 10px !important">险种
|
|
|
+ </u-th>
|
|
|
+ <u-th>保额 </u-th>
|
|
|
+ </u-tr>
|
|
|
+ <u-tr v-for="(item,index) in planDataExpansion.genericPlanInfo.kinds" :key="index">
|
|
|
+ <u-td width="70%" style="text-align: left;padding: 5px 10px !important">
|
|
|
+ <view class="dis a-c">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <text style="margin-left: 10px;">{{item.kindName}}</text>
|
|
|
+ </view>
|
|
|
+ </u-td>
|
|
|
+ <u-td v-if="['A'].includes(item.kindCode)">投保</u-td>
|
|
|
+ <u-td
|
|
|
+ v-else-if="['D4', 'SY_FJ_YBW2'].includes(item.kindCode)">{{convertedValue(item.unitAmount)}}</u-td>
|
|
|
+ <u-td
|
|
|
+ v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(item.kindCode)">{{item.deductibleRate}}%</u-td>
|
|
|
+ <u-td
|
|
|
+ v-else-if="['TY1', 'TY2', 'TY3', 'TY4'].includes(item.kindCode)">{{item.serviceTimes}}次</u-td>
|
|
|
+ <u-td v-else>{{convertedValue(item.amount)}}</u-td>
|
|
|
+ </u-tr>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <template v-else>
|
|
|
+ <view class="immediately">
|
|
|
+ <view class="dis f-c" style="background: #F9F9F9;border-radius: 10px;">
|
|
|
+ <u-table border-color="#E3E9F8">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="70%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">险种</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <u-tr v-for="(insureItem,index) in planDataExpansion.genericPlanInfo.kinds"
|
|
|
+ :key="index">
|
|
|
+ <template v-if="insureItem.amount != 0">
|
|
|
+ <u-td width="70%" style="text-align: left;padding: 5px 10px !important">
|
|
|
+ <view class="dis a-c">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <text style="margin-left: 10px;">{{insureItem.kindName}}</text>
|
|
|
+ </view>
|
|
|
+ </u-td>
|
|
|
+ <u-td>
|
|
|
+ <view class="dis a-c j-c" @tap="adjustBIItem(index)">
|
|
|
+ <text>{{insureItem.amountDesc}}</text>
|
|
|
+ <u-icon name="arrow-right" color="#333" size="28"
|
|
|
+ style="margin-left: 5px;"></u-icon>
|
|
|
+ </view>
|
|
|
+ </u-td>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ </u-tr>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="compulsory-insurance">
|
|
|
+ <block v-for="(insureItem,index) in planDataExpansion.genericPlanInfo.kinds"
|
|
|
+ :key="index">
|
|
|
+ <template v-if="insureItem.amount == 0">
|
|
|
+ <view class="car-ins-cell d-flex j-sb common-ins-cell"
|
|
|
+ @tap="adjustBIItem(index)">
|
|
|
+ <view class="cell-title d-flex a-center j-center">
|
|
|
+ {{insureItem.kindName}}
|
|
|
+ </view>
|
|
|
+ <view class="cell-desc d-flex a-center j-center">
|
|
|
+ {{insureItem.amountDesc}}
|
|
|
+ <view class="icon iconfont icon-youjiantou"
|
|
|
+ style="font-size: 40rpx;margin-left: 20upx;color: #C7C6CA;">
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ </block>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ </view>
|
|
|
+ <template v-if="planDataExpansion.genericPlanInfo.schemeName !=='自选方案'">
|
|
|
+ <view class="Plancontent dis f-c policyInfo"
|
|
|
+ v-if=" planDataExpansion.genericPlanInfo && planDataExpansion.genericPlanInfo.drivingList && planDataExpansion.genericPlanInfo.drivingList.length">
|
|
|
+ <image src="../../static/image/car-insure/ywrisk.png" mode=""
|
|
|
+ style="height: 22px;width: 88px;" class="mb-1"></image>
|
|
|
+ <view class=" modelformcss"
|
|
|
+ v-for="(drivingsitem,risksindex) in planDataExpansion.genericPlanInfo.drivingList"
|
|
|
+ :key="risksindex">
|
|
|
+ <view class="dis f-c ">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{drivingsitem.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <u-table border-color="#E3E9F8" class="mt-2"
|
|
|
+ v-if="drivingsitem.insDrivingIntentionInsuranceSon && drivingsitem.insDrivingIntentionInsuranceSon.length>0">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="50%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ <u-th>保费(元)</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <view class="dis">
|
|
|
+ <view class="accident dis f-c">
|
|
|
+ <view class="diss dis"
|
|
|
+ v-for="(Sonitem,Sonindex) in drivingsitem.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view style="width: 67%;padding: 5px 10px " class="boss">
|
|
|
+ <view class="dis a-c ">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <view style="margin-left: 5px;width: 80%;" class="dis j-start">
|
|
|
+ {{Sonitem.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boss dis a-c j-c" style="width: 33%;">
|
|
|
+ {{Sonitem.amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right dis j-c a-c">
|
|
|
+ {{drivingsitem.sumPremium}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-table>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>份数</text>
|
|
|
+ <text>{{drivingsitem.quantity}}份</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>总保费</text>
|
|
|
+ <text>￥{{drivingsitem.sumPremium?drivingsitem.sumPremium:0}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <view class="Plancontent dis f-c " v-else>
|
|
|
+ <image src="../../static/image/car-insure/ywrisk.png" mode="" style="height: 22px;width: 88px;"
|
|
|
+ class="mb-1"></image>
|
|
|
+ <view class="dis a-c f-wrap modelformcss">
|
|
|
+ <view class="status-data" :class="item.checked? 'active':''" style="margin-right: 10px;"
|
|
|
+ v-for="(item,index) in accidentInsuranceCategoryList"
|
|
|
+ @tap.stop.prevent="accidentCategoryclick(item,planDataExpansion,index)" :key="index">
|
|
|
+ {{item.typeName}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <template v-if=" planDataExpansion.namesimple=='安盛天平' && anshengaccidentalDrivingVo.typeName ">
|
|
|
+ <view class="drivingSelection policyInfo">
|
|
|
+ <view class="dis a-c j-s " @click="anshengPopupshow=true">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{anshengaccidentalDrivingVo.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-table border-color="#E3E9F8"
|
|
|
+ v-if="anshengaccidentalDrivingVo.insDrivingIntentionInsuranceSon && anshengaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="50%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ <u-th>保费(元)</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <view class="dis">
|
|
|
+ <view class="accident dis f-c">
|
|
|
+ <view class="diss dis"
|
|
|
+ v-for="(Sonitem,Sonindex) in anshengaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view style="width: 67%;padding: 5px 10px " class="boss">
|
|
|
+ <view class="dis a-c ">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <view style="margin-left: 5px;width: 80%;"
|
|
|
+ class="dis j-start">
|
|
|
+ {{Sonitem.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boss dis a-c j-c" style="width: 33%;">
|
|
|
+ {{Sonitem.amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right dis j-c a-c">
|
|
|
+ {{anshengaccidentalDrivingVo.sumPremium}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <text>份数</text>
|
|
|
+ <u-number-box v-model="anshengaccidentalDrivingVo.quantity" :min="1" :max="10"
|
|
|
+ :disabled-input="true" :input-width="70" :input-height="44" size="26"
|
|
|
+ :long-press="false"></u-number-box>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>总保费</text>
|
|
|
+ <text>￥{{anshengaccidentalDrivingVo.sumPremium*anshengaccidentalDrivingVo.quantity}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-if=" planDataExpansion.namesimple=='国任财险' && guoRenaccidentalDrivingVo.typeName ">
|
|
|
+ <view class="drivingSelection policyInfo">
|
|
|
+ <view class="dis a-c j-s " @click="guoRenPopupshow=true">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{guoRenaccidentalDrivingVo.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-table border-color="#E3E9F8"
|
|
|
+ v-if="guoRenaccidentalDrivingVo.insDrivingIntentionInsuranceSon && guoRenaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="50%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ <u-th>保费(元)</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <view class="dis">
|
|
|
+ <view class="accident dis f-c">
|
|
|
+ <view class="diss dis"
|
|
|
+ v-for="(Sonitem,Sonindex) in guoRenaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view style="width: 67%;padding: 5px 10px " class="boss">
|
|
|
+ <view class="dis a-c ">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <view style="margin-left: 5px;width: 80%;"
|
|
|
+ class="dis j-start">
|
|
|
+ {{Sonitem.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boss dis a-c j-c" style="width: 33%;">
|
|
|
+ {{Sonitem.amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right dis j-c a-c">
|
|
|
+ {{guoRenaccidentalDrivingVo.sumPremium}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <text>份数</text>
|
|
|
+ <u-number-box v-model="guoRenaccidentalDrivingVo.quantity" :min="1" :max="10"
|
|
|
+ :disabled-input="true" :input-width="70" :input-height="44" size="26"
|
|
|
+ :long-press="false"></u-number-box>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>总保费</text>
|
|
|
+ <text>￥{{guoRenaccidentalDrivingVo.sumPremium*guoRenaccidentalDrivingVo.quantity}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-if=" planDataExpansion.namesimple=='大家财险' && dajiaaccidentalDrivingVo.typeName ">
|
|
|
+ <view class="drivingSelection policyInfo">
|
|
|
+ <view class="dis a-c j-s " @click="dajiaPopupshow=true">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{dajiaaccidentalDrivingVo.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-table border-color="#E3E9F8"
|
|
|
+ v-if="dajiaaccidentalDrivingVo.insDrivingIntentionInsuranceSon && dajiaaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="50%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ <u-th>保费(元)</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <view class="dis">
|
|
|
+ <view class="accident dis f-c">
|
|
|
+ <view class="diss dis"
|
|
|
+ v-for="(Sonitem,Sonindex) in dajiaaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view style="width: 67%;padding: 5px 10px " class="boss">
|
|
|
+ <view class="dis a-c ">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <view style="margin-left: 5px;width: 80%;"
|
|
|
+ class="dis j-start">
|
|
|
+ {{Sonitem.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boss dis a-c j-c" style="width: 33%;">
|
|
|
+ {{Sonitem.amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right dis j-c a-c">
|
|
|
+ {{dajiaaccidentalDrivingVo.sumPremium}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <text>份数</text>
|
|
|
+ <u-number-box v-model="dajiaaccidentalDrivingVo.quantity" :min="1" :max="10"
|
|
|
+ :disabled-input="true" :input-width="70" :input-height="44" size="26"
|
|
|
+ :long-press="false"></u-number-box>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>总保费</text>
|
|
|
+ <text>￥{{dajiaaccidentalDrivingVo.sumPremium*dajiaaccidentalDrivingVo.quantity}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-if=" planDataExpansion.namesimple=='紫金财险' && zijinInsuranceData.length>0">
|
|
|
+ <view class="p-1">
|
|
|
+ <text @click="zijinPopupshow=true" style="color: #FF5600;font-size: 14px;">意外险选择</text>
|
|
|
+ <view class="" v-for="(item,index) in zijinaccidentalDrivingVo" :key="index">
|
|
|
+ <view class="policyInfo">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{item.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <view class=" dis j-s a-c">
|
|
|
+ <view class="">
|
|
|
+ <text>保费：</text>
|
|
|
+ <text style="color: #ee7000;">￥{{item.sumPremium*item.quantity}}.00</text>
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ <text>份数：</text>
|
|
|
+ <u-number-box v-model="item.quantity" :min="1" :max="10" :input-width="70"
|
|
|
+ :input-height="44" size="26" :long-press="false"></u-number-box>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="Accident mt-2" v-if="item.insDrivingIntentionInsuranceSon">
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <view class="head dis a-c j-c">保险责任</view>
|
|
|
+ <view class="head dis a-c j-c">保险金额</view>
|
|
|
+ <view class="head dis a-c j-c">保费（元）</view>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s"
|
|
|
+ v-for="(Sonitem,Sonindex) in item.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view class="tr dis a-c j-c"> {{Sonitem.name}}</view>
|
|
|
+ <view class="tr dis a-c j-c"> {{Sonitem.amount}}/座</view>
|
|
|
+ <view class="tr dis a-c j-c">￥{{Sonitem.premium}}</view>
|
|
|
+ </view>
|
|
|
+ </view> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-if=" planDataExpansion.namesimple=='众安财险' && zhonganaccidentalDrivingVo.typeName ">
|
|
|
+ <view class="drivingSelection policyInfo">
|
|
|
+ <view class="dis a-c j-s " @click="zhonganPopupshow=true">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{zhonganaccidentalDrivingVo.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-table border-color="#E3E9F8"
|
|
|
+ v-if="zhonganaccidentalDrivingVo.insDrivingIntentionInsuranceSon && zhonganaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="50%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ <u-th>保费(元)</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <view class="dis">
|
|
|
+ <view class="accident dis f-c">
|
|
|
+ <view class="diss dis"
|
|
|
+ v-for="(Sonitem,Sonindex) in zhonganaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view style="width: 67%;padding: 5px 10px " class="boss">
|
|
|
+ <view class="dis a-c ">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <view style="margin-left: 5px;width: 80%;"
|
|
|
+ class="dis j-start">
|
|
|
+ {{Sonitem.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boss dis a-c j-c" style="width: 33%;">
|
|
|
+ {{Sonitem.amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right dis j-c a-c">
|
|
|
+ {{zhonganaccidentalDrivingVo.sumPremium}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <text>份数</text>
|
|
|
+ <u-number-box v-model="zhonganaccidentalDrivingVo.quantity" :min="1" :max="10"
|
|
|
+ :disabled-input="true" :input-width="70" :input-height="44" size="26"
|
|
|
+ :long-press="false"></u-number-box>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>总保费</text>
|
|
|
+ <text>￥{{zhonganaccidentalDrivingVo.sumPremium*zhonganaccidentalDrivingVo.quantity}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-if=" planDataExpansion.namesimple=='永诚财险' && yongchengaccidentalDrivingVo.typeName ">
|
|
|
+ <view class="drivingSelection policyInfo">
|
|
|
+ <view class="dis a-c j-s " @click="yongchengPopupshow=true">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{yongchengaccidentalDrivingVo.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-table border-color="#E3E9F8"
|
|
|
+ v-if="yongchengaccidentalDrivingVo.insDrivingIntentionInsuranceSon && yongchengaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="50%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ <u-th>保费(元)</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <view class="dis">
|
|
|
+ <view class="accident dis f-c">
|
|
|
+ <view class="diss dis"
|
|
|
+ v-for="(Sonitem,Sonindex) in yongchengaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view style="width: 67%;padding: 5px 10px " class="boss">
|
|
|
+ <view class="dis a-c ">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <view style="margin-left: 5px;width: 80%;"
|
|
|
+ class="dis j-start">
|
|
|
+ {{Sonitem.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boss dis a-c j-c" style="width: 33%;">
|
|
|
+ {{Sonitem.amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right dis j-c a-c">
|
|
|
+ {{yongchengaccidentalDrivingVo.sumPremium}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <text>份数</text>
|
|
|
+ <u-number-box v-model="yongchengaccidentalDrivingVo.quantity" :min="1" :max="10"
|
|
|
+ :disabled-input="true" :input-width="70" :input-height="44" size="26"
|
|
|
+ :long-press="false"></u-number-box>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>总保费</text>
|
|
|
+ <text>￥{{yongchengaccidentalDrivingVo.sumPremium*yongchengaccidentalDrivingVo.quantity}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-if=" planDataExpansion.namesimple=='恒邦财险' && hengbangaccidentalDrivingVo.typeName ">
|
|
|
+ <view class="drivingSelection policyInfo">
|
|
|
+ <view class="dis a-c j-s " @click="hengbangPopupshow=true">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{hengbangaccidentalDrivingVo.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-table border-color="#E3E9F8"
|
|
|
+ v-if="hengbangaccidentalDrivingVo.insDrivingIntentionInsuranceSon && hengbangaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="50%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ <u-th>保费(元)</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <view class="dis">
|
|
|
+ <view class="accident dis f-c">
|
|
|
+ <view class="diss dis"
|
|
|
+ v-for="(Sonitem,Sonindex) in hengbangaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view style="width: 67%;padding: 5px 10px " class="boss">
|
|
|
+ <view class="dis a-c ">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <view style="margin-left: 5px;width: 80%;"
|
|
|
+ class="dis j-start">
|
|
|
+ {{Sonitem.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boss dis a-c j-c" style="width: 33%;">
|
|
|
+ {{Sonitem.amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right dis j-c a-c">
|
|
|
+ {{hengbangaccidentalDrivingVo.sumPremium}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <text>份数</text>
|
|
|
+ <u-number-box v-model="hengbangaccidentalDrivingVo.quantity" :min="1" :max="10"
|
|
|
+ :disabled-input="true" :input-width="70" :input-height="44" size="26"
|
|
|
+ :long-press="false"></u-number-box>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>总保费</text>
|
|
|
+ <text>￥{{hengbangaccidentalDrivingVo.sumPremium*hengbangaccidentalDrivingVo.quantity}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-if=" planDataExpansion.namesimple=='诚泰财险' && chengtaiaccidentalDrivingVo.typeName">
|
|
|
+ <view class="drivingSelection policyInfo">
|
|
|
+ <view class="dis a-c j-s " @click="chengtaiPopupshow=true">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{chengtaiaccidentalDrivingVo.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-table border-color="#E3E9F8"
|
|
|
+ v-if="chengtaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon && chengtaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="50%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ <u-th>保费(元)</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <view class="dis">
|
|
|
+ <view class="accident dis f-c">
|
|
|
+ <view class="diss dis"
|
|
|
+ v-for="(Sonitem,Sonindex) in chengtaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view style="width: 67%;padding: 5px 10px " class="boss">
|
|
|
+ <view class="dis a-c ">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <view style="margin-left: 5px;width: 80%;"
|
|
|
+ class="dis j-start">
|
|
|
+ {{Sonitem.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boss dis a-c j-c" style="width: 33%;">
|
|
|
+ {{Sonitem.amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right dis j-c a-c">
|
|
|
+ {{chengtaiaccidentalDrivingVo.sumPremium}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <text>份数</text>
|
|
|
+ <u-number-box v-model="chengtaiaccidentalDrivingVo.quantity" :min="1" :max="10"
|
|
|
+ :disabled-input="true" :input-width="70" :input-height="44" size="26"
|
|
|
+ :long-press="false"></u-number-box>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>总保费</text>
|
|
|
+ <text>￥{{chengtaiaccidentalDrivingVo.sumPremium*chengtaiaccidentalDrivingVo.quantity}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-if=" planDataExpansion.namesimple=='中煤财险' && zhongmeiaccidentalDrivingVo.typeName ">
|
|
|
+ <view class="drivingSelection policyInfo">
|
|
|
+ <view class="dis a-c j-s " @click="zhongmeiPopupshow=true">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{zhongmeiaccidentalDrivingVo.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-table border-color="#E3E9F8"
|
|
|
+ v-if="zhongmeiaccidentalDrivingVo.insDrivingIntentionInsuranceSon && zhongmeiaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="50%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ <u-th>保费(元)</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <view class="dis">
|
|
|
+ <view class="accident dis f-c">
|
|
|
+ <view class="diss dis"
|
|
|
+ v-for="(Sonitem,Sonindex) in zhongmeiaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view style="width: 67%;padding: 5px 10px " class="boss">
|
|
|
+ <view class="dis a-c ">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <view style="margin-left: 5px;width: 80%;"
|
|
|
+ class="dis j-start">
|
|
|
+ {{Sonitem.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boss dis a-c j-c" style="width: 33%;">
|
|
|
+ {{Sonitem.amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right dis j-c a-c">
|
|
|
+ {{zhongmeiaccidentalDrivingVo.sumPremium}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <text>份数</text>
|
|
|
+ <u-number-box v-model="zhongmeiaccidentalDrivingVo.quantity" :min="1" :max="10"
|
|
|
+ :disabled-input="true" :input-width="70" :input-height="44" size="26"
|
|
|
+ :long-press="false"></u-number-box>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>总保费</text>
|
|
|
+ <text>￥{{zhongmeiaccidentalDrivingVo.sumPremium*zhongmeiaccidentalDrivingVo.quantity}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-if=" planDataExpansion.namesimple=='泰康财险' && taikangaccidentalDrivingVo.typeName ">
|
|
|
+ <view class="drivingSelection policyInfo">
|
|
|
+ <view class="dis a-c j-s " @click="taikangPopupshow=true">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{taikangaccidentalDrivingVo.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-table border-color="#E3E9F8"
|
|
|
+ v-if="taikangaccidentalDrivingVo.insDrivingIntentionInsuranceSon && taikangaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="50%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ <u-th>保费(元)</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <view class="dis">
|
|
|
+ <view class="accident dis f-c">
|
|
|
+ <view class="diss dis"
|
|
|
+ v-for="(Sonitem,Sonindex) in taikangaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view style="width: 67%;padding: 5px 10px " class="boss">
|
|
|
+ <view class="dis a-c ">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <view style="margin-left: 5px;width: 80%;"
|
|
|
+ class="dis j-start">
|
|
|
+ {{Sonitem.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boss dis a-c j-c" style="width: 33%;">
|
|
|
+ {{Sonitem.amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right dis j-c a-c">
|
|
|
+ {{taikangaccidentalDrivingVo.sumPremium}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <text>份数</text>
|
|
|
+ <u-number-box v-model="taikangaccidentalDrivingVo.quantity" :min="1" :max="10"
|
|
|
+ :disabled-input="true" :input-width="70" :input-height="44" size="26"
|
|
|
+ :long-press="false"></u-number-box>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>总保费</text>
|
|
|
+ <text>￥{{taikangaccidentalDrivingVo.sumPremium*taikangaccidentalDrivingVo.quantity}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-if=" planDataExpansion.namesimple=='渤海财险' && bohaiaccidentalDrivingVo.typeName ">
|
|
|
+ <view class="drivingSelection policyInfo">
|
|
|
+ <view class="dis a-c j-s " @click="bohaiPopupshow=true">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{bohaiaccidentalDrivingVo.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-table border-color="#E3E9F8"
|
|
|
+ v-if="bohaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon && bohaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="50%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ <u-th>保费(元)</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <view class="dis">
|
|
|
+ <view class="accident dis f-c">
|
|
|
+ <view class="diss dis"
|
|
|
+ v-for="(Sonitem,Sonindex) in bohaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view style="width: 67%;padding: 5px 10px " class="boss">
|
|
|
+ <view class="dis a-c ">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <view style="margin-left: 5px;width: 80%;"
|
|
|
+ class="dis j-start">
|
|
|
+ {{Sonitem.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boss dis a-c j-c" style="width: 33%;">
|
|
|
+ {{Sonitem.amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right dis j-c a-c">
|
|
|
+ {{bohaiaccidentalDrivingVo.sumPremium}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <text>份数</text>
|
|
|
+ <u-number-box v-model="bohaiaccidentalDrivingVo.quantity" :min="1" :max="10"
|
|
|
+ :disabled-input="true" :input-width="70" :input-height="44" size="26"
|
|
|
+ :long-press="false"></u-number-box>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>总保费</text>
|
|
|
+ <text>￥{{bohaiaccidentalDrivingVo.sumPremium*bohaiaccidentalDrivingVo.quantity}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-if=" planDataExpansion.namesimple=='太平财险' && taipingaccidentalDrivingVo.typeName ">
|
|
|
+ <view class="drivingSelection policyInfo">
|
|
|
+ <view class="dis a-c j-s " @click="taipingPopupshow=true">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{taipingaccidentalDrivingVo.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-table border-color="#E3E9F8"
|
|
|
+ v-if="taipingaccidentalDrivingVo.insDrivingIntentionInsuranceSon && taipingaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="50%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ <u-th>保费(元)</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <view class="dis">
|
|
|
+ <view class="accident dis f-c">
|
|
|
+ <view class="diss dis"
|
|
|
+ v-for="(Sonitem,Sonindex) in taipingaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view style="width: 67%;padding: 5px 10px " class="boss">
|
|
|
+ <view class="dis a-c ">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <view style="margin-left: 5px;width: 80%;"
|
|
|
+ class="dis j-start">
|
|
|
+ {{Sonitem.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boss dis a-c j-c" style="width: 33%;">
|
|
|
+ {{Sonitem.amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right dis j-c a-c">
|
|
|
+ {{taipingaccidentalDrivingVo.sumPremium}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <text>份数</text>
|
|
|
+ <u-number-box v-model="taipingaccidentalDrivingVo.quantity" :min="1" :max="10"
|
|
|
+ :disabled-input="true" :input-width="70" :input-height="44" size="26"
|
|
|
+ :long-press="false"></u-number-box>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>总保费</text>
|
|
|
+ <text>￥{{taipingaccidentalDrivingVo.sumPremium*taipingaccidentalDrivingVo.quantity}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-if=" planDataExpansion.namesimple=='华农财险' && huanongaccidentalDrivingVo.typeName ">
|
|
|
+ <view class="drivingSelection policyInfo">
|
|
|
+ <view class="dis a-c j-s " @click="huanongPopupshow=true">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{huanongaccidentalDrivingVo.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-table border-color="#E3E9F8"
|
|
|
+ v-if="huanongaccidentalDrivingVo.insDrivingIntentionInsuranceSon && huanongaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="50%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ <u-th>保费(元)</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <view class="dis">
|
|
|
+ <view class="accident dis f-c">
|
|
|
+ <view class="diss dis"
|
|
|
+ v-for="(Sonitem,Sonindex) in huanongaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view style="width: 67%;padding: 5px 10px " class="boss">
|
|
|
+ <view class="dis a-c ">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <view style="margin-left: 5px;width: 80%;"
|
|
|
+ class="dis j-start">
|
|
|
+ {{Sonitem.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boss dis a-c j-c" style="width: 33%;">
|
|
|
+ {{Sonitem.amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right dis j-c a-c">
|
|
|
+ {{huanongaccidentalDrivingVo.sumPremium}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <text>份数</text>
|
|
|
+ <u-number-box v-model="huanongaccidentalDrivingVo.quantity" :min="1" :max="10"
|
|
|
+ :disabled-input="true" :input-width="70" :input-height="44" size="26"
|
|
|
+ :long-press="false"></u-number-box>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>总保费</text>
|
|
|
+ <text>￥{{huanongaccidentalDrivingVo.sumPremium*huanongaccidentalDrivingVo.quantity}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-if=" planDataExpansion.namesimple=='中国人寿' && renshouaccidentalDrivingVo.typeName ">
|
|
|
+ <view class="drivingSelection policyInfo">
|
|
|
+ <view class="dis a-c j-s " @click="renshouPopupshow=true">
|
|
|
+ <text class="tagHeader dis a-c">
|
|
|
+ <text>{{renshouaccidentalDrivingVo.alias}}
|
|
|
+ <view class="tag"></view>
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
+ <u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-table border-color="#E3E9F8"
|
|
|
+ v-if="renshouaccidentalDrivingVo.insDrivingIntentionInsuranceSon && renshouaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
|
|
|
+ <u-tr class="sy">
|
|
|
+ <u-th width="50%"
|
|
|
+ style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
|
|
|
+ <u-th>保额</u-th>
|
|
|
+ <u-th>保费(元)</u-th>
|
|
|
+ </u-tr>
|
|
|
+ <view class="dis">
|
|
|
+ <view class="accident dis f-c">
|
|
|
+ <view class="diss dis"
|
|
|
+ v-for="(Sonitem,Sonindex) in renshouaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
|
|
|
+ :key="Sonindex">
|
|
|
+ <view style="width: 67%;padding: 5px 10px " class="boss">
|
|
|
+ <view class="dis a-c ">
|
|
|
+ <view class="circle dis a-c j-c"></view>
|
|
|
+ <view style="margin-left: 5px;width: 80%;"
|
|
|
+ class="dis j-start">
|
|
|
+ {{Sonitem.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boss dis a-c j-c" style="width: 33%;">
|
|
|
+ {{Sonitem.amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right dis j-c a-c">
|
|
|
+ {{renshouaccidentalDrivingVo.sumPremium}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-table>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <text>份数</text>
|
|
|
+ <u-number-box v-model="renshouaccidentalDrivingVo.quantity" :min="1" :max="10"
|
|
|
+ :disabled-input="true" :input-width="70" :input-height="44" size="26"
|
|
|
+ :long-press="false"></u-number-box>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
|
|
|
+ <text>总保费</text>
|
|
|
+ <text>￥{{renshouaccidentalDrivingVo.sumPremium*renshouaccidentalDrivingVo.quantity}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="footer-btn dis a-c j-c">
|
|
|
+ <view class="btn" @click="back">取消</view>
|
|
|
+ <view class="btn" @click="confirmPlan(planDataExpansion.cnName)">确认方案</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 商业选择方案 -->
|
|
|
+ <wyb-popup ref="popupBI" type="bottom" mode="size-fixed" height="900" radius="6" :showCloseIcon="true">
|
|
|
+ <view class="popup-content">
|
|
|
+ <view class="popHeader d-flex a-center j-center">
|
|
|
+ 选择方案
|
|
|
+ </view>
|
|
|
+ <scroll-view scroll-top="0" scroll-y="true" class="popContent">
|
|
|
+ <view class="popContentTitle">{{insureItem.kindName}}</view>
|
|
|
+ <view style="color: #999;font-size: 24upx;">{{insureItem.desc}}</view>
|
|
|
+ <view class="dis a-c j-s p-3" v-if="['TY2','TY3','TY4'].includes(insureItem.kindCode)">
|
|
|
+ <text>自定义次数</text>
|
|
|
+ <u-number-box v-model="insureItem.amount" :input-width="100" :input-height="60" :min="0"
|
|
|
+ color="#fff" size="30" @change="numberBoxChange"></u-number-box>
|
|
|
+ </view>
|
|
|
+ <view v-else style="margin-top: 10px;">
|
|
|
+ <block v-for="(amt,index) in insureItem.amtList" :key="index">
|
|
|
+ <view class="amtSingle" @tap="adjustBIItemLabel(index)"
|
|
|
+ :class="(amt.label== insureItem.amountDesc)?'active':''">
|
|
|
+ {{amt.label}}
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ <view class="popBottom">
|
|
|
+ <button type="primary" style="background-color: #0052FF;"
|
|
|
+ @tap="adjustBIItemLabelSubmit()">完成</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </wyb-popup>
|
|
|
+ <!-- 人寿驾意险弹框 -->
|
|
|
+ <u-modal v-model="renshouPopupshow" title="驾意险"
|
|
|
+ :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
|
|
|
+ :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
|
|
|
+ <view class="slot-content p-2">
|
|
|
+ <u-radio-group size="30" wrap>
|
|
|
+ <u-radio style="margin: 4px 0; align-items: flex-start;" label-size="30" shape="square"
|
|
|
+ @change="RSradioChange" v-for="(item, index) in renshouInsuranceData" :key="index"
|
|
|
+ :name="item.projectCode">
|
|
|
+ {{item.alias}}
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
+ <!-- 中煤驾意险弹框 -->
|
|
|
+ <u-modal v-model="zhongmeiPopupshow" title="驾意险"
|
|
|
+ :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
|
|
|
+ :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
|
|
|
+ <view class="slot-content p-2">
|
|
|
+ <u-radio-group size="30" wrap>
|
|
|
+ <u-radio style="margin: 4px 0;" label-size="30" @change="ZMradioChange" shape="square"
|
|
|
+ v-for="(item, index) in zhongmeiInsuranceData" :key="index" :name="item.projectCode">
|
|
|
+ {{item.alias}}
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
+ <!-- 恒邦驾意险弹框 -->
|
|
|
+ <u-modal v-model="hengbangPopupshow" title="驾意险"
|
|
|
+ :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
|
|
|
+ :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
|
|
|
+ <view class="slot-content p-2">
|
|
|
+ <u-radio-group size="30" wrap>
|
|
|
+ <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="HBradioChange" shape="square"
|
|
|
+ v-for="(item, index) in hengbangInsuranceData" :key="index" :name="item.projectCode">
|
|
|
+ {{item.alias}}
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
+ <!-- 众安驾意险弹框 -->
|
|
|
+ <u-modal v-model="zhonganPopupshow" title="驾意险"
|
|
|
+ :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
|
|
|
+ :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
|
|
|
+ <view class="slot-content p-2">
|
|
|
+ <u-radio-group size="30" wrap>
|
|
|
+ <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="ZAradioChange" shape="square"
|
|
|
+ v-for="(item, index) in zhonganInsuranceData" :key="index" :name="item.projectCode">
|
|
|
+ {{item.alias}}
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
+ <!-- 华农驾意险弹框 -->
|
|
|
+ <u-modal v-model="huanongPopupshow" title="驾意险"
|
|
|
+ :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
|
|
|
+ :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
|
|
|
+ <view class="slot-content p-2">
|
|
|
+ <u-radio-group size="30" wrap>
|
|
|
+ <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="HNradioChange" shape="square"
|
|
|
+ v-for="(item, index) in huanongInsuranceData" :key="index" :name="item.projectCode">
|
|
|
+ {{item.alias}}
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
+ <!-- 泰康驾意险弹框 -->
|
|
|
+ <u-modal v-model="taikangPopupshow" title="驾意险"
|
|
|
+ :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
|
|
|
+ :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
|
|
|
+ <view class="slot-content p-2">
|
|
|
+ <u-radio-group size="30" wrap>
|
|
|
+ <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="TkradioChange" shape="square"
|
|
|
+ v-for="(item, index) in taikangInsuranceData" :key="index" :name="item.projectCode">
|
|
|
+ {{item.alias}}
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
+ <u-modal v-model="yongchengPopupshow" title="驾意险"
|
|
|
+ :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
|
|
|
+ :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
|
|
|
+ <view class="slot-content p-2">
|
|
|
+ <u-radio-group size="30" wrap>
|
|
|
+ <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="YCradioChange" shape="square"
|
|
|
+ v-for="(item, index) in yongchengInsuranceData" :key="index" :name="item.projectCode">
|
|
|
+ {{item.alias}}
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
+ <!-- 太平驾意险弹框 -->
|
|
|
+ <u-modal v-model="taipingPopupshow" title="驾意险"
|
|
|
+ :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
|
|
|
+ :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
|
|
|
+ <view class="slot-content p-2">
|
|
|
+ <u-radio-group size="30" wrap>
|
|
|
+ <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="TPradioChange" shape="square"
|
|
|
+ v-for="(item, index) in taipingInsuranceData" :key="index" :name="item.projectCode">
|
|
|
+ {{item.alias}}
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
+ <!-- 渤海驾意险弹框 -->
|
|
|
+ <u-modal v-model="bohaiPopupshow" title="驾意险"
|
|
|
+ :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
|
|
|
+ :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
|
|
|
+ <view class="slot-content p-2">
|
|
|
+ <u-radio-group size="30" style="" wrap>
|
|
|
+ <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="BHradioChange" shape="square"
|
|
|
+ v-for="(item, index) in bohaiInsuranceData" :key="index" :name="item.projectCode">
|
|
|
+ {{item.alias}}
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
+ <!-- 紫金驾意弹框 -->
|
|
|
+ <u-popup v-model="zijinPopupshow" mode="bottom" border-radius="10" height="1000">
|
|
|
+ <view class="ZJcheckboxGroup dis f-c">
|
|
|
+ <view class="title dis a-c j-c">
|
|
|
+ <text>意外险选择</text>
|
|
|
+ </view>
|
|
|
+ <scroll-view scroll-y="true" class="scolcentent">
|
|
|
+ <u-checkbox-group @change="ZJcheckboxGroupChange">
|
|
|
+ <u-checkbox style="margin: 8px 0;flex: auto;" active-color="#FF4D4D" label-size="28"
|
|
|
+ v-model="item.checked" v-for="(item, index) in zijinInsuranceData" :key="index"
|
|
|
+ :name="item.projectCode">{{item.alias}}</u-checkbox>
|
|
|
+ </u-checkbox-group>
|
|
|
+ </scroll-view>
|
|
|
+ <view class="operateBtn dis ">
|
|
|
+ <view class="cancel dis a-c j-c" @click="zijinPopupshow=false">
|
|
|
+ 取消
|
|
|
+ </view>
|
|
|
+ <view class="confirm dis a-c j-c" @click="zijinPopupshow=false">
|
|
|
+ 确定
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+ <u-modal v-model="guoRenPopupshow" title="驾意险"
|
|
|
+ :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
|
|
|
+ :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
|
|
|
+ <view class="slot-content p-2">
|
|
|
+ <u-radio-group size="30" wrap>
|
|
|
+ <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="GRradioChange" shape="square"
|
|
|
+ v-for="(item, index) in guoRenInsuranceData" :key="index" :name="item.projectCode">
|
|
|
+ {{item.alias}}
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
+ <u-modal v-model="dajiaPopupshow" title="驾意险"
|
|
|
+ :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
|
|
|
+ :scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
|
|
|
+ <view class="slot-content p-2">
|
|
|
+ <u-radio-group size="30" wrap>
|
|
|
+ <u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="DJradioChange" shape="square"
|
|
|
+ v-for="(item, index) in dajiaInsuranceData" :key="index" :name="item.projectCode">
|
|
|
+ {{item.alias}}
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+ import wybPopup from '@/components/modules/carInsure/wyb-popup/wyb-popup.vue'
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ wybPopup,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ planDataExpansion: { //方案综合数据
|
|
|
+ id: "",
|
|
|
+ namesimple: "",
|
|
|
+ cnName: "",
|
|
|
+ genericPlanList: [], //方案通用列表
|
|
|
+ genericPlanInfo: {}, //方案展示信息
|
|
|
+ },
|
|
|
+ SelectedPlanId: "2", //已选方案id
|
|
|
+ accidentInsuranceCategoryList: [], //驾意险分类
|
|
|
+ productId: "", //险种id
|
|
|
+ productName: "", //险种名称
|
|
|
+ jqstartDate: "",
|
|
|
+ jqendDate: "",
|
|
|
+ systartDate: "",
|
|
|
+ syendDate: "",
|
|
|
+ seatCount: "",
|
|
|
+ //车船税form
|
|
|
+ vehicleAndVesselTaxForm: {
|
|
|
+ taxRelifFlag: "1", //类型
|
|
|
+ identifyNumber: "", //纳税人识别号
|
|
|
+ taxpayerIdentifier: "01", //纳税人证件类型
|
|
|
+ taxpayerName: "", //纳税人名称
|
|
|
+ extendChar2: "", //减免税凭证号
|
|
|
+ paidFreeCertificate: "", //完税凭证号
|
|
|
+ relifReason: "", //减免税原因
|
|
|
+ taxComCode: "", //税务机关代码
|
|
|
+ taxComName: "", ///税务机关名称
|
|
|
+ taxDocumentDate: "", //完税日期
|
|
|
+ taxPaidAreaCode: "", //完税凭证地区代码
|
|
|
+ taxRelief: "", //减税比例
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ taxRelifFlag: "正常交税",
|
|
|
+ taxpayerIdentifier: "身份证",
|
|
|
+ relifReason: "",
|
|
|
+ taxPaidAreaCode: "",
|
|
|
+ },
|
|
|
+ taxRelifFlagoptions: [],
|
|
|
+ taxpayerIdentifieroptions: [],
|
|
|
+ relifReasonoptions: [],
|
|
|
+ taxPaidAreaCodeShow: false, //完税凭证地区
|
|
|
+ taxDocumentDateShow: false, //完税凭证填发日期
|
|
|
+ taxRelifFlagShow: false, //车船税类型
|
|
|
+ taxpayerIdentifierShow: false, //纳税人证件类型
|
|
|
+ relifReasonShow: false, //减免税原因代码
|
|
|
+ params1: {
|
|
|
+ year: true, //年
|
|
|
+ month: true, //月
|
|
|
+ day: true, //日
|
|
|
+ hour: false, //时
|
|
|
+ minute: false, //分
|
|
|
+ second: false, //秒
|
|
|
+ },
|
|
|
+ params2: {
|
|
|
+ province: true,
|
|
|
+ city: false,
|
|
|
+ area: false
|
|
|
+ },
|
|
|
+ insureItem: {}, //商业险规格
|
|
|
+ /* 安盛 */
|
|
|
+ anshengPopupshow: false,
|
|
|
+ anshengInsuranceData: [],
|
|
|
+ anshengaccidentalDrivingVo: {},
|
|
|
+ /* 国任 */
|
|
|
+ guoRenPopupshow: false,
|
|
|
+ guoRenInsuranceData: [],
|
|
|
+ guoRenaccidentalDrivingVo: {},
|
|
|
+ /* 大家 */
|
|
|
+ dajiaPopupshow: false,
|
|
|
+ dajiaInsuranceData: [],
|
|
|
+ dajiaaccidentalDrivingVo: {},
|
|
|
+ /* 永诚 */
|
|
|
+ yongchengPopupshow: false,
|
|
|
+ yongchengInsuranceData: [],
|
|
|
+ yongchengaccidentalDrivingVo: {},
|
|
|
+ /* 恒邦 */
|
|
|
+ hengbangPopupshow: false,
|
|
|
+ hengbangInsuranceData: [],
|
|
|
+ hengbangaccidentalDrivingVo: {},
|
|
|
+
|
|
|
+ /* 诚泰 */
|
|
|
+ chengtaiPopupshow: false,
|
|
|
+ chengtaiInsuranceData: [],
|
|
|
+ chengtaiaccidentalDrivingVo: {},
|
|
|
+ /* 中煤 */
|
|
|
+ zhongmeiPopupshow: false,
|
|
|
+ zhongmeiInsuranceData: [],
|
|
|
+ zhongmeiaccidentalDrivingVo: {},
|
|
|
+
|
|
|
+ /* 泰康 */
|
|
|
+ taikangPopupshow: false,
|
|
|
+ taikangInsuranceData: [],
|
|
|
+ taikangaccidentalDrivingVo: {},
|
|
|
+
|
|
|
+ /* 渤海 */
|
|
|
+ bohaiPopupshow: false,
|
|
|
+ bohaiInsuranceData: [],
|
|
|
+ bohaiaccidentalDrivingVo: {},
|
|
|
+
|
|
|
+ /* 众安 */
|
|
|
+ zhonganPopupshow: false,
|
|
|
+ zhonganInsuranceData: [],
|
|
|
+ zhonganaccidentalDrivingVo: {},
|
|
|
+
|
|
|
+ /* 太平 */
|
|
|
+ taipingPopupshow: false,
|
|
|
+ taipingInsuranceData: [],
|
|
|
+ taipingaccidentalDrivingVo: {},
|
|
|
+ /* 华农 */
|
|
|
+ huanongPopupshow: false,
|
|
|
+ huanongInsuranceData: [],
|
|
|
+ huanongaccidentalDrivingVo: {},
|
|
|
+ /* 人寿 */
|
|
|
+ renshouPopupshow: false,
|
|
|
+ renshouInsuranceData: [],
|
|
|
+ renshouaccidentalDrivingVo: {},
|
|
|
+ /* 紫金 */
|
|
|
+ zijinPopupshow: false,
|
|
|
+ zijinInsuranceData: [],
|
|
|
+ zijinaccidentalDrivingVo: [],
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+
|
|
|
+ },
|
|
|
+ async onLoad() {
|
|
|
+ const eventChannel = this.getOpenerEventChannel()
|
|
|
+ // 监听acceptData事件，获取上一页面通过eventChannel传送到当前页面的数据
|
|
|
+ await eventChannel.on('acceptData', (data) => {
|
|
|
+ console.log(data);
|
|
|
+ this.jqstartDate = data.jqstartDate;
|
|
|
+ this.jqendDate = data.jqendDate;
|
|
|
+ this.systartDate = data.systartDate;
|
|
|
+ this.syendDate = data.syendDate;
|
|
|
+ this.productName = data.productName;
|
|
|
+ this.productId = data.params.productId;
|
|
|
+ this.seatCount = data.params.seatNum;
|
|
|
+ this.planDataExpansion.id = data.params.companyId;
|
|
|
+ this.planDataExpansion.namesimple = data.namesimple;
|
|
|
+ this.planDataExpansion.cnName = data.cnName;
|
|
|
+ this.queryPlan(data.params); //方案查询
|
|
|
+ })
|
|
|
+ this.getDicType("taxRelifFlag"); //车船税类型
|
|
|
+ this.getDicType("taxpayerIdentifier"); //纳税人证件类型
|
|
|
+ this.getDicType("relifReason"); //减免税原因代码
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ back() {
|
|
|
+ uni.navigateBack(1)
|
|
|
+ },
|
|
|
+ async queryPlan(params) {
|
|
|
+ let res = await this.$http.post('/plt/scheme/getCompanySchemeInfo', params);
|
|
|
+ let res1 = await this.$http.post('/plt/scheme/getCompanyOptionalSchemeInfo', params);
|
|
|
+ let typelist = [];
|
|
|
+ if (res.code == '200' && res.data.length > 0) {
|
|
|
+ this.planDataExpansion.genericPlanList = [...res.data];
|
|
|
+ this.planDataExpansion.genericPlanInfo = res.data[0];
|
|
|
+ this.SelectedPlanId = res.data[0].schemeId;
|
|
|
+ } else {
|
|
|
+ this.planDataExpansion.genericPlanList = [];
|
|
|
+ this.planDataExpansion.genericPlanInfo = {};
|
|
|
+ this.SelectedPlanId = "";
|
|
|
+ }
|
|
|
+ if (res1.code == '200') {
|
|
|
+ this.planDataExpansion.genericPlanList = [...res.data, res1.data];
|
|
|
+ res1.data.drivingTypeList.map(val => {
|
|
|
+ if (val.children) {
|
|
|
+ val.children.map(ele => {
|
|
|
+ typelist.push(ele)
|
|
|
+ return ele
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.planDataExpansion.genericPlanList = [...res.data];
|
|
|
+ }
|
|
|
+ this.accidentInsuranceCategoryList = typelist;
|
|
|
+ },
|
|
|
+ confirmPlan(name) {
|
|
|
+ let pages = getCurrentPages(); //获取所有页面栈实例列表
|
|
|
+ let nowPage = pages[pages.length - 1]; //当前页页面实例
|
|
|
+ let prevPage = pages[pages.length - 2].route; //上一页页面实例
|
|
|
+ pages.forEach(e => {
|
|
|
+ if (e.$vm.quotableCompanyList) {
|
|
|
+ e.$vm.quotableCompanyList.map(val => {
|
|
|
+ if (val.id == this.planDataExpansion.id) {
|
|
|
+ if (this.planDataExpansion.genericPlanInfo.schemeName !== '自选方案') {
|
|
|
+ val.insurancePlanInfo = this.planDataExpansion.genericPlanInfo;
|
|
|
+ } else {
|
|
|
+ let objkindList = [];
|
|
|
+ val.insurancePlanInfo = this.planDataExpansion.genericPlanInfo;
|
|
|
+ val.insurancePlanInfo.kinds.map((ele, index) => {
|
|
|
+ if (ele.amount != "0" && ["A"].includes(ele.kindCode)) {
|
|
|
+ objkindList.push({
|
|
|
+ amount: val.insurancePlanInfo.kinds[index]
|
|
|
+ .amount,
|
|
|
+ kindCode: val.insurancePlanInfo.kinds[
|
|
|
+ index].kindCode,
|
|
|
+ kindName: val.insurancePlanInfo.kinds[
|
|
|
+ index].kindName
|
|
|
+ });
|
|
|
+ } else if (ele.amount != "0" && ["SY_FJ_YBW2", "D4"]
|
|
|
+ .includes(ele
|
|
|
+ .kindCode)) {
|
|
|
+ objkindList.push({
|
|
|
+ unitAmount: val.insurancePlanInfo.kinds[
|
|
|
+ index].amount,
|
|
|
+ kindCode: val.insurancePlanInfo.kinds[
|
|
|
+ index].kindCode,
|
|
|
+ kindName: val.insurancePlanInfo.kinds[
|
|
|
+ index].kindName
|
|
|
+ });
|
|
|
+ } else if (ele.amount != "0" && ["MJ1", "MJ2", "MJ3",
|
|
|
+ "MJ4"
|
|
|
+ ].includes(ele
|
|
|
+ .kindCode)) {
|
|
|
+ objkindList.push({
|
|
|
+ deductibleRate: val.insurancePlanInfo
|
|
|
+ .kinds[index].amount,
|
|
|
+ kindCode: val.insurancePlanInfo.kinds[
|
|
|
+ index].kindCode,
|
|
|
+ kindName: val.insurancePlanInfo.kinds[
|
|
|
+ index].kindName
|
|
|
+ });
|
|
|
+ } else if (ele.amount != "0" && ["TY1", "TY2", "TY3",
|
|
|
+ "TY4"
|
|
|
+ ].includes(ele
|
|
|
+ .kindCode)) {
|
|
|
+ objkindList.push({
|
|
|
+ serviceTimes: String(val.insurancePlanInfo
|
|
|
+ .kinds[index]
|
|
|
+ .amount),
|
|
|
+ kindCode: val.insurancePlanInfo.kinds[
|
|
|
+ index].kindCode,
|
|
|
+ kindName: val.insurancePlanInfo.kinds[
|
|
|
+ index].kindName
|
|
|
+ });
|
|
|
+ } else if (ele.amount != "0") {
|
|
|
+ objkindList.push({
|
|
|
+ amount: val.insurancePlanInfo.kinds[index]
|
|
|
+ .amount,
|
|
|
+ kindCode: val.insurancePlanInfo.kinds[
|
|
|
+ index].kindCode,
|
|
|
+ kindName: val.insurancePlanInfo.kinds[
|
|
|
+ index].kindName
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return ele;
|
|
|
+ })
|
|
|
+ val.insurancePlanInfo.kinds = objkindList;
|
|
|
+ if (this[name + 'accidentalDrivingVo'] instanceof Array && this[name +
|
|
|
+ 'accidentalDrivingVo'].length > 0) {
|
|
|
+ val.insurancePlanInfo.drivingList = this[name +
|
|
|
+ 'accidentalDrivingVo'];
|
|
|
+ } else if (this[this.planDataExpansion.cnName + 'accidentalDrivingVo']
|
|
|
+ .projectName) {
|
|
|
+ val.insurancePlanInfo.drivingList = [this[name +
|
|
|
+ 'accidentalDrivingVo']];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (!val.insurancePlanInfo.schemeName) {
|
|
|
+ return uni.showToast({
|
|
|
+ icon: "none",
|
|
|
+ title: '未选中方案',
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ return val;
|
|
|
+ })
|
|
|
+ e.$vm.quotableCompanyList = [...e.$vm.quotableCompanyList]
|
|
|
+ }
|
|
|
+ })
|
|
|
+ if (prevPage == 'pages/carInsure/premiumCalc') {
|
|
|
+ uni.navigateBack({
|
|
|
+ delta: 1
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ uni.navigateBack({
|
|
|
+ delta: 2
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ async accidentCategoryclick(item, items, index) {
|
|
|
+ this.accidentInsuranceCategoryList[index].checked = !this.accidentInsuranceCategoryList[index].checked;
|
|
|
+ if (this.accidentInsuranceCategoryList[index].checked) {
|
|
|
+ let res = await this.$http.get('/plt/scheme/optionalSchemeDriving?schemeId=' + this
|
|
|
+ .SelectedPlanId + '&seatNum=' + this.seatCount)
|
|
|
+ switch (items.namesimple) {
|
|
|
+ case '安盛天平':
|
|
|
+ case '国任财险':
|
|
|
+ case '大家财险':
|
|
|
+ case '永诚财险':
|
|
|
+ case '恒邦财险':
|
|
|
+ case '诚泰财险':
|
|
|
+ case '中煤财险':
|
|
|
+ case '泰康财险':
|
|
|
+ case '渤海财险':
|
|
|
+ case '众安财险':
|
|
|
+ case '太平财险':
|
|
|
+ case '华农财险':
|
|
|
+ case '中国人寿':
|
|
|
+ if (res.data.length > 0) {
|
|
|
+ this[items.cnName + 'InsuranceData'] = res.data; //意外险list
|
|
|
+ this[items.cnName + 'accidentalDrivingVo'] = {
|
|
|
+ typeName: item.typeName,
|
|
|
+ ...res.data[0]
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ uni.showToast({
|
|
|
+ title: "驾意险为空",
|
|
|
+ icon: 'none',
|
|
|
+ });
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case '紫金财险':
|
|
|
+ this[items.cnName + 'InsuranceData'] = res.data; //意外险list
|
|
|
+ this[items.cnName + 'accidentalDrivingVo'] = [];
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (items.namesimple == '紫金财险') {
|
|
|
+ this[items.cnName + 'InsuranceData'] = [];
|
|
|
+ this[items.cnName + 'accidentalDrivingVo'] = []
|
|
|
+ } else {
|
|
|
+ this[items.cnName + 'accidentalDrivingVo'] = {}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ statusclick(value) {
|
|
|
+ this.SelectedPlanId = value;
|
|
|
+ let planObj = this.planDataExpansion.genericPlanList.find(item => item.schemeId == value);
|
|
|
+ console.log(planObj);
|
|
|
+ if (planObj.kinds && planObj.schemeName == '自选方案') {
|
|
|
+ planObj.kinds.map(item => {
|
|
|
+ const itemamtList = item.amtList.map(val => {
|
|
|
+ return val.label
|
|
|
+ })
|
|
|
+ if (!itemamtList.includes('不投保')) {
|
|
|
+ item.amount = item.amtList[0].value;
|
|
|
+ item.amountDesc = item.amtList[0].label;
|
|
|
+ }
|
|
|
+ return item;
|
|
|
+ })
|
|
|
+ }
|
|
|
+ this.planDataExpansion.genericPlanInfo = planObj;
|
|
|
+ },
|
|
|
+ //国任
|
|
|
+ GRradioChange(id) {
|
|
|
+ let obj = this.guoRenInsuranceData.find((val => val.projectCode == id))
|
|
|
+ Object.assign(this.guoRenaccidentalDrivingVo, obj);
|
|
|
+ this.guoRenPopupshow = false;
|
|
|
+ },
|
|
|
+
|
|
|
+ //大家
|
|
|
+ DJradioChange(id) {
|
|
|
+ let obj = this.dajiaInsuranceData.find((val => val.projectCode == id))
|
|
|
+ Object.assign(this.dajiaaccidentalDrivingVo, obj);
|
|
|
+ this.dajiaPopupshow = false;
|
|
|
+ },
|
|
|
+ //紫金意外险
|
|
|
+ ZJcheckboxGroupChange(detail) {
|
|
|
+ this.zijinaccidentalDrivingVo = [];
|
|
|
+ detail.map(val => {
|
|
|
+ let list = this.zijinInsuranceData.find(item => item.projectCode == val)
|
|
|
+ this.zijinaccidentalDrivingVo.push(list)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //安盛
|
|
|
+ ASradioChange(id) {
|
|
|
+ let obj = this.anshengInsuranceData.find((val => val.projectCode == id))
|
|
|
+ Object.assign(this.anshengaccidentalDrivingVo, obj);
|
|
|
+ this.anshengPopupshow = false;
|
|
|
+ },
|
|
|
+ //太平
|
|
|
+ TPradioChange(id) {
|
|
|
+ let obj = this.taipingInsuranceData.find(val => val.projectCode == id)
|
|
|
+ Object.assign(this.taipingaccidentalDrivingVo, obj);
|
|
|
+ this.taipingPopupshow = false;
|
|
|
+ },
|
|
|
+ //泰康
|
|
|
+ TkradioChange(id) {
|
|
|
+ let obj = this.taikangInsuranceData.find(val => val.projectCode == id)
|
|
|
+ Object.assign(this.taikangaccidentalDrivingVo, obj);
|
|
|
+ this.taikangPopupshow = false;
|
|
|
+ },
|
|
|
+ //永诚
|
|
|
+ YCradioChange(id) {
|
|
|
+ let obj = this.yongchengInsuranceData.find(val => val.projectCode == id)
|
|
|
+ Object.assign(this.yongchengaccidentalDrivingVo, obj);
|
|
|
+ this.yongchengPopupshow = false;
|
|
|
+ },
|
|
|
+ //中煤
|
|
|
+ ZMradioChange(id) {
|
|
|
+ let obj = this.zhongmeiInsuranceData.find(val => val.projectCode == id)
|
|
|
+ Object.assign(this.zhongmeiaccidentalDrivingVo, obj);
|
|
|
+ this.zhongmeiPopupshow = false;
|
|
|
+ },
|
|
|
+ //渤海意外险
|
|
|
+ BHradioChange(id) {
|
|
|
+ let info = this.bohaiInsuranceData.find(val => val.projectCode == id)
|
|
|
+ Object.assign(this.bohaiaccidentalDrivingVo, obj);
|
|
|
+ this.bohaiPopupshow = false;
|
|
|
+ },
|
|
|
+ //人寿意外险
|
|
|
+ RSradioChange(id) {
|
|
|
+ let obj = this.renshouInsuranceData.find(val => val.projectCode == id)
|
|
|
+ Object.assign(this.renshouaccidentalDrivingVo, obj);
|
|
|
+ this.renshouPopupshow = false;
|
|
|
+ },
|
|
|
+ //恒邦意外险
|
|
|
+ HBradioChange(id) {
|
|
|
+ let obj = this.hengbangInsuranceData.find(val => val.projectCode ==
|
|
|
+ id)
|
|
|
+ Object.assign(this.hengbangaccidentalDrivingVo, obj);
|
|
|
+ this.hengbangPopupshow = false;
|
|
|
+ },
|
|
|
+ //众安意外险
|
|
|
+ ZAradioChange(id) {
|
|
|
+ let obj = this.zhonganInsuranceData.find(val => val.projectCode == id)
|
|
|
+ Object.assign(this.zhonganaccidentalDrivingVo, obj);
|
|
|
+ this.zhonganPopupshow = false;
|
|
|
+ },
|
|
|
+ //华农驾意险
|
|
|
+ HNradioChange(id) {
|
|
|
+ let obj = this.huanongInsuranceData.find(val => val.projectCode == id);
|
|
|
+ Object.assign(this.huanongaccidentalDrivingVo, obj);
|
|
|
+ this.huanongaccidentalDrivingVo.accidentType = this.huanongaccidentalDrivingVo.planCode;
|
|
|
+ this.huanongPopupshow = false;
|
|
|
+ },
|
|
|
+
|
|
|
+ //车船税类型选择
|
|
|
+ taxRelifFlagConfirm(val, name) {
|
|
|
+ this.vehicleAndVesselTaxForm[name] = val[0].value;
|
|
|
+ this.model[name] = val[0].label;
|
|
|
+ },
|
|
|
+ //弹出popup框并显示基本信息
|
|
|
+ adjustBIItem(index) {
|
|
|
+ var a = {};
|
|
|
+ Object.assign(a, this.planDataExpansion.genericPlanInfo.kinds[index])
|
|
|
+ this.insureItem = a;
|
|
|
+ this.$refs.popupBI.show() // 显示
|
|
|
+ },
|
|
|
+ numberBoxChange(val) {
|
|
|
+ if (val.value > 0) {
|
|
|
+ this.insureItem.amount = val.value;
|
|
|
+ this.insureItem.amountDesc = val.value + '次';
|
|
|
+ } else {
|
|
|
+ this.insureItem.amount = 0;
|
|
|
+ this.insureItem.amountDesc = '不投保';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //popup内容的label改变
|
|
|
+ adjustBIItemLabel(index) {
|
|
|
+ this.insureItem.amount = this.insureItem.amtList[index].value;
|
|
|
+ this.insureItem.amountDesc = this.insureItem.amtList[index].label;
|
|
|
+ },
|
|
|
+ //-------------驾意险处理结束
|
|
|
+ adjustBIItemLabelSubmit() {
|
|
|
+ for (let i = 0; i < this.planDataExpansion.genericPlanInfo.kinds.length; i++) {
|
|
|
+ if (this.insureItem.kindCode == this.planDataExpansion.genericPlanInfo.kinds[i].kindCode) {
|
|
|
+ this.planDataExpansion.genericPlanInfo.kinds[i].amount = this.insureItem.amount; /* 保额 */
|
|
|
+ this.planDataExpansion.genericPlanInfo.kinds[i].amountDesc = this.insureItem.amountDesc; /* 保额名称 */
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$refs.popupBI.hide();
|
|
|
+ },
|
|
|
+ convertedValue(num) {
|
|
|
+ if (num < 10000) {
|
|
|
+ return num.toString();
|
|
|
+ } else if (num < 100000000) {
|
|
|
+ return (Math.floor(num / 10000 * 10) / 10) + '万';
|
|
|
+ } else {
|
|
|
+ return (Math.floor(num / 100000000 * 10) / 10) + '亿';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ taxDocumentDateconfirm(e) {
|
|
|
+ this.vehicleAndVesselTaxForm.taxDocumentDate = e.year + '-' + e.month + '-' + e.day;
|
|
|
+ },
|
|
|
+ taxPaidAreaCodeconfirm(e) {
|
|
|
+ this.vehicleAndVesselTaxForm.taxPaidAreaCode = e.province.value;
|
|
|
+ this.model.taxPaidAreaCode = e.province.label;
|
|
|
+ },
|
|
|
+ //数据字典
|
|
|
+ async getDicType(type) {
|
|
|
+ let res = await this.$http.get('/sysDict/dictDetails/' + type);
|
|
|
+ this[type + "options"] = res.data.ddList;
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .page {
|
|
|
+ background: #F8FAFE;
|
|
|
+ padding: 16px 16px 16px 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .selectedCoverage {
|
|
|
+ width: 100%;
|
|
|
+ background: linear-gradient(90deg, #CCE5FE 0%, #D4EDFF 100%);
|
|
|
+ border-radius: 6px 6px 0px 0px;
|
|
|
+ padding: 8px 6px;
|
|
|
+
|
|
|
+ .productName {
|
|
|
+ padding: 1px 6px;
|
|
|
+ background: linear-gradient(90deg, #64A4F0 0%, #0052FF 100%);
|
|
|
+ border-radius: 6px 6px 6px 0px;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ text {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .planDetails {
|
|
|
+ background-color: #fff;
|
|
|
+ box-shadow: 0px 4px 10px 0px #DAE3F4;
|
|
|
+ border-radius: 6px;
|
|
|
+ padding: 8px;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ .footer-btn {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border: 1px solid #EFEFEF;
|
|
|
+ padding: 10px;
|
|
|
+
|
|
|
+ .btn:nth-child(1) {
|
|
|
+ background: #fff;
|
|
|
+ color: #999999;
|
|
|
+ font-size: 16px;
|
|
|
+ padding: 5px 40px;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #C9C9C9;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn:nth-child(2) {
|
|
|
+ background: linear-gradient(90deg, #0052FF 0%, #0D8BFF 100%);
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-left: 40px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ padding: 6px 50px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .Plancontent {
|
|
|
+ .title {
|
|
|
+ color: #232832;
|
|
|
+ font-size: 15px;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ ::before {
|
|
|
+ content: "丨";
|
|
|
+ width: 10px;
|
|
|
+ height: 10px;
|
|
|
+ color: #0052FF;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .title-before {}
|
|
|
+
|
|
|
+ .Accident {
|
|
|
+ width: 100%;
|
|
|
+ border: 1px solid #0874FF;
|
|
|
+ border-radius: 6px;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+ .head {
|
|
|
+ width: 20%;
|
|
|
+ height: 40px;
|
|
|
+ background-color: #0874FF;
|
|
|
+ color: #FFFFFF;
|
|
|
+
|
|
|
+ &:nth-child(1) {
|
|
|
+ width: 60%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .tr {
|
|
|
+ width: 20%;
|
|
|
+ height: 60px;
|
|
|
+ color: #232832;
|
|
|
+ border: 1rpx solid #0874FF;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #232832;
|
|
|
+
|
|
|
+ &:nth-child(1) {
|
|
|
+ width: 60%;
|
|
|
+ background: rgba(8, 116, 255, 0.05);
|
|
|
+ }
|
|
|
+
|
|
|
+ &:nth-child(3) {
|
|
|
+ background: rgba(8, 116, 255, 0.05);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .insuranceType {
|
|
|
+ margin: 5px 10px;
|
|
|
+ background: #F2F6FF;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .terms {
|
|
|
+ color: #FFFFFF;
|
|
|
+ background: linear-gradient(90deg, #FF4D4D 0%, #FF784D 100%);
|
|
|
+ border-radius: 4px 4px 4px 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .status-data {
|
|
|
+ width: auto;
|
|
|
+ padding: 2px 8px;
|
|
|
+ margin-left: 10px;
|
|
|
+ font-size: 12px;
|
|
|
+ border: 1px solid #CDCDCD;
|
|
|
+ cursor: pointer;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 25px;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .active {
|
|
|
+ position: relative;
|
|
|
+ background: rgba(0, 82, 255, 0.1);
|
|
|
+ color: #0052FF;
|
|
|
+ border: 1px solid #0052FF !important;
|
|
|
+ font-weight: 700;
|
|
|
+ }
|
|
|
+
|
|
|
+ .active::before {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 10px;
|
|
|
+ height: 10px;
|
|
|
+ background-image: url("/static/image/car-insure/before.png");
|
|
|
+ background-size: cover;
|
|
|
+ }
|
|
|
+
|
|
|
+ //对勾
|
|
|
+ .circle {
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ border-radius: 50%;
|
|
|
+ border: 2px solid #0052FF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .circle:after {
|
|
|
+ content: "✔";
|
|
|
+ /* 对勾符号 */
|
|
|
+ font-size: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ /* 根据需要调整大小 */
|
|
|
+ color: #0052FF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .immediately {
|
|
|
+ padding: 19rpx 15px;
|
|
|
+
|
|
|
+ .common-ins-cell:last-child {
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .modelformcss {
|
|
|
+ padding: 5px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 交强险和商业险弹出框Start */
|
|
|
+ .popup-content {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .popHeader {
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-size: 32upx;
|
|
|
+ font-weight: bold;
|
|
|
+ height: 120upx;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+
|
|
|
+ .popup-content .popContent {
|
|
|
+ padding: 0upx 30upx;
|
|
|
+ height: 620upx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+
|
|
|
+ .popup-content .popContent .popContentTitle {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 32upx;
|
|
|
+ margin: 20upx 0upx 5upx 0upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .popup-content .popContent .amtSingle {
|
|
|
+ width: 22%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ margin: 0 15rpx 15rpx 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .popup-content .popBottom {
|
|
|
+ margin: 30upx 30upx 0 30upx;
|
|
|
+ padding-bottom: 30upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .drivingSelection {
|
|
|
+ padding: 8px;
|
|
|
+
|
|
|
+ >view {
|
|
|
+ padding: 4px 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .header {
|
|
|
+ width: 100%;
|
|
|
+ background: rgba(255, 86, 0, 0.05);
|
|
|
+ border-radius: 2px;
|
|
|
+ margin-bottom: 4px;
|
|
|
+
|
|
|
+ text {
|
|
|
+ font-size: 15px;
|
|
|
+ color: #FF5600;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .policyInfo {
|
|
|
+ .tagHeader {
|
|
|
+ font-family: Source Han Sans SC, Source Han Sans SC;
|
|
|
+
|
|
|
+ text {
|
|
|
+ position: relative;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 13px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tag {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: -1px;
|
|
|
+ width: 50%;
|
|
|
+ height: 5px;
|
|
|
+ background: linear-gradient(90deg, #0874FF 0%, rgba(8, 116, 255, 0) 100%);
|
|
|
+ border-radius: 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .accident {
|
|
|
+ width: 75%;
|
|
|
+
|
|
|
+ .diss {
|
|
|
+ border-bottom: 1px solid #E3E9F8;
|
|
|
+
|
|
|
+ .boss {
|
|
|
+ border-right: 1px solid #E3E9F8;
|
|
|
+ text-align: center;
|
|
|
+ padding: 5px 3px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .right {
|
|
|
+ width: 25%;
|
|
|
+ border-right: 1px solid #E3E9F8;
|
|
|
+ border-bottom: 1px solid #E3E9F8;
|
|
|
+ padding: 5px 3px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .common-ins-cell:last-child {
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .common-ins-cell {
|
|
|
+ font-size: 30upx;
|
|
|
+ padding: 0upx 30upx;
|
|
|
+ height: 90upx;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 交强险和商业险弹出框End */
|
|
|
+ /deep/ {
|
|
|
+ .jq {
|
|
|
+ .u-th {
|
|
|
+ background: #EBF7FF;
|
|
|
+ padding: 5px 10px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .u-td {
|
|
|
+ padding: 5px 10px !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .sy {
|
|
|
+ .u-th {
|
|
|
+ background: #EBF7FF;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
