路由跳转调整

2025-12-10 05:46:44 +08:00 · 2021-03-03 11:06:27 +08:00
parent fcfa634a3e
commit 860703d7f3
6 changed files with 104 additions and 52 deletions
--- 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
    }
  }
 }
--- 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>
--- 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>
--- 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)
+      }
    }
  }
 }
--- 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>
--- 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,