From 860703d7f3a704007306c85ecdb61d9fef2ee982 Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Wed, 3 Mar 2021 11:06:27 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B7=AF=E7=94=B1=E8=B7=B3=E8=BD=AC=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ebiz/insureAgain/InsureAgainProgress.vue  | 36 +----------
 .../ebiz/insureAgain/InsureInformation.vue    |  8 ++-
 .../insureAgain/NotificationInformation.vue   | 32 +++++++++-
 .../ebiz/insureAgain/ProductInformation.vue   | 59 +++++++++++++++----
 .../ebiz/insureAgain/SignConfirmation.vue     | 15 ++++-
 src/views/ebiz/insureAgain/Uncommitted.vue    |  6 +-
 6 files changed, 104 insertions(+), 52 deletions(-)

diff --git a/src/views/ebiz/insureAgain/InsureAgainProgress.vue b/src/views/ebiz/insureAgain/InsureAgainProgress.vue
index 7273bfbc2..6ff4c54c9 100644
--- a/src/views/ebiz/insureAgain/InsureAgainProgress.vue
+++ b/src/views/ebiz/insureAgain/InsureAgainProgress.vue
@@ -9,7 +9,6 @@
 
 <script>
 import { bus } from './bus'
-import { Dialog } from 'vant'
 import InsureInformation from './InsureInformation'
 import ProductInformation from './ProductInformation'
 import NotificationInformation from './NotificationInformation'
@@ -55,43 +54,14 @@ export default {
     }
   },
   created() {
-    bus.$on('isSpecialRead', this.specialRead)
+    bus.$on('nextPage', this.nextPage)
   },
   methods: {
     specialRead(payload) {
       this.isSpecialRead = payload
     },
-    nextStep() {
-      switch (this.active) {
-        case 0:
-          this.active++
-          return
-        case 1:
-          if (!this.isSpecialRead) {
-            Dialog.alert({
-              title: '提示',
-              message: '亲，请您阅读和确认特别约定哦~',
-              confirmButtonColor: '#ff0000'
-            })
-          } else {
-            this.active++
-          }
-          return
-        case 2:
-          this.active++
-          return
-        case 3:
-          this.$jump({
-            flag: 'h5',
-            extra: {
-              url: location.origin + `/#/insureAgain/payment`,
-              forbidSwipeBack: '1',
-              needRefresh: '1'
-            },
-            routerInfo: { path: `/insureAgain/payment` }
-          })
-          return
-      }
+    nextPage(page) {
+      this.active = page
     }
   }
 }
diff --git a/src/views/ebiz/insureAgain/InsureInformation.vue b/src/views/ebiz/insureAgain/InsureInformation.vue
index 60842d82c..1bb3b1c88 100644
--- a/src/views/ebiz/insureAgain/InsureInformation.vue
+++ b/src/views/ebiz/insureAgain/InsureInformation.vue
@@ -80,11 +80,12 @@
       <InfoCell label="银行账号" />
     </DropdownBox>
 
-    <van-button type="danger" class="bottom-btn" v-no-more-click="1000">下一步</van-button>
+    <van-button type="danger" class="bottom-btn" v-no-more-click="1000" @click="nextStep">下一步</van-button>
   </div>
 </template>
 
 <script>
+import { bus } from './bus'
 import InfoCell from './InfoCell'
 import DropdownBox from './DropdownBox'
 export default {
@@ -95,6 +96,11 @@ export default {
   },
   data() {
     return {}
+  },
+  methods: {
+    nextStep() {
+      bus.$emit('nextPage', 1)
+    }
   }
 }
 </script>
diff --git a/src/views/ebiz/insureAgain/NotificationInformation.vue b/src/views/ebiz/insureAgain/NotificationInformation.vue
index f3cd0b353..bf4a8b18e 100644
--- a/src/views/ebiz/insureAgain/NotificationInformation.vue
+++ b/src/views/ebiz/insureAgain/NotificationInformation.vue
@@ -24,11 +24,15 @@
       注意：本次重新投保仅限于无其他补充告知的情况，若您有其他补充告知，您的条件不符合本重新投保流程。请您联系保单服务专员或拨打4006946688咨询，通过其他途径进行投保申请。
     </p>
 
-    <van-button type="danger" class="bottom-btn" v-no-more-click="1000">下一步</van-button>
+    <div class="btns">
+      <van-button type="danger" v-no-more-click="1000" @click="backToList">有补充告知，返回</van-button>
+      <van-button type="danger" v-no-more-click="1000" @click="nextStep">无补充告知，下一步</van-button>
+    </div>
   </div>
 </template>
 
 <script>
+import { bus } from './bus'
 import NotificationItem from './NotificationItem'
 import DropdownBox from './DropdownBox'
 export default {
@@ -38,6 +42,22 @@ export default {
   },
   data() {
     return {}
+  },
+  methods: {
+    backToList() {
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + `/#/insureAgain`,
+          forbidSwipeBack: '1',
+          needRefresh: '1'
+        },
+        routerInfo: { path: `/insureAgain` }
+      })
+    },
+    nextStep() {
+      bus.$emit('nextPage', 3)
+    }
   }
 }
 </script>
@@ -47,4 +67,14 @@ export default {
   font-size: 14px;
   color: #ff0000;
 }
+
+.btns {
+  width: 100vw;
+  display: flex;
+  position: fixed;
+  bottom: 0;
+  /deep/ .van-button {
+    flex: 1;
+  }
+}
 </style>
