diff --git a/src/router/ebiz/preserve.js b/src/router/ebiz/preserve.js
index 2a5a9b295..d2a34fdb7 100644
--- a/src/router/ebiz/preserve.js
+++ b/src/router/ebiz/preserve.js
@@ -10,6 +10,7 @@ const contactInfo = () => import('@/views/ebiz/preserve/ContactInfo')
 const contacAgreement = () => import('@/views/ebiz/preserve/ContacAgreement')
 const contactConfirmation = () => import('@/views/ebiz/preserve/ContactConfirmation')
 const beneficiaryInfo = () => import('@/views/ebiz/preserve/BeneficiaryInfo')
+const beneficiaryInfoAdd = () => import('@/views/ebiz/preserve/BeneficiaryInfoAdd')
 const beneficiaryConfirmation = () => import('@/views/ebiz/preserve/BeneficiaryConfirmation')
 const surrenderInfo = () => import('@/views/ebiz/preserve/SurrenderInfo')
 const surrenderConfirmation = () => import('@/views/ebiz/preserve/SurrenderConfirmation')
@@ -70,6 +71,15 @@ export default [
       index: 5
     }
   },
+  {
+    path: '/preserve/beneficiaryInfoAdd',
+    name: 'beneficiaryInfoAdd',
+    component: beneficiaryInfoAdd,
+    meta: {
+      title: '指定受益人信息',
+      index: 105
+    }
+  },
   {
     path: '/preserve/surrenderInfo',
     name: 'surrenderInfo',
diff --git a/src/views/ebiz/preserve/BeneficiaryConfirmation.vue b/src/views/ebiz/preserve/BeneficiaryConfirmation.vue
index b09433e35..86bb8649d 100644
--- a/src/views/ebiz/preserve/BeneficiaryConfirmation.vue
+++ b/src/views/ebiz/preserve/BeneficiaryConfirmation.vue
@@ -1 +1,403 @@
-<!--受益人变更-保全代办确认页-->
\ No newline at end of file
+<!--受益人变更-保全代办确认页-->
+<template>
+  <div class="beneficiary-container">
+    <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 :disabled="true" v-model="type" class="flex" @change="radioChange">
+          <van-radio name="1">法定受益人</van-radio>
+          <van-radio name="2" 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>
+            </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>
+    <!-- 短信验证 -->
+    <!-- cancelButtonColor="#4FC6B3" -->
+    <van-dialog
+      v-model="show"
+      title="短信确认"
+      show-cancel-button
+      class="dialog-delete"
+      cancelButtonColor="#4FC6B3"
+      confirmButtonColor="#FFFFFF"
+      @confirm="authConfirm(authCode)"
+      @cancel="clearTimer"
+    >
+      <p class="p10 fs14">向此手机发送验证码确认用户身份</p>
+      <p class="p10 fs14" style="border-bottom: 1px solid #ebedf0;">{{ '17512341234' | Mask }}</p>
+      <van-cell-group class="flex align-items-c pr5 mb15">
+        <van-field maxlength="6" placeholder="请输入手机验证码" v-model="authCode" clearable label-width="0" />
+        <van-button type="danger" plain size="small" class="w160 p0" @click="getAuthCode" :disabled="codeDisabled" v-no-more-click="2000">
+          {{ codeDisabled ? `${countDown}s后重新获取` : '获取验证码' }}
+        </van-button>
+      </van-cell-group>
+    </van-dialog>
+    <van-button type="danger" class="bottom-btn" @click="showAuth">提交申请</van-button>
+  </div>
+</template>
+
+<script>
+import { RadioGroup, Radio, Icon, Dialog, Field, CellGroup } from 'vant'
+import dataDictionary from '@/assets/js/utils/data-dictionary'
+import { saveOrUpdateOrderInfo, getOrderDetail, getAuthCode } from '@/api/ebiz/sale/sale'
+export default {
+  name: 'beneficiary',
+  components: {
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
+    [Field.name]: Field,
+    [CellGroup.name]: CellGroup,
+    [Icon.name]: Icon,
+    [Dialog.name]: Dialog
+  },
+  data() {
+    return {
+      type: '1',
+      show: false, // 获取短信验证码
+      codeDisabled: false, // 获取验证码按钮是否禁用
+      insuredPerson: '', //被保险人
+      isAssign: false, // 是否指定受益人
+      timeId: null, // 计时器ID
+      countDown: 60, // 倒计时
+      authCode: '', // 验证码
+      beneficiaries: [
+        // {
+        //   name: '陈明',
+        //   relationToAppnt: '1',
+        //   beneRatio: '99'
+        // }
+      ], // 指定受益人列表
+      bnfFlag: '0', // 受益人类型
+      bnfType: '0' // 0 身故受益人 1 身前受益人
+    }
+  },
+  created() {
+    // 是否从添加指定受益人页面跳转
+    if (localStorage.fromAddBeneficiaryInfo) {
+      this.type = '2'
+      this.beneficiaries = this.beneficiaries.concat(JSON.parse(localStorage.beneficiaryInfo))
+      this.type = '2'
+      console.log(this.beneficiaries)
+    }
+    //如果是从编辑进来
+    if (this.$route.query.edit) {
+      getOrderDetail({ orderNo: localStorage.orderNo }).then(res => {
+        if (res.result == 0) {
+          this.$utils.intLocalStorage(res)
+        }
+      })
+    }
+    this.insuredPerson = JSON.parse(localStorage.saleInsuredPersonInfo).name
+  },
+  mounted() {
+    // EWebBridge.webCallAppInJs('webview_left_button', {
+    //   intercept: '1' //是否拦截原生返回事件 1是 其他否
+    // })
+    // window.appCallBack = this.appCallBack
+    document.body.style.backgroundColor = '#fff'
+  },
+  beforeRouteLeave(to, from, next) {
+    document.body.style.backgroundColor = ''
+    next()
+  },
+  methods: {
+    // appCallBack() {
+    //   this.$jump({
+    //     flag: 'goBack',
+    //     extra: {
+    //       refresh: '1', //是否返回后刷新0：否，1：是
+    //       index: '-1'
+    //     }
+    //   })
+    // },
+    // 显示验证码  van-dialog
+    showAuth() {
+      this.show = true
+    },
+    //告知信息
+    nextStep() {
+      if (this.type == 2 && this.beneficiaries.length == 0) {
+        this.$toast('受益人列表不能为空')
+        return
+      }
+      
+    },
+    // 获取短信验证码
+    getAuthCode() {
+      this.codeDisabled = true
+      //倒计时
+      this.timeId = setInterval(() => {
+        this.countDown--
+        if (this.countDown <= 0) {
+          window.clearInterval(this.timeId)
+          this.codeDisabled = false
+          this.countDown = 60
+        }
+      }, 1000)
+    
+      getAuthCode({
+        operateType: 'appntInfoEntry',
+        sessionId: '',
+        validateCode: '',
+        operateCode: this.customerMobile,
+        system: '',
+        operateCodeType: '0'
+      }).then(res => {
+        if (res.result == 0) {
+          this.sessionId = res.sessionId
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+    },
+    // 验证码确认事件
+    async authConfirm() {
+      //清理计时器
+      this.clearTimer()
+      // this.$dialog
+      //   .alert({
+      //     title: '提示',
+      //     className: 'dialog-alert',
+      //     message: '您所有保单的相应信息均将变更',
+      //     confirmButtonColor: '#FFFFFF',
+      //   })
+      //   .then(() => {
+      //     this.changeSubmit()
+      //   })
+      this.changeSubmit()
+    },
+    // 清理计时器
+    clearTimer() {
+      window.clearInterval(this.timeId)
+      this.timeId = null
+      this.countDown = 60
+      this.codeDisabled = false
+    },
+    async changeSubmit() {
+    //   this.bnfFlag = this.type == 2 ? '1' : '0'
+    //   //生成接口数据
+    //   let data = {
+    //     orderType: 'BNF_ORDER',
+    //     orderDTO: {
+    //       productDTO: null,
+    //       orderInfoDTO: {
+    //         bnfFlag: this.bnfFlag,
+    //         orderNo: localStorage.orderNo
+    //       },
+    //       appntDTO: {},
+    //       insuredDTOs: [
+    //         {
+    //           insuredId: JSON.parse(localStorage.saleInsuredPersonInfo).insuredId,
+    //           bnfDTOs: this.beneficiaries
+    //         }
+    //       ],
+    //       paymentDTO: {},
+    //       orderAccountDTO: {},
+    //       channelDTO: null,
+    //       orderExpandDTO: null,
+    //       thirdOrderDTO: null
+    //     }
+    //   }
+    //   console.log(this.beneficiaries)
+    //   //调接口保存受益人
+    //   saveOrUpdateOrderInfo(data).then(res => {
+    //     // console.log(res)
+    //     if (res.result == 0) {
+    //       localStorage.removeItem('applicant')
+    //       //页面跳转
+          this.$jump({
+            flag: 'h5',
+            extra: {
+              url: location.origin + '/#/preserve/submitResult',
+              needRefresh: '1'
+            },
+            routerInfo: {
+              path: '/preserve/submitResult'
+            }
+          })
+    //     } else {
+    //       this.$toast(res.resultMessage)
+    //     }
+    //   })
+    },
+    //添加受益人
+    add() {
+      let beneRatio = 0
+      console.log(this.beneficiaries)
+      this.beneficiaries.forEach(item => {
+        beneRatio += parseInt(item.bnfLot)
+      })
+      console.log(beneRatio)
+      if (beneRatio >= 100) {
+        return this.$toast('受益份额已满~')
+      }
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + '/#/preserve/BeneficiaryInfoAdd'
+        },
+        routerInfo: {
+          path: '/preserve/BeneficiaryInfoAdd'
+        }
+      })
+    },
+    // 单选按钮切换
+    radioChange(val) {
+      console.log(val)
+    },
+    // 删除受益人
+    deleteBeneficiary(index) {
+      Dialog.confirm({
+        className: 'dialog-delete',
+        title: '提示',
+        message: '您确认要删除该受益人吗?',
+        cancelButtonColor: '#E9332E',
+        confirmButtonColor: '#FFFFFF'
+      })
+        .then(() => {
+          // on confirm
+
+          // console.log('删除受益人')
+          console.log(this.beneficiaries[index].idNo)
+          if (this.beneficiaries[index].asAppntAddress == true) {
+            localStorage.removeItem('applicant')
+          }
+
+          // 删除 localStorage 中的对应数据
+          // console.log(this.beneficiaries)
+          let beneficiaries = JSON.parse(localStorage.beneficiaryInfo)
+          // console.log(JSON.parse(localStorage.beneficiaryInfo))
+          console.log(beneficiaries)
+          let delIdx = beneficiaries.findIndex(item => {
+            return item.idNo == this.beneficiaries[index].idNo
+          })
+          beneficiaries.splice(delIdx, 1)
+          localStorage.beneficiaryInfo = JSON.stringify(beneficiaries)
+
+          // 删除页面中的对应数据
+          this.beneficiaries.splice(index, 1)
+          
+        })
+        .catch(() => {
+          // on cancel
+          return
+        })
+    },
+    // 删除受益人
+    editBeneficiary(index) {
+      Dialog.confirm({
+        className: 'dialog-delete',
+        title: '提示',
+        message: '您确认要修改该受益人吗?',
+        cancelButtonColor: '#E9332E',
+        confirmButtonColor: '#FFFFFF'
+      })
+        .then(() => {
+          // on confirm
+    
+          // console.log('修改受益人')
+          console.log(this.beneficiaries[index].idNo)
+          if (this.beneficiaries[index].asAppntAddress == true) {
+            localStorage.removeItem('applicant')
+          }
+    
+          // 修改 localStorage 中的对应数据
+          // console.log(this.beneficiaries)
+          let beneficiaries = JSON.parse(localStorage.beneficiaryInfo)
+          // console.log(JSON.parse(localStorage.beneficiaryInfo))
+          console.log(beneficiaries)
+          let delIdx = beneficiaries.findIndex(item => {
+            return item.idNo == this.beneficiaries[index].idNo
+          })
+          beneficiaries.splice(delIdx, 1)
+          localStorage.beneficiaryInfo = JSON.stringify(beneficiaries)
+    
+          // 修改页面中的对应数据
+          this.beneficiaries.splice(index, 1)
+          
+        })
+        .catch(() => {
+          // on cancel
+          return
+        })
+    },
+    //获取受益人列表
+    async getBeneficiaryList() {
+      const res = await getOrderDetail({ orderNo: localStorage.orderNo })
+      console.log(res)
+      if (res.result == 0 && res.orderDTO) {
+        this.beneficiaries = res.orderDTO.inuseredDTOs[0].bnfDTOs
+      }
+    }
+  },
+  beforeDestroy() {
+    //清理计时器
+    this.clearTimer()
+  },
+  filters: {
+    relationTransfer(relationIdx) {
+      let relationText = ''
+      dataDictionary.relationToAppnt.some(item => {
+        if (item.id == relationIdx) {
+          relationText = item.text
+        }
+      })
+      return relationText
+    },
+    Mask: function(value) {
+      if (value) {
+        return value.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
+      } else {
+        return ''
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.beneficiary-container {
+  .add-btn {
+    width: 80%;
+    margin: 20px auto;
+    border: 1px dashed #999;
+  }
+  .beneficiary-list {
+    margin-bottom: 65px;
+  }
+  .item {
+    background-color: #f5f5f5;
+  }
+}
+</style>
diff --git a/src/views/ebiz/preserve/BeneficiaryInfo.vue b/src/views/ebiz/preserve/BeneficiaryInfo.vue
index 048b818fd..5385b18fe 100644
--- a/src/views/ebiz/preserve/BeneficiaryInfo.vue
+++ b/src/views/ebiz/preserve/BeneficiaryInfo.vue
@@ -1 +1,311 @@
-<!--受益人变更页面-->
\ No newline at end of file
+<!--受益人变更页面-->
+<template>
+  <div class="beneficiary-container">
+    <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-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>
+              <div>
+                <van-icon name="delete" class="mr20" size="20" @click="deleteBeneficiary(index)" />
+                <van-icon name="edit" size="20" @click="editBeneficiary(index)" />
+              </div>
+            </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>
+  </div>
+</template>
+
+<script>
+import { RadioGroup, Radio, Icon, Dialog } from 'vant'
+import dataDictionary from '@/assets/js/utils/data-dictionary'
+import { saveOrUpdateOrderInfo, getOrderDetail } from '@/api/ebiz/sale/sale'
+export default {
+  name: 'beneficiary',
+  components: {
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
+    [Icon.name]: Icon,
+    [Dialog.name]: Dialog
+  },
+  data() {
+    return {
+      type: '1',
+      insuredPerson: '', //被保险人
+      isAssign: false, // 是否指定受益人
+      beneficiaries: [
+        // {
+        //   name: '陈明',
+        //   relationToAppnt: '1',
+        //   beneRatio: '99'
+        // }
+      ], // 指定受益人列表
+      bnfFlag: '0', // 受益人类型
+      bnfType: '0' // 0 身故受益人 1 身前受益人
+    }
+  },
+  created() {
+    // 是否从添加指定受益人页面跳转
+    if (localStorage.fromAddBeneficiaryInfo) {
+      this.type = '2'
+      this.beneficiaries = this.beneficiaries.concat(JSON.parse(localStorage.beneficiaryInfo))
+      this.type = '2'
+      console.log(this.beneficiaries)
+    }
+    //如果是从编辑进来
+    if (this.$route.query.edit) {
+      getOrderDetail({ orderNo: localStorage.orderNo }).then(res => {
+        if (res.result == 0) {
+          this.$utils.intLocalStorage(res)
+        }
+      })
+    }
+    this.insuredPerson = JSON.parse(localStorage.saleInsuredPersonInfo).name
+  },
+  mounted() {
+    // EWebBridge.webCallAppInJs('webview_left_button', {
+    //   intercept: '1' //是否拦截原生返回事件 1是 其他否
+    // })
+    // window.appCallBack = this.appCallBack
+    document.body.style.backgroundColor = '#fff'
+  },
+  beforeRouteLeave(to, from, next) {
+    document.body.style.backgroundColor = ''
+    next()
+  },
+  methods: {
+    // appCallBack() {
+    //   this.$jump({
+    //     flag: 'goBack',
+    //     extra: {
+    //       refresh: '1', //是否返回后刷新0：否，1：是
+    //       index: '-1'
+    //     }
+    //   })
+    // },
+    //告知信息
+    nextStep() {
+      if (this.type == 2 && this.beneficiaries.length == 0) {
+        this.$toast('受益人列表不能为空')
+        return
+      }
+    //   this.bnfFlag = this.type == 2 ? '1' : '0'
+    //   //生成接口数据
+    //   let data = {
+    //     orderType: 'BNF_ORDER',
+    //     orderDTO: {
+    //       productDTO: null,
+    //       orderInfoDTO: {
+    //         bnfFlag: this.bnfFlag,
+    //         orderNo: localStorage.orderNo
+    //       },
+    //       appntDTO: {},
+    //       insuredDTOs: [
+    //         {
+    //           insuredId: JSON.parse(localStorage.saleInsuredPersonInfo).insuredId,
+    //           bnfDTOs: this.beneficiaries
+    //         }
+    //       ],
+    //       paymentDTO: {},
+    //       orderAccountDTO: {},
+    //       channelDTO: null,
+    //       orderExpandDTO: null,
+    //       thirdOrderDTO: null
+    //     }
+    //   }
+    //   console.log(this.beneficiaries)
+    //   //调接口保存受益人
+    //   saveOrUpdateOrderInfo(data).then(res => {
+    //     // console.log(res)
+    //     if (res.result == 0) {
+    //       localStorage.removeItem('applicant')
+    //       //页面跳转
+          this.$jump({
+            flag: 'h5',
+            extra: {
+              url: location.origin + '/#/preserve/HandleResult?entry=beneficiary',
+              needRefresh: '1'
+            },
+            routerInfo: {
+              path: '/preserve/HandleResult?entry=beneficiary'
+            }
+          })
+    //     } else {
+    //       this.$toast(res.resultMessage)
+    //     }
+    //   })
+    },
+    //添加受益人
+    add() {
+      let beneRatio = 0
+      console.log(this.beneficiaries)
+      this.beneficiaries.forEach(item => {
+        beneRatio += parseInt(item.bnfLot)
+      })
+      console.log(beneRatio)
+      if (beneRatio >= 100) {
+        return this.$toast('受益份额已满~')
+      }
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + '/#/preserve/BeneficiaryInfoAdd'
+        },
+        routerInfo: {
+          path: '/preserve/BeneficiaryInfoAdd'
+        }
+      })
+    },
+    // 单选按钮切换
+    radioChange(val) {
+      console.log(val)
+    },
+    // 删除受益人
+    deleteBeneficiary(index) {
+      Dialog.confirm({
+        className: 'dialog-delete',
+        title: '提示',
+        message: '您确认要删除该受益人吗?',
+        cancelButtonColor: '#E9332E',
+        confirmButtonColor: '#FFFFFF'
+      })
+        .then(() => {
+          // on confirm
+
+          // console.log('删除受益人')
+          console.log(this.beneficiaries[index].idNo)
+          if (this.beneficiaries[index].asAppntAddress == true) {
+            localStorage.removeItem('applicant')
+          }
+
+          // 删除 localStorage 中的对应数据
+          // console.log(this.beneficiaries)
+          let beneficiaries = JSON.parse(localStorage.beneficiaryInfo)
+          // console.log(JSON.parse(localStorage.beneficiaryInfo))
+          console.log(beneficiaries)
+          let delIdx = beneficiaries.findIndex(item => {
+            return item.idNo == this.beneficiaries[index].idNo
+          })
+          beneficiaries.splice(delIdx, 1)
+          localStorage.beneficiaryInfo = JSON.stringify(beneficiaries)
+
+          // 删除页面中的对应数据
+          this.beneficiaries.splice(index, 1)
+          
+        })
+        .catch(() => {
+          // on cancel
+          return
+        })
+    },
+    // 删除受益人
+    editBeneficiary(index) {
+      Dialog.confirm({
+        className: 'dialog-delete',
+        title: '提示',
+        message: '您确认要修改该受益人吗?',
+        cancelButtonColor: '#E9332E',
+        confirmButtonColor: '#FFFFFF'
+      })
+        .then(() => {
+          // on confirm
+    
+          // console.log('修改受益人')
+          console.log(this.beneficiaries[index].idNo)
+          if (this.beneficiaries[index].asAppntAddress == true) {
+            localStorage.removeItem('applicant')
+          }
+    
+          // 修改 localStorage 中的对应数据
+          // console.log(this.beneficiaries)
+          let beneficiaries = JSON.parse(localStorage.beneficiaryInfo)
+          // console.log(JSON.parse(localStorage.beneficiaryInfo))
+          console.log(beneficiaries)
+          let delIdx = beneficiaries.findIndex(item => {
+            return item.idNo == this.beneficiaries[index].idNo
+          })
+          beneficiaries.splice(delIdx, 1)
+          localStorage.beneficiaryInfo = JSON.stringify(beneficiaries)
+    
+          // 修改页面中的对应数据
+          this.beneficiaries.splice(index, 1)
+          
+        })
+        .catch(() => {
+          // on cancel
+          return
+        })
+    },
+    //获取受益人列表
+    async getBeneficiaryList() {
+      const res = await getOrderDetail({ orderNo: localStorage.orderNo })
+      console.log(res)
+      if (res.result == 0 && res.orderDTO) {
+        this.beneficiaries = res.orderDTO.inuseredDTOs[0].bnfDTOs
+      }
+    }
+  },
+  filters: {
+    relationTransfer(relationIdx) {
+      let relationText = ''
+      dataDictionary.relationToAppnt.some(item => {
+        if (item.id == relationIdx) {
+          relationText = item.text
+        }
+      })
+      return relationText
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.beneficiary-container {
+  .add-btn {
+    width: 80%;
+    margin: 20px auto;
+    border: 1px dashed #999;
+  }
+  .beneficiary-list {
+    margin-bottom: 65px;
+  }
+  .item {
+    background-color: #f5f5f5;
+  }
+}
+</style>
diff --git a/src/views/ebiz/preserve/BeneficiaryInfoAdd.vue b/src/views/ebiz/preserve/BeneficiaryInfoAdd.vue
new file mode 100644
index 000000000..6e6044f8c
--- /dev/null
+++ b/src/views/ebiz/preserve/BeneficiaryInfoAdd.vue
@@ -0,0 +1,1070 @@
+<template>
+  <div class="add-beneficiary-container pb50">
+    <!-- 基本信息 -->
+    <van-cell-group>
+      <van-field
+        v-model="relationToAppnt"
+        required
+        readonly
+        label="是被保险人的"
+        name="是被保险人的"
+        right-icon="arrow"
+        placeholder="请选择"
+        v-validate="'required'"
+        @click="toSelect('7')"
+      />
+      <div class="relative border-bt fs14 p10 flex align-center">
+        <van-checkbox
+          v-model="userInfo.asAppntAddress"
+          @change="asAppntAddress"
+          :disabled="Insured"
+        >同投保人</van-checkbox>
+      </div>
+      <customer-picker
+        @on-choose="chooseCustomer"
+        v-validate="'required|name'"
+        name="姓名"
+        label="姓名"
+        required
+        :value.sync="userInfo.name"
+        :parentShowPicker.sync="customerShowPicker"
+        @nameChange="nameChange"
+        @on-click="selectClick('1')"
+        :readonly="isInsured"
+      ></customer-picker>
+      <van-field
+        :value="userInfo.idType | idToText('idType')"
+        v-validate="'required'"
+        readonly
+        required
+        label="证件类型"
+        name="证件类型"
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="toSelect('2')"
+      />
+
+      <van-field
+        v-model="userInfo.idNo"
+        label="证件号码"
+        name="证件号码"
+        required
+        placeholder="请输入"
+        maxlength="18"
+        clearable
+        :readonly="isInsured"
+        v-validate="'required'"
+        @blur="getRelatedData(userInfo.idNo)"
+      ></van-field>
+      <FieldDatePicter
+        v-validate="'required'"
+        label="出生日期"
+        name="出生日期"
+        required
+        :value.sync="userInfo.birthday"
+        type="date"
+        :flag="true"
+        @confirm="onDateConfirm($event, '2')"
+        ref="birthday"
+        :readonly="isInsured"
+      ></FieldDatePicter>
+      <!-- <FieldDatePicter
+        v-validate="'required'"
+        label="证件起始日期"
+        name="证件起始日期"
+        required
+        :value.sync="userInfo.certificateValidate"
+        type="date"
+        :defaultDate="new Date()"
+        @confirm="onDateConfirm($event, '0')"
+        ref="certificateValidate"
+        :flag="true"
+        :readonly="isInsured || idLimit"
+      ></FieldDatePicter> -->
+      <FieldDatePicter
+        :v-validate="{ required: certiexpiredateRequired }"
+        label="证件截止日期"
+        name="证件截止日期"
+        :required="isRequired"
+        :defaultDate="new Date()"
+        :value.sync="userInfo.certiexpiredate"
+        type="date"
+        @confirm="onDateConfirm($event, '1')"
+        ref="certiexpiredate"
+        :flag="certiexpiredateShow"
+        :readonly="isInsured || idLimit"
+      ></FieldDatePicter>
+      <div class="border-bt relative fs14 p10 flex align-center">
+        <van-checkbox
+          v-model="userInfo.effectiveDateType"
+          class="fr"
+          :disabled="effectiveDateTypeAble"
+          @change="effectiveDataTypeChange"
+        >长期</van-checkbox>
+      </div>
+      <!-- <van-field v-model="userInfo.name" label="姓名" name="姓名" placeholder="请输入" v-validate="'required|name'" :readonly="isInsured" /> -->
+      <select-radio
+        :radios="sexRadio"
+        required
+        label="性别"
+        :value.sync="userInfo.sex"
+        :disabled="isInsured"
+      ></select-radio>
+      <van-field
+        :value="userInfo.nativeplace | idToText('nativeplace')"
+        readonly
+        label="国家/地区"
+        name="国家/地区"
+        required
+        v-validate="'required'"
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="toSelect('1')"
+      />
+      <!-- <van-field
+        v-model="userInfo.mobile"
+        clearable
+        label="联系电话"
+        name="联系电话"
+        required
+        placeholder="请输入"
+        v-validate="'required|mobile'"
+        maxlength="11"
+        :readonly="isInsured"
+      /> -->
+      <!-- <van-field
+        v-model="areaName"
+        readonly
+        label="联系地址"
+        name="联系地址"
+        required
+        right-icon="arrow"
+        placeholder="请选择"
+        v-validate="'required'"
+        @click="chooseArea"
+      /> -->
+      <!-- <van-field
+        v-model="userInfo.village"
+        label=""
+        name="详细地址"
+        placeholder="请输入详细地址"
+        v-validate="'required'"
+        clearable
+        maxlength="30"
+        :readonly="isInsured"
+      /> -->
+      <!-- <div class="relative border-bt fs14 p10 flex align-center">
+        <van-checkbox v-model="userInfo.asAppntAddress" @change="asAppntAddress" :disabled="isInsured">同投保人</van-checkbox>
+      </div> -->
+      <!-- <van-field v-model="userInfo.email" required label="电子邮箱" name="电子邮箱" placeholder="请输入" v-validate="'required|email'" clearable :readonly="isInsured" /> -->
+      <!-- <occupation-picker
+        :value.sync="userInfo.occupationCode"
+        :chooseName.sync="userInfo.occupationName"
+        :lifeGrade.sync="userInfo.lifeGrade"
+        :healthGrade.sync="userInfo.healthGrade"
+        clearable
+        label="职业类别"
+        name="职业类别"
+        required
+        v-validate="'required'"
+        placeholder="请选择"
+        :parentShowPicker.sync="occupationShowPicker"
+        @on-click="selectClick('2')"
+        @on-choose="chooseOccupation"
+      /> -->
+      <van-field
+        v-model="userInfo.bnfOrder"
+        required
+        readonly
+        label="受益顺序"
+        name="受益顺序"
+        placeholder="请输入"
+        v-validate="'required|onlyNumber'"
+        maxlength="1"
+      />
+      <van-field
+        v-model="userInfo.bnfLot"
+        label="受益比例(%)"
+        name="受益比例"
+        placeholder="请输入"
+        required
+        v-validate="'required|onlyNumber'"
+        maxlength="3"
+        clearable
+      />
+    </van-cell-group>
+    <!-- 工作信息 -->
+    <!-- <van-cell-group>
+    </van-cell-group>-->
+    <!-- 家庭信息 -->
+    <!-- <van-cell-group>
+    </van-cell-group>-->
+    <van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">添加</van-button>
+
+    <!-- 字段选择 -->
+    <van-popup v-model="popupShow" position="bottom">
+      <van-picker show-toolbar :columns="columns" @confirm="onConfirm" @cancel="popupShow = false" />
+    </van-popup>
+    <!-- 地区选择 -->
+    <!-- <van-popup v-model="areaShow" position="bottom">
+      <van-area :area-list="areaList" :value="areaValue" @confirm="sureArea($event, '1')" @cancel="areaShow = false" />
+    </van-popup> -->
+  </div>
+</template>
+
+<script>
+import { Field, CellGroup, Checkbox, Popup, Picker, Area } from 'vant'
+import SelectRadio from '@/components/ebiz/SelectRadio'
+import FieldDatePicter from '@/components/ebiz/FieldDatePicter'
+import OccupationPicker from '@/components/ebiz/occipation/OccupationPicker'
+import DataDictionary from '@/assets/js/utils/data-dictionary'
+import areaList from '@/assets/js/utils/area'
+import { getOrderDetail } from '@/api/ebiz/sale/sale'
+import filter from '@/filters/index'
+import getAreaName from '@/assets/js/utils/get-area-name'
+import utilsAge from '@/assets/js/utils/age'
+import IdentityCardScan from '@/components/ebiz/sale/IdentityCardScan'
+import CustomerPicker from '@/components/ebiz/customer/CustomerPicker'
+import idNoCheck from '@/assets/js/utils/idNoCheck'
+import { idToData } from './js/verification'
+import { selectComp } from './js/methods'
+// let relationToInsured = [{ id: 2, text: '配偶' }, { id: 3, text: '父母' }, { id: 4, text: '子女' }, { id: 5, text: '其他' }]
+let relationToInsured = [{ id: 2, text: '配偶' }, { id: 3, text: '父母' }, { id: 4, text: '子女' }]
+
+export default {
+  name: 'insuredInfo',
+  components: {
+    [SelectRadio.name]: SelectRadio,
+    [FieldDatePicter.name]: FieldDatePicter,
+    [OccupationPicker.name]: OccupationPicker,
+    [Field.name]: Field,
+    [CellGroup.name]: CellGroup,
+    [Checkbox.name]: Checkbox,
+    [Popup.name]: Popup,
+    [Picker.name]: Picker,
+    [Area.name]: Area,
+    [IdentityCardScan.name]: IdentityCardScan,
+    [CustomerPicker.name]: CustomerPicker
+  },
+  data() {
+    return {
+      effectiveDateTypeAble: true, //长期按钮是否禁用
+      isScan: false, //是否显示证件扫描组件
+      sexRadio: [
+        {
+          label: '男',
+          value: '0'
+        },
+        {
+          label: '女',
+          value: '1'
+        }
+      ],
+      currentPopupIndex: '',
+      relationToAppnt: '',
+      popupShow: false,
+      areaShow: false,
+      pickerType: undefined,
+      columns: [],
+      valueKey: 'text',
+      nativeplace: '',
+      idType: '居民身份证',
+      degree: '',
+      socialSecurity: '',
+      taxIdentity: '',
+      // areaName: '',
+      areaValue: '110101',
+      certiexpiredateRequired: true, //证件截止日期是否需要校验
+      certiexpiredateShow: true, //证件截止日期是否可以选择
+      marriage: '',
+      isRequired: '', //长期前是否有*
+      userInfo: {
+        name: '',
+        sex: '0',
+        nativeplace: '1', //国家地区
+        birthday: '',
+        idType: '1', //证件类型
+        idNo: '', //证件号码
+        // certificateValidate: '', //证件起始日期
+        certiexpiredate: '', //证件到期时间
+        effectiveDateType: false, //是否长期
+        asAppntAddress: false, //同投保人
+        occupationCode: '',
+        occupationName: '',
+        // mobile: '',
+        workcompany: '', //工作单位
+        // village: '',
+        // province: '',
+        // city: '',
+        // area: '',
+        fIncome: '',
+        // email: '',
+        bnfOrder: '1', //受益顺序
+        bnfLot: '', //受益比例
+        bnfFlag: '',
+        relationToInsured: '', //和被保险人的关系
+        lifeGrade: '',
+        healthGrade: '',
+        bnfType: '0' //身故受益人
+      },
+      areaList: areaList,
+      occupationShowPicker: false,
+      customerShowPicker: false, //客户列表展示
+      isInsured: false, //是投保人本人,
+      Insured: false, //投保人本人按钮是否置灰
+      idLimit: false //证件起止日期是否只读
+      // 开飞机的小历悦
+      // area: '',
+      // city: '',
+      // province: ''
+    }
+  },
+  mounted() {
+    // EWebBridge.webCallAppInJs('webview_left_button', {
+    //   intercept: '1' //是否拦截原生返回事件 1是 其他否
+    // })
+    window.appCallBack = this.appCallBack
+    if (localStorage.applicant == '1' || localStorage.relationToAppnt == '1') {
+      this.Insured = true
+    } else {
+      this.Insured = false
+    }
+  },
+  methods: {
+    //监听名字变化
+    nameChange(name) {
+      this.userInfo.name = name
+    },
+    selectClick(index) {
+      // 同被保险人不允许编辑
+      if (this.isInsured) {
+        return
+      }
+      // this.currentPopupIndex = index
+      // let title = ''
+      // if (index == 1) {
+      //   ;[this.customerShowPicker, title] = [true, '客户列表']
+      // } else if (index == 2) {
+      //   ;[this.occupationShowPicker, title] = [true, '职业类别']
+      // }
+
+      // setTimeout(() => {
+      //   this.$jump({
+      //     flag: 'navigation',
+      //     extra: {
+      //       title,
+      //       hiddenLeft: '1'
+      //     }
+      //   })
+      //   this.closeBtn()
+      // }, 400)
+      // let that = this
+      selectComp(this, index, '3')
+    },
+    // closeBtn() {
+    //   // 筛选按钮的显示
+    //   this.$jump({
+    //     flag: 'webview_right_button',
+    //     extra: {
+    //       btns: [
+    //         {
+    //           img: this.$assetsUrl + 'images/del-close.png',
+    //           route: { flag: '', extra: {} }
+    //         }
+    //       ]
+    //     }
+    //   })
+    // },
+    appCallBack() {
+      this.$jump({
+        flag: 'goBack',
+        extra: {
+          refresh: '1', //是否返回后刷新0：否，1：是
+          index:'-1'
+        }
+      })
+      this.$jump({
+        flag: 'navigation',
+        extra: {
+          title: '指定受益人信息',
+          hiddenRight: '1'
+        }
+      })
+      if (this.currentPopupIndex == 1) {
+        this.customerShowPicker = false
+      } else if (this.currentPopupIndex == 2) {
+        this.occupationShowPicker = false
+      }
+    },
+    chooseOccupation() {
+      this.$jump({
+        flag: 'navigation',
+        extra: {
+          title: '指定受益人信息',
+          hiddenRight: '1'
+        }
+      })
+      this.occupationShowPicker = false
+    },
+    //弹框选择
+    toSelect(pickerType, valueKey) {
+      //同被保险人不允许编辑
+      if (this.isInsured) {
+        return
+      }
+      //pickerType 1、国家地区 2、证件类型 3、文化程度 4、有无社保 5、税收居民身份 6、婚姻状况
+      ;[this.popupShow, this.pickerType] = [true, pickerType]
+      if (valueKey) this.valueKey = valueKey
+      if (pickerType == '1') {
+        this.columns = DataDictionary.nativeplace
+      } else if (pickerType == '2') {
+        this.columns = DataDictionary.idType
+      } else if (pickerType == '3') {
+        this.columns = DataDictionary.degree
+      } else if (pickerType == '4') {
+        this.columns = [{ id: 0, text: '有' }, { id: 1, text: '无' }]
+      } else if (pickerType == '5') {
+        this.columns = DataDictionary.taxIdentity
+      } else if (pickerType == '6') {
+        this.columns = DataDictionary.marriage
+      } else if (pickerType == '7') {
+        this.columns = relationToInsured
+      }
+    },
+    //确认选择字段
+    onConfirm(value) {
+      // console.log(value,this.pickerType)
+      this.popupShow = false
+      if (this.pickerType == '1') {
+        ;[this.userInfo.nativeplace, this.nativeplace] = [value.id, value.text]
+      } else if (this.pickerType == '2') {
+        this.idLimit = false
+        // this.userInfo.idNo = this.userInfo.certificateValidate = this.userInfo.certiexpiredate = this.userInfo.birthday = ''
+        this.userInfo.idNo = this.userInfo.certiexpiredate = this.userInfo.birthday = ''
+        this.userInfo.sex = '0'
+        this.effectiveDateTypeAble = false
+        console.log(value.id)
+        //身份证以外的证件类型可以使用长期
+        if (value.id == '1') {
+          console.log('123')
+          let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+          this.effectiveDateTypeAble = age <= 45
+        }
+        // else if (value.id == 2 || value.id == 3) {
+        //   this.effectiveDateTypeAble = true
+        // }
+        else {
+          this.effectiveDateTypeAble = false
+        }
+        ;[this.userInfo.idType, this.idType] = [value.id, value.text]
+      } else if (this.pickerType == '3') {
+        ;[this.userInfo.degree, this.degree] = [value.id, value.text]
+      } else if (this.pickerType == '4') {
+        ;[this.userInfo.socialSecurity, this.socialSecurity] = [value.id, value.text]
+      } else if (this.pickerType == '5') {
+        ;[this.userInfo.taxIdentity, this.taxIdentity] = [value.id, value.text]
+      } else if (this.pickerType == '6') {
+        ;[this.userInfo.marriage, this.marriage] = [value.id, value.text]
+      } else if (this.pickerType == '7') {
+        // //如果受益人是被保险人本人
+        // if (value.id == 1) {
+        //   //获取投保人数据
+        //   getOrderDetail({ orderNo: localStorage.orderNo }).then(res => {
+        //     if (res.result == 0) {
+        //       this.isInsured = true
+        //       //获取被保险人信息
+        //       let insuredInfo = res.orderDTO.insuredDTOs[0]
+        //       for (let key in this.userInfo) {
+        //         this.userInfo[key] = insuredInfo[key]
+        //       }
+        //       console.log(this.userInfo)
+
+        //       // setTimeout(() => {
+        //       //   this.userInfo.city = insuredInfo.homeCity //家庭市
+        //       //   this.userInfo.area = insuredInfo.homeArea //家庭区
+        //       //   this.userInfo.province = insuredInfo.homeProvince //家庭省
+        //       //   this.areaName = getAreaName([{ code: insuredInfo.homeProvince }, { code: insuredInfo.homeCity }, { code: insuredInfo.homeArea }]) //家庭地址
+        //       //   this.userInfo.village = insuredInfo.homeAddress //家庭详细地址
+        //       // }, 0)
+
+        //       //受益人类型
+        //       this.userInfo.bnfType = '0'
+        //       //是否长期
+        //       this.userInfo.effectiveDateType = insuredInfo.effectiveDateType == 'false' ? false : true
+        //       //受益顺序
+        //       this.userInfo.bnfOrder = '1'
+
+        //       //长期判断
+        //       if (this.userInfo.idType == '1') {
+        //         // 计算年龄
+        //         let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+        //         // 长期按钮是否禁用
+        //         this.effectiveDateTypeAble = age <= 45
+        //       }
+        //     } else {
+        //       this.$toast(res.resultMessage)
+        //     }
+        //     ;[this.userInfo.relationToInsured, this.relationToAppnt] = [value.id, value.text]
+        //     // console.log(this.userInfo)
+        //   })
+        //   // console.log(JSON.parse(localStorage.saleInsuredPersonInfo))
+        //   // this.userInfo = JSON.parse(localStorage.saleInsuredPersonInfo)
+        //   // this.userInfo.bnfOrder = '1'
+        // } else {
+        this.isInsured = false
+        // for (var key in this.userInfo) {
+        //   if (!['nativeplace', 'sex', 'idType', 'bnfOrder', 'bnfType'].includes(key)) {
+        //     this.userInfo[key] = ''
+        //   }
+        // }
+        // this.areaName = ''
+        ;[this.userInfo.relationToInsured, this.relationToAppnt] = [value.id, value.text]
+      }
+      // ;[this.userInfo.relationToInsured, this.relationToAppnt] = [value.id, value.text]
+      // }
+    },
+    //证件起始截止日期
+    onDateConfirm(val, type) {
+      switch (type) {
+        // case '0':
+        //   {
+        //     //证件起始日期
+        //     //如果录入日期早于出生日期或晚于当前日期
+        //     if (Date.parse(val) > Date.parse(new Date()) || Date.parse(val) < Date.parse(this.userInfo.birthday)) {
+        //       this.userInfo.certificateValidate = ''
+        //       this.$refs.certificateValidate.date = ''
+        //       return this.$toast('证件起始日期填写错误')
+        //     }
+
+        //     // 计算年龄
+        //     // 长期按钮是否禁用
+        //     if (this.userInfo.idType == '1') {
+        //       let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+        //       this.effectiveDateTypeAble = age <= 45
+        //     }
+        //   }
+        //   break
+        case '1':
+          {
+            //证件截止日期
+            //如果已经勾选了长期
+            // if (this.userInfo.effectiveDateType) {
+            //   //清空数据并返回
+            //   this.userInfo.certiexpiredate = ''
+            //   this.$refs.certiexpiredate.date = ''
+            //   return
+            // }
+            this.userInfo.effectiveDateType = false
+            //如果录入日期早于当前日期
+            if (Date.parse(val) < Date.parse(new Date())) {
+              this.userInfo.certiexpiredate = ''
+              this.$refs.certiexpiredate.date = ''
+              return this.$toast('您的证件已过期')
+            }
+          }
+          break
+        case '2':
+          {
+            //出生日期
+            //如果录入日期晚于当前日期
+            if (Date.parse(val) > Date.parse(new Date())) {
+              this.userInfo.birthday = ''
+              this.$refs.birthday.date = ''
+              return this.$toast('出生日期不晚于当日')
+            }
+            //长期判断
+            if (this.userInfo.idType == '1') {
+              let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+              this.effectiveDateTypeAble = age <= 45
+            }
+            //出生证有效期
+            if (this.userInfo.idType == '3') {
+              if (Date.parse(this.userInfo.certiexpiredate) - Date.parse(val) > Date.parse('1973-01-01')) {
+                this.userInfo.birthday = ''
+                this.$refs.birthday.date = ''
+                return this.$toast('出生证有效期或出生日期有误')
+              }
+            }
+          }
+          break
+      }
+    },
+    //选择客户
+    chooseCustomer(data) {
+      // let { name, sex, birthDay, phone } = data
+      // this.userInfo.applicantPhone = phone
+      // this.userInfo.applicantBirth = birthDay
+      // this.userInfo.applicantSex = sex
+      // this.userInfo.name = name
+      // console.log(this)
+      // let age = this.$utils.jsGetAge(birthDay)
+      // if (age != undefined) {
+      //   this.userInfo.applicantAge = age
+      // }
+      console.log(data)
+      this.customerShowPicker = false
+      this.$jump({
+        flag: 'navigation',
+        extra: {
+          title: '指定受益人信息',
+          hiddenRight: '1'
+        }
+      })
+      // let { customerName, customerSex } = data
+      this.userInfo.name = data.customerName //用户名
+      //this.userInfo.sex = String(data.customerSex) //性别
+      if (data.dacustomerSex == null) {
+        this.userInfo.sex = ''
+      } else {
+        this.userInfo.sex = String(data.customerSex) //性别
+      }
+      this.userInfo.nativeplace = data.country //国家地区
+      this.userInfo.birthday = data.birthday //出生日期
+      this.userInfo.idType = data.customerIdType //证件类型
+      this.userInfo.idNo = data.customerIdNumber //证件号码
+      // this.userInfo.certificateValidate = data.idEffectStartDate //证件起始日期
+      // this.userInfo.certiexpiredate = data.idEffectEndDate //证件截止日期
+      // this.userInfo.effectiveDateType = data.idEffectEndDate == '9999-01-01' //是否长期
+      if (data.idEffectEndDate == '9999-01-01') {
+        this.userInfo.effectiveDateType = true //是否长期
+      } else {
+        this.userInfo.certiexpiredate = data.idEffectEndDate //证件截止日期
+      }
+      this.userInfo.occupationCode = data.occupationCode //职业类别编码
+      this.userInfo.occupationName = data.occupationName //职业类别名称
+      this.userInfo.lifeGrade = data.lifeGrade //寿险等级
+      this.userInfo.healthGrade = data.healthGrade //健康等级
+      // this.userInfo.mobile = data.customerPhone //移动电话
+      // this.userInfo.email = data.email //电子邮箱
+      // this.userInfo.province = data.homeProvince //家庭省
+      // this.userInfo.city = data.homeCity //家庭市
+      // this.userInfo.area = data.homeArea //家庭区
+      // this.userInfo.village = data.homeAddress //家庭详细地址
+      // if (data.homeProvince.length) {
+      //   this.areaName = getAreaName([{ code: data.homeProvince }, { code: data.homeCity }, { code: data.homeArea }]) //家庭地址
+      // }
+      //计算年龄
+      let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+      // 长期按钮是否禁用
+      this.effectiveDateTypeAble = age <= 45
+      //数据是否从客户列表拉取
+      this.fromCustomer = true
+
+      this.getRelatedData(this.userInfo.idNo, '1')
+    },
+    nextStep() {
+      // 计算年龄
+      let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+      let relationToAppnt = localStorage.relationToAppnt
+      let insuredDetail = JSON.parse(localStorage.insuredDetail)
+      // //被保险人不是已婚
+      // if (this.insuredMarriage != '1') {
+      //   return this.$toast('与投保人关系不正确')
+      // }
+      // let insuredSex = JSON.parse(localStorage.saleInsuredPersonInfo).sex
+      // let appntSex = JSON.parse(localStorage.saleInsuredInfo).sex
+      // //投被保险人性别相同
+      // if (insuredSex == appntSex) {
+      //   return this.$toast('性别输入有误')
+      // }
+      console.log(insuredDetail)
+      // 页面跳转
+      this.$validator.validate().then(valid => {
+        if (true === valid) {
+          // 受益人是被保险人的配偶
+          if (this.userInfo.relationToInsured == '2') {
+            // 受益人与投保人都是被保险人的配偶时
+            if (this.userInfo.relationToInsured == '2' && relationToAppnt == '2') {
+              if (this.userInfo.name != insuredDetail.name || this.userInfo.sex != insuredDetail.sex || this.userInfo.idNo != insuredDetail.idNo) {
+                return this.$toast('受益人数据不合法，请重新输入')
+              }
+            }
+            //与被保险人关系是配偶
+            let insuredInfo = JSON.parse(localStorage.saleInsuredPersonInfo)
+            //如果投保人不是已婚
+            if (insuredInfo.marriage != '1') {
+              return this.$toast('与被保险人关系有误')
+            }
+            //如果被保险人与投保人性别相同
+            if (insuredInfo.sex == this.userInfo.sex) {
+              return this.$toast('性别录入与婚姻状况不符')
+            }
+
+            //如果性别男小于22岁 或者 性别女小于20岁
+            if ((this.userInfo.sex == '0' && age < 22) || (this.userInfo.sex == '1' && age < 20)) {
+              return this.$toast('年龄与婚姻状况不符')
+            }
+          }
+
+          // 受益人是被保险人的父母，被保险人是投保人的子女时
+          if (this.userInfo.relationToInsured == '3' && relationToAppnt == '4') {
+            if (this.userInfo.sex == insuredDetail.sex) {
+              if (this.userInfo.name != insuredDetail.name || this.userInfo.idNo != insuredDetail.idNo) {
+                return this.$toast('受益人数据不合法，请重新输入')
+              }
+            }
+          }
+          //如果证件类型是身份证
+          if (this.userInfo.idType == '1') {
+            //校验性别是否与身份证号码位相符
+            if (this.userInfo.idNo.length == '15') {
+              //15位身份证第15位是性别位, 奇男偶女
+              let sexSign = this.userInfo.idNo.substr(14, 1)
+              if ((parseInt(sexSign) % 2 == 0 && this.userInfo.sex != 1) || (parseInt(sexSign) % 2 != 0 && this.userInfo.sex != 0)) {
+                return this.$toast('性别录入与身份证不符')
+              }
+
+              //15位身份证第7-12位是生日位, 年月日
+              let birthSign = this.userInfo.idNo.substr(6, 6)
+              if (
+                this.userInfo.birthday.substr(2, 2) != birthSign.substr(0, 2) ||
+                this.userInfo.birthday.substr(5, 2) != birthSign.substr(2, 2) ||
+                this.userInfo.birthday.substr(8, 2) != birthSign.substr(4, 2)
+              ) {
+                return this.$toast('生日录入与身份证不符')
+              }
+            } else if (this.userInfo.idNo.length == '18') {
+              //18位身份证第17位是性别位, 奇男偶女
+              let sexSign = this.userInfo.idNo.substr(16, 1)
+              if ((parseInt(sexSign) % 2 == 0 && this.userInfo.sex != 1) || (parseInt(sexSign) % 2 != 0 && this.userInfo.sex != 0)) {
+                return this.$toast('性别录入与身份证不符')
+              }
+
+              //18位身份证第7-14位是生日位, 年月日
+              let birthSign = this.userInfo.idNo.substr(6, 8)
+              if (
+                this.userInfo.birthday.substr(0, 4) != birthSign.substr(0, 4) ||
+                this.userInfo.birthday.substr(5, 2) != birthSign.substr(4, 2) ||
+                this.userInfo.birthday.substr(8, 2) != birthSign.substr(6, 2)
+              ) {
+                return this.$toast('生日录入与身份证不符')
+              }
+            }
+
+            // 证件号码规则校验
+            if (!idNoCheck.isIdno(this.userInfo.idNo)) {
+              console.log('证件号码校验有误')
+              return this.$toast('您填写的证件号码有误')
+            }
+
+            //年龄在0-15周岁之间
+            if (age <= 15) {
+              if (Date.parse(this.userInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1975-01-01')) {
+                this.userInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                // this.effectiveDateTypeAble = true
+                return this.$toast('证件有效期不正常，未满16周岁的公民身份证有效期应小于等于5年')
+              }
+              //年龄在 16-25 周岁之间
+            } else if (age >= 16 && age <= 25) {
+              if (Date.parse(this.userInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1980-01-01')) {
+                this.userInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                // this.effectiveDateTypeAble = true
+                return this.$toast('证件有效期不正常，16周岁至25周岁公民身份证有效期应小于等于10年')
+              }
+              //年龄在 26-45 周岁之间
+            } else if (age >= 26 && age <= 45) {
+              if (Date.parse(this.userInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1990-01-01')) {
+                this.userInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                // this.effectiveDateTypeAble = true
+                return this.$toast('证件有效期不正常，26周岁至45周岁公民身份证有效期应小于等于20年')
+              }
+            }
+            //证件类型是户口本
+          } else if (this.userInfo.idType == '2') {
+            if (age > 16) {
+              return this.$toast('客户年龄在16周岁以上，不能使用户口本作为有效证件')
+            }
+            // else if (this.userInfo.idNo.length != 18) {
+            //   return this.$toast('户口本的证件号码长度应等于18位')
+            // }
+            //证件类型是出生证明
+          } else if (this.userInfo.idType == '3') {
+            if (age >= 2) {
+              return this.$toast('客户年龄在2周岁及以上，不能使用出生证作为有效证件')
+            }
+            //  else if (this.userInfo.idNo.length < 3) {
+            //   return this.$toast('出生证须大于等于3个字符')
+            // }
+            //证件类型是护照
+          }
+          //  else if (this.userInfo.idType == '4' && this.userInfo.idNo.length < 3) {
+          //   return this.$toast('护照须大于等于3个字符')
+          //   //证件是港澳居民通行证
+          // } else if (this.userInfo.idType == '5') {
+          //   if (this.userInfo.idNo.length != 9) {
+          //     return this.$toast('证件类型为港澳居民通行证的，证件号码须为9位')
+          //   } else if (!/^(H|M)[0-9]{8}$/.test(this.userInfo.idNo)) {
+          //     return this.$toast('证件类型为港澳居民通行证的，证件号码首位字母为"H"/"M",证件号码第2位至第9位为阿拉伯数字')
+          //   }
+          //   //证件是台湾居民通行证
+          // } else if (this.userInfo.idType == '6' && this.userInfo.idNo.length != 8) {
+          //   return this.$toast('证件类型为台湾居民通行证的，证件号码须为8位数字')
+          // }
+
+          let beneficiaries = []
+          if (localStorage.beneficiaryInfo) {
+            // 从 localStorage 取出数据
+            beneficiaries = JSON.parse(localStorage.beneficiaryInfo)
+            // 收益份额不超过 100%
+            let ratio = 0
+            beneficiaries.forEach(item => {
+              ratio += parseInt(item.bnfLot)
+            })
+            ratio += parseInt(this.userInfo.bnfLot)
+            console.log(ratio)
+            if (ratio > 100) {
+              return this.$toast('受益份额有误,请重新输入~')
+            }
+
+            if (this.userInfo.idNo != '') {
+              // 受益人不能重复添加 (证件号码为基准)
+              let isDbAdd = beneficiaries.some(item => {
+                return item.idNo == this.userInfo.idNo
+              })
+              console.log(isDbAdd)
+              if (isDbAdd) {
+                return this.$toast('受益人不支持重复添加')
+              }
+            }
+          } else {
+            if (this.userInfo.bnfLot > 100) {
+              return this.$toast('受益份额不能超过100~')
+            }
+          }
+          beneficiaries.push(this.userInfo)
+          // console.log(beneficiaries)
+          // 保存 新增的受益人信息 以及页面跳转字段
+          localStorage.beneficiaryInfo = JSON.stringify(beneficiaries)
+          localStorage.fromAddBeneficiaryInfo = true
+          if (this.userInfo.asAppntAddress == true) {
+            localStorage.applicant = '1'
+          }
+          this.$jump({
+            flag: 'h5',
+            extra: {
+              url: location.origin + '/#/preserve/BeneficiaryInfo',
+              needRefresh:'1'
+            },
+            routerInfo: {
+              path: '/preserve/BeneficiaryInfo'
+            }
+          })
+        } else {
+          this.$toast(this.$validator.errors.all()[0])
+        }
+      })
+    },
+    // //区域选择
+    // sureArea(area, type) {
+    //   switch (type) {
+    //     case '1': //单位地址
+    //       this.areaName = getAreaName(area)
+    //       ;[this.userInfo.province, this.userInfo.city, this.userInfo.area] = [area[0].code, area[1].code, area[2].code]
+    //       this.areaShow = false
+    //       break
+    //   }
+    // },
+    // chooseArea() {
+    //   if (this.isInsured) {
+    //     return
+    //   }
+    //   this.areaShow = true
+    // },
+    // 证件扫描
+    goScan() {
+      this.isScan = true
+    },
+    // //联系地址同投保人
+    // async asAppntAddress(val) {
+    //   //选中时
+    //   if (val) {
+    //     let res = await getOrderDetail({ orderNo: localStorage.orderNo })
+    //     // console.log(res)
+    //     if (res.result == 0) {
+    //       //省市区
+    //       ;[this.userInfo.province, this.userInfo.city, this.userInfo.area] = [
+    //         res.orderDTO.appntDTO.province,
+    //         res.orderDTO.appntDTO.city,
+    //         res.orderDTO.appntDTO.area
+    //       ]
+    //       //同投保人联系地址
+    //       this.areaName = getAreaName([{ code: this.userInfo.province }, { code: this.userInfo.city }, { code: this.userInfo.area }])
+    //       //详细地址
+    //       this.userInfo.village = res.orderDTO.appntDTO.village
+    //     } else {
+    //       this.$toast(res.resultMessage)
+    //     }
+    //   } else {
+    //     // 清空地址
+    //     this.areaName = ''
+    //     this.userInfo.village = ''
+    //     this.userInfo.province = this.userInfo.city = this.userInfo.area = ''
+    //   }
+    // },
+
+    //勾选投保人
+    asAppntAddress(val) {
+      console.log(val)
+      if (val) {
+        if (localStorage.relationToAppnt == '2') {
+          ;[this.userInfo.relationToInsured, this.relationToAppnt] = ['2', '配偶']
+        } else if (localStorage.relationToAppnt == '4') {
+          ;[this.userInfo.relationToInsured, this.relationToAppnt] = ['3', '父母']
+        } else if (localStorage.relationToAppnt == '3') {
+          ;[this.userInfo.relationToInsured, this.relationToAppnt] = ['4', '子女']
+        }
+
+        this.isInsured = true
+        let insuredDetail = JSON.parse(localStorage.insuredDetail)
+        this.userInfo.name = insuredDetail.name //姓名
+        this.userInfo.sex = insuredDetail.sex //性别
+        this.userInfo.nativeplace = insuredDetail.nativeplace //国家地区
+        this.userInfo.birthday = insuredDetail.birthday //出生日期
+        this.userInfo.idType = insuredDetail.idType //证件类型
+        this.userInfo.idNo = insuredDetail.idNo //证件号码
+        this.userInfo.certificateValidate = insuredDetail.certificateValidate //证件起始日期
+        this.userInfo.certiexpiredate = insuredDetail.certiexpiredate //证件截止日期
+        // this.userInfo.effectiveDateType = insuredDetail.effectiveDateType == '9999-01-01' //是否长期
+        let age = utilsAge.getAge(insuredDetail.birthday, new Date())
+        this.effectiveDateTypeAble = age <= 45
+        if (age > 45) {
+          this.userInfo.effectiveDateType = true
+        }
+        this.idLimit = true
+        this.userInfo.occupationCode = insuredDetail.occupationCode //职业类别编码
+        this.userInfo.occupationName = insuredDetail.occupationName //职业类别名称
+        // this.userInfo.mobile = insuredDetail.mobile //联系电话
+        // this.userInfo.email = insuredDetail.email //电子邮箱
+      } else {
+        this.isInsured = false
+        this.userInfo.relationToInsured = ''
+        this.relationToAppnt = ''
+        this.userInfo.name = '' //姓名
+        this.userInfo.sex = '0' //性别
+        this.userInfo.nativeplace = '1' //国家地区
+        this.userInfo.birthday = '' //出生日期
+        this.userInfo.idType = '1' //证件类型
+        this.userInfo.idNo = '' //证件号码
+        this.userInfo.certificateValidate = '' //证件起始日期
+        this.userInfo.certiexpiredate = '' //证件截止日期
+        this.effectiveDateTypeAble = true
+        this.userInfo.effectiveDateType = false
+        this.idLimit = false
+        this.userInfo.occupationCode = '' //职业类别编码
+        this.userInfo.occupationName = '' //职业类别名称
+        // this.userInfo.mobile = '' //联系电话
+        // this.userInfo.email = '' //电子邮箱
+      }
+    },
+    //长期状态改变时
+    effectiveDataTypeChange(val) {
+      //勾选长期状态时,证件截止日期置空
+      if (val) {
+        this.userInfo.certiexpiredate = ''
+        // this.isRequired = false
+        // this.idLimit = true
+        this.certiexpiredateRequired = false
+      } else {
+        this.certiexpiredateRequired = true
+        // this.isRequired = true
+        // this.idLimit = false
+      }
+    },
+    //获取身份证扫描信息
+    getIdentityInfo(data) {
+      console.log(data)
+      if (data.name && data.name != '待识别') {
+        // this.userInfo.certificateValidate = data.startDate
+        this.userInfo.certiexpiredate = data.endDate
+        this.userInfo.name = data.name
+        this.userInfo.idNo = data.idNo
+      }
+      this.isScan = false
+    },
+    //时间戳格式处理
+    timeStampFormat(timeStamp) {
+      let date = new Date(timeStamp)
+      let year = date.getFullYear()
+      let month = date.getMonth() + 1
+      month = month.toString().padStart(2, '0')
+      let day = date.getDate()
+      day = day.toString().padStart(2, '0')
+      return `${year}-${month}-${day}`
+    },
+    getRelatedData(val, from) {
+      if (this.userInfo.idType != '1') {
+        return
+      }
+      // //如果证件校验不通过,恢复默认值
+      // if (idToData(val).text) {
+      //   ;[this.userInfo.idNo, this.userInfo.sex, this.userInfo.birthday, this.effectiveDateTypeAble] = ['', '0', '', false]
+      //   return this.$toast(idToData(val).text)
+      // }
+      // this.effectiveDateTypeAble = idToData(val).age < 45
+      // this.userInfo.birthday = idToData(val).birthday
+      // this.userInfo.sex = idToData(val).sex
+      // if (!['1', '2', '3', 1, 2, 3].includes(this.userInfo.idType)) {
+      //   return
+      // }
+      // //如果证件校验不通过,恢复默认值
+      if (idToData(val).text) {
+        ;[this.userInfo.idNo, this.userInfo.sex, this.userInfo.birthday, this.effectiveDateTypeAble] = ['', '0', '', false]
+        return this.$toast(idToData(val).text)
+      }
+      this.userInfo.effectiveDateType = false
+      this.effectiveDateTypeAble = idToData(val).age <= 45
+      this.userInfo.birthday = idToData(val).birthday
+      this.userInfo.sex = idToData(val).sex
+      if (idToData(val).age > 45) {
+        // this.idLimit = true
+        // this.isRequired = false
+        // this.userInfo.effectiveDateType = true
+        if (from) {
+           this.userInfo.effectiveDateType = true
+        }
+        this.effectiveDateTypeAble = false
+      } else {
+        // this.idLimit = false
+        // this.isRequired = true
+        // this.userInfo.effectiveDateType = false
+      }
+      //如果选择户口本
+      // if (this.userInfo.idType == '2') {
+      //   let exipreDate = Date.parse(this.userInfo.birthday) + Date.parse('1985-12-31')
+      //   this.userInfo.certificateValidate = this.userInfo.birthday
+      //   this.userInfo.certiexpiredate = this.timeStampFormat(exipreDate)
+      //   this.idLimit = true
+      //   //如果选择出生证明
+      // } else if (this.userInfo.idType == '3') {
+      //   let exipreDate = Date.parse(this.userInfo.birthday) + Date.parse('1972-12-31')
+      //   this.userInfo.certificateValidate = this.userInfo.birthday
+      //   this.userInfo.certiexpiredate = this.timeStampFormat(exipreDate)
+      //   this.idLimit = true
+      // } else {
+      //   this.idLimit = false
+      // }
+    }
+  },
+  filters: {
+    idToText: filter.idToText
+  },
+  beforeRouteLeave(to, from, next) {
+    document.body.style.backgroundColor = ''
+    next()
+  }
+}
+</script>
+<style lang="scss" scoped>
+.add-beneficiary-container {
+  .title {
+    font-weight: 600;
+    border-bottom: 1px solid #dadada;
+  }
+  /deep/.van-checkbox {
+    margin-left: auto;
+  }
+}
+</style>
diff --git a/src/views/ebiz/preserve/ContactInfo.vue b/src/views/ebiz/preserve/ContactInfo.vue
index 7ee2a58ae..02f00ea56 100644
--- a/src/views/ebiz/preserve/ContactInfo.vue
+++ b/src/views/ebiz/preserve/ContactInfo.vue
@@ -138,9 +138,9 @@ export default {
                 this.$jump({
                   flag: 'h5',
                   extra: {
-                    url: location.origin + '/#/preserve/HandleResult'
+                    url: location.origin + '/#/preserve/HandleResult?entry=contact'
                   },
-                  routerInfo: '/preserve/HandleResult'
+                  routerInfo: '/preserve/HandleResult?entry=contact'
                 })
               } else {
                 this.$toast(res.resultMessage)
diff --git a/src/views/ebiz/preserve/HandleResult.vue b/src/views/ebiz/preserve/HandleResult.vue
index b3824ae21..7b09a0265 100644
--- a/src/views/ebiz/preserve/HandleResult.vue
+++ b/src/views/ebiz/preserve/HandleResult.vue
@@ -31,8 +31,11 @@ export default {
     }
     // 此处处理 this.path
     switch (this.entry) {
-      case 'basic':
-        this.path = '1'
+      case 'contact':
+        this.path = '/preserve/ContactConfirmation?entry=contact'
+        break
+      case 'beneficiary':
+        this.path = '/preserve/BeneficiaryConfirmation?entry=beneficiary&'
         break
       case 'renewal':
         this.path = '2'
@@ -63,10 +66,10 @@ export default {
         // 若被保险人≥18周岁，人脸识别录入被保人本人
         // 若被保险人＜18周岁，被保险人与投保人为子女关系，人脸识别录入未成年人父亲或母亲
         // toDo
+        this.jumpNextPage(this.path)
       }
     },
-    jumpNextPage(path) {
-      path = '/preserve/ContactConfirmation'
+    jumpNextPage(path = '/preserve/BeneficiaryInfo') {
       this.$jump({
         flag: 'h5',
         extra: {
diff --git a/src/views/ebiz/preserve/js/methods.js b/src/views/ebiz/preserve/js/methods.js
new file mode 100644
index 000000000..da4406408
--- /dev/null
+++ b/src/views/ebiz/preserve/js/methods.js
@@ -0,0 +1,95 @@
+//点击弹出组件
+export function selectComp(that, index, type = '') {
+  that.currentPopupIndex = index
+  let title = ''
+  if (index == 1) {
+    ;[that.customerShowPicker, title] = [true, '客户列表']
+  } else if (index == 2) {
+    ;[that.occupationShowPicker, title] = [true, '职业类别']
+  } else if (index == 3) {
+    if (type == '1') {
+      //投保人
+      localStorage.scanFromInsured = 'true'
+    } else if (type == '2') {
+      //被保险人
+      localStorage.scanFromInsured = 'false'
+    }
+    ;[that.isScan, title] = [true, '身份证扫描']
+  }
+
+  setTimeout(() => {
+    that.$jump({
+      flag: 'navigation',
+      extra: {
+        title,
+        hiddenLeft: '1'
+      }
+    })
+    closeBtn(that)
+  }, 400)
+}
+
+// 关闭按钮的显示
+function closeBtn(that) {
+  that.$jump({
+    flag: 'webview_right_button',
+    extra: {
+      btns: [
+        {
+          img: that.$assetsUrl + 'images/del-close.png',
+          route: { flag: '', extra: {} }
+        }
+      ]
+    }
+  })
+}
+
+// 获取身份证扫描信息
+/**
+ *
+ * @param {*} that 上下文
+ * @param {*} data 扫描数据
+ * @param {*} type 1 投保人 2 被保险人
+ */
+export function getIdentityInfo(that, data, type) {
+  console.log(data)
+  // 正面
+  if (data.name && data.name != '待识别') {
+    that.userInfo.name = data.name
+    that.userInfo.idNo = data.idNo
+    that.userInfo.birthday = `${data.birthYear}-${data.birthMonth}-${data.birthDay}`
+    that.userInfo.sex = data.gender == '男' ? '0' : '1'
+  }
+  // 反面
+  if (data.startDate && data.startDate != '待识别') {
+    that.userInfo.certificateValidate = `${data.startDate.substr(0, 4)}-${data.startDate.substr(5, 2)}-${data.startDate.substr(8, 2)}`
+    //that.userInfo.certificateValidate = `${data.startDate.substr(0, 4)}-${data.startDate.substr(4, 2)}-${data.startDate.substr(6, 2)}`
+    // 是否为长期身份证
+    if (data.endDate != '长期') {
+      that.userInfo.certiexpiredate = `${data.endDate.substr(0, 4)}-${data.endDate.substr(5, 2)}-${data.endDate.substr(8, 2)}`
+      // that.userInfo.certiexpiredate = `${data.endDate.substr(0, 4)}-${data.endDate.substr(4, 2)}-${data.endDate.substr(6, 2)}`
+      that.effectiveDateTypeAble = true
+      that.idLimit = false
+      that.isRequired = true
+    } else {
+      // 勾选长期
+      that.userInfo.effectiveDateType = true
+      // 长期按钮不禁用
+      that.effectiveDateTypeAble = false
+      // 证件截止日期不需要校验
+      that.certiexpiredateRequired = false
+      //截止日期不可编辑
+      that.idLimit = true
+      that.isRequired = false
+    }
+  }
+  that.isScan = false
+  let title = type == '1' ? '投保人信息' : '被保险人信息'
+  that.$jump({
+    flag: 'navigation',
+    extra: {
+      title,
+      hiddenRight: '1'
+    }
+  })
+}
diff --git a/src/views/ebiz/preserve/js/verification.js b/src/views/ebiz/preserve/js/verification.js
new file mode 100644
index 000000000..b42c40b4b
--- /dev/null
+++ b/src/views/ebiz/preserve/js/verification.js
@@ -0,0 +1,52 @@
+import changeFifteenToEighteen from '@/assets/js/utils/changeFifteenToEighteen'
+import idNoCheck from '@/assets/js/utils/idNoCheck'
+import utilsAge from '@/assets/js/utils/age'
+
+//身份证带出出生日期,性别,年龄
+export function idToData(idNo) {
+  //非空
+  if (!idNo.trim()) {
+    return {
+      text: '证件号码不能为空'
+    }
+  }
+
+  // 证件号码规则校验
+  if (!idNoCheck.isIdno(idNo)) {
+    return {
+      text: '您填写的证件号码有误'
+    }
+  }
+
+  //如果是15位身份证号先转为18位
+  if (idNo.length == 15) {
+    idNo = changeFifteenToEighteen(idNo)
+  }
+  let birthday = getBirthById(idNo)
+  let age = utilsAge.getAge(birthday, new Date())
+  let sex = getSexById(idNo)
+  return {
+    birthday,
+    age,
+    sex
+  }
+}
+
+function getBirthById(idNo) {
+  // 获取生日
+  var year = idNo.substr(6, 4)
+  var month = idNo.substr(10, 2)
+  var day = idNo.substr(12, 2)
+  return year + '-' + month + '-' + day
+}
+
+function getSexById(idNo) {
+  // 获取性别
+  if (idNo.charAt(16) >= '0' && idNo.charAt(16) <= '9') {
+    if (parseInt(idNo.charAt(16)) % 2 == 0) {
+      return '1'
+    } else {
+      return '0'
+    }
+  }
+}