人保报价

pages/carInsure/chooseOption.vue

@@ -1029,7 +1029,7 @@
 						<template
 							v-if=" planDataExpansion.namesimple=='阳光财险' && yangguangaccidentalDrivingVo.typeName ">
 							<view class="drivingSelection policyInfo">
-								<view class="dis a-c j-s " @click="renshouPopupshow=true">
+								<view class="dis a-c j-s " @click="yangguangPopupshow=true">
 									<text class="tagHeader dis a-c">
 										<text>{{yangguangaccidentalDrivingVo.alias}}
 											<view class="tag"></view>
@@ -1083,6 +1083,62 @@
 								</view>
 							</view>
 						</template>
+						<template v-if=" planDataExpansion.namesimple=='人保财险' && renbaoaccidentalDrivingVo.typeName ">
+							<view class="drivingSelection policyInfo">
+								<view class="dis a-c j-s " @click="renbaoPopupshow=true">
+									<text class="tagHeader dis a-c">
+										<text>{{renbaoaccidentalDrivingVo.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="renbaoaccidentalDrivingVo.insDrivingIntentionInsuranceSon && renbaoaccidentalDrivingVo.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 renbaoaccidentalDrivingVo.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">
+												{{renbaoaccidentalDrivingVo.sumPremium}}
+											</view>
+										</view>
+									</u-table>
+								</view>
+								<view class="dis a-c j-s">
+									<text>份数</text>
+									<u-number-box v-model="renbaoaccidentalDrivingVo.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>￥{{renbaoaccidentalDrivingVo.sumPremium*renbaoaccidentalDrivingVo.quantity}}</text>
+								</view>
+							</view>
+						</template>
 					</view>
 				</view>
 				<view class="footer-btn dis a-c j-c">
@@ -1173,6 +1229,32 @@
 				</u-radio-group>
 			</view>
 		</u-modal>
+		<!-- 阳光驾意险弹框 -->
+		<u-modal v-model="yangguangPopupshow" 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="YGradioChange" shape="square"
+						v-for="(item, index) in yangguangInsuranceData" :key="index" :name="item.projectCode">
+						{{item.alias}}
+					</u-radio>
+				</u-radio-group>
+			</view>
+		</u-modal>
+		<!-- 人保驾意险弹框 -->
+		<u-modal v-model="renbaoPopupshow" 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="RBradioChange" shape="square"
+						v-for="(item, index) in renbaoInsuranceData" :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'}"
@@ -1414,6 +1496,10 @@
 				yangguangPopupshow: false,
 				yangguangInsuranceData: [],
 				yangguangaccidentalDrivingVo: {},
+				/* 人保 */
+				renbaoPopupshow: false,
+				renbaoInsuranceData: [],
+				renbaoaccidentalDrivingVo: {},
 				/* 紫金 */
 				zijinPopupshow: false,
 				zijinInsuranceData: [],
@@ -1591,6 +1677,7 @@
 
 			},
 			async accidentCategoryclick(item, items, index) {
+				console.log(items);
 				this.accidentInsuranceCategoryList[index].checked = !this.accidentInsuranceCategoryList[index].checked;
 				if (this.accidentInsuranceCategoryList[index].checked) {
 					let res = await this.$http.get('/plt/scheme/optionalSchemeDriving?schemeId=' + this
@@ -1598,6 +1685,7 @@
 					switch (items.namesimple) {
 						case '安盛天平':
 						case '国任财险':
+						case '人保财险':
 						case '大家财险':
 						case '永诚财险':
 						case '恒邦财险':
@@ -1733,6 +1821,18 @@
 				Object.assign(this.zhonganaccidentalDrivingVo, obj);
 				this.zhonganPopupshow = false;
 			},
+			//阳光意外险
+			YGradioChange(id) {
+				let obj = this.yangguangInsuranceData.find(val => val.projectCode == id)
+				Object.assign(this.yangguangaccidentalDrivingVo, obj);
+				this.yangguangPopupshow = false;
+			},
+			//人保意外险
+			RBradioChange(id) {
+				let obj = this.renbaoInsuranceData.find(val => val.projectCode == id)
+				Object.assign(this.renbaoaccidentalDrivingVo, obj);
+				this.renbaoPopupshow = false;
+			},
 			//华农驾意险
 			HNradioChange(id) {
 				let obj = this.huanongInsuranceData.find(val => val.projectCode == id);