From 36cf16535149e4792f21c420b4016e028b7af8c8 Mon Sep 17 00:00:00 2001
From: "tian.guangyuan" <tian.guangyuan@ebiz-fooge.com>
Date: Wed, 15 Apr 2020 13:06:33 +0800
Subject: [PATCH] =?UTF-8?q?[new]=20=E6=96=B0=E5=A2=9E=E4=BF=9D=E5=85=A8-?=
 =?UTF-8?q?=E5=8F=97=E7=9B=8A=E4=BA=BA=E5=8F=98=E6=9B=B4=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=EF=BC=8C=E9=A1=B5=E9=9D=A2=E9=80=BB=E8=BE=91=E5=9F=BA=E6=9C=AC?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90=EF=BC=8C=E9=83=A8=E5=88=86=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=9B=A0=E6=8E=A5=E5=8F=A3=E9=97=AE=E9=A2=98=E6=9A=82=E6=97=B6?=
 =?UTF-8?q?=E6=97=A0=E6=B3=95=E7=BB=A7=E7=BB=AD=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ebiz/preserve/preserve.js             |  18 +
 src/config/preserve.js                        |   1 +
 src/router/ebiz/preserve.js                   |  10 +
 .../ebiz/preserve/AutopayAuthorization.vue    |   2 +-
 .../ebiz/preserve/BeneficiaryConfirmation.vue | 345 ++------
 src/views/ebiz/preserve/BeneficiaryInfo.vue   | 253 ++----
 .../ebiz/preserve/BeneficiaryInfoAdd.vue      | 796 ++++--------------
 .../ebiz/preserve/BeneficiaryInfoDetail.vue   | 309 +++++++
 src/views/ebiz/preserve/ContacAgreement.vue   |   2 +-
 .../ebiz/preserve/ContactConfirmation.vue     |   7 +-
 src/views/ebiz/preserve/HandleResult.vue      |  37 +-
 src/views/ebiz/preserve/ImageUpload.vue       |   2 +-
 src/views/ebiz/preserve/PolicyList.vue        | 150 +++-
 .../ebiz/preserve/RenewalConfirmation.vue     |   2 +-
 src/views/ebiz/preserve/RenewalInfo.vue       |   2 +-
 src/views/ebiz/preserve/SubmitResult.vue      |   4 +-
 .../ebiz/preserve/SurrenderConfirmation.vue   |   2 +-
 src/views/ebiz/preserve/SurrenderInfo.vue     |   2 +-
 18 files changed, 863 insertions(+), 1081 deletions(-)
 create mode 100644 src/views/ebiz/preserve/BeneficiaryInfoDetail.vue

diff --git a/src/api/ebiz/preserve/preserve.js b/src/api/ebiz/preserve/preserve.js
index 779a88c6e..f69680adb 100644
--- a/src/api/ebiz/preserve/preserve.js
+++ b/src/api/ebiz/preserve/preserve.js
@@ -33,3 +33,21 @@ export function customerInfo(data) {
     data
   })
 }
+
+//客户详情
+// export function customerInfo(data) {
+//   return request({
+//     url: getUrl('/edor/customer/customerInfo', 0),
+//     method: 'post',
+//     data
+//   })
+// }
+
+//保单列表
+export function policyList(data) {
+  return request({
+    url: getUrl('/edor/customer/policyList', 0),
+    method: 'post',
+    data
+  })
+}
\ No newline at end of file
diff --git a/src/config/preserve.js b/src/config/preserve.js
index 78caff926..5d609dd4d 100644
--- a/src/config/preserve.js
+++ b/src/config/preserve.js
@@ -2,6 +2,7 @@
 let mockBaseUrl = 'http://rap2.taobao.org:38080/app/mock/250585/'
 
 export default {
+  '/edor/customer/policyList': mockBaseUrl + '/edor/customer/policyList',
   '/edor/customer/customerInfo': mockBaseUrl + '/edor/customer/customerInfo',
   '/edor/customer/customerList': mockBaseUrl + '/edor/customer/customerList',
   '/edor/item/change': mockBaseUrl + '/edor/item/change',
diff --git a/src/router/ebiz/preserve.js b/src/router/ebiz/preserve.js
index d2a34fdb7..d57f16cb4 100644
--- a/src/router/ebiz/preserve.js
+++ b/src/router/ebiz/preserve.js
@@ -11,6 +11,7 @@ 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 beneficiaryInfoDetail = () => import('@/views/ebiz/preserve/BeneficiaryInfoDetail')
 const beneficiaryConfirmation = () => import('@/views/ebiz/preserve/BeneficiaryConfirmation')
 const surrenderInfo = () => import('@/views/ebiz/preserve/SurrenderInfo')
 const surrenderConfirmation = () => import('@/views/ebiz/preserve/SurrenderConfirmation')
@@ -80,6 +81,15 @@ export default [
       index: 105
     }
   },