diff --git a/src/views/ebiz/insureAgain/ProductInformation.vue b/src/views/ebiz/insureAgain/ProductInformation.vue
index 6f1e393f4..1ff9e7c44 100644
--- a/src/views/ebiz/insureAgain/ProductInformation.vue
+++ b/src/views/ebiz/insureAgain/ProductInformation.vue
@@ -70,24 +70,15 @@
           “投保《国富人寿国富民惠医疗保险2020》，以有社保身份投保的保单：理赔时，若通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为80%，免赔额为0元；理赔时，若未通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为60%，免赔额为100元。以无社保身份投保的保单：理赔时，若未通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为70%，免赔额为100元；理赔时，若通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为90%，免赔额为0元。
         </p>
         <template #action>
-          <!-- <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">
-              <span>投保人签字：</span>
-              <van-button size="small" type="danger" disabled>签名</van-button>
-            </p>
-          </van-radio-group> -->
           <div class="btns">
-            <van-button type="danger" @click="readAgreement">不同意</van-button>
+            <van-button type="danger" @click="backToList">不同意</van-button>
             <van-button type="danger" @click="readAgreement">同意</van-button>
           </div>
         </template>
       </ReadingAgreement>
     </van-popup>
 
-    <van-button type="danger" class="bottom-btn" v-no-more-click="1000">下一步</van-button>
+    <van-button type="danger" class="bottom-btn" v-no-more-click="1000" @click="nextStep">下一步</van-button>
   </div>
 </template>
 
@@ -96,7 +87,7 @@ import { bus } from './bus'
 import InfoCell from './InfoCell'
 import DropdownBox from './DropdownBox'
 import ReadingAgreement from './ReadingAgreement'
-import { Checkbox, RadioGroup, Radio } from 'vant'
+import { Checkbox, RadioGroup, Radio, Dialog } from 'vant'
 export default {
   name: 'ProductInformation',
   components: {
@@ -117,13 +108,55 @@ export default {
     }
   },
   methods: {
+    appCallBack(data) {
+      if (data.trigger == 'left_button_click') {
+        if (this.show) {
+          this.show = false
+          setTimeout(() => {
+            window.EWebBridge.webCallAppInJs('webview_left_button', {
+              intercept: '1'
+            })
+          }, 100)
+        } else {
+          this.backToList()
+        }
+      }
+    },
     readSpecialPromise() {
+      setTimeout(() => {
+        window.EWebBridge.webCallAppInJs('webview_left_button', {
+          img: this.$assetsUrl + 'images/del-close-btn@3x.png',
+          intercept: '1' //是否拦截原生返回事件 1是 其他否
+        })
+      }, 100)
       this.show = true
+      window.appCallBack = this.appCallBack
+    },
+    backToList() {
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + `/#/insureAgain`,
+          forbidSwipeBack: '1',
+          needRefresh: '1'
+        },
+        routerInfo: { path: `/insureAgain` }
+      })
     },
     readAgreement() {
       this.show = false
       this.isRead = true
-      bus.$emit('isSpecialRead', true)
+    },
+    nextStep() {
+      if (!this.isRead) {
+        Dialog.alert({
+          title: '提示',
+          message: '亲，请您阅读和确认特别约定哦~',
+          confirmButtonColor: '#ff0000'
+        })
+      } else {
+        bus.$emit('nextPage', 2)
+      }
     }
   }
 }
diff --git a/src/views/ebiz/insureAgain/SignConfirmation.vue b/src/views/ebiz/insureAgain/SignConfirmation.vue
index 1a9960480..7acabb512 100644
--- a/src/views/ebiz/insureAgain/SignConfirmation.vue
+++ b/src/views/ebiz/insureAgain/SignConfirmation.vue
@@ -36,7 +36,7 @@
       </div>
     </DropdownBox>
 
-    <van-button type="danger" class="bottom-btn" v-no-more-click="1000">提交</van-button>
+    <van-button type="danger" class="bottom-btn" v-no-more-click="1000" @click="nextStep">提交</van-button>
   </div>
 </template>
 
@@ -53,6 +53,19 @@ export default {
     return {
       result: 2
     }
+  },
+  methods: {
+    nextStep() {
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + `/#/insureAgain/payment`,
+          forbidSwipeBack: '1',
+          needRefresh: '1'
+        },
+        routerInfo: { path: `/insureAgain/payment` }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/ebiz/insureAgain/Uncommitted.vue b/src/views/ebiz/insureAgain/Uncommitted.vue
index cc9e86c73..b58dc55ab 100644
--- a/src/views/ebiz/insureAgain/Uncommitted.vue
+++ b/src/views/ebiz/insureAgain/Uncommitted.vue
@@ -33,12 +33,12 @@
         </p>
         <template #action>
           <van-radio-group class="m10" v-model="radio">
-            <van-radio name="1">
+            <van-radio :name="false">
               <span style="font-size: 14px;">本人已阅读、知晓本投保声明内容，同意重新投保</span>
             </van-radio>
           </van-radio-group>
           <div class="btns">
-            <van-button type="danger" block @click="nextStep">下一步</van-button>
+            <van-button type="danger" :disabled="radio" block @click="nextStep">下一步</van-button>
           </div>
         </template>
       </ReadingAgreement>
@@ -65,7 +65,7 @@ export default {
   },
   data() {
     return {
-      radio: 1,
+      radio: true,
       isAgreementShow: false,
       list: [],
       loading: false,