diff --git a/src/assets/js/business-common.js b/src/assets/js/business-common.js
index 53678147d..84c3ee530 100644
--- a/src/assets/js/business-common.js
+++ b/src/assets/js/business-common.js
@@ -513,7 +513,13 @@ export default {
       appntId: appntDTO.appntId,
       healthGrade: appntDTO.healthGrade,
       lifeGrade: appntDTO.lifeGrade,
-      mobile: appntDTO.mobile
+      mobile: appntDTO.mobile,
+      occupationName: appntDTO.occupationName,
+      occupationCode: appntDTO.occupationCode,
+      marriage: appntDTO.marriage,
+      medical: appntDTO.medical,
+      certiexpiredate: appntDTO.certiexpiredate,
+      nativeplace: appntDTO.nativeplace
     })
 
     if (insuredDTO) {
diff --git a/src/assets/js/utils/jump.js b/src/assets/js/utils/jump.js
index fc818fc31..f0241ea20 100644
--- a/src/assets/js/utils/jump.js
+++ b/src/assets/js/utils/jump.js
@@ -2,7 +2,7 @@
 export default function jump(options) {
   // eslint-disable
   if (window.WebViewJavascriptBridge && options.flag) {
-    if (options.flag == 'h5' || options.flag == 'service') {
+    if (options.flag == 'h5' || options.flag == 'service' || options.flag == 'home') {
       EWebBridge.webCallAppInJs('bridge', {
         flag: options.flag,
         extra: options.extra
diff --git a/src/components/ebiz/sale/IndexBar.vue b/src/components/ebiz/sale/IndexBar.vue
new file mode 100644
index 000000000..50987068a
--- /dev/null
+++ b/src/components/ebiz/sale/IndexBar.vue
@@ -0,0 +1,175 @@
+<template>
+  <div class="ml6 mr6 pt5 pb5">
+    <ul class="index-bar">
+      <li @click="changePage(Number(index) + 1)" v-for="(item, index) in pageTitle" :key="index" :class="item.tabClass" :id="item.tabClass">
+        <div :class="[{ activeline: item.tabClass }, { 'bg-gray': !item.tabClass }, 'w15', 'h2', 'mr8']" v-if="index != 0"></div>
+        <span>{{ item.pageNo }}.{{ item.pageItem }}</span>
+        <div :class="[{ activeline: item.tabClass }, { 'bg-gray': !item.tabClass }, 'w15', 'h2', 'ml8']" v-if="index != 7"></div>
+        <van-icon name="arrow" size="12" v-if="index != 7" />
+      </li>
+    </ul>
+  </div>
+</template>
+<script>
+import { Icon } from 'vant'
+export default {
+  name: 'IndexBar',
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    data: {
+      type: Array,
+      default: () => {}
+    },
+    //选项对象中，文字对应的 key
+    valueKey: {
+      type: String,
+      default: 'text'
+    }
+  },
+  components: {
+    [Icon.name]: Icon
+  },
+  data() {
+    return {
+      pageTitle: [
+        { pageNo: 1, pageItem: '投保人信息', urlStr: '/sale/insuredInfo', tabClass: '' },
+        { pageNo: 2, pageItem: '被保险人信息', urlStr: '/sale/insuredPerson', tabClass: '' },
+        { pageNo: 3, pageItem: '选择产品', urlStr: '/common/selectedProduct', tabClass: '' },
+        { pageNo: 4, pageItem: '受益人信息', urlStr: '/sale/beneficiary', tabClass: '' },
+        { pageNo: 5, pageItem: '告知信息', urlStr: '/sale/notifyingMessage', tabClass: '' },
+        { pageNo: 6, pageItem: '账户信息', urlStr: '/sale/accountInformation', tabClass: '' },
+        { pageNo: 7, pageItem: '附件上传', urlStr: '/sale/attachmentManagement', tabClass: '' },
+        { pageNo: 8, pageItem: '签名确认', urlStr: '/sale/signatureConfirmation', tabClass: '' }
+      ],
+      //localStorage.salePageFlag:控制导航是否可以直接跳转页面  1-投保人信息 2-被保人信息 3-选择产品 4-受益人信息 5-告知信息 6-账户信息 7-附件上传 8-签名确认
+      salePageFlag: Number(localStorage.salePageFlag)
+    }
+  },
+  mounted() {
+    this.selectTab()
+  },
+  methods: {
+    changePage(pageIndex) {
+      let url = ''
+      //由 localStorage.salePageFlag 来控制是否可跳到指定页面
+      if (localStorage.salePageFlag == '-10' && pageIndex != 8) {
+        this.$toast('已到达签名确认流程，不可以回到前面的流程')
+      }
+      if (Number(localStorage.salePageFlag) < Number(pageIndex)) return
+      switch (pageIndex) {
+        case 1: //跳到投保人页面
+          url = `/sale/insuredInfo?edit=1&salePageFlag=${pageIndex}`
+          break
+        case 2: //跳到被保人页面
+          url = `/sale/insuredPerson?edit=1&salePageFlag=${pageIndex}`
+          break
+        case 3: //跳到已选产品列表页面
+          url = `/common/selectedProduct?edit=1&salePageFlag=${pageIndex}`
+          break
+        case 4: //跳到受益人信息页面
+          url = `/sale/beneficiary?edit=1&salePageFlag=${pageIndex}`
+          break
+        case 5: //跳到告知信息页面
+          url = `/sale/NotifyingMessage?edit=1&salePageFlag=${pageIndex}`
+          break
+        case 6: //跳到账户信息页面
+          url = `/sale/AccountInformation?edit=1&salePageFlag=${pageIndex}`
+          break
+        case 7: //跳到附件上传页面
+          url = `/sale/AttachmentManagement?edit=1&salePageFlag=${pageIndex}`
+          break
+        case 8: //跳到签名确认页面
+          url = `/sale/SignatureConfirmation?edit=1&salePageFlag=${pageIndex}`
+          break
+        default:
+          break
+      }
+      let str = location.hash
+      let i = str.search(/AttachmentManagement/i)
+      if (i !== -1 && pageIndex != 7 && pageIndex != 8) {
+        this.$dialog
+          .confirm({
+            className: 'dialog-delete',
+            title: '提示',
+            message: '离开此页可能会丢失部分数据，是否确认离开？',
+            cancelButtonColor: '#E9332E',
+            confirmButtonColor: '#FFFFFF'
+          })
+          .then(() => {
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                forbidSwipeBack: '1',
+                url: location.origin + `/#${url}`
+              },
+              routerInfo: { path: url }
+            })
+          })
+          .catch(() => {
+            return
+          })
+      } else {
+        this.$jump({
+          flag: 'h5',
+          extra: {
+            forbidSwipeBack: '1',
+            url: location.origin + `/#${url}`
+          },
+          routerInfo: { path: url }
+        })
+      }
+    },
+    selectTab() {
+      let endIndex = location.hash.indexOf('?', 1)
+      let str = endIndex == -1 ? location.hash.slice(1) : location.hash.slice(1, endIndex)
+      this.pageTitle.forEach(v => {
+        if (v.urlStr.toLowerCase() == str.toLowerCase()) {
+          v.tabClass = 'active'
+        }
+      })
+      this.$nextTick(() => {
+        this.$el.querySelector('#active').scrollIntoView(true)
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.index-bar {
+  display: flex;
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+  font-size: 15px;
+  margin-top: 8px;
+}
+
+.index-bar li {
+  display: flex;
+  align-items: center;
+}
+
+.index-bar::-webkit-scrollbar {
+  display: none;
+}
+li {
+  display: flex;
+}
+.index-bar span,
+.index-bar van-icon {
+  align-items: flex-center;
+}
+.active {
+  color: #e9332e;
+}
+.activeline {
+  background: #e9332e;
+}
+</style>
diff --git a/src/views/ebiz/common/CalculatePremium.vue b/src/views/ebiz/common/CalculatePremium.vue
index b5bff10e3..7e873a8aa 100644
--- a/src/views/ebiz/common/CalculatePremium.vue
+++ b/src/views/ebiz/common/CalculatePremium.vue
@@ -321,7 +321,7 @@ const dutyGFRS_A0004Rules = {
     mainRisk: 'GFRS_M0005',
     msg: '住院医疗提示：金额只能是0.5、1、1.5、2',
     msg_1: '附加到国富人寿国富民惠医疗保险（2020版）最高基本保额不超过1万元。',
-    msg_2: '住院医疗提示：金额只能是0.5、1',
+    msg_2: '住院医疗提示：金额只能是0.5、1'
   },
   320206: {
     msg: '住院津贴提示：投保可选责任时，可选责任最低投保 50 元，且应为 10 元的整数倍'
@@ -435,19 +435,19 @@ export default {
           this.mainRiskCode = item.mainRiskCode
         }
       })
-      if(this.mainRiskCode == 'GFRS_M0005'){
+      if (this.mainRiskCode == 'GFRS_M0005') {
         this.chooseProducts.map(item => {
-          if(item.productCode == 'GFRS_A0004'){
-            item.calFactorLst.map( item2 => {
-              if(item2.code == 'dutyGroup'){
+          if (item.productCode == 'GFRS_A0004') {
+            item.calFactorLst.map(item2 => {
+              if (item2.code == 'dutyGroup') {
                 item2.rules.map(item3 => {
-                  console.log(item3);
-                  if(item3.duty == '320205'){
-                    item3.maxDutyAmt = "1"
+                  console.log(item3)
+                  if (item3.duty == '320205') {
+                    item3.maxDutyAmt = '1'
                   }
                 })
               }
-            }) 
+            })
           }
         })
       }
@@ -482,7 +482,7 @@ export default {
           }
           return
         }
-        if (item.mainRiskCode === 'GFRS_M0016' || item.productCode === 'GFRS_A0004' || item.productCode === 'GFRS_A0005' ) {
+        if (item.mainRiskCode === 'GFRS_M0016' || item.productCode === 'GFRS_A0004' || item.productCode === 'GFRS_A0005') {
           let isMedical = null
           if (this.isFrom === 'proposal') {
             isMedical = detailPromise == '1'
@@ -514,7 +514,7 @@ export default {
             }
           })
           this.$forceUpdate()
-        } else if(item.productCode === 'GFRS_A0005'){ 
+        } else if (item.productCode === 'GFRS_A0005') {
           // GFRS_A0005 未处理
         }
       })
@@ -687,7 +687,7 @@ export default {
     },
     //险种 GFRS_A0004 险种验证规则
     valiA0004Duty(value, showHint, currentEle) {
-     /* if (!(currentEle.necess == true)) {
+      /* if (!(currentEle.necess == true)) {
         this.nextStepFlag = false
         return true
       }*/
@@ -708,7 +708,7 @@ export default {
             this.$toast(dutyGFRS_A0004Rules[currentEle.duty].msg_2)
             this.nextStepFlag = true
             return false
-          } else if(value-0 > 1){
+          } else if (value - 0 > 1) {
             this.$toast(dutyGFRS_A0004Rules[currentEle.duty].msg_1)
             this.nextStepFlag = true
             return false
@@ -720,9 +720,7 @@ export default {
             return false
           }
         }
-        
-        
-        
+
         this.nextStepFlag = false
         return true
       }
@@ -1409,7 +1407,7 @@ export default {
       if (resultData.result == 0) {
         //电投
         if (localStorage.isFrom == 'sale' && resultData.deleteFlag == '0') {
-          localStorage.salePageFlag = '4'
+          localStorage.salePageFlag = '3'
         }
         //建议书
         if (localStorage.isFrom == 'proposal' && resultData.content.id) {
diff --git a/src/views/ebiz/common/SelectedProduct.vue b/src/views/ebiz/common/SelectedProduct.vue
index 8c7f34cc2..e9ec94ec9 100644
--- a/src/views/ebiz/common/SelectedProduct.vue
+++ b/src/views/ebiz/common/SelectedProduct.vue
@@ -1,10 +1,10 @@
 <template>
-  <div style="background: #f5f5f5" class="select-product-container pt20">
-    <div
-      v-for="(item, index) in chooseProducts"
-      :key="index"
-      class="mb20 bg-white mh15 pv15 pr15 pl10 radius5"
-    >
+  <div style="background: #f5f5f5" class="select-product-container">
+    <div v-if="isFrom == 'sale'">
+      <index-bar></index-bar>
+    </div>
+    <div class="mt8"></div>
+    <div v-for="(item, index) in chooseProducts" :key="index" class="mb20 bg-white mh15 pv15 pr15 pl10 radius5">
       <div class="flex mv10 align-items-c">
         <div class="fs14 w45">
           <van-tag plain type="danger">主险</van-tag>
@@ -28,11 +28,7 @@
       </div>
     </div>
     <div class="pt30 bg-white pb50">
-      <div
-        class="text-center m20 pv15 border-dotted c-gray-base bg-white"
-        @click="addProduct"
-        v-if="isShow == true"
-      >
+      <div class="text-center m20 pv15 border-dotted c-gray-base bg-white" @click="addProduct" v-if="isShow == true">
         <span class="v-middle mr10" style="font-size:32px">+</span>添加产品
       </div>
     </div>
@@ -41,7 +37,8 @@
       <van-submit-bar button-text="下一步" @submit="nextStep" :disabled="nextStepFlag">
         <div class="fs15 ml15 fwb" style="flex:1" slot="default">
           合计：
-          <span class="yellow mr5">￥{{ (total / 100).toFixed(2) | moneyFormat }}</span>元
+          <span class="yellow mr5">￥{{ (total / 100).toFixed(2) | moneyFormat }}</span
+          >元
         </div>
       </van-submit-bar>
     </div>
@@ -54,6 +51,7 @@ import { orderDetail, deleteOrderInfo } from '@/api/ebiz/common/common'
 import { formatAllRisk } from '@/assets/js/utils/formatRiskList'
 import { getDetail, deleteProposal } from '@/api/ebiz/proposal/proposal.js'
 import utilsAge from '@/assets/js/utils/age'
+import IndexBar from '@/components/ebiz/sale/IndexBar'
 
 export default {
   name: 'selectedProduct',
@@ -63,18 +61,43 @@ export default {
       total: 0,
       nextStepFlag: true,
       isShow: true,
-      appntDTO: {}
+      appntDTO: {},
+      isFrom: localStorage.isFrom,
+      salePageFlag: '3'
     }
   },
   components: {
     [Tag.name]: Tag,
     [FieldPicker.name]: FieldPicker,
     [SubmitBar.name]: SubmitBar,
-    [Icon.name]: Icon
+    [Icon.name]: Icon,
+    [IndexBar.name]: IndexBar
   },
   mounted() {
+    if (localStorage.isFrom == 'sale') {
+      setTimeout(() => {
+        // eslint-disable-next-line no-undef
+        EWebBridge.webCallAppInJs('webview_left_button', {
+          img: this.$assetsUrl + 'images/del-close-btn@3x.png',
+          intercept: '1' //是否拦截原生返回事件 1是 其他否
+        })
+      }, 100)
+    }
+    window.appCallBack = this.appCallBack
     document.body.style.backgroundColor = '#fff'
     this.getProductList()
+    if (!this.$route.query.edit) {
+      //如果不是编辑/导航条跳转进来的
+      localStorage.setItem('salePageFlag', this.salePageFlag)
+    } else if (this.$route.query.edit && !this.$route.query.salePageFlag) {
+      //如果从保单列表点击编辑按钮进入
+      this.salePageFlag = '3'
+      localStorage.setItem('salePageFlag', this.salePageFlag)
+    } else if (this.$route.query.salePageFlag) {
+      //如果是从导航栏点击进入
+      this.salePageFlag = localStorage.salePageFlag
+    }
+
     // localStorage.orderNo = '19090510425500178912'
     // localStorage.saleInsuredPersonInfo = JSON.stringify({
     //   birthday: '2015-08-31',
@@ -93,6 +116,35 @@ export default {
     next()
   },
   methods: {
+    appCallBack(data) {
+      if (data.trigger == 'left_button_click' && localStorage.isFrom == 'sale') {
+        return this.$dialog
+          .confirm({
+            className: 'dialog-delete',
+            title: '提示',
+            message: '退出流程可能会丢失部分数据，是否确认退出？',
+            cancelButtonColor: '#E9332E',
+            confirmButtonColor: '#FFFFFF'
+          })
+          .then(() => {
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                title: '电子投保单列表',
+                forbidSwipeBack: 1, //当前页面禁止右滑返回
+                url: location.origin + `/#/sale/list`
+              },
+              routerInfo: {
+                path: `/sale/list`,
+                type: '1'
+              }
+            })
+          })
+          .catch(() => {
+            return
+          })
+      }
+    },
     //获取已选产品列表
     async getProductList() {
       //建议书、电投详情
@@ -224,6 +276,14 @@ export default {
     },
     //下一步
     nextStep() {
+      if (!this.$route.query.salePageFlag) {
+        //如果从保单列表编辑按钮进入
+        localStorage.salePageFlag = '4'
+      }
+      console.log('this.chooseProducts', this.chooseProducts)
+      if (this.chooseProducts.length == 0) {
+        return this.$toast('请添加产品')
+      }
       //930折中方案，豁免险选择
       let oldAddRiskCodes = JSON.parse(localStorage.oldAddRiskCodes)
       if (oldAddRiskCodes.includes('DCRS_A0001')) {
diff --git a/src/views/ebiz/sale/AccountInformation.vue b/src/views/ebiz/sale/AccountInformation.vue
index 4e96e86af..ba45926de 100644
--- a/src/views/ebiz/sale/AccountInformation.vue
+++ b/src/views/ebiz/sale/AccountInformation.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="accountInformation-container">
+    <index-bar></index-bar>
     <div class="aaountInfomation-content" v-if="!isScan">
       <van-radio-group v-model="radio" class="flex pl30 pr30 pt15 pb15 justify-content-s bg-white mt10">
         <van-radio name="0" class="fs14" @click="clickRadio(saleInsuredInfo.name)" v-if="!changeCard">{{ `投保人：${saleInsuredInfo.name}` }}</van-radio>
@@ -42,7 +43,15 @@
           />
         </van-cell-group>
         <van-cell-group class="flex align-items-c" v-if="isRenew == '0' && !changeCard">
-          <van-switch-cell v-model="isChecked" title="自动续保" active-color="#E9332E" inactive-color="#fff" class="ml15 pr30" :disabled="isForceRenew" @change="handleRenew"/>
+          <van-switch-cell
+            v-model="isChecked"
+            title="自动续保"
+            active-color="#E9332E"
+            inactive-color="#fff"
+            class="ml15 pr30"
+            :disabled="isForceRenew"
+            @change="handleRenew"
+          />
         </van-cell-group>
         <div class="fs12 mt10 ml20 w250 h15">
           <span>温馨提示：该账户将用于首期、续期保费缴费</span>
@@ -107,6 +116,8 @@ import { Cell, CellGroup, Field, RadioGroup, Radio, Popup, List, Switch, Toast,
 import { saveInformation, getBankList, getOrderDetail } from '@/api/ebiz/sale/sale'
 import utilsAge from '@/assets/js/utils/age'
 import BankCardScan from '@/components/ebiz/sale/BankCardScan'
+import IndexBar from '@/components/ebiz/sale/IndexBar'
+
 export default {
   data() {
     return {
@@ -148,7 +159,8 @@ export default {
       isForceRenew: false,
       changeCard: localStorage.changeCard,
       age: null,
-      productNo: null
+      productNo: null,
+      salePageFlag: '6'
     }
   },
   methods: {
@@ -222,18 +234,46 @@ export default {
         }
       })
     },
-    appCallBack() {
-      this.isclear = true
-      // 筛选按钮的点击事件
-      this.isclear = true
-      this.$jump({
-        flag: 'navigation',
-        extra: {
-          title: '账户管理',
-          hiddenRight: '1'
-        }
-      })
-      this.isScan = false
+    appCallBack(data) {
+      if (data.trigger == 'left_button_click') {
+        return this.$dialog
+          .confirm({
+            className: 'dialog-delete',
+            title: '提示',
+            message: '退出流程可能会丢失部分数据，是否确认退出？',
+            cancelButtonColor: '#E9332E',
+            confirmButtonColor: '#FFFFFF'
+          })
+          .then(() => {
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                title: '电子投保单列表',
+                forbidSwipeBack: 1, //当前页面禁止右滑返回
+                url: location.origin + `/#/sale/list`
+              },
+              routerInfo: {
+                path: `/sale/list`,
+                type: '1'
+              }
+            })
+          })
+          .catch(() => {
+            return
+          })
+      } else {
+        this.isclear = true
+        // 筛选按钮的点击事件
+        this.isclear = true
+        this.$jump({
+          flag: 'navigation',
+          extra: {
+            title: '账户管理',
+            hiddenRight: '1'
+          }
+        })
+        this.isScan = false
+      }
     },
     // 单选框选中
     clickRadio(val) {
@@ -243,8 +283,8 @@ export default {
     // 下一步
     next() {
       if (this.productNo === 'GFRS_M0016' && this.age > 65) {
-        this.$toast("本产品年龄大于65岁不能投保")
-        return;
+        this.$toast('本产品年龄大于65岁不能投保')
+        return
       }
       let that = this
       that.$validator.validate().then(valid => {
@@ -359,7 +399,6 @@ export default {
               }
             }
           }
-
           saveInformation(data).then(res => {
             if (res.result == '0') {
               window.localStorage.setItem('accountInformationRadio', that.radio)
@@ -385,7 +424,7 @@ export default {
     handleRenew(v) {
       //大于65不能续保
       if (this.productNo === 'GFRS_M0016' && this.age >= 65) {
-        this.$toast("本产品年龄大于等于65岁不能续保")
+        this.$toast('本产品年龄大于等于65岁不能续保')
         this.isChecked = !v
       } else {
         this.isChecked = v
@@ -403,18 +442,29 @@ export default {
 
           this.$utils.intLocalStorage(res)
         }
-        
+        if (res.orderDTO.orderAccountDTO.accountName) {
+          //如果存在填过的账户信息
+          this.radio = res.orderDTO.orderAccountDTO.accountType
+          this.name = res.orderDTO.orderAccountDTO.accountName
+          this.bank = res.orderDTO.orderAccountDTO.bankName
+          this.bankCode = res.orderDTO.orderAccountDTO.bankCode
+          this.bankId = res.orderDTO.orderAccountDTO.cardBookCode
+          localStorage.setItem('isAutoPay', res.orderDTO.orderAccountDTO.isAutoPay)
+          localStorage.setItem('isAutoRenewal', res.orderDTO.orderAccountDTO.isAutoRenewal)
+          localStorage.setItem('isRenew', res.orderDTO.orderAccountDTO.isRenew)
+        } else {
+          localStorage.setItem('salePageFlag', this.salePageFlag)
+        }
         this.productNo = res.orderDTO.insuredDTOs[0].riskDTOLst[0].mainRiskCode
         //计算年龄
         const birthday = res.orderDTO.insuredDTOs[0].birthday
-        const age = utilsAge.getAge(birthday, new Date());
+        const age = utilsAge.getAge(birthday, new Date())
         this.age = age
-
       } else {
         this.$toast(res.resultMessage)
       }
     })
-    
+
     let that = this
 
     // 获取投被保险人是否同一个人
@@ -441,6 +491,12 @@ export default {
   },
   mounted() {
     document.body.style.backgroundColor = '#F5F5F5'
+    setTimeout(() => {
+      EWebBridge.webCallAppInJs('webview_left_button', {
+        img: this.$assetsUrl + 'images/del-close-btn@3x.png',
+        intercept: '1' //是否拦截原生返回事件 1是 其他否
+      })
+    }, 100)
     // 筛选按钮的点击事件
     window.appCallBack = this.appCallBack
   },
@@ -481,7 +537,8 @@ export default {
     [Toast.name]: Toast,
     [SwitchCell.name]: SwitchCell,
     BankCardScan,
-    [Icon.name]: Icon
+    [Icon.name]: Icon,
+    [IndexBar.name]: IndexBar
   }
 }
 </script>
diff --git a/src/views/ebiz/sale/AddBeneficiaryInfo.vue b/src/views/ebiz/sale/AddBeneficiaryInfo.vue
index e784009cc..e563d9385 100644
--- a/src/views/ebiz/sale/AddBeneficiaryInfo.vue
+++ b/src/views/ebiz/sale/AddBeneficiaryInfo.vue
@@ -14,11 +14,7 @@
         @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>
+        <van-checkbox v-model="userInfo.asAppntAddress" @change="asAppntAddress" :disabled="Insured">同投保人</van-checkbox>
       </div>
       <customer-picker
         @on-choose="chooseCustomer"
@@ -95,21 +91,10 @@
         :readonly="isInsured || idLimit"
       ></FieldDatePicter>
       <div class="border-bt relative fs14 p10 flex align-center">
-        <van-checkbox
-          v-model="userInfo.effectiveDateType"
-          class="fr"
-          :disabled="effectiveDateTypeAble"
-          @change="effectiveDataTypeChange"
-        >长期</van-checkbox>
+        <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" :disabled="isInsured"></select-radio>
       <van-field
         :value="userInfo.nativeplace | idToText('nativeplace')"
         readonly
@@ -312,11 +297,12 @@ export default {
       customerShowPicker: false, //客户列表展示
       isInsured: false, //是投保人本人,
       Insured: false, //投保人本人按钮是否置灰
-      idLimit: false //证件起止日期是否只读
+      idLimit: false, //证件起止日期是否只读
       // 开飞机的小历悦
       // area: '',
       // city: '',
       // province: ''
+      saleInsuredPersonInfo: JSON.parse(localStorage.saleInsuredPersonInfo) //被保人信息
     }
   },
   mounted() {
@@ -324,7 +310,7 @@ export default {
     //   intercept: '1' //是否拦截原生返回事件 1是 其他否
     // })
     window.appCallBack = this.appCallBack
-    if (localStorage.applicant == '1' || localStorage.relationToAppnt == '1') {
+    if (localStorage.applicant == '1' || this.saleInsuredPersonInfo.relationToAppnt == '1') {
       this.Insured = true
     } else {
       this.Insured = false
@@ -380,7 +366,7 @@ export default {
         flag: 'goBack',
         extra: {
           refresh: '1', //是否返回后刷新0：否，1：是
-          index:'-1'
+          index: '-1'
         }
       })
       this.$jump({
@@ -655,9 +641,11 @@ export default {
     nextStep() {
       // 计算年龄
       let age = utilsAge.getAge(this.userInfo.birthday, new Date())
-      let relationToAppnt = localStorage.relationToAppnt
-      let insuredDetail = JSON.parse(localStorage.insuredDetail)
-      // //被保险人不是已婚
+      let relationToAppnt = this.saleInsuredPersonInfo.relationToAppnt
+      let insuredDetail = JSON.parse(localStorage.saleInsuredInfo)
+      // let insuredDetail = JSON.parse(localStorage.insuredDetail)
+      // let relationToAppnt = localStorage.relationToAppnt
+      // //被保人不是已婚
       // if (this.insuredMarriage != '1') {
       //   return this.$toast('与投保人关系不正确')
       // }
@@ -679,8 +667,8 @@ export default {
                 return this.$toast('受益人数据不合法，请重新输入')
               }
             }
-            //与被保险人关系是配偶
-            let insuredInfo = JSON.parse(localStorage.saleInsuredPersonInfo)
+            //与被保人关系是配偶
+            let insuredInfo = this.saleInsuredPersonInfo
             //如果投保人不是已婚
             if (insuredInfo.marriage != '1') {
               return this.$toast('与被保险人关系有误')
@@ -846,7 +834,7 @@ export default {
             flag: 'h5',
             extra: {
               url: location.origin + '/#/sale/beneficiary',
-              needRefresh:'1'
+              needRefresh: '1'
             },
             routerInfo: {
               path: '/sale/beneficiary'
@@ -909,16 +897,16 @@ export default {
     asAppntAddress(val) {
       console.log(val)
       if (val) {
-        if (localStorage.relationToAppnt == '2') {
+        if (this.saleInsuredPersonInfo.relationToAppnt == '2') {
           ;[this.userInfo.relationToInsured, this.relationToAppnt] = ['2', '配偶']
-        } else if (localStorage.relationToAppnt == '4') {
+        } else if (this.saleInsuredPersonInfo.relationToAppnt == '4') {
           ;[this.userInfo.relationToInsured, this.relationToAppnt] = ['3', '父母']
-        } else if (localStorage.relationToAppnt == '3') {
+        } else if (this.saleInsuredPersonInfo.relationToAppnt == '3') {
           ;[this.userInfo.relationToInsured, this.relationToAppnt] = ['4', '子女']
         }
 
         this.isInsured = true
-        let insuredDetail = JSON.parse(localStorage.insuredDetail)
+        let insuredDetail = JSON.parse(localStorage.saleInsuredInfo)
         this.userInfo.name = insuredDetail.name //姓名
         this.userInfo.sex = insuredDetail.sex //性别
         this.userInfo.nativeplace = insuredDetail.nativeplace //国家地区
@@ -926,7 +914,8 @@ export default {
         this.userInfo.idType = insuredDetail.idType //证件类型
         this.userInfo.idNo = insuredDetail.idNo //证件号码
         this.userInfo.certificateValidate = insuredDetail.certificateValidate //证件起始日期
-        this.userInfo.certiexpiredate = insuredDetail.certiexpiredate //证件截止日期
+        this.userInfo.certiexpiredate = insuredDetail.certiexpiredate == '9999-01-01' ? '' : insuredDetail.certiexpiredate //证件截止日期
+        this.userInfo.effectiveDateType = insuredDetail.certiexpiredate == '9999-01-01' //是否长期
         // this.userInfo.effectiveDateType = insuredDetail.effectiveDateType == '9999-01-01' //是否长期
         let age = utilsAge.getAge(insuredDetail.birthday, new Date())
         this.effectiveDateTypeAble = age <= 45
@@ -1023,7 +1012,7 @@ export default {
         // this.isRequired = false
         // this.userInfo.effectiveDateType = true
         if (from) {
-           this.userInfo.effectiveDateType = true
+          this.userInfo.effectiveDateType = true
         }
         this.effectiveDateTypeAble = false
       } else {
diff --git a/src/views/ebiz/sale/AttachmentManagement.vue b/src/views/ebiz/sale/AttachmentManagement.vue
index 62a1b52f8..c4a297bb6 100644
--- a/src/views/ebiz/sale/AttachmentManagement.vue
+++ b/src/views/ebiz/sale/AttachmentManagement.vue
@@ -1,5 +1,6 @@
 <template>
   <div>
+    <index-bar></index-bar>
     <div v-if="changeCard">
       <div class="flex p10 align-items-c bg-white mt10">
         <span>投保人附件</span>
@@ -294,6 +295,8 @@ import DataDictionary from '@/assets/js/utils/data-dictionary'
 import { Cell, CellGroup, Field, Uploader, RadioGroup, Radio, Dialog, Picker, Popup } from 'vant'
 import { uploadImg, saveInformation, getOrderDetail } from '@/api/ebiz/sale/sale'
 import config from '@/config'
+import IndexBar from '@/components/ebiz/sale/IndexBar'
+
 export default {
   data() {
     return {
@@ -356,7 +359,8 @@ export default {
       id: '',
       // 投保人被保险人是否是一个人 1为同一个人
       relationToAppnt: '',
-      changeCard: localStorage.changeCard
+      changeCard: localStorage.changeCard,
+      salePageFlag: '7'
     }
   },
   created() {
@@ -381,6 +385,24 @@ export default {
     }
   },
   mounted() {
+    setTimeout(() => {
+      EWebBridge.webCallAppInJs('webview_left_button', {
+        img: this.$assetsUrl + 'images/del-close--btn@3x.png',
+        intercept: '1' //是否拦截原生返回事件 1是 其他否
+      })
+    }, 100)
+    window.appCallBack = this.appCallBack
+    if (!this.$route.query.edit) {
+      //如果不是编辑/导航条跳转进来的
+      localStorage.setItem('salePageFlag', this.salePageFlag)
+    } else if (this.$route.query.edit && !this.$route.query.salePageFlag) {
+      //如果从保单列表点击编辑按钮进入
+      this.salePageFlag = '7'
+      localStorage.setItem('salePageFlag', this.salePageFlag)
+    } else if (this.$route.query.salePageFlag) {
+      //如果是从导航栏点击进入
+      this.salePageFlag = localStorage.salePageFlag
+    }
     if (this.changeCard) {
       document.body.style.backgroundColor = '#fff'
     }
@@ -519,6 +541,36 @@ export default {
     next()
   },
   methods: {
+    appCallBack(data) {
+      if (data.trigger == 'left_button_click') {
+        return this.$dialog
+          .confirm({
+            className: 'dialog-delete',
+            title: '提示',
+            message: '退出流程可能会丢失部分数据，是否确认退出？',
+            cancelButtonColor: '#E9332E',
+            confirmButtonColor: '#FFFFFF'
+          })
+          .then(() => {
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                title: '电子投保单列表',
+                forbidSwipeBack: 1, //当前页面禁止右滑返回
+                url: location.origin + `/#/sale/list`
+              },
+              routerInfo: {
+                path: `/sale/list`,
+                type: '1'
+              }
+            })
+          })
+          .catch(() => {
+            return
+          })
+      }
+    },
+
     // 删除图片前
     beforeDelete(file, detail) {
       let that = this
@@ -1217,7 +1269,8 @@ export default {
     [Radio.name]: Radio,
     [Dialog.name]: Dialog,
     [Picker.name]: Picker,
-    [Popup.name]: Popup
+    [Popup.name]: Popup,
+    [IndexBar.name]: IndexBar
   }
 }
 </script>
diff --git a/src/views/ebiz/sale/Beneficiary.vue b/src/views/ebiz/sale/Beneficiary.vue
index 12b6d5a35..abe226760 100644
--- a/src/views/ebiz/sale/Beneficiary.vue
+++ b/src/views/ebiz/sale/Beneficiary.vue
@@ -1,5 +1,8 @@
 <template>
   <div class="beneficiary-container">
+    <div style="background: rgb(245, 245, 245);" class="pt3 pb5">
+      <index-bar></index-bar>
+    </div>
     <div h10></div>
     <div class="fs14 flex justify-content-s pv12 ph15 van-hairline--bottom">
       <label class="c-gray-dark">被保险人</label>
@@ -22,12 +25,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>
               <van-icon name="delete" size="20" @click="deleteBeneficiary(index)" />
@@ -53,13 +51,16 @@
 import { RadioGroup, Radio, Icon, Dialog } from 'vant'
 import dataDictionary from '@/assets/js/utils/data-dictionary'
 import { saveOrUpdateOrderInfo, getOrderDetail } from '@/api/ebiz/sale/sale'
+import IndexBar from '@/components/ebiz/sale/IndexBar'
+
 export default {
   name: 'beneficiary',
   components: {
     [RadioGroup.name]: RadioGroup,
     [Radio.name]: Radio,
     [Icon.name]: Icon,
-    [Dialog.name]: Dialog
+    [Dialog.name]: Dialog,
+    [IndexBar.name]: IndexBar
   },
   data() {
     return {
@@ -74,7 +75,8 @@ export default {
         // }
       ], // 指定受益人列表
       bnfFlag: '0', // 受益人类型
-      bnfType: '0' // 0 身故受益人 1 身前受益人
+      bnfType: '0', // 0 身故受益人 1 身前受益人
+      salePageFlag: '4'
     }
   },
   created() {
@@ -84,22 +86,33 @@ export default {
       this.beneficiaries = this.beneficiaries.concat(JSON.parse(localStorage.beneficiaryInfo))
       this.type = '2'
       console.log(this.beneficiaries)
-    }
-    //如果是从编辑进来
-    if (this.$route.query.edit) {
+    } else {
       getOrderDetail({ orderNo: localStorage.orderNo }).then(res => {
         if (res.result == 0) {
           this.$utils.intLocalStorage(res)
+          this.type = res.orderDTO.orderInfoDTO.bnfFlag == '1' ? '2' : '1' //bnfFlag 0-法定受益人 1-指定受益人
+          if (res.orderDTO.orderInfoDTO.bnfFlag == null) {
+            localStorage.setItem('salePageFlag', this.salePageFlag)
+          }
+          if (res.orderDTO.insuredDTOs[0].bnfDTOs !== null) {
+            this.beneficiaries = this.beneficiaries.concat(res.orderDTO.insuredDTOs[0].bnfDTOs)
+            localStorage.beneficiaryInfo = JSON.stringify(res.orderDTO.insuredDTOs[0].bnfDTOs)
+          } else {
+            localStorage.beneficiaryInfo = []
+          }
         }
       })
     }
     this.insuredPerson = JSON.parse(localStorage.saleInsuredPersonInfo).name
   },
   mounted() {
-    // EWebBridge.webCallAppInJs('webview_left_button', {
-    //   intercept: '1' //是否拦截原生返回事件 1是 其他否
-    // })
-    // window.appCallBack = this.appCallBack
+    setTimeout(() => {
+      EWebBridge.webCallAppInJs('webview_left_button', {
+        img: this.$assetsUrl + 'images/del-close-btn@3x.png',
+        intercept: '1' //是否拦截原生返回事件 1是 其他否
+      })
+    }, 100)
+    window.appCallBack = this.appCallBack
     document.body.style.backgroundColor = '#fff'
   },
   beforeRouteLeave(to, from, next) {
@@ -107,15 +120,35 @@ export default {
     next()
   },
   methods: {
-    // appCallBack() {
-    //   this.$jump({
-    //     flag: 'goBack',
-    //     extra: {
-    //       refresh: '1', //是否返回后刷新0：否，1：是
-    //       index: '-1'
-    //     }
-    //   })
-    // },
+    appCallBack(data) {
+      if (data.trigger == 'left_button_click') {
+        return this.$dialog
+          .confirm({
+            className: 'dialog-delete',
+            title: '提示',
+            message: '退出流程可能会丢失部分数据，是否确认退出？',
+            cancelButtonColor: '#E9332E',
+            confirmButtonColor: '#FFFFFF'
+          })
+          .then(() => {
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                title: '电子投保单列表',
+                forbidSwipeBack: 1, //当前页面禁止右滑返回
+                url: location.origin + `/#/sale/list`
+              },
+              routerInfo: {
+                path: `/sale/list`,
+                type: '1'
+              }
+            })
+          })
+          .catch(() => {
+            return
+          })
+      }
+    },
     //告知信息
     nextStep() {
       if (this.type == 2 && this.beneficiaries.length == 0) {
@@ -136,7 +169,7 @@ export default {
           insuredDTOs: [
             {
               insuredId: JSON.parse(localStorage.saleInsuredPersonInfo).insuredId,
-              bnfDTOs: this.beneficiaries
+              bnfDTOs: this.bnfFlag == '0' ? [] : this.beneficiaries
             }
           ],
           paymentDTO: {},
@@ -152,15 +185,17 @@ export default {
         // console.log(res)
         if (res.result == 0) {
           localStorage.removeItem('applicant')
+          localStorage.removeItem('fromAddBeneficiaryInfo')
           //页面跳转
           this.$jump({
             flag: 'h5',
             extra: {
-              url: location.origin + '/#/sale/notifyingMessage',
+              forbidSwipeBack: '1',
+              url: location.origin + `/#/sale/notifyingMessage`,
               needRefresh: '1'
             },
             routerInfo: {
-              path: '/sale/notifyingMessage'
+              path: `/sale/notifyingMessage`
             }
           })
         } else {
@@ -224,7 +259,6 @@ export default {
 
           // 删除页面中的对应数据
           this.beneficiaries.splice(index, 1)
-          
         })
         .catch(() => {
           // on cancel
diff --git a/src/views/ebiz/sale/Detail.vue b/src/views/ebiz/sale/Detail.vue
index a0920faec..ffbb95a02 100644
--- a/src/views/ebiz/sale/Detail.vue
+++ b/src/views/ebiz/sale/Detail.vue
@@ -2,7 +2,7 @@
   <div class="detail-container">
     <van-collapse v-model="activeNames">
       <!-- 保单信息 -->
-      <van-collapse-item title="保单信息" name="1" class="pb10 pt10">
+      <van-collapse-item title="投保单信息" name="1" class="pb10 pt10">
         <van-cell-group>
           <van-cell title="投保单号" :value="OrderInfoDTO.orderNo" />
           <van-cell title="投保日期" :value="OrderInfoDTO.appntDateLabel" />
@@ -64,7 +64,7 @@
               <van-cell title="交费期间" v-if="it.payEndYear == '1000'" value="一次性交清" />
               <!-- isYear == true ? `${it.insuYear}年` : it.insuYear" -->
               <van-cell title="险种保额(元)" value="--" v-if="it.riskCode == 'GFRS_M0015' || it.riskCode == 'GFRS_M0017' || it.riskCode == 'GFRS_M0003'" />
-              <van-cell title="险种保额(元)" :value="it.amt | moneyFormat" v-else/>
+              <van-cell title="险种保额(元)" :value="it.amt | moneyFormat" v-else />
               <van-cell title="险种保费(元)" :value="it.mainPremDetail | moneyFormat" />
               <!-- v-if="it.isMainRisk == '1'" -->
               <!-- <span>{{ it.isMainRisk }}</span> -->
diff --git a/src/views/ebiz/sale/InsuredInfo.vue b/src/views/ebiz/sale/InsuredInfo.vue
index 13963a2b4..dc32f2a6b 100644
--- a/src/views/ebiz/sale/InsuredInfo.vue
+++ b/src/views/ebiz/sale/InsuredInfo.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="insured-info-container pb50">
     <!-- 基本信息 -->
+    <index-bar></index-bar>
     <van-cell-group class="mt10">
       <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">基本信息</p>
       <customer-picker
@@ -337,6 +338,7 @@
 <script>
 import { Field, CellGroup, Checkbox, Popup, Picker, Area, RadioGroup, Radio } from 'vant'
 import SelectRadio from '@/components/ebiz/SelectRadio'
+import IndexBar from '@/components/ebiz/sale/IndexBar'
 import FieldDatePicter from '@/components/ebiz/FieldDatePicter'
 import OccupationPicker from '@/components/ebiz/occipation/OccupationPicker'
 import CustomerPicker from '@/components/ebiz/customer/CustomerPicker'
@@ -367,7 +369,8 @@ export default {
     [Area.name]: Area,
     [RadioGroup.name]: RadioGroup,
     [Radio.name]: Radio,
-    [IdentityCardScan.name]: IdentityCardScan
+    [IdentityCardScan.name]: IdentityCardScan,
+    [IndexBar.name]: IndexBar
   },
   data() {
     return {
@@ -468,12 +471,14 @@ export default {
       customerShowPicker: false,
       occupationShowPicker: false,
       timeId: null,
-      idLimit: false //证件起止日期是否只读
+      idLimit: false, //证件起止日期是否只读
+
+      salePageFlag: '1'
     }
   },
   created() {
     // document.body.style.backgroundColor = '#F5F5F5'
-    //如果是编辑进来
+    //如果是编辑/导航进来
     this.isElecCont = '0'
     if (this.$route.query.edit) {
       getOrderDetail({ orderNo: localStorage.orderNo }).then(res => {
@@ -483,19 +488,42 @@ export default {
           //是否长期
           this.userInfo.effectiveDateType = res.orderDTO.appntDTO.effectiveDateType == 'false' ? false : true
           //有无社保
-          this.userInfo.medical = '1'
+          this.userInfo.medical = res.orderDTO.appntDTO.medical
           //设为联系地址
           // this.userInfo.addressStatus = '0'
           //证件类型
-          this.userInfo.idType = '1'
+          // this.userInfo.idType = '1'
           //国家/地区
-          this.userInfo.nativeplace = '1'
+          // this.userInfo.nativeplace = '1'
           this.$utils.intLocalStorage(res)
+
+          if (this.$route.query.edit && !this.$route.query.salePageFlag) {
+            //如果从保单列表点击编辑按钮进入
+            this.salePageFlag = '1'
+            localStorage.setItem('salePageFlag', this.salePageFlag)
+          } else {
+            this.homeName = getAreaName([
+              { code: res.orderDTO.appntDTO.homeProvince },
+              { code: res.orderDTO.appntDTO.homeCity },
+              { code: res.orderDTO.appntDTO.homeArea }
+            ]) //获取家庭地址
+            this.census = getAreaName([{ code: res.orderDTO.appntDTO.householdProvince }, { code: res.orderDTO.appntDTO.householdCity }]) //获取户籍
+          }
         }
       })
+    } else {
+      localStorage.setItem('salePageFlag', this.salePageFlag)
+      localStorage.setItem('saleInsuredInfo', '')
     }
   },
   mounted() {
+    setTimeout(() => {
+      // eslint-disable-next-line no-undef
+      EWebBridge.webCallAppInJs('webview_left_button', {
+        img: this.$assetsUrl + 'images/del-close-btn@3x.png',
+        intercept: '1' //是否拦截原生返回事件 1是 其他否
+      })
+    }, 100)
     // 筛选按钮的点击事件
     window.appCallBack = this.appCallBack
   },
@@ -507,21 +535,49 @@ export default {
     selectClick(index) {
       selectComp(this, index, '1')
     },
-    appCallBack() {
-      // 筛选按钮的点击事件
-      this.$jump({
-        flag: 'navigation',
-        extra: {
-          title: '投保人信息',
-          hiddenRight: '1'
+    appCallBack(data) {
+      if (data.trigger == 'left_button_click') {
+        return this.$dialog
+          .confirm({
+            className: 'dialog-delete',
+            title: '提示',
+            message: '退出流程可能会丢失部分数据，是否确认退出？',
+            cancelButtonColor: '#E9332E',
+            confirmButtonColor: '#FFFFFF'
+          })
+          .then(() => {
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                title: '电子投保单列表',
+                forbidSwipeBack: 1, //当前页面禁止右滑返回
+                url: location.origin + `/#/sale/list`
+              },
+              routerInfo: {
+                path: `/sale/list`,
+                type: '1'
+              }
+            })
+          })
+          .catch(() => {
+            return
+          })
+      } else {
+        // 筛选按钮的点击事件
+        this.$jump({
+          flag: 'navigation',
+          extra: {
+            title: '投保人信息',
+            hiddenRight: '1'
+          }
+        })
+        if (this.currentPopupIndex == 1) {
+          this.customerShowPicker = false
+        } else if (this.currentPopupIndex == 2) {
+          this.occupationShowPicker = false
+        } else if (this.currentPopupIndex == 3) {
+          this.isScan = false
         }
-      })
-      if (this.currentPopupIndex == 1) {
-        this.customerShowPicker = false
-      } else if (this.currentPopupIndex == 2) {
-        this.occupationShowPicker = false
-      } else if (this.currentPopupIndex == 3) {
-        this.isScan = false
       }
     },
     chooseOccupation() {
@@ -547,7 +603,10 @@ export default {
       } else if (pickerType == '3') {
         this.columns = DataDictionary.degree
       } else if (pickerType == '4') {
-        this.columns = [{ id: 0, text: '有' }, { id: 1, text: '无' }]
+        this.columns = [
+          { id: 0, text: '有' },
+          { id: 1, text: '无' }
+        ]
       } else if (pickerType == '5') {
         this.columns = DataDictionary.taxIdentity
       } else if (pickerType == '6') {
@@ -895,38 +954,42 @@ export default {
     infoUpdate() {
       //local 里面是否存有险种信息
       let chooseProductCodes = localStorage.chooseProductCodes && JSON.parse(localStorage.chooseProductCodes)
-      if (chooseProductCodes && chooseProductCodes.length) {
+      // if (chooseProductCodes && chooseProductCodes.length) {
+      if (localStorage.saleInsuredInfo) {
         console.log('haha')
         //获取险种列表
         //取出local中的投保人信息
         let saleInsuredInfo = JSON.parse(localStorage.saleInsuredInfo)
-        //如果 性别, 出生日期, 有无社保, 职业 发生变化
-        if (this.userInfo.sex != saleInsuredInfo.sex || this.userInfo.birthday != saleInsuredInfo.birthday) {
+        //如果 姓名， 性别, 出生日期, 有无社保, 职业 ，婚姻情况，发生变化
+        if (
+          this.userInfo.sex != saleInsuredInfo.sex ||
+          this.userInfo.birthday != saleInsuredInfo.birthday
+        ) {
           console.log('hehe')
           //提示用户
-          return this.$dialog
-            .confirm({
-              className: 'dialog-delete',
-              title: '提示',
-              message: '当前信息已经发生改变，有可能影响险种费率，是否确认修改并清除险种信息?',
-              cancelButtonColor: '#E9332E',
-              confirmButtonColor: '#FFFFFF'
-            })
-            .then(() => {
-              // on confirm
+          if (chooseProductCodes && chooseProductCodes.length)
+            return this.$dialog
+              .confirm({
+                className: 'dialog-delete',
+                title: '提示',
+                message: '当前信息已经发生改变，有可能影响险种费率，是否确认修改并清除险种信息?',
+                cancelButtonColor: '#E9332E',
+                confirmButtonColor: '#FFFFFF'
+              })
+              .then(() => {
+                // on confirm
 
-              this.save('isShow=1')
-              console.log('success')
-            })
-            .catch(() => {
-              // on cancel
-              return
-            })
+                this.save()
+                // this.save('isShow=1')
+              })
+              .catch(() => {
+                return
+              })
         }
       }
       this.save()
     },
-    async save(str = '') {
+    async save() {
       let params = {
         orderType: 'APPNT_ORDER',
         orderDTO: {
@@ -938,31 +1001,21 @@ export default {
           appntDTO: {}
         }
       }
-      // let params = {
-      //   operateType: 'authmobile',
-      //   type: 'H5',
-      //   system: 'agentApp',
-      //   operateCodeType: '0'
-      // }
-
+      let str = ''
       params.orderDTO.appntDTO = this.userInfo
       let resultData = await saveOrUpdateOrderInfo(params)
       if (resultData.result == 0) {
-        //存储被保险人信息
-        // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
-        // localStorage.saleInsuredInfo = JSON.stringify({
-        //   birthday: this.userInfo.birthday,
-        //   name: this.userInfo.name,
-        //   sex: this.userInfo.sex,
-        //   idType: this.userInfo.idType,
-        //   age
-        // })
-        // this.userInfo.age = age
-        // localStorage.saleInsuredInfo = JSON.stringify(this.userInfo)
-        // console.log(this.userInfo)
-
+        //deleteFlag 0-该页面修改了信息且修改的信息影响到后面流程，后台进行了删除数据的操作
+        if (resultData.deleteFlag == '0') {
+          localStorage.salePageFlag = '2'
+        } else if (!this.$route.query.salePageFlag) {
+          //如果从保单列表编辑按钮或者新增保单进入
+          localStorage.salePageFlag = '2'
+        } else {
+          str = 'edit=1&salePageFlag=2'
+        }
         localStorage.orderNo = resultData.orderNo
-        localStorage.insuredDetail = JSON.stringify(this.userInfo)
+        // localStorage.insuredDetail = JSON.stringify(this.userInfo)
         //清理计时器
         window.clearInterval(this.timeId)
         this.timeId = null
@@ -1110,7 +1163,7 @@ export default {
         return this.$toast('体重输入有误')
       }
     },
-    getRelatedData(val,source) {
+    getRelatedData(val, source) {
       if (this.userInfo.idType != '1') {
         return
       }
@@ -1124,8 +1177,8 @@ export default {
       this.userInfo.birthday = idToData(val).birthday
       this.userInfo.sex = idToData(val).sex
       if (idToData(val).age > 45) {
-        if(source){
-           this.userInfo.effectiveDateType = true
+        if (source) {
+          this.userInfo.effectiveDateType = true
         }
         this.effectiveDateTypeAble = false
       } else {
diff --git a/src/views/ebiz/sale/InsuredPerson.vue b/src/views/ebiz/sale/InsuredPerson.vue
index 1c91e87df..b7f936985 100644
--- a/src/views/ebiz/sale/InsuredPerson.vue
+++ b/src/views/ebiz/sale/InsuredPerson.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="insured-person-container pb50 ">
     <!-- 基本信息 -->
+    <index-bar></index-bar>
     <van-cell-group v-if="!isScan">
       <p style="border-bottom: 1px solid #ebedf0" class="mt10 fs15 fwb pl10 pv12">基本信息</p>
       <van-field
@@ -443,6 +444,7 @@ import idNoCheck from '@/assets/js/utils/idNoCheck'
 import beforeDate from '@/assets/js/utils/getBeforeDate.js'
 import { idToData } from './js/verification'
 import { selectComp, getIdentityInfo } from './js/methods'
+import IndexBar from '@/components/ebiz/sale/IndexBar'
 
 export default {
   name: 'insuredInfo',
@@ -457,7 +459,8 @@ export default {
     [Popup.name]: Popup,
     [Picker.name]: Picker,
     [Area.name]: Area,
-    [IdentityCardScan.name]: IdentityCardScan
+    [IdentityCardScan.name]: IdentityCardScan,
+    [IndexBar.name]: IndexBar
   },
   data() {
     return {
@@ -560,11 +563,12 @@ export default {
       occupationShowPicker: false,
       isAppnt: false, // 是否投被同人
       appntMarriage: '', //投保人婚姻状况
-      idLimit: false //证件起止日期是否只读
+      idLimit: false, //证件起止日期是否只读
+      salePageFlag: '2'
     }
   },
   created() {
-    //如果是编辑进来
+    //如果是编辑/导航进来
     // if (this.$route.query.edit) {
     if (localStorage.orderNo) {
       getOrderDetail({ orderNo: localStorage.orderNo }).then(res => {
@@ -624,55 +628,65 @@ export default {
             this.userInfo.effectiveDateType = insuredPersonInfo.effectiveDateType == 'false' ? false : true
             //设为联系地址
             // this.userInfo.addressStatus = '0'
-            //证件类型
-            this.userInfo.idType = '1'
-            //国家/地区
-            this.userInfo.nativeplace = '1'
             // if (this.$route.query.isShow) {
-              //户籍
-              if (insuredPersonInfo.householdProvince.length) {
-                this.census = getAreaName([{ code: insuredPersonInfo.householdProvince }, { code: insuredPersonInfo.householdCity }])
-              }
-              //单位地址
-              // if (insuredPersonInfo.companyProvince.length) {
-              //   this.areaName = getAreaName([
-              //     { code: insuredPersonInfo.companyProvince },
-              //     { code: insuredPersonInfo.companyCity },
-              //     { code: insuredPersonInfo.companyArea }
-              //   ])
-              // }
-              //家庭地址
-              if (insuredPersonInfo.homeProvince.length) {
-                this.homeName = getAreaName([
-                  { code: insuredPersonInfo.homeProvince },
-                  { code: insuredPersonInfo.homeCity },
-                  { code: insuredPersonInfo.homeArea }
-                ])
-              }
-              //是否长期
-              this.userInfo.effectiveDateType = insuredPersonInfo.effectiveDateType == 'false' ? false : true
-              // let saleInsuredPersonInfo = JSON.parse(localStorage.saleInsuredPersonInfo)
-              // this.userInfo = saleInsuredPersonInfo
-              // this.census = getAreaName([{ code: saleInsuredPersonInfo.householdProvince }, { code: saleInsuredPersonInfo.householdCity }]) //户籍
-              // this.areaName = getAreaName([
-              //   { code: saleInsuredPersonInfo.companyProvince },
-              //   { code: saleInsuredPersonInfo.companyCity },
-              //   { code: saleInsuredPersonInfo.companyArea }
-              // ]) //单位地址
-              // this.homeName = getAreaName([
-              //   { code: saleInsuredPersonInfo.homeProvince },
-              //   { code: saleInsuredPersonInfo.homeCity },
-              //   { code: saleInsuredPersonInfo.homeArea }
-              // ]) //家庭地址
+            //户籍
+            if (insuredPersonInfo.householdProvince.length) {
+              this.census = getAreaName([{ code: insuredPersonInfo.householdProvince }, { code: insuredPersonInfo.householdCity }])
+            }
+            //单位地址
+            // if (insuredPersonInfo.companyProvince.length) {
+            //   this.areaName = getAreaName([
+            //     { code: insuredPersonInfo.companyProvince },
+            //     { code: insuredPersonInfo.companyCity },
+            //     { code: insuredPersonInfo.companyArea }
+            //   ])
+            // }
+            //家庭地址
+            if (insuredPersonInfo.homeProvince.length) {
+              this.homeName = getAreaName([
+                { code: insuredPersonInfo.homeProvince },
+                { code: insuredPersonInfo.homeCity },
+                { code: insuredPersonInfo.homeArea }
+              ])
+            }
+            //是否长期
+            this.userInfo.effectiveDateType = insuredPersonInfo.effectiveDateType == 'false' ? false : true
+            // let saleInsuredPersonInfo = JSON.parse(localStorage.saleInsuredPersonInfo)
+            // this.userInfo = saleInsuredPersonInfo
+            // this.census = getAreaName([{ code: saleInsuredPersonInfo.householdProvince }, { code: saleInsuredPersonInfo.householdCity }]) //户籍
+            // this.areaName = getAreaName([
+            //   { code: saleInsuredPersonInfo.companyProvince },
+            //   { code: saleInsuredPersonInfo.companyCity },
+            //   { code: saleInsuredPersonInfo.companyArea }
+            // ]) //单位地址
+            // this.homeName = getAreaName([
+            //   { code: saleInsuredPersonInfo.homeProvince },
+            //   { code: saleInsuredPersonInfo.homeCity },
+            //   { code: saleInsuredPersonInfo.homeArea }
+            // ]) //家庭地址
             // }
           }
         } else {
           return this.$toast(res.resultMessage)
         }
       })
+    } else {
+      localStorage.setItem('salePageFlag', this.salePageFlag)
+    }
+    if (this.$route.query.edit && !this.$route.query.salePageFlag) {
+      //如果从保单列表点击编辑按钮进入
+      this.salePageFlag = '2'
+      localStorage.setItem('salePageFlag', this.salePageFlag)
     }
   },
   mounted() {
+    setTimeout(() => {
+      // eslint-disable-next-line no-undef
+      EWebBridge.webCallAppInJs('webview_left_button', {
+        img: this.$assetsUrl + 'images/del-close-btn@3x.png',
+        intercept: '1' //是否拦截原生返回事件 1是 其他否
+      })
+    }, 100)
     window.appCallBack = this.appCallBack
     //   // document.body.style.backgroundColor = '#F5F5F5'
   },
@@ -997,22 +1011,50 @@ export default {
           break
       }
     },
-    appCallBack() {
-      // 筛选按钮的点击事件
-      this.$jump({
-        flag: 'navigation',
-        extra: {
-          title: '被保险人信息',
-          hiddenRight: '1'
+    appCallBack(data) {
+      if (data.trigger == 'left_button_click') {
+        return this.$dialog
+          .confirm({
+            className: 'dialog-delete',
+            title: '提示',
+            message: '退出流程可能会丢失部分数据，是否确认退出？',
+            cancelButtonColor: '#E9332E',
+            confirmButtonColor: '#FFFFFF'
+          })
+          .then(() => {
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                title: '电子投保单列表',
+                forbidSwipeBack: 1, //当前页面禁止右滑返回
+                url: location.origin + `/#/sale/list`
+              },
+              routerInfo: {
+                path: `/sale/list`,
+                type: '1'
+              }
+            })
+          })
+          .catch(() => {
+            return
+          })
+      } else {
+        // 筛选按钮的点击事件
+        this.$jump({
+          flag: 'navigation',
+          extra: {
+            title: '被保人信息',
+            hiddenRight: '1'
+          }
+        })
+        console.log(this.currentPopupIndex)
+        if (this.currentPopupIndex == 1) {
+          this.customerShowPicker = false
+        } else if (this.currentPopupIndex == 2) {
+          this.occupationShowPicker = false
+        } else if (this.currentPopupIndex == 3) {
+          this.isScan = false
         }
-      })
-      console.log(this.currentPopupIndex)
-      if (this.currentPopupIndex == 1) {
-        this.customerShowPicker = false
-      } else if (this.currentPopupIndex == 2) {
-        this.occupationShowPicker = false
-      } else if (this.currentPopupIndex == 3) {
-        this.isScan = false
       }
     },
     //选择客户
@@ -1259,7 +1301,8 @@ export default {
       //local 里面是否存有险种信息
       // debugger
       let chooseProductCodes = localStorage.chooseProductCodesNew && JSON.parse(localStorage.chooseProductCodesNew)
-      if (chooseProductCodes && chooseProductCodes.length) {
+      // if (chooseProductCodes && chooseProductCodes.length) {
+      if (localStorage.saleInsuredPersonInfo) {
         //获取险种列表
         // let chooseProductCodes = JSON.parse(localStorage.chooseProductCodes)
         //取出local中的被保险人信息
@@ -1274,22 +1317,23 @@ export default {
           this.userInfo.occupationCode != saleInsuredPersonInfo.occupationCode
         ) {
           //提示用户
-          return Dialog.confirm({
-            className: 'dialog-delete',
-            title: '提示',
-            message: '当前信息已经发生改变，有可能影响险种费率，是否确认修改并清除险种信息?',
-            cancelButtonColor: '#4FC6B3',
-            confirmButtonColor: '#FFFFFF'
-          })
-            .then(() => {
-              // on confirm
-              localStorage.chooseProductCodesNew = ''
-              this.save()
-            })
-            .catch(() => {
-              // on cancel
-              return
+          if (chooseProductCodes && chooseProductCodes.length)
+            return Dialog.confirm({
+              className: 'dialog-delete',
+              title: '提示',
+              message: '当前信息已经发生改变，有可能影响险种费率，是否确认修改并清除险种信息?',
+              cancelButtonColor: '#4FC6B3',
+              confirmButtonColor: '#FFFFFF'
             })
+              .then(() => {
+                // on confirm
+                localStorage.chooseProductCodesNew = ''
+                this.save()
+              })
+              .catch(() => {
+                // on cancel
+                return
+              })
         }
       }
       this.save()
@@ -1310,17 +1354,21 @@ export default {
         delete this.userInfo.mediaDTOS
       }
       params.orderDTO.insuredDTOs = [this.userInfo]
+      let str = ''
       let resultData = await saveOrUpdateOrderInfo(params)
       if (resultData.result == 0) {
-        //存储被保险人信息
-        //如果投被保险人是同一个人, 更新投保人信息
-        // if (this.userInfo.relationToAppnt == '1') {
-        //   localStorage.saleInsuredInfo = JSON.stringify(this.userInfo)
-        // }
-        // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
-        // this.userInfo.age = age
-        // localStorage.saleInsuredPersonInfo = JSON.stringify(this.userInfo)
-        localStorage.relationToAppnt = this.userInfo.relationToAppnt
+        localStorage.salePageFlag = '3'
+        // localStorage.relationToAppnt = this.userInfo.relationToAppnt
+
+        //deleteFlag 0-该页面修改了信息且修改的信息影响到后面流程，后台进行了删除数据的操作
+        if (resultData.deleteFlag == '0') {
+          localStorage.salePageFlag = '3'
+        } else if (!this.$route.query.salePageFlag) {
+          //如果从保单列表编辑按钮/新增保单进入
+          localStorage.salePageFlag = '3'
+        } else {
+          str = 'edit=1&salePageFlag=3'
+        }
         localStorage.isFrom = 'sale'
         //清理计时器
         window.clearInterval(this.timeId)
@@ -1330,10 +1378,11 @@ export default {
         this.$jump({
           flag: 'h5',
           extra: {
-            url: location.origin + '/#/common/selectedProduct'
+            forbidSwipeBack: '1',
+            url: location.origin + `/#/common/selectedProduct?${str}`
           },
           routerInfo: {
-            path: '/common/selectedProduct'
+            path: `/common/selectedProduct?${str}`
           }
         })
       } else {
@@ -1500,7 +1549,7 @@ export default {
         // this.idLimit = true
         // this.isRequired = false
         if (from) {
-           this.userInfo.effectiveDateType = true
+          this.userInfo.effectiveDateType = true
         }
         this.effectiveDateTypeAble = false
       } else {
diff --git a/src/views/ebiz/sale/List.vue b/src/views/ebiz/sale/List.vue
index 4105edc3b..b4f9d26de 100644
--- a/src/views/ebiz/sale/List.vue
+++ b/src/views/ebiz/sale/List.vue
@@ -101,7 +101,7 @@
                 >
                 <van-button
                   @click="changeCard(order)"
-                  v-if="active == 'commit' && order.orderInfoDTO.orderStatus == '48' || active == 'commit' && order.orderInfoDTO.orderStatus == '49'"
+                  v-if="(active == 'commit' && order.orderInfoDTO.orderStatus == '48') || (active == 'commit' && order.orderInfoDTO.orderStatus == '49')"
                   size="small"
                   class="mr5"
                   type="danger"
@@ -179,9 +179,22 @@ export default {
     }
   },
   mounted() {
+    setTimeout(() => {
+      EWebBridge.webCallAppInJs('webview_left_button', {
+        intercept: '1' //是否拦截原生返回事件 1是 其他否
+      })
+    }, 100)
+    window.appCallBack = this.appCallBack
     this.loadMore()
   },
   methods: {
+    appCallBack(data) {
+      if (data.trigger == 'left_button_click') {
+        this.$jump({
+          flag: 'home'
+        })
+      }
+    },
     //分页用
     loadMore() {
       let pageInfo = {
@@ -398,6 +411,7 @@ export default {
       this.$jump({
         flag: 'h5',
         extra: {
+          forbidSwipeBack: '1',
           url: location.origin + `/#${url}`
         },
         routerInfo: { path: url }
@@ -457,7 +471,7 @@ export default {
       this.$jump({
         flag: 'h5',
         extra: {
-          url: location.origin + '/#/sale/insuredInfo',
+          url: location.origin + '/#/sale/insuredInfo'
         },
         routerInfo: { path: '/sale/insuredInfo' }
       })
diff --git a/src/views/ebiz/sale/NotifyingMessage.vue b/src/views/ebiz/sale/NotifyingMessage.vue
index 322c24f1d..a0500cef3 100644
--- a/src/views/ebiz/sale/NotifyingMessage.vue
+++ b/src/views/ebiz/sale/NotifyingMessage.vue
@@ -1,13 +1,18 @@
 <template>
   <div class="notifyingMessage-container">
     <div class="pb50">
-      <div class="pt20 pb20 pr10 bg-white flex justify-content-s align-items-c allFalse">
-        <span class="pl10">告知项目</span>
-        <div @click="allFalse" class="pr10">
-          <van-button type="danger" size="small">一键全否</van-button>
+      <div class=" allFalse">
+        <div style="background-color: rgb(245, 245, 245);padding-bottom:5px">
+          <index-bar></index-bar>
+        </div>
+        <div class="pt20 pb20 pr10 bg-white flex justify-content-s align-items-c">
+          <span class="pl10">告知项目</span>
+          <div @click="allFalse" class="pr10">
+            <van-button type="danger" size="small">一键全否</van-button>
+          </div>
         </div>
       </div>
-      <div class="pt80">
+      <div style="padding-top:120px">
         <div v-for="(im, indx) in impartDTOS" :key="indx">
           <van-collapse v-model="activeNames">
             <van-collapse-item :name="indx + 1">
@@ -65,7 +70,7 @@
                       <van-field v-model="it.answer" placeholder="请输入" :label="it.questionContent" clearable v-validate="'required'" data-vv-name="答案" />
                     </div>
                   </van-cell-group>
-                  <div v-if="item.show">
+                  <div v-if="item.impartAnswer == '0'">
                     <van-cell-group v-for="(it, ind) in item.questions" :key="ind">
                       <van-field
                         v-model="it.answer"
@@ -121,6 +126,7 @@
 import { Collapse, CollapseItem, RadioGroup, Radio, Field, CellGroup, Icon } from 'vant'
 import { information, saveInformation, getOrderDetail } from '@/api/ebiz/sale/sale'
 import utilsAge from '@/assets/js/utils/age'
+import IndexBar from '@/components/ebiz/sale/IndexBar'
 export default {
   data() {
     return {
@@ -162,7 +168,8 @@ export default {
         '10': '投保人财务告知',
         '9': '被保险人健康告知',
         '11': '被保险人财务告知'
-      }
+      },
+      salePageFlag: '5'
     }
   },
   created() {
@@ -171,13 +178,53 @@ export default {
       if (res.result == 0) {
         //投被保险人关系
         this.isExistAdditionalRisk = res.orderDTO.insuredDTOs[0].riskDTOLst.length > 1 ? true : false
-        console.log('this.is ====',this.isExistAdditionalRisk)
+        console.log('this.is ====', this.isExistAdditionalRisk)
         this.relationToAppnt = res.orderDTO.insuredDTOs[0].relationToAppnt
         this.$utils.intLocalStorage(res)
         this.saleInsuredInfo = JSON.parse(window.localStorage.getItem('saleInsuredInfo'))
         this.saleInsuredPersonInfo = JSON.parse(window.localStorage.getItem('saleInsuredPersonInfo'))
-        // 获取告知消息
-        this.information()
+        //如果返回参数存在曾经提交的告知信息，获取曾经提交的告知信息
+        let insuredFinanceImpartDTO = res.orderDTO.appntDTO.financeImpartDTO //投保人财务告知集合
+        let insuredImpartDTO = res.orderDTO.appntDTO.impartDTO //投保人健康告知集合
+        let insuredPersionFinanceImpartDTO = res.orderDTO.insuredDTOs[0].financeImpartDTO //被保人财务告知集合
+        let insuredPersionImpartDTO = res.orderDTO.insuredDTOs[0].impartDTO //被保人健康告知集合
+        if (
+          insuredFinanceImpartDTO.impartItemDTOS ||
+          insuredImpartDTO.impartItemDTOS ||
+          insuredPersionFinanceImpartDTO.impartItemDTOS ||
+          insuredPersionImpartDTO.impartItemDTOS
+        ) {
+          if (insuredFinanceImpartDTO.impartItemDTOS) {
+            this.impartDTOS.push({ impartItemDTOS: insuredFinanceImpartDTO.impartItemDTOS, impartType: insuredFinanceImpartDTO.impartType })
+          }
+          if (insuredImpartDTO.impartItemDTOS) {
+            this.impartDTOS.push({ impartItemDTOS: insuredImpartDTO.impartItemDTOS, impartType: insuredImpartDTO.impartType })
+          }
+          if (insuredPersionFinanceImpartDTO.impartItemDTOS) {
+            this.impartDTOS.push({ impartItemDTOS: insuredPersionFinanceImpartDTO.impartItemDTOS, impartType: insuredPersionFinanceImpartDTO.impartType })
+          }
+          if (insuredPersionImpartDTO.impartItemDTOS) {
+            this.impartDTOS.push({ impartItemDTOS: insuredPersionImpartDTO.impartItemDTOS, impartType: insuredPersionImpartDTO.impartType })
+          }
+          this.impartDTOS.map(v => {
+            v.impartItemDTOS.map(i => {
+              i.isSelect =
+                this.formatDateTime() +
+                Math.random()
+                  .toString(36)
+                  .substr(2)
+              i.show = false
+              if (i.impartAnswer == '0') {
+                i.show = true
+              } else {
+                i.questions[0].answer = ''
+              }
+            })
+          })
+        } else {
+          // 获取告知消息
+          this.information()
+        }
         //投被同人取到年纪和性别去判断是是否显示内容
         this.saleInsuredAge = utilsAge.getAge(this.saleInsuredInfo.birthday, new Date())
         this.saleInsuredSex = this.saleInsuredInfo.sex
@@ -192,12 +239,62 @@ export default {
     this.productCodes = JSON.parse(localStorage.chooseProductCodes)
     //this.information()
   },
+  mounted() {
+    setTimeout(() => {
+      EWebBridge.webCallAppInJs('webview_left_button', {
+        img: this.$assetsUrl + 'images/del-close-btn@3x.png',
+        intercept: '1' //是否拦截原生返回事件 1是 其他否
+      })
+    }, 100)
+    window.appCallBack = this.appCallBack
+    document.body.style.backgroundColor = '#F5F5F5'
+    if (!this.$route.query.edit) {
+      //如果不是编辑/导航条跳转进来的
+      localStorage.setItem('salePageFlag', this.salePageFlag)
+    } else if (this.$route.query.edit && !this.$route.query.salePageFlag) {
+      //如果从保单列表点击编辑按钮进入
+      this.salePageFlag = '5'
+      localStorage.setItem('salePageFlag', this.salePageFlag)
+    } else if (this.$route.query.salePageFlag) {
+      //如果是从导航栏点击进入
+      this.salePageFlag = localStorage.salePageFlag
+    }
+  },
   methods: {
+    appCallBack(data) {
+      if (data.trigger == 'left_button_click') {
+        return this.$dialog
+          .confirm({
+            className: 'dialog-delete',
+            title: '提示',
+            message: '退出流程可能会丢失部分数据，是否确认退出？',
+            cancelButtonColor: '#E9332E',
+            confirmButtonColor: '#FFFFFF'
+          })
+          .then(() => {
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                title: '电子投保单列表',
+                forbidSwipeBack: 1, //当前页面禁止右滑返回
+                url: location.origin + `/#/sale/list`
+              },
+              routerInfo: {
+                path: `/sale/list`,
+                type: '1'
+              }
+            })
+          })
+          .catch(() => {
+            return
+          })
+      }
+    },
     // 一键全否
     allFalse() {
       let that = this
-      // alert('1')
       that.impartDTOS.map(it => {
+        console.log('it', it.impartItemDTOS)
         it.impartItemDTOS.map(itm => {
           itm.impartAnswer = '1'
         })
@@ -486,6 +583,10 @@ export default {
             saveInformation(data).then(res => {
               if (res.result == '0') {
                 localStorage.removeItem('changeCard')
+                if (!this.$route.query.salePageFlag) {
+                  //不是从导航栏进入
+                  localStorage.salePageFlag = '6'
+                }
                 that.$jump({
                   flag: 'h5',
                   extra: {
@@ -523,10 +624,10 @@ export default {
                 that.$jump({
                   flag: 'h5',
                   extra: {
-                    url: location.origin + '/#/sale/accountInformation'
+                    url: location.origin + '/#/sale/AccountInformation'
                   },
                   routerInfo: {
-                    path: '/sale/accountInformation'
+                    path: '/sale/AccountInformation'
                   }
                 })
               } else {
@@ -575,10 +676,6 @@ export default {
     }
   },
 
-  mounted() {
-    document.body.style.backgroundColor = '#F5F5F5'
-    // this.$toast('11111')
-  },
   beforeRouteLeave(to, from, next) {
     document.body.style.backgroundColor = ''
     next()
@@ -590,7 +687,8 @@ export default {
     [Radio.name]: Radio,
     [Field.name]: Field,
     [CellGroup.name]: CellGroup,
-    [Icon.name]: Icon
+    [Icon.name]: Icon,
+    [IndexBar.name]: IndexBar
   }
 }
 </script>
diff --git a/src/views/ebiz/sale/Result.vue b/src/views/ebiz/sale/Result.vue
index bcabbcdd4..98c69a324 100644
--- a/src/views/ebiz/sale/Result.vue
+++ b/src/views/ebiz/sale/Result.vue
@@ -89,7 +89,10 @@ export default {
     goback() {
       // console.log('111')
       this.$jump({
-        flag: 'goBack',
+        flag: 'h5',
+        extra: {
+          url: location.origin + '/#/sale/list'
+        },
         routerInfo: {
           path: '/sale/list'
         }
diff --git a/src/views/ebiz/sale/SignatureConfirmation.vue b/src/views/ebiz/sale/SignatureConfirmation.vue
index 16fc3ef25..b42f9cc5b 100644
--- a/src/views/ebiz/sale/SignatureConfirmation.vue
+++ b/src/views/ebiz/sale/SignatureConfirmation.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="signature-container">
     <div class="signature-content pb40">
+      <div v-if="!isWeixin">
+        <index-bar></index-bar>
+      </div>
       <div v-if="isWeixin" class="bg-white mt10 p20 fs14 tips">
         <p>
           尊敬的
@@ -215,24 +218,21 @@
       </div>
     </div>
     <!-- 短信验证 -->
-    <van-dialog
-            v-model="show"
-            title="提示"
-            show-cancel-button
-            @confirm="authConfirm(authCode)"
-            @cancel="clearTimer"
-    >
-      <p class="p10 fs14">
-        为确保是您本人操作，短信验证码已发送至您手机号{{ encyCustomerMobile }}，请您输入验证码以完成后续投保操作。
-      </p>
+    <van-dialog v-model="show" title="提示" show-cancel-button @confirm="authConfirm(authCode)" @cancel="clearTimer">
+      <p class="p10 fs14">为确保是您本人操作，短信验证码已发送至您手机号{{ encyCustomerMobile }}，请您输入验证码以完成后续投保操作。</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">{{
+        <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-button>
       </van-cell-group>
     </van-dialog>
-    <UploadImageFile :typeface="idcardData.typeface && (faceAuthCount.weixin < smsAuthNum)" :realName="idcardData.idcardName" :idno="idcardData.idcardNumber" @sendimage="sendimage">
+    <UploadImageFile
+      :typeface="idcardData.typeface && faceAuthCount.weixin < smsAuthNum"
+      :realName="idcardData.idcardName"
+      :idno="idcardData.idcardNumber"
+      @sendimage="sendimage"
+    >
     </UploadImageFile>
   </div>
 </template>
@@ -240,9 +240,10 @@
 <script>
 import UploadImageFile from '@/components/ebiz/sale/UploadImageFile'
 import { Field, Cell, CellGroup, Collapse, CollapseItem, Dialog } from 'vant'
-import { underWrite, getOrderDetail, getSignInvalid, checkSignInvalid, getAuthCode, autchCodeCheck} from '@/api/ebiz/sale/sale'
+import { underWrite, getOrderDetail, getSignInvalid, checkSignInvalid, getAuthCode, autchCodeCheck } from '@/api/ebiz/sale/sale'
 import { checkPhone } from '@/api/ebiz/customer/customer'
 import { weixinShare } from '@/assets/js/utils/wxShare.js'
+import IndexBar from '@/components/ebiz/sale/IndexBar'
 
 export default {
   data() {
@@ -254,16 +255,16 @@ export default {
       countDown: 60, // 倒计时
       authCode: '', // 验证码
       smsAuthNum: 3,
-      operaFlag:null,
-      encyCustomerMobile:null,
-      sid:null,
+      operaFlag: null,
+      encyCustomerMobile: null,
+      sid: null,
       //人脸识别认证次数
-      faceAuthCount:{
-        appnt:0,
-        insured:0,
-        weixin:0
+      faceAuthCount: {
+        appnt: 0,
+        insured: 0,
+        weixin: 0
       },
-      customerMobile:'',
+      customerMobile: '',
       //保险产品名称
       riskName: '',
       // 员工信息
@@ -313,10 +314,40 @@ export default {
       },
       appntSignStatus: '', //投保人电子签名状态
       insuredSignStatus: '', //被保险人电子签名状态
-      changeCard: localStorage.changeCard
+      changeCard: localStorage.changeCard,
+      salePageFlag: '-10'
     }
   },
   methods: {
+    appCallBack(data) {
+      if (data.trigger == 'left_button_click') {
+        return this.$dialog
+          .confirm({
+            className: 'dialog-delete',
+            title: '提示',
+            message: '退出流程可能会丢失部分数据，是否确认退出？',
+            cancelButtonColor: '#E9332E',
+            confirmButtonColor: '#FFFFFF'
+          })
+          .then(() => {
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                title: '电子投保单列表',
+                forbidSwipeBack: 1, //当前页面禁止右滑返回
+                url: location.origin + `/#/sale/list`
+              },
+              routerInfo: {
+                path: `/sale/list`,
+                type: '1'
+              }
+            })
+          })
+          .catch(() => {
+            return
+          })
+      }
+    },
     // 初始化
     async init() {
       localStorage.doubleRecordFlag = '0' //0不是双录单 1是双录单
@@ -406,35 +437,35 @@ export default {
         loadingType: 'spinner',
         message: '加载中……'
       })
-      let data = {};
-      this.authCode = null;
-      if("appnt" == this.operaFlag){
-        let appntData = JSON.parse(localStorage.saleInsuredInfo);
+      let data = {}
+      this.authCode = null
+      if ('appnt' == this.operaFlag) {
+        let appntData = JSON.parse(localStorage.saleInsuredInfo)
         data = {
           name: appntData.name,
           idType: appntData.idType,
           idNo: appntData.idNo,
           mobile: appntData.mobile
         }
-        this.customerMobile = appntData.mobile;
-        this.encyCustomerMobile = this.customerMobile.replace(/^(\d{3})\d{4}(\d{4})$/,'$1****$2');
-      }else if("insured" == this.operaFlag){
-        let insuredData = JSON.parse(localStorage.saleInsuredPersonInfo);
+        this.customerMobile = appntData.mobile
+        this.encyCustomerMobile = this.customerMobile.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
+      } else if ('insured' == this.operaFlag) {
+        let insuredData = JSON.parse(localStorage.saleInsuredPersonInfo)
         data = {
           name: insuredData.name,
           idType: insuredData.idType,
           idNo: insuredData.idNo,
           mobile: insuredData.mobile
         }
-        this.customerMobile = insuredData.mobile;
-        this.encyCustomerMobile = this.customerMobile.replace(/^(\d{3})\d{4}(\d{4})$/,'$1****$2');
+        this.customerMobile = insuredData.mobile
+        this.encyCustomerMobile = this.customerMobile.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
       }
       return new Promise((resolve, reject) => {
         checkPhone(data).then(res => {
           if (res.result == '0') {
-            console.log(res);
-            this.show = true;
-          }else{
+            console.log(res)
+            this.show = true
+          } else {
             Dialog.confirm({
               title: '提示',
               message: '抱歉，您预留的手机号非您本人的手机号，请进行线下投保！',
@@ -486,20 +517,20 @@ export default {
     },
     //提交变更申请
     async changeSubmit() {
-      if(null == this.sid){
-        this.$toast("请先进行发送短信验证码")
-        return;
+      if (null == this.sid) {
+        this.$toast('请先进行发送短信验证码')
+        return
       }
       let res = await autchCodeCheck({
         smsId: this.sid,
         code: this.authCode
       })
       if (res.result == 0) {
-          if("appnt" == this.operaFlag){
-            this.goUrl()
-          }else if("insured" == this.operaFlag){
-            this.insuredUrl()
-          }
+        if ('appnt' == this.operaFlag) {
+          this.goUrl()
+        } else if ('insured' == this.operaFlag) {
+          this.insuredUrl()
+        }
       } else {
         this.$toast(res.resultMessage)
       }
@@ -521,13 +552,13 @@ export default {
           if (JSON.parse(this.$route.query.saleInsuredInfo).idType != '1') {
             that.goUrl()
           } else {
-            if(this.faceAuthCount.appnt < this.smsAuthNum) {
+            if (this.faceAuthCount.appnt < this.smsAuthNum) {
               this.idcardData.typeface = !this.idcardData.typeface
               this.idcardData.idcardName = JSON.parse(this.$route.query.saleInsuredInfo).name
               this.idcardData.idcardNumber = JSON.parse(this.$route.query.saleInsuredInfo).idNo
-            }else{
-              this.operaFlag = "appnt";
-              this.realPeopelCheck();
+            } else {
+              this.operaFlag = 'appnt'
+              this.realPeopelCheck()
             }
           }
         } else {
@@ -537,13 +568,13 @@ export default {
             // if (JSON.parse(this.$route.query.saleInsuredPersonInfo).idType != '1') {
             that.insuredUrl()
           } else {
-            if(this.faceAuthCount.insured < this.smsAuthNum) {
+            if (this.faceAuthCount.insured < this.smsAuthNum) {
               this.idcardData.typeface = !this.idcardData.typeface
               this.idcardData.idcardName = JSON.parse(this.$route.query.saleInsuredPersonInfo).name
               this.idcardData.idcardNumber = JSON.parse(this.$route.query.saleInsuredPersonInfo).idNo
-            }else{
-              this.operaFlag = "insured";
-              this.realPeopelCheck();
+            } else {
+              this.operaFlag = 'insured'
+              this.realPeopelCheck()
             }
           }
         }
@@ -555,7 +586,7 @@ export default {
             // if (this.saleInsuredInfo.idType != '1' || this.saleInsuredInfo.age < '18') {
             that.goUrl()
           } else {
-            if(this.faceAuthCount.appnt < this.smsAuthNum){
+            if (this.faceAuthCount.appnt < this.smsAuthNum) {
               // 原人脸识别
               EWebBridge.webCallAppInJs('face_auth', {
                 number: that.saleInsuredInfo.idNo, //身份证号码
@@ -564,16 +595,16 @@ export default {
                 if (JSON.parse(data).state == '1') {
                   that.goUrl()
                 } else {
-                  that.faceAuthCount.appnt++;
+                  that.faceAuthCount.appnt++
                   if (this.faceAuthCount.appnt >= this.smsAuthNum) {
                     this.operaFlag = 'appnt'
                     this.realPeopelCheck()
                   }
                 }
               })
-            }else{
-              this.operaFlag = "appnt";
-              this.realPeopelCheck();
+            } else {
+              this.operaFlag = 'appnt'
+              this.realPeopelCheck()
             }
           }
         } else {
@@ -583,7 +614,7 @@ export default {
           if (this.saleInsuredPersonInfo.idType != '1' || this.saleInsuredPersonInfo.age < '18') {
             that.insuredUrl()
           } else {
-            if(this.faceAuthCount.insured < this.smsAuthNum) {
+            if (this.faceAuthCount.insured < this.smsAuthNum) {
               // 调原生人脸识别
               EWebBridge.webCallAppInJs('face_auth', {
                 number: that.saleInsuredPersonInfo.idNo, //身份证号码
@@ -592,16 +623,16 @@ export default {
                 if (JSON.parse(data).state == '1') {
                   that.insuredUrl()
                 } else {
-                  that.faceAuthCount.insured++;
+                  that.faceAuthCount.insured++
                   if (this.faceAuthCount.insured >= this.smsAuthNum) {
                     this.operaFlag = 'insured'
                     this.realPeopelCheck()
                   }
                 }
               })
-            }else{
-              this.operaFlag = "insured";
-              this.realPeopelCheck();
+            } else {
+              this.operaFlag = 'insured'
+              this.realPeopelCheck()
             }
           }
         }
@@ -887,7 +918,7 @@ export default {
         orderNo: window.localStorage.getItem('orderNo')
       }
       localStorage.setItem('riskName', '')
-      return new Promise((resolve) => {
+      return new Promise(resolve => {
         getOrderDetail(data).then(res => {
           if (res.result == '0') {
             //弹框展示是否有社保、赔付比例和免赔额信息
@@ -903,7 +934,7 @@ export default {
             ) {
               const message = '&emsp;&emsp;' + res.orderDTO.productDTO.special.content
               Dialog({
-                message: message.split("\\n").join("\n&emsp;&emsp;"), 
+                message: message.split('\\n').join('\n&emsp;&emsp;'),
                 confirmButtonText: '本人已阅读并同意上述特别约定内容',
                 messageAlign: 'left'
               })
@@ -1074,8 +1105,8 @@ export default {
         } else {
           this.goUrl()
         }
-      }else{
-        this.faceAuthCount.weixin++;
+      } else {
+        this.faceAuthCount.weixin++
         if (this.faceAuthCount.weixin >= this.smsAuthNum) {
           if (window.sessionStorage.shareCode == '1') {
             this.operaFlag = 'insured'
@@ -1088,11 +1119,18 @@ export default {
     }
   },
   created() {
-    EWebBridge.webCallAppInJs('webview_left_button', {
-      intercept: '1' //是否拦截原生返回事件 1是 其他否
-    })
+    setTimeout(() => {
+      // eslint-disable-next-line no-undef
+      EWebBridge.webCallAppInJs('webview_left_button', {
+        img: this.$assetsUrl + 'images/del-close-btn@3x.png',
+        intercept: '1' //是否拦截原生返回事件 1是 其他否
+      })
+    }, 100)
+    window.appCallBack = this.appCallBack
   },
   mounted() {
+    //若进入签名页，则不允许回到签名页前面的页面
+    localStorage.setItem('salePageFlag', this.salePageFlag)
     let that = this
     document.title = this.changeCard ? '修改银行卡号确认' : '签名确认'
     // 初始化
@@ -1119,8 +1157,9 @@ export default {
     UploadImageFile: UploadImageFile,
     [CollapseItem.name]: CollapseItem,
     [Dialog.name]: Dialog,
-    [Field.name]: Field
-},
+    [Field.name]: Field,
+    [IndexBar.name]: IndexBar
+  },
   beforeRouteLeave(to, from, next) {
     document.body.style.backgroundColor = ''
     next()