+  {
+    path: '/preserve/beneficiaryInfoDetail',
+    name: 'beneficiaryInfoDetail',
+    component: beneficiaryInfoDetail,
+    meta: {
+      title: '指定受益人信息',
+      index: 105
+    }
+  },
   {
     path: '/preserve/surrenderInfo',
     name: 'surrenderInfo',
diff --git a/src/views/ebiz/preserve/AutopayAuthorization.vue b/src/views/ebiz/preserve/AutopayAuthorization.vue
index f95338a4f..f37f03046 100644
--- a/src/views/ebiz/preserve/AutopayAuthorization.vue
+++ b/src/views/ebiz/preserve/AutopayAuthorization.vue
@@ -1,4 +1,4 @@
 <!--自动转账授权书-续期账号变更-->
 <template>
   <div class="auto-pay"></div>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/views/ebiz/preserve/BeneficiaryConfirmation.vue b/src/views/ebiz/preserve/BeneficiaryConfirmation.vue
index 86bb8649d..5c1333d5a 100644
--- a/src/views/ebiz/preserve/BeneficiaryConfirmation.vue
+++ b/src/views/ebiz/preserve/BeneficiaryConfirmation.vue
@@ -1,15 +1,15 @@
-<!--受益人变更-保全代办确认页-->
+<!--受益人变更页面-->
 <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>
+      <span class="c-gray-darker">{{ insuredName }}</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-group :disabled="isDisType" v-model="type" class="flex">
           <van-radio name="1">法定受益人</van-radio>
           <van-radio name="2" class="ml10">指定受益人</van-radio>
         </van-radio-group>
@@ -19,15 +19,10 @@
     <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="bg-white p15" @click="detail(index)">
             <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"
-                />
+                <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>
@@ -43,8 +38,6 @@
         </li>
       </ul>
     </div>
-    <!-- 短信验证 -->
-    <!-- cancelButtonColor="#4FC6B3" -->
     <van-dialog
       v-model="show"
       title="短信确认"
@@ -56,7 +49,7 @@
       @cancel="clearTimer"
     >
       <p class="p10 fs14">向此手机发送验证码确认用户身份</p>
-      <p class="p10 fs14" style="border-bottom: 1px solid #ebedf0;">{{ '17512341234' | Mask }}</p>
+      <p class="p10 fs14" style="border-bottom: 1px solid #ebedf0;">{{ '15512341234' | 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">
@@ -64,96 +57,89 @@
         </van-button>
       </van-cell-group>
     </van-dialog>
-    <van-button type="danger" class="bottom-btn" @click="showAuth">提交申请</van-button>
+    
+    <van-button type="danger" class="bottom-btn" @click="nextStep">提交申请</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'
+import { Field, CellGroup, RadioGroup, Radio, Icon, Dialog } from 'vant'
+import { getAuthCode, autchCodeCheck } from '@/api/ebiz/sale/sale'
 export default {
-  name: 'beneficiary',
+  name: 'BeneficiaryConfirmation',
   components: {
-    [RadioGroup.name]: RadioGroup,
-    [Radio.name]: Radio,
     [Field.name]: Field,
     [CellGroup.name]: CellGroup,
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
     [Icon.name]: Icon,
     [Dialog.name]: Dialog
   },
+  filters: {
+    Mask: function(value) {
+      if (value) {
+        return value.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
+      } else {
+        return ''
+      }
+    }
+  },
   data() {
+    let feachData = {
+        surrenderDTOList: [
+          {
+            surrenderId: '',
+            edorapplyNo: '',
+            surrenderType: '2',
+            bnfDTOs: []
+          }
+        ]
+      }
     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 身前受益人
+      feachData:feachData,
+      type: '',
+      isDisType: false,
+      policy: null,
+      insuredName: '', //被保险人
+      beneficiaries: [] // 指定受益人列表
     }
   },
   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.policy = JSON.parse(localStorage['preserve-policy'])
+    this.insuredName = this.policy.insuredName
+    this.type = this.policy.bnfDTOs[0].bnfType
+    this.isDisType = true
+    this.beneficiaries = this.policy.bnfDTOs
+  },
+  mounted() {},
+  methods: {
+    //告知信息
+    nextStep() {
+      this.showAuth()
+    },
+    detail(index){
+      // edit=0
+      let path = '/preserve/BeneficiaryInfoDetail?edit=' + index
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + '/#' + path
+        },
+        routerInfo: {
+          path: path
         }
       })
-    }
-    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
@@ -166,7 +152,7 @@ export default {
           this.countDown = 60
         }
       }, 1000)
-    
+
       getAuthCode({
         operateType: 'appntInfoEntry',
         sessionId: '',
@@ -178,7 +164,10 @@ export default {
         if (res.result == 0) {
           this.sessionId = res.sessionId
         } else {
-          this.$toast(res.resultMessage)
+          this.$toast({
+            message: res.resultMessage,
+            onClose: this.showAuth
+          })
         }
       })
     },
