From 04e7fd6676556cff80b4a725f3ce721bd10188b0 Mon Sep 17 00:00:00 2001
From: "tian.guangyuan" <tian.guangyuan@ebiz-fooge.com>
Date: Wed, 8 Apr 2020 14:44:27 +0800
Subject: [PATCH] =?UTF-8?q?[new]=20=E5=AE=8C=E6=88=90=20=E4=BF=9D=E5=85=A8?=
 =?UTF-8?q?=EF=BC=9A=E8=81=94=E7=B3=BB=E4=BA=BA=E6=96=B9=E5=BC=8F=E5=8F=98?=
 =?UTF-8?q?=E6=9B=B4=20=E7=9A=84=E5=9F=BA=E6=9C=AC=20=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84=E5=8F=8A=E6=A0=B7=E5=BC=8F=E3=80=82=E6=9C=AA?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A1=B5=E9=9D=A2=E9=80=BB=E8=BE=91=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/sass/vant-ui.scss                  |  25 ++
 src/views/ebiz/preserve/ContacAgreement.vue   | 105 +++++
 .../ebiz/preserve/ContactConfirmation.vue     | 388 +++++++++++++++++-
 src/views/ebiz/preserve/ContactInfo.vue       | 171 +++++++-
 src/views/ebiz/preserve/HandleResult.vue      | 172 +++++++-
 src/views/ebiz/preserve/SubmitResult.vue      |  29 +-
 6 files changed, 886 insertions(+), 4 deletions(-)
 create mode 100644 src/views/ebiz/preserve/ContacAgreement.vue

diff --git a/src/assets/sass/vant-ui.scss b/src/assets/sass/vant-ui.scss
index f3b207762..7e80e9783 100644
--- a/src/assets/sass/vant-ui.scss
+++ b/src/assets/sass/vant-ui.scss
@@ -75,6 +75,31 @@
     margin-right: 20px;
   }
 
