feat: 扁平化投保流程内容

增加相应的组件信息

src/views/ebiz/saleFlowProImprove/AddBeneficiaryInfo.vue

@@ -219,7 +219,7 @@
     <!-- 家庭信息 -->
     <!-- <van-cell-group>
     </van-cell-group>-->
-    <van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">添加</van-button>
+<!--    <van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">添加</van-button>-->
 
     <!-- 字段选择 -->
     <van-popup v-model="popupShow" position="bottom">

src/views/ebiz/saleFlowProImprove/Beneficiary.vue

@@ -1,49 +1,15 @@
 <template>
   <div class="beneficiary-container redRadioCheckbox">
-    <div style="background: rgb(245, 245, 245);" class="pt3 pb5">
-      <index-bar :key="renovate"></index-bar>
-    </div>
-    <div h10></div>
-    <div class="fs14 flex justify-content-s pv12 ph15 van-hairline--bottom">
-      <label class="c-gray-dark">被保险人</label>
-      <span class="c-gray-darker">{{ insuredPerson }}</span>
-    </div>
     <div class="fs14 pv12 ph15 van-hairline--bottom flex">
       <label class="c-gray-dark">身故受益人</label>
       <div class="ml20 c-gray-darker">
         <van-radio-group v-model="type" class="flex" @change="radioChange">
-          <van-radio name="1">法定受益人</van-radio>
-
-          <van-radio name="2" class="ml10">指定受益人</van-radio>
+          <van-radio name="beneficiary">法定受益人</van-radio>
+          <van-radio name="designateBeneficiary" class="ml10">指定受益人</van-radio>
         </van-radio-group>
       </div>
     </div>
-    <!-- 受益人列表 -->
-    <div class="fs14 beneficiary-list" v-if="type == 2">
-      <ul>
-        <li class="pv20 ph15 item" v-for="(item, index) in beneficiaries" :key="index">
-          <div class="bg-white p15">
-            <div class="flex justify-content-s c-gray-darker">
-              <div>
-                <img src="@/assets/images/bnf_avatar.png" width="40" height="40" class="radius50 v-middle" />
-                <span class="ml10 c-gray-base">{{ item.name }}</span>
-              </div>
-              <van-icon name="delete" size="20" @click="deleteBeneficiary(index)" />
-            </div>
-            <p class="mt20">
-              <span class="c-gray-dark">是被保险人的</span>
-              <span class="ml20">{{ item.relationToInsured | idToText('relationToAppnt') }}</span>
-            </p>
-            <p class="mt10">
-              <span class="c-gray-dark">受益份额</span>
-              <span class="ml35">{{ item.bnfLot }}%</span>
-            </p>
-          </div>
-        </li>
-      </ul>
-      <div class="add-btn mt20 text-center p15 c-gray-base" @click="add">+ 添加指定受益人</div>
-    </div>
-    <van-button type="danger" class="bottom-btn" @click="nextStep">下一步</van-button>
+    <!--    <van-button type="danger" class="bottom-btn" @click="nextStep">下一步</van-button>-->
   </div>
 </template>
 
@@ -72,7 +38,7 @@ export default {
       bnfFlag: '0', // 受益人类型
       bnfType: '0', // 0 身故受益人 1 身前受益人
       salePageFlag: '4',
-      isShowEvaluationPoint:'0'
+      isShowEvaluationPoint: '0'
     }
   },
   created() {
@@ -85,7 +51,7 @@ export default {
     } else {
       getOrderDetail({ orderNo: this.$route.query.orderNo }).then(res => {
         if (res.result == 0) {
-          this.isShowEvaluationPoint =  res.orderDTO.riskEvaluationDTO.isShowEvaluationPoint
+          this.isShowEvaluationPoint = res.orderDTO.riskEvaluationDTO.isShowEvaluationPoint
           this.renovate = new Date().getTime()
           this.$utils.intLocalStorage(res)
           this.type = res.orderDTO.orderInfoDTO.bnfFlag == '1' ? '2' : '1' //bnfFlag 0-法定受益人 1-指定受益人
@@ -225,7 +191,7 @@ export default {
     },
     // 单选按钮切换
     radioChange(val) {
-      console.log(val)
+      this.$emit('changeBeneficiary', val)
     },
     // 删除受益人
     deleteBeneficiary(index) {

src/views/ebiz/saleFlowProImprove/InsuranceApplicationFlow.vue

@@ -47,6 +47,7 @@ export default {
   components: {
     InsuredInfo: () => import('./InsuredInfo.vue'),
     InsuredPersonInfo: () => import('./InsuredPerson.vue'),
+    Beneficiary: () => import('./InsuranceApplicationFlowBeneficiary.vue'),
     AdditionalInfo: () => import('@/views/ebiz/commonFlowImprove/SelectedProduct.vue')
   },
   methods: {},

src/views/ebiz/saleFlowProImprove/InsuranceApplicationFlowBeneficiary.vue

@@ -0,0 +1,29 @@
+<script>
+export default {
+  name: 'InsuranceApplicationFlowBeneficiary',
+  data() {
+    return {}
+  },
+  computed: {},
+  components: {
+    Beneficiary: () => import('./Beneficiary.vue'),
+    DesignateBeneficiary : ()=>import("./AddBeneficiaryInfo.vue")
+  },
+  methods: {},
+  created() {},
+  mounted() {}
+}
+</script>
+
+<template>
+  <div class="iaf-beneficiary-container">
+    <Beneficiary />
+    <DesignateBeneficiary/>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.iaf-beneficiary-container{
+
+}
+</style>

src/views/ebiz/saleFlowProImprove/InsuredInfo.vue

@@ -18,8 +18,6 @@
       <van-field v-model="insureInfo.orderNo" label="投保单号" name="投保单号" readonly placeholder="请输入" />
     </van-cell-group>
     <van-cell-group class="mt10">
-      <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">投保人信息</p>
-      <!--      todo 身份证信息预留位置     -->
       <IdentityCardScan @getScanInfo="getIdentityInfo" :options="{showIDInfo: false}" />
       <button @click="reload"> reload </button>
       <van-field