From fcfa634a3edf29ccd72fdf11fd56af928065265a Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Wed, 3 Mar 2021 10:37:58 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0bus,=20=E6=B5=8B=E8=AF=95?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8E=9F=E7=94=9F=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/insureAgain/Committed.vue      |   3 +
 .../ebiz/insureAgain/InsureAgainProgress.vue  |  27 +++--
 .../ebiz/insureAgain/InsureInformation.vue    |   2 +
 .../insureAgain/NotificationInformation.vue   |   2 +
 src/views/ebiz/insureAgain/Order.vue          |  19 +--
 .../ebiz/insureAgain/ProductInformation.vue   |  24 ++--
 .../ebiz/insureAgain/SignConfirmation.vue     |   2 +
 src/views/ebiz/insureAgain/Uncommitted.vue    | 113 ++++++++++++++----
 src/views/ebiz/insureAgain/bus.js             |   5 +
 src/views/ebiz/insureAgain/index.vue          |  22 +++-
 10 files changed, 154 insertions(+), 65 deletions(-)
 create mode 100644 src/views/ebiz/insureAgain/bus.js

diff --git a/src/views/ebiz/insureAgain/Committed.vue b/src/views/ebiz/insureAgain/Committed.vue
index 664fb4488..e05589a79 100644
--- a/src/views/ebiz/insureAgain/Committed.vue
+++ b/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>
diff --git a/src/views/ebiz/insureAgain/InsureAgainProgress.vue b/src/views/ebiz/insureAgain/InsureAgainProgress.vue
index f1b8b2531..7273bfbc2 100644
--- a/src/views/ebiz/insureAgain/InsureAgainProgress.vue
+++ b/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++
diff --git a/src/views/ebiz/insureAgain/InsureInformation.vue b/src/views/ebiz/insureAgain/InsureInformation.vue
index a804c6bfe..60842d82c 100644
--- a/src/views/ebiz/insureAgain/InsureInformation.vue
+++ b/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>
 
diff --git a/src/views/ebiz/insureAgain/NotificationInformation.vue b/src/views/ebiz/insureAgain/NotificationInformation.vue
index 0372bdf90..f3cd0b353 100644
--- a/src/views/ebiz/insureAgain/NotificationInformation.vue
+++ b/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>
 
diff --git a/src/views/ebiz/insureAgain/Order.vue b/src/views/ebiz/insureAgain/Order.vue
index 1f9747669..fc33c9734 100644
--- a/src/views/ebiz/insureAgain/Order.vue
+++ b/src/views/ebiz/insureAgain/Order.vue
@@ -23,10 +23,7 @@
       <div class="divider mb10" />
       <slot></slot>
       <div class="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>
+        <slot name="btns" />
       </div>
     </div>
   </div>
@@ -42,19 +39,7 @@ export default {
   data() {
     return {}
   },
-  methods: {
-    insureAgain() {
-      this.$jump({
-        flag: 'h5',
-        extra: {
-          url: location.origin + `/#/insureAgain/progress`,
-          forbidSwipeBack: '1',
-          needRefresh: '1'
-        },
-        routerInfo: { path: `/insureAgain/progress` }
-      })
-    }
-  }
+  methods: {}
 }
 </script>
 
diff --git a/src/views/ebiz/insureAgain/ProductInformation.vue b/src/views/ebiz/insureAgain/ProductInformation.vue
index 1a69e0d21..6f1e393f4 100644
--- a/src/views/ebiz/insureAgain/ProductInformation.vue
+++ b/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>
-        <p class="pl10">尊敬的xxx先生/女士：</p>
+        <h3 class="p10">特别约定提示</h3>
         <p class="p10">
