增加bus, 测试修改原生按钮

src/views/ebiz/insureAgain/Committed.vue

@@ -10,6 +10,9 @@
           <van-tag plain color="#999999">状态</van-tag>
           <span class="ml5 span">重新投保失败</span>
         </p>
+        <template #btns>
+          <van-button class="ml10" size="small" round type="danger">查看投保单</van-button>
+        </template>
       </Order>
     </van-list>
   </van-pull-refresh>

src/views/ebiz/insureAgain/InsureAgainProgress.vue

@@ -4,11 +4,12 @@
     <keep-alive>
       <component :is="componentName" />
     </keep-alive>
-    <van-button type="danger" class="bottom-btn" v-no-more-click="1000" @click="nextStep">{{ nextStepText }}</van-button>
   </div>
 </template>
 
 <script>
+import { bus } from './bus'
+import { Dialog } from 'vant'
 import InsureInformation from './InsureInformation'
 import ProductInformation from './ProductInformation'
 import NotificationInformation from './NotificationInformation'
@@ -39,17 +40,11 @@ export default {
         default:
           return 'InsureInformation'
       }
-    },
-    nextStepText() {
-      if (this.active === 3) {
-        return '提交'
-      } else {
-        return '下一步'
-      }
     }
   },
   data() {
     return {
+      isSpecialRead: false,
       active: 0,
       progressItems: [
         { name: '投保信息', icon: this.$assetsUrl + 'images/kmh/tbrxx_n.png', icon_active: this.$assetsUrl + 'images/kmh/tbrxx.png' },
@@ -59,14 +54,28 @@ export default {
       ]
     }
   },
+  created() {
+    bus.$on('isSpecialRead', this.specialRead)
+  },
   methods: {
+    specialRead(payload) {
+      this.isSpecialRead = payload
+    },
     nextStep() {
       switch (this.active) {
         case 0:
           this.active++
           return
         case 1:
-          this.active++
+          if (!this.isSpecialRead) {
+            Dialog.alert({
+              title: '提示',
+              message: '亲，请您阅读和确认特别约定哦~',
+              confirmButtonColor: '#ff0000'
+            })
+          } else {
+            this.active++
+          }
           return
         case 2:
           this.active++

src/views/ebiz/insureAgain/InsureInformation.vue

@@ -79,6 +79,8 @@
       <InfoCell label="开户银行" />
       <InfoCell label="银行账号" />
     </DropdownBox>
+
+    <van-button type="danger" class="bottom-btn" v-no-more-click="1000">下一步</van-button>
   </div>
 </template>
 

src/views/ebiz/insureAgain/NotificationInformation.vue

@@ -23,6 +23,8 @@
     <p class="notifition bg-white p15">
       注意：本次重新投保仅限于无其他补充告知的情况，若您有其他补充告知，您的条件不符合本重新投保流程。请您联系保单服务专员或拨打4006946688咨询，通过其他途径进行投保申请。
     </p>
+
+    <van-button type="danger" class="bottom-btn" v-no-more-click="1000">下一步</van-button>
   </div>
 </template>
 

src/views/ebiz/insureAgain/Order.vue

@@ -23,10 +23,7 @@
       <div class="divider mb10" />
       <slot></slot>
       <div class="btns">
-        <slot name="btns">
+        <slot name="btns" />
-          <van-button size="small" round type="danger" plain>查看详情</van-button>
-          <van-button class="ml10" size="small" round type="danger" @click="insureAgain">重新投保</van-button>
-        </slot>
       </div>
     </div>
   </div>
@@ -42,19 +39,7 @@ export default {
   data() {
     return {}
   },
-  methods: {
+  methods: {}
-    insureAgain() {
-      this.$jump({
-        flag: 'h5',
-        extra: {
-          url: location.origin + `/#/insureAgain/progress`,
-          forbidSwipeBack: '1',
-          needRefresh: '1'
-        },
-        routerInfo: { path: `/insureAgain/progress` }
-      })
-    }
-  }
 }
 </script>
 

src/views/ebiz/insureAgain/ProductInformation.vue

@@ -64,27 +64,21 @@
 
     <van-popup v-model="show" position="right" :style="style">
       <ReadingAgreement :needTime="false">
-        <h3 class="p10">重新投保声明提示</h3>
+        <h3 class="p10">特别约定提示</h3>
-        <p class="pl10">尊敬的xxx先生/女士：</p>
         <p class="p10">
-          您好！您于保单生效日期投保的保单号为保单号码的国富人寿国富民惠医疗保险（2020版）保单即将到期（到期日期详见保单，以下简称旧保单），为保护您的权益，即日起至<期满日后第60天>期间，您可以选择重新投保国富人寿国富民惠医疗保险（2020版），本次申请投保的国富人寿国富民惠医疗保险（2020版）保单以下简称新保单，请您仔细阅读以下内容：
+          尊敬的xxx先生/女士：
-          1.国富人寿国富民惠医疗保险（2020版）合同保险期间为一年，到期后需要重新投保。
+          “投保《国富人寿国富民惠医疗保险2020》，以有社保身份投保的保单：理赔时，若通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为80%，免赔额为0元；理赔时，若未通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为60%，免赔额为100元。以无社保身份投保的保单：理赔时，若未通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为70%，免赔额为100元；理赔时，若通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为90%，免赔额为0元。
-          2.本次重新投保，我们将按照国富人寿国富民惠医疗保险（2020版）费率表中的“在上一保险期间届满后60日内申请重新投保时对应的费率”计算保费。
-          3.若本次重新投保成功，新保单免除等待期。
-          4.本次重新投保仅限于无其他补充告知的情况，若您有其他补充告知，您的条件不符合本重新投保流程。请您联系保单服务专员，通过新增投保单进行投保申请。
-          5.若您于旧保单满期前申请重新投保，且于满期前成功支付保险费，则新保单在旧保单保险期满日对应日的次日零时生效，旧保单在保险期满日24时终止。若您于旧保单满期后60天（包含）内重新投保申请，且成功支付保险费，则新保单于支付次日零时生效，旧保单在保险期满日24时终止。
-          6.若您未在旧保单满期后60天（包含）内申请重新投保，则您的重新投保资格将被取消。后续您可再次申请投保，但新单不再与旧保单关联，需重新计算等待期。具体详情，可咨询保单服务专员。
         </p>
         <template #action>
-          <van-radio-group class="m10" v-model="radio">
+          <!-- <van-radio-group class="m10" v-model="radio">
             <van-radio name="1">
               <span style="font-size: 14px;">本人已阅读、知晓本投保声明内容，同意重新投保</span>
             </van-radio>
-            <!-- <p style="font-size: 14px;" class="mt10">
+            <p style="font-size: 14px;" class="mt10">
               <span>投保人签字：</span>
               <van-button size="small" type="danger" disabled>签名</van-button>
-            </p> -->
+            </p>
-          </van-radio-group>
+          </van-radio-group> -->
           <div class="btns">
             <van-button type="danger" @click="readAgreement">不同意</van-button>
             <van-button type="danger" @click="readAgreement">同意</van-button>
@@ -92,10 +86,13 @@
         </template>
       </ReadingAgreement>
     </van-popup>
+
+    <van-button type="danger" class="bottom-btn" v-no-more-click="1000">下一步</van-button>
   </div>
 </template>
 
 <script>
+import { bus } from './bus'
 import InfoCell from './InfoCell'
 import DropdownBox from './DropdownBox'
 import ReadingAgreement from './ReadingAgreement'
@@ -126,6 +123,7 @@ export default {
     readAgreement() {
       this.show = false
       this.isRead = true
+      bus.$emit('isSpecialRead', true)
     }
   }
 }

src/views/ebiz/insureAgain/SignConfirmation.vue

@@ -35,6 +35,8 @@
         </p>
       </div>
     </DropdownBox>
+
+    <van-button type="danger" class="bottom-btn" v-no-more-click="1000">提交</van-button>
   </div>
 </template>
 

src/views/ebiz/insureAgain/Uncommitted.vue

@@ -1,34 +1,72 @@
 <template>
-  <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
+  <div>
-    <van-list ref="uncommitted" v-model="loading" @load="onLoad" :finished="finished" finished-text="没有更多数据了">
+    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
-      <Order v-for="item in list" :key="item" :title="item">
+      <van-list ref="uncommitted" v-model="loading" @load="onLoad" :finished="finished" finished-text="没有更多数据了">
-        <p class="name mb8">
+        <Order v-for="item in list" :key="item" :title="item">
-          <van-tag plain color="#999999">保单保障日截止日期</van-tag>
+          <p class="name mb8">
-          <span class="ml5 span">23453524234324</span>
+            <van-tag plain color="#999999">保单保障日截止日期</van-tag>
+            <span class="ml5 span">23453524234324</span>
+          </p>
+          <p class="name">
+            <van-tag plain color="#999999">状态</van-tag>
+            <span class="ml5 span">重新投保失败</span>
+          </p>
+          <template #btns>
+            <van-button size="small" round type="danger" plain>查看详情</van-button>
+            <van-button class="ml10" size="small" round type="danger" @click="insureAgain">重新投保</van-button>
+          </template>
+        </Order>
+      </van-list>
+    </van-pull-refresh>
+    <van-popup v-model="isAgreementShow" position="right" :style="{ height: '100vh', width: '100vw' }">
+      <ReadingAgreement :needTime="false">
+        <h3 class="p10">重新投保声明提示</h3>
+        <p class="pl10">尊敬的xxx先生/女士：</p>
+        <p class="p10">
+          您好！您于保单生效日期投保的保单号为保单号码的国富人寿国富民惠医疗保险（2020版）保单即将到期（到期日期详见保单，以下简称旧保单），为保护您的权益，即日起至<期满日后第60天>期间，您可以选择重新投保国富人寿国富民惠医疗保险（2020版），本次申请投保的国富人寿国富民惠医疗保险（2020版）保单以下简称新保单，请您仔细阅读以下内容：
+          1.国富人寿国富民惠医疗保险（2020版）合同保险期间为一年，到期后需要重新投保。
+          2.本次重新投保，我们将按照国富人寿国富民惠医疗保险（2020版）费率表中的“在上一保险期间届满后60日内申请重新投保时对应的费率”计算保费。
+          3.若本次重新投保成功，新保单免除等待期。
+          4.本次重新投保仅限于无其他补充告知的情况，若您有其他补充告知，您的条件不符合本重新投保流程。请您联系保单服务专员，通过新增投保单进行投保申请。
+          5.若您于旧保单满期前申请重新投保，且于满期前成功支付保险费，则新保单在旧保单保险期满日对应日的次日零时生效，旧保单在保险期满日24时终止。若您于旧保单满期后60天（包含）内重新投保申请，且成功支付保险费，则新保单于支付次日零时生效，旧保单在保险期满日24时终止。
+          6.若您未在旧保单满期后60天（包含）内申请重新投保，则您的重新投保资格将被取消。后续您可再次申请投保，但新单不再与旧保单关联，需重新计算等待期。具体详情，可咨询保单服务专员。
         </p>
-        <p class="name">
+        <template #action>
-          <van-tag plain color="#999999">状态</van-tag>
+          <van-radio-group class="m10" v-model="radio">
-          <span class="ml5 span">重新投保失败</span>
+            <van-radio name="1">
-        </p>
+              <span style="font-size: 14px;">本人已阅读、知晓本投保声明内容，同意重新投保</span>
-      </Order>
+            </van-radio>
-    </van-list>
+          </van-radio-group>
-  </van-pull-refresh>
+          <div class="btns">
+            <van-button type="danger" block @click="nextStep">下一步</van-button>
+          </div>
+        </template>
+      </ReadingAgreement>
+    </van-popup>
+  </div>
 </template>
 
 <script>
-import { PullRefresh, list, Tag } from 'vant'
+import { PullRefresh, list, Tag, Popup, Radio, RadioGroup } from 'vant'
+import ReadingAgreement from './ReadingAgreement'
 import Order from './Order'
 
 export default {
   name: 'Uncommitted',
   components: {
     Order,
+    ReadingAgreement,
     [PullRefresh.name]: PullRefresh,
     [list.name]: list,
-    [Tag.name]: Tag
+    [Tag.name]: Tag,
+    [Popup.name]: Popup,
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio
   },
   data() {
     return {
+      radio: 1,
+      isAgreementShow: false,
       list: [],
       loading: false,
       finished: false,
@@ -36,15 +74,44 @@ export default {
       scrollTop: 0
     }
   },
-  activated() {
-    document.documentElement.scrollTo({
-      top: this.scrollTop
-    })
-  },
-  deactivated() {
-    this.scrollTop = document.documentElement.scrollTop
-  },
   methods: {
+    appCallBack(data) {
+      if (data.trigger == 'left_button_click') {
+        if (this.isAgreementShow) {
+          this.isAgreementShow = false
+          setTimeout(() => {
+            window.EWebBridge.webCallAppInJs('webview_left_button', {
+              intercept: '1'
+            })
+          }, 100)
+        } else {
+          this.$jump({
+            flag: 'service'
+          })
+        }
+      }
+    },
+    nextStep() {
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + `/#/insureAgain/progress`,
+          forbidSwipeBack: '1',
+          needRefresh: '1'
+        },
+        routerInfo: { path: `/insureAgain/progress` }
+      })
+    },
+    insureAgain() {
+      setTimeout(() => {
+        window.EWebBridge.webCallAppInJs('webview_left_button', {
+          img: this.$assetsUrl + 'images/del-close-btn@3x.png',
+          intercept: '1' //是否拦截原生返回事件 1是 其他否
+        })
+      }, 100)
+      window.appCallBack = this.appCallBack
+      this.isAgreementShow = true
+    },
     async onLoad() {
       setTimeout(() => {
         for (let i = 0; i < 10; i++) {

src/views/ebiz/insureAgain/bus.js

@@ -0,0 +1,5 @@
+import Vue from 'vue'
+
+let bus = new Vue()
+
+export { bus }

src/views/ebiz/insureAgain/index.vue

@@ -8,9 +8,7 @@
       </van-tabs>
     </van-sticky>
     <div class="container">
-      <keep-alive>
+      <component :is="is" />
-        <component :is="is" />
-      </keep-alive>
     </div>
   </div>
 </template>
@@ -42,6 +40,24 @@ export default {
         return 'Committed'
       }
     }
+  },
+  mounted() {
+    setTimeout(() => {
+      // eslint-disable-next-line no-undef
+      window.EWebBridge.webCallAppInJs('webview_left_button', {
+        intercept: '1' //是否拦截原生返回事件 1是 其他否
+      })
+    }, 100)
+    window.appCallBack = this.appCallBack
+  },
+  methods: {
+    appCallBack(data) {
+      if (data.trigger == 'left_button_click') {
+        this.$jump({
+          flag: 'service'
+        })
+      }
+    }
   }
 }
 </script>