+  .van-hairline--top::after {
+    border: none;
+  }
+}
+
+
+.dialog-alert {
+  // width: 255px;
+  
+  .van-dialog__header {
+    padding-top: 20px;
+    margin-bottom: 8px;
+    color: #E9332E;
+  }
+
+  .van-dialog__message {
+    font-size: 14px;
+    color: #333;
+    padding-bottom: 30px;
+  }
+
+  .van-dialog__confirm {
+    background: #E9332E;
+  }
+
   .van-hairline--top::after {
     border: none;
   }
diff --git a/src/views/ebiz/preserve/ContacAgreement.vue b/src/views/ebiz/preserve/ContacAgreement.vue
new file mode 100644
index 000000000..dcb606bbf
--- /dev/null
+++ b/src/views/ebiz/preserve/ContacAgreement.vue
@@ -0,0 +1,105 @@
+<!--联系方式变更协议-->
+<template>
+  <div class="insuranceInformation-container pb50">
+    <van-notice-bar :scrollable="false" v-if="!Time" class="notice">{{ `提示：阅读时长需在${this.Time ? this.time : this.number}秒以上` }}</van-notice-bar>
+    <iframe :src="src + pdfUrl" class="iframe"></iframe>
+    <van-radio-group v-model="radio" class="pb10 pt20 pl30 fs14">
+      <van-radio name="1" @click="click">
+        本人确认已阅读
+        <span>《国富人寿人身保险联系方式变更协议》</span>
+      </van-radio>
+    </van-radio-group>
+    <div class="bg-white bottom-btn">
+      <van-button type="danger" size="large" @click="goNext" v-no-more-click="1000">下一步</van-button>
+    </div>
+  </div>
+</template>
+<script>
+import { RadioGroup, Radio, Dialog, NoticeBar } from 'vant'
+
+export default {
+  data() {
+    return {
+      // 投保人还是被保险人信息
+      signVal: '',
+      // 被保险人签名信息
+      insuredSign: {},
+      // 投保人签名信息
+      appntSign: {},
+      radio: '',
+      // 倒计时时间
+      number: '',
+      // 定时器时间
+      time: '10',
+      // 定时器名称
+      timer: null,
+      isOver: false,
+      // 判断验证码是否开始倒计时
+      Time: true,
+      // 按钮是否可以点击
+      isDisable: true,
+      // sign加密码
+      base64: '',
+      // 是否可以点击
+      isDisabledComplite: true,
+      // local带来的被保险人信息
+      saleInsuredPersonInfo: {},
+      // local带来的投保人信息
+      saleInsuredInfo: {},
+      // 是否从详情跳过来 如果为1 是
+      detailJump: '',
+      pdfUrl: '',
+      src: location.origin + '/pdfjs/web/viewer.html?file=',
+      tipsPolicyUrl: ''
+    }
+  },
+  components: {
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
+    [Dialog.name]: Dialog,
+    [NoticeBar.name]: NoticeBar
+  },
+  mounted() {},
+  async created() {},
+  methods: {
+    timeOut() {},
+    // 获取签名状态
+    getOrderDetail() {},
+    // 点击阅读时
+    click() {
+      if (this.isOver == false) {
+        Dialog.confirm({
+          title: '提示',
+          message: '该内容涉及您的重大权益，请您仔细阅读',
+          showCancelButton: false
+        }).then(() => {
+          this.radio = ''
+        })
+      }
+    },
+    // 点击签名
+    sign() {},
+    toAirSign() {},
+    // 下一步
+    goNext() {}
+  },
+  computed: {},
+  watch: {}
+}
+</script>
+<style lang="scss" scoped>
+img {
+  width: 100%;
+  height: 100%;
+}
+.notice {
+  width: 100%;
+  position: fixed;
+  top: 0;
+  z-index: 20;
+}
+.iframe {
+  width: 100vw;
+  height: 70vh;
+}
+</style>
diff --git a/src/views/ebiz/preserve/ContactConfirmation.vue b/src/views/ebiz/preserve/ContactConfirmation.vue
index 92bce0214..24b80de8b 100644
--- a/src/views/ebiz/preserve/ContactConfirmation.vue
+++ b/src/views/ebiz/preserve/ContactConfirmation.vue
@@ -1 +1,387 @@
-<!--联系方式变更-保全代办确认页-->
\ No newline at end of file
+<!--联系方式变更-保全代办确认页-->
+<template>
+  <div class="basic-confirmation-container pb45">
+    <div style="border-bottom: 1px solid #ebedf0" class="fs14 pl10 pv12 bg-white">
+      <p>
+        <span>尊敬的</span>
+        <span class="red">{{ basicInfo.customerName }}</span>
+        先生/女士, 您好!
+      </p>
+      <p class="mt10">
+        <span>您的</span>
+        <span class="red">基本信息变更</span>
+        申请已由代理人代为提交, 标红字体为修改/添加内容, 请确认信息并进行提交:
+      </p>
+    </div>
+    <!-- 基本信息 -->
+    <van-cell-group class="mt10">
+      <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">基本信息</p>
+      <van-field label="姓名" required :value="basicInfo.customerName" readonly />
+      <van-field label="移动电话" required name="移动电话" readonly>
+        <div slot="input" :class="{ red: changedInfo.customerMobile }">{{ basicInfo.customerMobile || changedInfo.customerMobile }}</div>
+      </van-field>
+      <van-field readonly required label="联系地址">
+        <div slot="input" :class="{ red: changedInfo.homeProvince || changedInfo.homeCity || changedInfo.homeArea }">{{ homeName }}</div>
+      </van-field>
+      <van-field label readonly>
+        <div slot="input" :class="{ red: changedInfo.homeAddress }">{{ basicInfo.homeAddress || changedInfo.homeAddress }}</div>
+      </van-field>
+      <van-field label="邮编" required readonly>
+        <div slot="input" :class="{ red: changedInfo.homeZip }">{{ basicInfo.homeZip || changedInfo.homeZip }}</div>
+      </van-field>
+      <van-field label="电子邮箱" name="电子邮箱" readonly>
+        <div slot="input" :class="{ red: changedInfo.customerEmail }">{{ basicInfo.customerEmail || changedInfo.customerEmail }}</div>
+      </van-field>
+      <van-field label="固定电话" readonly>
+        <div slot="input" :class="{ red: changedInfo.homePhone }">{{ basicInfo.homePhone || changedInfo.homePhone }}</div>
+      </van-field>
+    </van-cell-group>
+
+    <!-- 短信验证 -->
+    <van-dialog
+      v-model="show"
+      title="短信确认"
+      show-cancel-button
+      cancelButtonColor="#4FC6B3"
+      class="dialog-delete"
+      confirmButtonColor="#FFFFFF"
+      @confirm="authConfirm(authCode)"
+      @cancel="clearTimer"
+    >
+      <p class="p10 fs14">向此手机发送验证码确认用户身份</p>
+      <p class="p10 fs14" style="border-bottom: 1px solid #ebedf0">{{ customerMobile }}</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>
+
+    <div class="bottom-btn bg-white">
+      <van-cell-group class="fs14 mt10 pl15 pr15 pb20">
+        <p class="pt20 pb20">以下内容需要您阅读确认:</p>
+        <p>需阅读：</p>
+        <p class="mb10 mt10">
+          <span class="red">《国富人寿人身保险联系方式变更协议》</span>
+        </p>
+        <p class="start">点击【开始】按钮，进行相关操作</p>
+      </van-cell-group>
+      <!-- <van-button class="gray" v-if="isInvalid" size="large" disabled>链接已失效</van-button> -->
+      <!-- <van-button class="gray" v-else-if="isCanceled" size="large" disabled>代理人已撤销</van-button> -->
+      <!-- <van-button class="gray" v-else-if="submitForbidden" size="large" disabled>提交申请失败</van-button> -->
+      <van-button
+        :type="submitForbidden ? '' : 'danger'"
+        :color="submitForbidden ? 'gray' : ''"
+        :disabled="submitForbidden"
+        size="large"
+        @click="submit"
+        v-no-more-click="2000"
+      >
+        开始
+      </van-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { Field, CellGroup, Checkbox, Popup, Picker, Area, RadioGroup, Radio, Dialog } from 'vant'
+import getAreaName from '@/assets/js/utils/get-area-name'
+import { customerInfoShare, authCode, changeStatus } from '@/api/ebiz/preserve/preserve'
+import { checkSignInvalid } from '@/api/ebiz/sale/sale'
+export default {
+  name: 'basicConfirmation',
+  components: {
+    [Field.name]: Field,
+    [CellGroup.name]: CellGroup,
+    [Checkbox.name]: Checkbox,
+    [Popup.name]: Popup,
+    [Picker.name]: Picker,
+    [Area.name]: Area,
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
+    [Dialog.name]: name
+  },
+  data() {
+    return {
+      show: false, // 获取短信验证码
+      codeDisabled: false, // 获取验证码按钮是否禁用
+      timeId: null, // 计时器ID
+      countDown: 60, // 倒计时
+      authCode: '', // 验证码
+      areaName: '',
+      homeName: '',
+      sessionId: '',
+      basicInfo: {
+        customerName: '',
+        customerSex: '',
+        customerBirthday: '',
+        idType: '1',
+        idNo: '',
+        isEndDate: '', // 证件截止日期
+        isLongId: '', // 长期
+        customerMobile: '', // 移动电话
+        customerEmail: '', // 电子邮箱
+        customerNo: '',
+        companyAddress: '', // 单位详细地址
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyZip: '',
+        companyPhone: '',
+        homeAddress: '', // 家庭详细地址
+        homeProvince: '',
+        homeCity: '',
+        homeArea: '',
+        homeZip: '',
+        homePhone: '',
+        nationality: '', //国籍
+        jobname: '', //职业类别
+        jobcode: '', //职业编码
+        addressStatus: '0', // 设为联系地址
+        address: '', // 联系详细地址
+        province: '',
+        city: '',
+        area: '',
+        zipCode: '',
+        telephone: ''
+      },
+      changedInfo: {},
+      signInvalid: '',
+      isCanceled: false, //代理人是否已撤销
+      isInvalid: false, //链接是否已失效
+      submitForbidden: false, //是否提交申请失败
+      customerMobile: ''
+    }
+  },
+  async created() {
+    this.$route.query.customerInfo && (localStorage.customerInfo = decodeURI(this.$route.query.customerInfo))
+    this.customerMobile = JSON.parse(localStorage.customerInfo).customerMobile
+    this.$route.query.token && (localStorage.token = this.$route.query.token)
+    if (this.$route.query.signInvalid) {
+      localStorage.signInvalid = this.$route.query.signInvalid
+      this.signInvalid = this.$route.query.signInvalid
+    }
+    let res = await this.checkSignInvalid(this.signInvalid)
+    if (res == '1') {
+      this.isInvalid = false //未失效
+    } else {
+      this.isInvalid = true //已失效
+    }
+    this.$toast.loading({
+      // 持续展示 toast
+      duration: 0,
+      // 禁用背景点击
+      forbidClick: true,
+      loadingType: 'spinner',
+      message: '加载中……'
+    })
+    customerInfoShare({
+      surrenderType: '1', //"1","基本信息变更" "2","续期账号变更" "3","红利领取"
+      customerInfoDTOList: [],
+      mediaDTOList: [],
+      surrenderId: JSON.parse(localStorage.customerInfo).surrenderId
+    }).then(res => {
+      this.$toast.clear()
+      if (res.result == 0) {
+        // 0 是变更的 1是未变更的
+        let resList = res.content.customerResDtos
+        //代理人是否已撤销
+        if (!this.isInvalid && resList[0].surrenderStatus == '5') {
+          this.isCanceled = true
+        } else if (
+          !this.isInvalid &&
+          (resList[0].surrenderStatus == '7' || resList[0].surrenderStatus == '3' || resList[0].surrenderStatus == '6' || resList[0].surrenderStatus == '9')
+        ) {
+          this.submitForbidden = true
+        }
+
+        for (var key in resList[0]) {
+          if (key == 'addressStatus') {
+            this.basicInfo.addressStatus = resList[0].isNewInfo == '0' ? resList[0][key] : resList[1][key]
+          } else {
+            if ((resList[0][key] && resList[0][key] == resList[1][key]) || resList[0][key] == resList[1][key]) {
+              this.basicInfo[key] = resList[0][key]
+            } else if ((resList[0][key] || resList[1][key]) && resList[0][key] != resList[1][key]) {
+              this.changedInfo[key] = resList[0].isNewInfo == '0' ? resList[0][key] : resList[1][key]
+            }
+          }
+        }
+
+        //设为联系地址取值
+        // if (this.basicInfo.address && this.basicInfo.companyAddress) {
+        //   this.basicInfo.addressStatus = this.basicInfo.address == this.basicInfo.companyAddress ? '0' : '1'
+        // } else if (this.changedInfo.address && this.changedInfo.companyAddress) {
+        //   this.basicInfo.addressStatus = this.changedInfo.address == this.changedInfo.companyAddress ? '0' : '1'
+        // }
+        //单位地址, 家庭地址
+        if (resList[0].companyProvince && resList[0].companyCity && resList[0].companyArea) {
+          this.areaName = getAreaName([
+            { code: this.basicInfo.companyProvince || this.changedInfo.companyProvince },
+            { code: this.basicInfo.companyCity || this.changedInfo.companyCity },
+            { code: this.basicInfo.companyArea || this.changedInfo.companyArea }
+          ])
+        }
+        if (resList[0].homeProvince && resList[0].homeCity && resList[0].homeArea) {
+          this.homeName = getAreaName([
+            { code: this.basicInfo.homeProvince || this.changedInfo.homeProvince },
+            { code: this.basicInfo.homeCity || this.changedInfo.homeCity },
+            { code: this.basicInfo.homeArea || this.changedInfo.homeArea }
+          ])
+        }
+        //长期判断
+        if (this.basicInfo.idEndDate && this.basicInfo.idEndDate == '9999-01-01') {
+          this.basicInfo.idEndDate = ''
+          this.basicInfo.isLongId = true
+        }
+        // this.customerMobile = this.basicInfo.customerMobile || this.changedInfo.customerMobile
+        console.log(this.changedInfo)
+      } else {
+        this.$toast(res.resultMessage)
+      }
+    })
+  },
+  methods: {
+    // 提交申请
+    submit() {
+      this.show = true
+    },
+    // 获取短信验证码
+    getAuthCode() {
+      this.codeDisabled = true
+      //倒计时
+      this.timeId = setInterval(() => {
+        this.countDown--
+        if (this.countDown <= 0) {
+          window.clearInterval(this.timeId)
+          this.codeDisabled = false
+          this.countDown = 60
+        }
+      }, 1000)
+
+      authCode({
+        operateType: 'smslogin',
+        sessionId: '',
+        validateCode: '',
+        operateCode: this.customerMobile,
+        system: '',
+        operateCodeType: '0'
+      }).then(res => {
+        console.log(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()
+        })
+    },
+    // 清理计时器
+    clearTimer() {
+      window.clearInterval(this.timeId)
+      this.timeId = null
+      this.countDown = 60
+      this.codeDisabled = false
+    },
+    // 在微信中校验token是否失效
+    async checkSignInvalid(signInvalid) {
+      let that = this
+      this.$toast.loading({
+        duration: 0, // 持续展示 toast
+        forbidClick: true, // 禁用背景点击
+        loadingType: 'spinner',
+        message: '加载中……'
+      })
+      let data = {
+        sign: signInvalid
+      }
+      return new Promise((resolve, reject) => {
+        checkSignInvalid(data).then(res => {
+          if (res.result == '0') {
+            that.$toast.clear()
+            let status = res.content.status
+            resolve(status)
+          } else {
+            reject()
+          }
+        })
+      })
+    },
+    //提交变更申请
+    async changeSubmit() {
+      let res = await changeStatus({
+        surrenderId: JSON.parse(localStorage.customerInfo).surrenderId,
+        surrenderStatus: '3',
+        smsCodeDTO: {
+          smsId: this.sessionId,
+          code: this.authCode
+        }
+      })
+      if (res.result == 0) {
+        this.$jump({
+          flag: 'h5',
+          extra: {
+            url: location.origin + `/#/preserve/submitResult`,
+            backToFirst: '1'
+          },
+          routerInfo: {
+            path: `/preserve/submitResult`
+          }
+        })
+      } else {
+        this.$toast(res.resultMessage)
+      }
+    }
+  },
+  beforeDestroy() {
+    //清理计时器
+    this.clearTimer()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.basic-confirmation-container {
+  /deep/.van-checkbox {
+    margin-left: auto;
+  }
+  /deep/.van-radio {
+    margin-left: auto;
+  }
+  /deep/.van-button--small {
+    padding: 0;
+  }
+}
+
+.dialog-alert {
+  .van-dialog__header {
+    padding-top: 20px;
+    margin-bottom: 8px;
+    color: #4fc6b3;
+  }
+
+  .van-dialog__message {
+    font-size: 14px;
+    color: #333;
+    padding-bottom: 30px;
+  }
+
+  .van-button:before {
+    color: #4fc6b3;
+  }
+}
+</style>
diff --git a/src/views/ebiz/preserve/ContactInfo.vue b/src/views/ebiz/preserve/ContactInfo.vue
index 5bdb7e786..acf3ed1b7 100644
--- a/src/views/ebiz/preserve/ContactInfo.vue
+++ b/src/views/ebiz/preserve/ContactInfo.vue
@@ -1 +1,170 @@
-<!--联系方式变更页-->
\ No newline at end of file
+<!--联系方式变更页-->
+<template>
+  <div class="basic-info-container pb45">
+    <!-- 基本信息 -->
+    <van-cell-group class="mt10">
+      <p style="border-bottom: 1px solid #ebedf0" class=" fs15 fwb pl10 pv12">基本信息</p>
+      <van-field label="姓名" required :value="basicInfo.customerName" readonly />
+      <van-field
+        v-model="basicInfo.customerMobile"
+        clearable
+        required
+        label="移动电话"
+        name="移动电话"
+        placeholder="请输入"
+        v-validate="'required|mobile'"
+        maxlength="11"
+      />
+      <van-field
+        v-model="homeName"
+        readonly
+        required
+        label="联系地址"
+        name="联系地址"
+        right-icon="arrow"
+        placeholder="请选择"
+        v-validate="'required'"
+        @click="homeShow = true"
+      />
+      <van-field v-model="basicInfo.homeAddress" label="" name="详细地址" placeholder="请输入详细地址" v-validate="'required'" clearable maxlength="30" />
+      <van-field v-model="basicInfo.homeZip" label="邮编" required name="邮编" placeholder="请输入" v-validate="'required|zipCode'" maxlength="6" clearable />
+
+      <van-field v-model="basicInfo.customerEmail" label="电子邮箱" name="电子邮箱" placeholder="非必填" v-validate="'email'" clearable />
+
+      <van-field v-model="basicInfo.homePhone" label="固定电话" name="固定电话" placeholder="非必填" maxlength="13" clearable />
+    </van-cell-group>
+
+    <div class="bottom-btn bg-white"><van-button type="danger" size="large" @click="nextStep" v-no-more-click="2000">下一步</van-button></div>
+
+    <!-- 家庭地址选择 -->
+    <van-popup v-model="homeShow" position="bottom">
+      <van-area :area-list="areaList" value="110101" @confirm="sureArea($event)" @cancel="homeShow = false" />
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import { Field, CellGroup, Checkbox, Popup, Picker, Area, RadioGroup, Radio } from 'vant'
+import areaList from '@/assets/js/utils/area'
+import getAreaName from '@/assets/js/utils/get-area-name'
+export default {
+  name: 'contactInfo',
+  components: {
+    [Field.name]: Field,
+    [CellGroup.name]: CellGroup,
+    [Checkbox.name]: Checkbox,
+    [Popup.name]: Popup,
+    [Picker.name]: Picker,
+    [Area.name]: Area,
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio
+  },
+  data() {
+    return {
+      areaList,
+      homeName: '',
+      homeShow: false,
+      basicInfo: {
+        customerName: '',
+        customerSex: '',
+        customerBirthday: '',
+        idType: '1',
+        idNo: '',
+        isEndDate: '', // 证件截止日期
+        isLongId: '1', // 长期
+        customerMobile: '', // 移动电话
+        customerEmail: '', // 电子邮箱
+        customerNo: '',
+        companyAddress: '', // 单位详细地址
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyZip: '',
+        companyPhone: '',
+        homeAddress: '', // 家庭详细地址
+        homeProvince: '',
+        homeCity: '',
+        homeArea: '',
+        homeZip: '',
+        homePhone: '',
+        nationality: '', //国籍
+        jobname: '', //职业类别
+        jobcode: '', //职业编码
+        addressStatus: '0', // 设为联系地址
+        address: '', // 联系详细地址
+        province: '',
+        city: '',
+        area: '',
+        zipCode: '',
+        telephone: ''
+      },
+      customerInfo: {}
+    }
+  },
+  created() {
+    //信息变更提示
+    this.$dialog
+      .alert({
+        title: '提示',
+        className: 'dialog-alert',
+        message: '该客户名下所有保单的相应信息均将变更',
+        confirmButtonColor: '#FFFFFF'
+      })
+      .then(() => {
+        if (localStorage.customerInfo) {
+          this.customerInfo = JSON.parse(localStorage.customerInfo)
+        }
+        for (var key in this.basicInfo) {
+          if (this.customerInfo[key]) {
+            this.basicInfo[key] = this.customerInfo[key]
+          }
+        }
+        //家庭地址
+        if (this.basicInfo.homeProvince && this.basicInfo.homeCity && this.basicInfo.homeArea) {
+          this.homeName = getAreaName([{ code: this.basicInfo.homeProvince }, { code: this.basicInfo.homeCity }, { code: this.basicInfo.homeArea }])
+        }
+      })
+  },
+  methods: {
+    //区域选择
+    sureArea(area) {
+      this.homeName = getAreaName(area)
+      ;[this.basicInfo.homeProvince, this.basicInfo.homeCity, this.basicInfo.homeArea] = [area[0].code, area[1].code, area[2].code]
+      this.homeShow = false
+    },
+    // 下一步
+    nextStep() {
+      //表单校验
+      this.$validator.validate().then(valid => {
+        if (true == valid) {
+          // if (res.result == 0) {
+          this.$jump({
+            flag: 'h5',
+            extra: {
+              url: location.origin + '/#/preserve/HandleResult'
+            },
+            routerInfo: '/preserve/HandleResult'
+          })
+          // } else {
+          // this.$toast(res.resultMessage)
+          // }
+        } else {
+          this.$toast(this.$validator.errors.all()[0])
+          return
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.basic-info-container {
+  /deep/.van-checkbox {
+    margin-left: auto;
+  }
+  /deep/.van-radio {
+    margin-left: auto;
+  }
+}
+</style>
diff --git a/src/views/ebiz/preserve/HandleResult.vue b/src/views/ebiz/preserve/HandleResult.vue
index e75b4110d..ae7807796 100644
--- a/src/views/ebiz/preserve/HandleResult.vue
+++ b/src/views/ebiz/preserve/HandleResult.vue
@@ -1 +1,171 @@
-<!--操作结果页面-->
\ No newline at end of file
+<!--操作结果页面-->
+<template>
+  <div class="handle-result-container">
+    <div class="payResult-header flex justify-content-c align-items-c p20 pt80">
+      <img class="w60 h60 mt100" :src="srcSuccess" alt="" />
+    </div>
+    <div class="flex flex-direction-colunm text-center ">
+      <p class="mt15 mb20">已提交,待客户确认</p>
+      <!-- <p class="gray fs14" v-if="surrenderType == '3'"><span style="color:red !important">累计红利申请已提交</span>, 请微信分享给客户确认</p> -->
+      <!-- <p class="gray fs14" v-else><span style="color:red !important">修改完成</span>, 请微信分享给客户确认</p> -->
+      <p class="gray fs14">修改完成，请让客户确认</p>
+      <p class="gray fs14">如客户当天24:00前未确认提交，本次操作将自动取消</p>
+    </div>
+
+    <div class="bg-white bottom-btn">
+      <!-- <van-button type="danger" size="large" @click="share" v-no-more-click="2000">分享至客户确认</van-button> -->
+      <van-button type="danger" size="large" @click="toFace" v-no-more-click="2000">客户确认</van-button>
+    </div>
+  </div>
+</template>
+
+<script>
+// import { customerInfo } from '@/api/ebiz/preserve/preserve';
+// import { getSignInvalid } from '@/api/ebiz/sale/sale'
+// import { changeStatus } from '@/api/ebiz/preserve/preserve'
+export default {
+  name: 'handleResult',
+  data() {
+    return {
+      srcSuccess: this.$assetsUrl + 'images/success.png',
+      entry: '',
+      signInvalid: '',
+      surrenderType: ''
+    }
+  },
+  created() {
+    this.entry = JSON.parse(localStorage.customerInfo).entry
+    switch (this.entry) {
+      case 'basic':
+        this.surrenderType = '1'
+        break
+      case 'renewal':
+        this.surrenderType = '2'
+        break
+      case 'bonus':
+        this.surrenderType = '3'
+        break
+    }
+  },
+  mounted() {
+    document.body.style.backgroundColor = '#fff'
+    // window.appCallBack = this.appCallBack //app回调
+  },
+  methods: {
+    // 分享至客户确认
+    // async share() {
+    //   localStorage.removeItem('customerSign')
+    //   let url = ''
+    //   let content = ''
+    //   //根据入口判断分享出去的是什么
+    //   let res = await this.getSignInvalid()
+    //   if (res == 'success') {
+    //     console.log(url)
+    //     switch (this.entry) {
+    //       case 'basic':
+    //         url =
+    //           '/#/preserve/basicConfirmation?customerInfo=' +
+    //           encodeURI(localStorage.customerInfo) +
+    //           '&token=' +
+    //           localStorage.token +
+    //           '&signInvalid=' +
+    //           this.signInvalid
+    //         content = '您的基本信息有变更, 点击查看详情'
+    //         break
+    //       case 'renewal':
+    //         url =
+    //           '/#/preserve/renewalConfirmation?customerInfo=' +
+    //           encodeURI(localStorage.customerInfo) +
+    //           '&token=' +
+    //           localStorage.token +
+    //           '&signInvalid=' +
+    //           this.signInvalid
+    //         content = '您的续期账号有变更, 点击查看详情'
+
+    //         break
+    //       case 'bonus':
+    //         url =
+    //           '/#/preserve/bonusConfirmation?customerInfo=' +
+    //           encodeURI(localStorage.customerInfo) +
+    //           '&token=' +
+    //           localStorage.token +
+    //           '&signInvalid=' +
+    //           this.signInvalid
+    //         content = '您有累计红利领取申请带确认, 点击查看详情'
+    //         break
+    //     }
+    //     // eslint-disable-next-line no-undef
+    //     EWebBridge.webCallAppInJs('bridge', {
+    //       flag: 'share',
+    //       extra: {
+    //         title: `鼎诚人寿保全申请信息确认`,
+    //         content,
+    //         url: location.origin + url,
+    //         img: this.$assetsUrl + 'images/logo.png'
+    //       }
+    //     })
+    //   }
+    // },
+    // 获取微信中token是否失效标识码
+    // async getSignInvalid() {
+    //   this.$toast.loading({
+    //     duration: 0, // 持续展示 toast
+    //     forbidClick: true, // 禁用背景点击
+    //     loadingType: 'spinner',
+    //     message: '加载中……'
+    //   })
+    //   let data = {}
+    //   let res = await getSignInvalid(data)
+    //   if (res.result == '0') {
+    //     this.$toast.clear()
+    //     this.signInvalid = res.content.sign
+    //     return Promise.resolve('success')
+    //   }
+    // },
+    //分享给好友时变更分享状态
+    // appCallBack(data) {
+    //   if (data.type == '0' && data.trigger == 'weixin_share') {
+    //     changeStatus({
+    //       surrenderId: JSON.parse(localStorage.customerInfo).surrenderId,
+    //       surrenderStatus: '2'
+    //     }).then(res => {
+    //       if (res.result != '0') {
+    //         this.$toast(res.resultMessage)
+    //       }
+    //     })
+    //   }
+    // }
+    toFace() {
+      // eslint-disable-next-line no-undef
+      EWebBridge.webCallAppInJs('face_auth', {
+        number: this.saleInsuredInfo.idNo, //身份证号码
+        name: this.saleInsuredInfo.name //姓名
+        // })
+        // 跳过人脸识别
+        // new Promise(resolve => {
+        //   console.log('--跳过人脸识别--返回识别成功')
+        //   resolve(JSON.stringify({ state: '1' }))
+      }).then(data => {
+        if (JSON.parse(data).state == '1') {
+          if (this.appntSign.readStatus == '0') {
+            console.log('zzzzzzzzzzz返回识别成功zzzzzzzzzzz')
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                url: location.origin + '/#/sale/insuranceInformation'
+              },
+              routerInfo: {
+                path: '/sale/insuranceInformation'
+              }
+            })
+          }
+        } else {
+          // EWebBridge.webCallAppInJs('webview_toast', '人脸检测失败')
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style></style>
diff --git a/src/views/ebiz/preserve/SubmitResult.vue b/src/views/ebiz/preserve/SubmitResult.vue
index 0fb5247d3..51ad2fe34 100644
--- a/src/views/ebiz/preserve/SubmitResult.vue
+++ b/src/views/ebiz/preserve/SubmitResult.vue
@@ -1 +1,28 @@
-<!--提交结果页面-->
\ No newline at end of file
+<!--提交结果页面-->
+<template>
+  <div class="submit-result-container">
+    <div class="payResult-header flex justify-content-c align-items-c p20 pt80">
+      <img class="w60 h60 mt100" :src="srcSuccess" alt="" />
+    </div>
+    <p class="mt20 text-center">提交成功</p>
+    <p class="mt20 fs12 gray text-center">如有疑问请拨打客服电话: 4008-008-008</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'submitResult',
+  data() {
+    return {
+      srcSuccess: this.$assetsUrl + 'images/success.png'
+    }
+  },
+  mounted() {
+    // localStorage.removeItem('customerSign')
+    document.body.style.backgroundColor = '#fff'
+  },
+  methods: {}
+}
+</script>
+
+<style lang="scss" scoped></style>