@@ -186,16 +175,6 @@ export default {
     async authConfirm() {
       //清理计时器
       this.clearTimer()
-      // this.$dialog
-      //   .alert({
-      //     title: '提示',
-      //     className: 'dialog-alert',
-      //     message: '您所有保单的相应信息均将变更',
-      //     confirmButtonColor: '#FFFFFF',
-      //   })
-      //   .then(() => {
-      //     this.changeSubmit()
-      //   })
       this.changeSubmit()
     },
     // 清理计时器
@@ -205,184 +184,42 @@ export default {
       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('受益份额已满~')
+      if (!this.sessionId) {
+        this.$toast({
+          message: '请先获取验证码',
+          onClose: this.showAuth
+        })
+        return
       }
-      this.$jump({
-        flag: 'h5',
-        extra: {
-          url: location.origin + '/#/preserve/BeneficiaryInfoAdd'
-        },
-        routerInfo: {
-          path: '/preserve/BeneficiaryInfoAdd'
-        }
+      let res = await autchCodeCheck({
+        smsId: this.sessionId,
+        code: this.authCode
       })
-    },
-    // 单选按钮切换
-    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')
+      if (res.result == 0) {
+        this.$jump({
+          flag: 'h5',
+          extra: {
+            url: location.origin + `/#/preserve/submitResult`,
+            backToFirst: '1'
+          },
+          routerInfo: {
+            path: `/preserve/submitResult`
           }
-
-          // 删除 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
+      } else {
+        this.show = false
+        this.$toast({
+          message: res.resultMessage,
+          onClose: this.showAuth
         })
-    },
-    // 删除受益人
-    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>
diff --git a/src/views/ebiz/preserve/BeneficiaryInfo.vue b/src/views/ebiz/preserve/BeneficiaryInfo.vue
index 5385b18fe..5b680ed09 100644
--- a/src/views/ebiz/preserve/BeneficiaryInfo.vue
+++ b/src/views/ebiz/preserve/BeneficiaryInfo.vue
@@ -4,12 +4,12 @@
     <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>
+      <span class="c-gray-darker">{{ insuredName }}</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-group :disabled="isDisType" v-model="type" class="flex">
           <van-radio name="1">法定受益人</van-radio>
           <van-radio name="2" class="ml10">指定受益人</van-radio>
         </van-radio-group>
@@ -22,12 +22,7 @@
           <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"
-                />
+                <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>
@@ -54,10 +49,10 @@
 
 <script>
 import { RadioGroup, Radio, Icon, Dialog } from 'vant'
-import dataDictionary from '@/assets/js/utils/data-dictionary'
-import { saveOrUpdateOrderInfo, getOrderDetail } from '@/api/ebiz/sale/sale'
+import { edorChange } from '@/api/ebiz/preserve/preserve'
+
 export default {
-  name: 'beneficiary',
+  name: 'BeneficiaryInfo',
   components: {
     [RadioGroup.name]: RadioGroup,
     [Radio.name]: Radio,
@@ -65,118 +60,72 @@ export default {
     [Dialog.name]: Dialog
   },
   data() {
+    let feachData = {
+        surrenderDTOList: [
+          {
+            surrenderId: '',
+            edorapplyNo: '',
+            surrenderType: '2',
+            bnfDTOs: []
+          }
+        ]
+      }
     return {
-      type: '1',
-      insuredPerson: '', //被保险人
-      isAssign: false, // 是否指定受益人
-      beneficiaries: [
-        // {
-        //   name: '陈明',
-        //   relationToAppnt: '1',
-        //   beneRatio: '99'
-        // }
-      ], // 指定受益人列表
-      bnfFlag: '0', // 受益人类型
-      bnfType: '0' // 0 身故受益人 1 身前受益人
+      feachData:feachData,
+      type: '',
+      isDisType: false,
+      policy: null,
+      insuredName: '', //被保险人
+      beneficiaries: [] // 指定受益人列表
     }
   },
   created() {
-    // 是否从添加指定受益人页面跳转
-    if (localStorage.fromAddBeneficiaryInfo) {
-      this.type = '2'
-      this.beneficiaries = this.beneficiaries.concat(JSON.parse(localStorage.beneficiaryInfo))
-      this.type = '2'
-      console.log(this.beneficiaries)
+    // 获取保单列表存储的数据
+    this.policy = JSON.parse(localStorage['preserve-policy'])
+    console.log(this.policy)
+    this.insuredName = this.policy.insuredName
+
+    this.type = this.policy.bnfDTOs[0].bnfType
+    if (this.type == 2) {
+      this.isDisType = true
     }
-    //如果是从编辑进来
-    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()
+
+    this.beneficiaries = this.policy.bnfDTOs
   },
+  mounted() {},
   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)
-    //     }
-    //   })
+      this.feachData.surrenderDTOList[0].bnfDTOs = this.beneficiaries
+      edorChange(this.feachData)
+        .then(res => {
+          if (res.result == 0) {
+            this.policy.bnfDTOs = this.beneficiaries
+            localStorage['preserve-policy'] = JSON.stringify(this.policy)
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                url: location.origin + '/#/preserve/HandleResult?entry=beneficiary'
+              },
+              routerInfo: '/preserve/HandleResult?entry=beneficiary'
+            })
+          } else {
+            this.$toast(res.resultMessage)
+          }
+        })
+        .catch(err => {
+          console.log(err)
+        })
     },
     //添加受益人
     add() {
       let beneRatio = 0
-      console.log(this.beneficiaries)
       this.beneficiaries.forEach(item => {
-        beneRatio += parseInt(item.bnfLot)
+        beneRatio += parseFloat(item.bnfLot)
       })
       console.log(beneRatio)
       if (beneRatio >= 100) {
@@ -192,10 +141,6 @@ export default {
         }
       })
     },
-    // 单选按钮切换
-    radioChange(val) {
-      console.log(val)
-    },
     // 删除受益人
     deleteBeneficiary(index) {
       Dialog.confirm({
@@ -206,92 +151,32 @@ export default {
         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)
-          
+          this.policy.bnfDTOs = this.beneficiaries
+          localStorage['preserve-policy'] = JSON.stringify(this.policy)
         })
         .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
+      this.policy.bnfDTOs = this.beneficiaries
+      localStorage['preserve-policy'] = JSON.stringify(this.policy)
+      let path = '/preserve/BeneficiaryInfoAdd?edit=' + index
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + '/#' + path
+        },
+        routerInfo: {
+          path: path
         }
       })
-      return relationText
     }
-  }
+  },
+  filters: {}
 }
 </script>
 <style lang="scss" scoped>
diff --git a/src/views/ebiz/preserve/BeneficiaryInfoAdd.vue b/src/views/ebiz/preserve/BeneficiaryInfoAdd.vue
index 6e6044f8c..cef5c384f 100644
--- a/src/views/ebiz/preserve/BeneficiaryInfoAdd.vue
+++ b/src/views/ebiz/preserve/BeneficiaryInfoAdd.vue
@@ -3,7 +3,7 @@
     <!-- 基本信息 -->
     <van-cell-group>
       <van-field
-        v-model="relationToAppnt"
+        :value="userInfo.relationToInsured | idToText('relationToAppnt')"
         required
         readonly
         label="是被保险人的"
@@ -13,13 +13,6 @@
         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'"
@@ -30,7 +23,7 @@
         :parentShowPicker.sync="customerShowPicker"
         @nameChange="nameChange"
         @on-click="selectClick('1')"
-        :readonly="isInsured"
+        :readonly="!!$route.query.edit"
       ></customer-picker>
       <van-field
         :value="userInfo.idType | idToText('idType')"
@@ -43,7 +36,6 @@
         placeholder="请选择"
         @click="toSelect('2')"
       />
-
       <van-field
         v-model="userInfo.idNo"
         label="证件号码"
@@ -52,66 +44,41 @@
         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'"
+        :v-validate="{ required: effectiveDateRequired }"
         label="证件起始日期"
         name="证件起始日期"
-        required
+        :required="isRequired"
+        :defaultDate="new Date()"
         :value.sync="userInfo.certificateValidate"
         type="date"