-          您好！您于保单生效日期投保的保单号为保单号码的国富人寿国富民惠医疗保险（2020版）保单即将到期（到期日期详见保单，以下简称旧保单），为保护您的权益，即日起至<期满日后第60天>期间，您可以选择重新投保国富人寿国富民惠医疗保险（2020版），本次申请投保的国富人寿国富民惠医疗保险（2020版）保单以下简称新保单，请您仔细阅读以下内容：
-          1.国富人寿国富民惠医疗保险（2020版）合同保险期间为一年，到期后需要重新投保。
-          2.本次重新投保，我们将按照国富人寿国富民惠医疗保险（2020版）费率表中的“在上一保险期间届满后60日内申请重新投保时对应的费率”计算保费。
-          3.若本次重新投保成功，新保单免除等待期。
-          4.本次重新投保仅限于无其他补充告知的情况，若您有其他补充告知，您的条件不符合本重新投保流程。请您联系保单服务专员，通过新增投保单进行投保申请。
-          5.若您于旧保单满期前申请重新投保，且于满期前成功支付保险费，则新保单在旧保单保险期满日对应日的次日零时生效，旧保单在保险期满日24时终止。若您于旧保单满期后60天（包含）内重新投保申请，且成功支付保险费，则新保单于支付次日零时生效，旧保单在保险期满日24时终止。
-          6.若您未在旧保单满期后60天（包含）内申请重新投保，则您的重新投保资格将被取消。后续您可再次申请投保，但新单不再与旧保单关联，需重新计算等待期。具体详情，可咨询保单服务专员。
+          尊敬的xxx先生/女士：
+          “投保《国富人寿国富民惠医疗保险2020》，以有社保身份投保的保单：理赔时，若通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为80%，免赔额为0元；理赔时，若未通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为60%，免赔额为100元。以无社保身份投保的保单：理赔时，若未通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为70%，免赔额为100元；理赔时，若通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为90%，免赔额为0元。
         </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> -->
-          </van-radio-group>
+            </p>
+          </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)
     }
   }
 }
diff --git a/src/views/ebiz/insureAgain/SignConfirmation.vue b/src/views/ebiz/insureAgain/SignConfirmation.vue
index 1fe6e5f5a..1a9960480 100644
--- a/src/views/ebiz/insureAgain/SignConfirmation.vue
+++ b/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>
 
diff --git a/src/views/ebiz/insureAgain/Uncommitted.vue b/src/views/ebiz/insureAgain/Uncommitted.vue
index dee7665c0..cc9e86c73 100644
--- a/src/views/ebiz/insureAgain/Uncommitted.vue
+++ b/src/views/ebiz/insureAgain/Uncommitted.vue
@@ -1,34 +1,72 @@
 <template>
-  <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
-    <van-list ref="uncommitted" v-model="loading" @load="onLoad" :finished="finished" finished-text="没有更多数据了">
-      <Order v-for="item in list" :key="item" :title="item">
-        <p class="name mb8">
-          <van-tag plain color="#999999">保单保障日截止日期</van-tag>
-          <span class="ml5 span">23453524234324</span>
+  <div>
+    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
+      <van-list ref="uncommitted" v-model="loading" @load="onLoad" :finished="finished" finished-text="没有更多数据了">
+        <Order v-for="item in list" :key="item" :title="item">
+          <p class="name mb8">
+            <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">
-          <van-tag plain color="#999999">状态</van-tag>
-          <span class="ml5 span">重新投保失败</span>
-        </p>
-      </Order>
-    </van-list>
-  </van-pull-refresh>
+        <template #action>
+          <van-radio-group class="m10" v-model="radio">
+            <van-radio name="1">
+              <span style="font-size: 14px;">本人已阅读、知晓本投保声明内容，同意重新投保</span>
+            </van-radio>
+          </van-radio-group>
+          <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++) {
diff --git a/src/views/ebiz/insureAgain/bus.js b/src/views/ebiz/insureAgain/bus.js
new file mode 100644
index 000000000..040ea679f
--- /dev/null
+++ b/src/views/ebiz/insureAgain/bus.js
@@ -0,0 +1,5 @@
+import Vue from 'vue'
+
+let bus = new Vue()
+
+export { bus }
diff --git a/src/views/ebiz/insureAgain/index.vue b/src/views/ebiz/insureAgain/index.vue
index affd931ff..49ed3ec11 100644
--- a/src/views/ebiz/insureAgain/index.vue
+++ b/src/views/ebiz/insureAgain/index.vue
@@ -8,9 +8,7 @@
       </van-tabs>
     </van-sticky>
     <div class="container">
-      <keep-alive>
-        <component :is="is" />
-      </keep-alive>
+      <component :is="is" />
     </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>