-        :defaultDate="new Date()"
-        @confirm="onDateConfirm($event, '0')"
+        @confirm="onDateConfirm($event, '1')"
         ref="certificateValidate"
-        :flag="true"
-        :readonly="isInsured || idLimit"
+        :flag="certificateValidateShow"
+        :readonly="idLimit"
       ></FieldDatePicter> -->
       <FieldDatePicter
-        :v-validate="{ required: certiexpiredateRequired }"
+        :v-validate="{ required: effectiveDateRequired }"
         label="证件截止日期"
         name="证件截止日期"
         :required="isRequired"
         :defaultDate="new Date()"
-        :value.sync="userInfo.certiexpiredate"
+        :value.sync="userInfo.effectiveDate"
         type="date"
         @confirm="onDateConfirm($event, '1')"
-        ref="certiexpiredate"
-        :flag="certiexpiredateShow"
-        :readonly="isInsured || idLimit"
+        ref="effectiveDate"
+        :flag="effectiveDateShow"
+        :readonly="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>
+        <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>
+      <select-radio :radios="sexRadio" required label="性别" :value.sync="userInfo.sex"></select-radio>
       <van-field
-        :value="userInfo.nativeplace | idToText('nativeplace')"
+        :value="userInfo.nationality | idToText('nativeplace')"
         readonly
         label="国家/地区"
         name="国家/地区"
@@ -121,57 +88,6 @@
         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
@@ -192,23 +108,72 @@
         maxlength="3"
         clearable
       />
+
+      <template v-if="false">
+        <van-field
+          v-model="userInfo.mobile"
+          clearable
+          label="联系电话"
+          name="联系电话"
+          required
+          placeholder="请输入"
+          v-validate="'required|mobile'"
+          maxlength="11"
+        />
+        <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"
+        />
+        <van-field
+          v-model="userInfo.email"
+          required
+          label="电子邮箱"
+          name="电子邮箱"
+          placeholder="请输入"
+          v-validate="'required|email'"
+          clearable
+        />
+        <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"
+        />
+      </template>
     </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="popupShow" position="bottom"><van-picker show-toolbar :columns="columns" @confirm="onConfirm" @cancel="popupShow = false"/></van-popup>
     <!-- 地区选择 -->
-    <!-- <van-popup v-model="areaShow" position="bottom">
+    <van-popup v-model="areaShow" position="bottom">
       <van-area :area-list="areaList" :value="areaValue" @confirm="sureArea($event, '1')" @cancel="areaShow = false" />
-    </van-popup> -->
+    </van-popup>
   </div>
 </template>
 
@@ -219,8 +184,6 @@ 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'
@@ -228,11 +191,10 @@ 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: '子女' }]
+let relationToInsured = DataDictionary.relationToAppnt
 
 export default {
-  name: 'insuredInfo',
+  name: 'beneficiaryInfoAdd',
   components: {
     [SelectRadio.name]: SelectRadio,
     [FieldDatePicter.name]: FieldDatePicter,
@@ -267,135 +229,67 @@ export default {
       pickerType: undefined,
       columns: [],
       valueKey: 'text',
-      nativeplace: '',
+      nationality: '',
       idType: '居民身份证',
       degree: '',
       socialSecurity: '',
       taxIdentity: '',
-      // areaName: '',
+      areaName: '',
       areaValue: '110101',
-      certiexpiredateRequired: true, //证件截止日期是否需要校验
-      certiexpiredateShow: true, //证件截止日期是否可以选择
+      effectiveDateRequired: true, //证件截止日期是否需要校验
+      effectiveDateShow: true, //证件截止日期是否可以选择
       marriage: '',
       isRequired: '', //长期前是否有*
       userInfo: {
+        bnfId: '',
+        bnfType: '2',
+        bnfGrade: '',
         name: '',
         sex: '0',
-        nativeplace: '1', //国家地区
+        nationality: '1',
         birthday: '',
-        idType: '1', //证件类型
-        idNo: '', //证件号码
-        // certificateValidate: '', //证件起始日期
-        certiexpiredate: '', //证件到期时间
+        idType: '1',
+        idNo: '',
+        certificateValidate: '',
+        effectiveDate: '',
         effectiveDateType: false, //是否长期
-        asAppntAddress: false, //同投保人
+        bnfNo: '1',
+        bnfOrder: 1,
+        bnfLot: '',
+        phone: '',
+        province: '',
+        city: '',
+        area: '',
+        postalAddress: '',
+        email: '',
         occupationCode: '',
-        occupationName: '',
-        // mobile: '',
-        workcompany: '', //工作单位
-        // village: '',
-        // province: '',
-        // city: '',
-        // area: '',
-        fIncome: '',
-        // email: '',
-        bnfOrder: '1', //受益顺序
-        bnfLot: '', //受益比例
-        bnfFlag: '',
-        relationToInsured: '', //和被保险人的关系
-        lifeGrade: '',
-        healthGrade: '',
-        bnfType: '0' //身故受益人
+        occupationName: '' // 职业中文
       },
       areaList: areaList,
       occupationShowPicker: false,
       customerShowPicker: false, //客户列表展示
-      isInsured: false, //是投保人本人,
-      Insured: false, //投保人本人按钮是否置灰
-      idLimit: false //证件起止日期是否只读
-      // 开飞机的小历悦
-      // area: '',
-      // city: '',
-      // province: ''
+      idLimit: false, //证件起止日期是否只读
+      policy: null,
+      bnfDTOs: []
     }
   },
-  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
+  created() {
+    this.policy = JSON.parse(localStorage['preserve-policy'])
+    this.bnfDTOs = this.policy.bnfDTOs
+    if (this.$route.query.edit) {
+      this.editIndex = this.$route.query.edit
+      this.userInfo = this.bnfDTOs[this.$route.query.edit]
     }
   },
+  mounted() {},
   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',
@@ -408,10 +302,6 @@ export default {
     },
     //弹框选择
     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
@@ -419,14 +309,6 @@ export default {
         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
       }
@@ -436,24 +318,17 @@ export default {
       // console.log(value,this.pickerType)
       this.popupShow = false
       if (this.pickerType == '1') {
-        ;[this.userInfo.nativeplace, this.nativeplace] = [value.id, value.text]
+        ;[this.userInfo.nationality, this.nationality] = [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.userInfo.idNo = this.userInfo.effectiveDate = 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 {
+        } else {
           this.effectiveDateTypeAble = false
         }
         ;[this.userInfo.idType, this.idType] = [value.id, value.text]
@@ -466,99 +341,19 @@ export default {
       } 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 = ''
+              this.userInfo.effectiveDate = ''
+              this.$refs.effectiveDate.date = ''
               return this.$toast('您的证件已过期')
             }
           }
@@ -579,7 +374,7 @@ export default {
             }
             //出生证有效期
             if (this.userInfo.idType == '3') {
-              if (Date.parse(this.userInfo.certiexpiredate) - Date.parse(val) > Date.parse('1973-01-01')) {
+              if (Date.parse(this.userInfo.effectiveDate) - Date.parse(val) > Date.parse('1973-01-01')) {
                 this.userInfo.birthday = ''
                 this.$refs.birthday.date = ''
                 return this.$toast('出生证有效期或出生日期有误')
@@ -591,16 +386,6 @@ export default {
     },
     //选择客户
     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({
@@ -610,120 +395,46 @@ export default {
           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.sex = data.customerSex.toString() //性别
+      this.userInfo.nationality = 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.effectiveDate = 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') {
+            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)) {
@@ -749,26 +460,23 @@ export default {
 
             //年龄在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
+              if (Date.parse(this.userInfo.effectiveDate) - Date.parse(new Date()) > Date.parse('1975-01-01')) {
+                this.userInfo.effectiveDate = ''
+                this.$refs.effectiveDate.date = ''
                 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
+              if (Date.parse(this.userInfo.effectiveDate) - Date.parse(new Date()) > Date.parse('1980-01-01')) {
+                this.userInfo.effectiveDate = ''
+                this.$refs.effectiveDate.date = ''
                 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
+              if (Date.parse(this.userInfo.effectiveDate) - Date.parse(new Date()) > Date.parse('1990-01-01')) {
+                this.userInfo.effectiveDate = ''
+                this.$refs.effectiveDate.date = ''
                 return this.$toast('证件有效期不正常，26周岁至45周岁公民身份证有效期应小于等于20年')
               }
             }
@@ -777,76 +485,60 @@ export default {
             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.bnfLot > 100) {
+            return this.$toast('受益份额不能超过100~')
+          }
+
+          // 收益份额不超过 100%
+          let ratio = 0
+          this.bnfDTOs.forEach(item => {
+            ratio += parseFloat(item.bnfLot)
+          })
+          if (!this.$route.query.edit) {
+            ratio += parseFloat(this.userInfo.bnfLot)
 
             if (this.userInfo.idNo != '') {
               // 受益人不能重复添加 (证件号码为基准)
-              let isDbAdd = beneficiaries.some(item => {
+              let isDbAdd = this.bnfDTOs.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~')
+            ratio = ratio - this.bnfDTOs[this.editIndex].bnfLot + parseFloat(this.userInfo.bnfLot)
+
+            let isDbAdd = this.bnfDTOs.some((item, index) => {
+              return index != this.editIndex && item.idNo == this.userInfo.idNo
+            })
+            if (isDbAdd) {
+              return this.$toast('受益人不支持重复添加')
             }
           }
-          beneficiaries.push(this.userInfo)
-          // console.log(beneficiaries)
-          // 保存 新增的受益人信息 以及页面跳转字段
-          localStorage.beneficiaryInfo = JSON.stringify(beneficiaries)
-          localStorage.fromAddBeneficiaryInfo = true
-          if (this.userInfo.asAppntAddress == true) {
-            localStorage.applicant = '1'
+          if (ratio > 100) {
+            return this.$toast('受益份额有误,请重新输入~')
           }
+          
+          if(!this.$route.query.edit){
+            this.bnfDTOs.push(this.userInfo)
+          }else{
+            this.bnfDTOs[this.editIndex] = this.userInfo
+          }
+          this.policy.bnfDTOs = this.bnfDTOs
+          localStorage['preserve-policy'] = JSON.stringify(this.policy)
           this.$jump({
             flag: 'h5',
             extra: {
               url: location.origin + '/#/preserve/BeneficiaryInfo',
-              needRefresh:'1'
+              needRefresh: '1'
             },
             routerInfo: {
               path: '/preserve/BeneficiaryInfo'
@@ -857,128 +549,38 @@ export default {
         }
       })
     },
-    // //区域选择
-    // 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 = '' //电子邮箱
+    //区域选择
+    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() {
+      this.areaShow = true
+    },
     //长期状态改变时
     effectiveDataTypeChange(val) {
       //勾选长期状态时,证件截止日期置空
       if (val) {
-        this.userInfo.certiexpiredate = ''
-        // this.isRequired = false
-        // this.idLimit = true
-        this.certiexpiredateRequired = false
+        this.userInfo.effectiveDate = ''
+        this.effectiveDateRequired = false
       } else {
-        this.certiexpiredateRequired = true
-        // this.isRequired = true
-        // this.idLimit = false
+        this.effectiveDateRequired = true
       }
     },
     //获取身份证扫描信息
     getIdentityInfo(data) {
       console.log(data)
       if (data.name && data.name != '待识别') {
-        // this.userInfo.certificateValidate = data.startDate
-        this.userInfo.certiexpiredate = data.endDate
+        this.userInfo.effectiveDate = data.endDate
         this.userInfo.name = data.name
         this.userInfo.idNo = data.idNo
       }
@@ -999,17 +601,6 @@ export default {
         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)
@@ -1019,41 +610,12 @@ export default {
       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.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>
diff --git a/src/views/ebiz/preserve/BeneficiaryInfoDetail.vue b/src/views/ebiz/preserve/BeneficiaryInfoDetail.vue
new file mode 100644
index 000000000..5e31ccb59
--- /dev/null
+++ b/src/views/ebiz/preserve/BeneficiaryInfoDetail.vue
@@ -0,0 +1,309 @@
+<template>
+  <div class="add-beneficiary-container pb50">
+    <!-- 基本信息 -->
+    <van-cell-group>
+      <van-field
+        :value="userInfo.relationToInsured | idToText('relationToAppnt')"
+        required
+        readonly
+        label="是被保险人的"
+        name="是被保险人的"
+        right-icon="arrow"
+        placeholder="请选择"
+        v-validate="'required'"
+      />
+      <customer-picker
+        v-validate="'required|name'"
+        name="姓名"
+        label="姓名"
+        required
+        :value.sync="userInfo.name"
+        :parentShowPicker.sync="customerShowPicker"
+        readonly
+      ></customer-picker>
+      <van-field
+        :value="userInfo.idType | idToText('idType')"
+        v-validate="'required'"
+        readonly
+        required
+        label="证件类型"
+        name="证件类型"
+        right-icon="arrow"
+        placeholder="请选择"
+      />
+      <van-field
+        v-model="userInfo.idNo"
+        label="证件号码"
+        name="证件号码"
+        required
+        readonly
+        placeholder="请输入"
+        maxlength="18"
+        clearable
+        v-validate="'required'"
+      ></van-field>
+      <!-- <FieldDatePicter
+        :v-validate="{ required: effectiveDateRequired }"
+        label="证件起始日期"
+        name="证件起始日期"
+        :required="isRequired"
+        :defaultDate="new Date()"
+        :value.sync="userInfo.certificateValidate"
+        type="date"
+        @confirm="onDateConfirm($event, '1')"
+        ref="certificateValidate"
+        :flag="certificateValidateShow"
+        :readonly="idLimit"
+      ></FieldDatePicter> -->
+      <FieldDatePicter
+        :v-validate="{ required: effectiveDateRequired }"
+        label="证件截止日期"
+        name="证件截止日期"
+        :required="isRequired"
+        :defaultDate="new Date()"
+        :value.sync="userInfo.effectiveDate"
+        type="date"
+        @confirm="onDateConfirm($event, '1')"
+        ref="effectiveDate"
+        :flag="effectiveDateShow"
+        readonly
+      ></FieldDatePicter>
+      <div class="border-bt relative fs14 p10 flex align-center">
+        <van-checkbox v-model="userInfo.effectiveDateType" class="fr"  :disabled="true">长期</van-checkbox>
+      </div>
+      <select-radio :radios="sexRadio" disabled required label="性别" :value.sync="userInfo.sex"></select-radio>
+      <van-field
+        :value="userInfo.nationality | idToText('nativeplace')"
+        readonly
+        label="国家/地区"
+        name="国家/地区"
+        required
+        v-validate="'required'"
+        right-icon="arrow"
+        placeholder="请选择"
+      />
+      <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
+        readonly
+        v-validate="'required|onlyNumber'"
+        maxlength="3"
+        clearable
+      />
+
+      <template v-if="false">
+        <van-field
+          v-model="userInfo.mobile"
+          clearable
+          label="联系电话"
+          name="联系电话"
+          required
+          readonly
+          placeholder="请输入"
+          v-validate="'required|mobile'"
+          maxlength="11"
+        />
+        <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=""
+          readonly
+          name="详细地址"
+          placeholder="请输入详细地址"
+          v-validate="'required'"
+          clearable
+          maxlength="30"
+        />
+        <van-field
+          v-model="userInfo.email"
+          required
+          readonly
+          label="电子邮箱"
+          name="电子邮箱"
+          placeholder="请输入"
+          v-validate="'required|email'"
+          clearable
+        />
+        <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="请选择"
+          readonly
+          :parentShowPicker.sync="occupationShowPicker"
+          @on-choose="chooseOccupation"
+        />
+      </template>
+    </van-cell-group>
+  </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 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 = DataDictionary.relationToAppnt
+
+export default {
+  name: 'beneficiaryInfoAdd',
+  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',
+      nationality: '',
+      idType: '居民身份证',
+      degree: '',
+      socialSecurity: '',
+      taxIdentity: '',
+      areaName: '',
+      areaValue: '110101',
+      effectiveDateRequired: true, //证件截止日期是否需要校验
+      effectiveDateShow: true, //证件截止日期是否可以选择
+      marriage: '',
+      isRequired: '', //长期前是否有*
+      userInfo: {
+        bnfId: '',
+        bnfType: '2',
+        bnfGrade: '',
+        name: '',
+        sex: '0',
+        nationality: '1',
+        birthday: '',
+        idType: '1',
+        idNo: '',
+        certificateValidate: '',
+        effectiveDate: '',
+        effectiveDateType: false, //是否长期
+        bnfNo: '1',
+        bnfOrder: 1,
+        bnfLot: '',
+        phone: '',
+        province: '',
+        city: '',
+        area: '',
+        postalAddress: '',
+        email: '',
+        occupationCode: '',
+        occupationName: '' // 职业中文
+      },
+      areaList: areaList,
+      occupationShowPicker: false,
+      customerShowPicker: false, //客户列表展示
+      idLimit: false, //证件起止日期是否只读
+      policy: null,
+      bnfDTOs: []
+    }
+  },
+  created() {
+    this.policy = JSON.parse(localStorage['preserve-policy'])
+    this.bnfDTOs = this.policy.bnfDTOs
+    if (this.$route.query.edit) {
+      this.editIndex = this.$route.query.edit
+      this.userInfo = this.bnfDTOs[this.$route.query.edit]
+    }
+  },
+  mounted() {},
+  methods: {
+    chooseOccupation() {
+      this.$jump({
+        flag: 'navigation',
+        extra: {
+          title: '指定受益人信息',
+          hiddenRight: '1'
+        }
+      })
+      this.occupationShowPicker = 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}`
+    },
+  }
+}
+</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/ContacAgreement.vue b/src/views/ebiz/preserve/ContacAgreement.vue
index 0abd48252..3c3311ab6 100644
--- a/src/views/ebiz/preserve/ContacAgreement.vue
+++ b/src/views/ebiz/preserve/ContacAgreement.vue
@@ -118,7 +118,7 @@ export default {
           }
         })
         .catch(err => {
-          console.log(err);
+          console.log(err)
         })
     }
   },
diff --git a/src/views/ebiz/preserve/ContactConfirmation.vue b/src/views/ebiz/preserve/ContactConfirmation.vue
index f764df15c..030a6279a 100644
--- a/src/views/ebiz/preserve/ContactConfirmation.vue
+++ b/src/views/ebiz/preserve/ContactConfirmation.vue
@@ -209,12 +209,12 @@ export default {
     },
     //提交变更申请
     async changeSubmit() {
-      if(!this.sessionId){
+      if (!this.sessionId) {
         this.$toast({
-          message: "请先获取验证码",
+          message: '请先获取验证码',
           onClose: this.showAuth
         })
-        return;
+        return
       }
       let res = await autchCodeCheck({
         smsId: this.sessionId,
@@ -238,7 +238,6 @@ export default {
           onClose: this.showAuth
         })
       }
-      
     }
   },
   beforeDestroy() {
diff --git a/src/views/ebiz/preserve/HandleResult.vue b/src/views/ebiz/preserve/HandleResult.vue
index ff1f6d6eb..4c0d17526 100644
--- a/src/views/ebiz/preserve/HandleResult.vue
+++ b/src/views/ebiz/preserve/HandleResult.vue
@@ -53,19 +53,30 @@ export default {
   },
   methods: {
     nextStep() {
-      if (this.customerInfo.idType != '1') {
-        // 如果证件类型不是身份证
-        // 直接跳过人脸识别
-
-        this.jumpNextPage(this.path)
-      } else if (this.entry != 'beneficiary') {
+      if (this.entry != 'beneficiary') {
         // 如果 保全项不是 受益人变更、则 在证件类型为身份证时 直接接入人脸识别
-        this.toFace()
+        // if (this.customerInfo.idType != '1') {
+          // 如果证件类型不是身份证
+          // 直接跳过人脸识别
+          this.jumpNextPage(this.path)
+        // } else {
+        //   this.toFace({
+        //     number: this.customerInfo.idNo, //身份证号码
+        //     name: this.customerInfo.name //姓名
+        //   })
+        // }
       } else if (this.entry == 'beneficiary') {
         // 如果 保全项是 受益人变更、则进行特殊判断
         // 若被保险人≥18周岁，人脸识别录入被保人本人
         // 若被保险人＜18周岁，被保险人与投保人为子女关系，人脸识别录入未成年人父亲或母亲
         // toDo
+        // 
+        // if (this.customerInfo.idType != '1'  ) {
+        //   // 如果证件类型不是身份证
+        //   // 直接跳过人脸识别
+        //   this.jumpNextPage(this.path)
+        // }
+        // 
         this.jumpNextPage(this.path)
       }
     },
@@ -80,17 +91,19 @@ export default {
         }
       })
     },
-    toFace() {
+    toFace(config) {
       // eslint-disable-next-line no-undef
-      EWebBridge.webCallAppInJs('face_auth', {
-        number: this.customerInfo.idNo, //身份证号码
-        name: this.customerInfo.name //姓名
+      EWebBridge.webCallAppInJs('face_auth', config )
+      // {
+        // number: this.customerInfo.idNo, //身份证号码
+        // name: this.customerInfo.name //姓名
         // })
         // 跳过人脸识别
         // new Promise(resolve => {
         //   console.log('--跳过人脸识别--返回识别成功')
         //   resolve(JSON.stringify({ state: '1' }))
-      }).then(data => {
+      // })
+      .then(data => {
         if (JSON.parse(data).state == '1') {
           this.jumpNextPage(this.path)
         } else {
diff --git a/src/views/ebiz/preserve/ImageUpload.vue b/src/views/ebiz/preserve/ImageUpload.vue
index d3cafad27..fd090439d 100644
--- a/src/views/ebiz/preserve/ImageUpload.vue
+++ b/src/views/ebiz/preserve/ImageUpload.vue
@@ -1 +1 @@
-<!--影像信息上传页面-->
\ No newline at end of file
+<!--影像信息上传页面-->
diff --git a/src/views/ebiz/preserve/PolicyList.vue b/src/views/ebiz/preserve/PolicyList.vue
index 8f230b2ad..9c297dfb5 100644
--- a/src/views/ebiz/preserve/PolicyList.vue
+++ b/src/views/ebiz/preserve/PolicyList.vue
@@ -1 +1,149 @@
-<!--保单列表页-->
\ No newline at end of file
+<!--保单列表页-->
+<template>
+  <div class="proposal-list-container">
+    <!-- <van-list
+      v-model="loading"
+      :immediate-check="false"
+      :finished="finished"
+      :finished-text="finishedText"
+      error-text="请求失败，点击重新加载"
+      :error.sync="error"
+      @load="loadMore"
+      class="pb45"
+    > -->
+    <!-- <div v-if="isSuccess"> -->
+    <div v-if="policyList.length > 0">
+      <div class="fs12" v-for="(item, index) in policyList" :key="index" @click="toChange(item)">
+        <div class="flex align-items-c justify-content-c h40 gray">
+          <div>保单号:</div>
+          <div>{{ item.policyNo }}</div>
+        </div>
+
+        <div class="bg-white pv15 pr15 pl10 ml15 mr15">
+          <div class="flex justify-content-s  align-items-c">
+            <div>
+              <div class="w45 inline-b">
+                <van-tag plain color="#5CA7DE">投保</van-tag>
+              </div>
+              <span class="fs15 c-gray-dark">{{ item.appntName }}</span>
+            </div>
+          </div>
+
+          <div class="mv15">
+            <div class="w45 inline-b">
+              <van-tag plain color="#DD9C56">被保</van-tag>
+            </div>
+            <span class="fs15 c-gray-dark">{{ item.insuredName }}</span>
+          </div>
+
+          <div class="mv10">
+            <span class="w45 inline-b">
+              <van-tag plain type="danger">主险</van-tag>
+            </span>
+            <span class="fs15 c-gray-dark">{{ item.riskName }}</span>
+          </div>
+
+          <van-row class="mb15">
+            <van-col span="12" class="fwb fs15">保额（元）</van-col>
+            <van-col span="12" class="text-right fwb" style="color: red">{{ item.amnt | amtFormat }}</van-col>
+          </van-row>
+          <div class="pt15" style="border-top:1px solid #dadada">
+            <div>
+              <div class="w100 inline-b">
+                <van-tag plain color="#999999">生效日期</van-tag>
+              </div>
+              <span class="fs14 c-gray-dark">{{ item.cvaliDate }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- </div> -->
+    <div v-else class="text-center">
+      <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
+      <div class="fs17 c-gray-dark mt40">暂无保单</div>
+    </div>
+    <!-- </van-list> -->
+  </div>
+</template>
+<script>
+import { Tag, List, Row, Col } from 'vant'
+import { policyList } from '@/api/ebiz/preserve/preserve'
+export default {
+  components: {
+    [Tag.name]: Tag,
+    [Row.name]: Row,
+    [Col.name]: Col,
+    [List.name]: List
+  },
+  data() {
+    return {
+      entry: '', //入口
+      // policyList: [] //保单列表
+      customerInfo: JSON.parse(localStorage.getItem('preserve-customerInfo')), //客户详情
+      policyList: [
+        {
+          contNo: '11111111',
+          appntName: '张三',
+          isuredName: '李四',
+          riskName: '国富人寿八桂无忧',
+          amnt: '130.000',
+          cvaliDate: '2020-01-19'
+        }
+      ] //保单列表
+      /*
+      finishedText: '没有更多了',
+      finished: false,
+      error: false,
+      loading: false,
+      pageSize: 5, //每页数据条数
+      morePage: 1, // 当前页数
+      isSuccess: false
+      */
+    }
+  },
+  mounted() {
+    this.entry = this.$route.query.entry
+    //await this.getPolicyList({ customerNo: this.customerInfo.customerNo })
+    this.getPolicyList({ customerNo: '' })
+  },
+  methods: {
+    //获取保单列表
+    async getPolicyList(data) {
+      policyList(data).then(res => {
+        if (res.result == '0') {
+          this.policyList = res.content.policyListDTOList
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+    },
+
+    //点击保单，跳转页面
+    toChange(detail) {
+      console.log(detail)
+      localStorage['preserve-policy'] = JSON.stringify(detail)
+      let url
+      switch (this.entry) {
+        case 'surrender': //退保
+          url = `surrenderInfo?entry=${this.entry}`
+          break
+        case 'beneficiary': //受益人变更
+          url = `beneficiaryInfo?entry=${this.entry}`
+          break
+        default:
+          break
+      }
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + `/#/preserve/${url}`
+        },
+        routerInfo: {
+          path: `/preserve/${url}`
+        }
+      })
+    }
+  }
+}
+</script>
diff --git a/src/views/ebiz/preserve/RenewalConfirmation.vue b/src/views/ebiz/preserve/RenewalConfirmation.vue
index 4e81ad177..814c4f807 100644
--- a/src/views/ebiz/preserve/RenewalConfirmation.vue
+++ b/src/views/ebiz/preserve/RenewalConfirmation.vue
@@ -1 +1 @@
-<!--续期账号变更-保全代办确认页-->
\ No newline at end of file
+<!--续期账号变更-保全代办确认页-->
diff --git a/src/views/ebiz/preserve/RenewalInfo.vue b/src/views/ebiz/preserve/RenewalInfo.vue
index c5e0dd4b5..a7ca40faf 100644
--- a/src/views/ebiz/preserve/RenewalInfo.vue
+++ b/src/views/ebiz/preserve/RenewalInfo.vue
@@ -1 +1 @@
-<!--续期账号变更页面-->
\ No newline at end of file
+<!--续期账号变更页面-->
diff --git a/src/views/ebiz/preserve/SubmitResult.vue b/src/views/ebiz/preserve/SubmitResult.vue
index 3773a13f3..99f278085 100644
--- a/src/views/ebiz/preserve/SubmitResult.vue
+++ b/src/views/ebiz/preserve/SubmitResult.vue
@@ -6,7 +6,7 @@
     </div>
     <p class="mt20 text-center">提交成功</p>
     <p class="mt20 fs12 gray text-center">如有疑问请拨打客服电话: 4008-008-008</p>
-    
+
     <div class="bg-white bottom-btn"><van-button type="danger" size="large" @click="nextStep" v-no-more-click="1000">返回</van-button></div>
   </div>
 </template>
@@ -24,7 +24,7 @@ export default {
     document.body.style.backgroundColor = '#fff'
   },
   methods: {
-    nextStep(){
+    nextStep() {
       // service
       this.$jump({
         flag: 'service'
diff --git a/src/views/ebiz/preserve/SurrenderConfirmation.vue b/src/views/ebiz/preserve/SurrenderConfirmation.vue
index 5627c94d6..e2bece42b 100644
--- a/src/views/ebiz/preserve/SurrenderConfirmation.vue
+++ b/src/views/ebiz/preserve/SurrenderConfirmation.vue
@@ -1 +1 @@
-<!--退保-保全代办确认页-->
\ No newline at end of file
+<!--退保-保全代办确认页-->
diff --git a/src/views/ebiz/preserve/SurrenderInfo.vue b/src/views/ebiz/preserve/SurrenderInfo.vue
index e680f7a0c..c185277aa 100644
--- a/src/views/ebiz/preserve/SurrenderInfo.vue
+++ b/src/views/ebiz/preserve/SurrenderInfo.vue
@@ -1 +1 @@
-<!--退保页-->
\ No newline at end of file
+<!--退保页-->