Merge branch 'feature/GFRS-2432【需求】金掌柜增加展示防范销售误导小视频' into dev

src/views/ebiz/sale/SignatureConfirmation.vue

@@ -220,7 +220,7 @@
     <van-popup v-model="videoShow" position="bottom" style="height: 100vh; background: #666">
       <!-- <video controls style="width: 100%; max-height: calc(100vh - 60px)" src="/app/video/rlsb.mp4"></video> -->
       <div class="" v-if="videoShow" style="height: calc(100vh - 60px); display: flex; align-items: center; flex-flow: column; justify-content: center">
-        <van-notice-bar :scrollable="false" class="notice" style="width: 100%">为维护您的合法权益，请您务必观看防范销售误导视频。</van-notice-bar>
+        <!-- <van-notice-bar :scrollable="false" class="notice" style="width: 100%">为维护您的合法权益，请您务必观看防范销售误导视频。</van-notice-bar> -->
         <video
           controls
           style="width: 100%; max-height: calc(100vh - 60px)"
@@ -230,7 +230,7 @@
         ></video>
       </div>
       <div class="bottom-btn bg-white">
-        <van-button type="danger" :disabled="isVideoNext" size="large" @click="isVideoUrlClick()" v-no-more-click="1000">下一步</van-button>
+        <van-button type="danger" size="large" @click="isVideoUrlClick()" v-no-more-click="1000">下一步</van-button>
       </div>
     </van-popup>
     <!-- 短信验证 -->
@@ -279,7 +279,7 @@ export default {
     let isWeixin = this.$utils.device().isWeixin //判断环境
     return {
       isVideo: false, //是否已阅读视频
-      isVideoNext: true,
+      isVideoNext: false,
       videoShow: false, //防误导视频
       show: false, // 获取短信验证码
       codeDisabled: false, // 获取验证码按钮是否禁用
@@ -367,7 +367,7 @@ export default {
     timeupdate() {
       console.log(this.$refs['vid'].paused)
       if (!this.$refs['vid'].paused) {
-        this.isVideoNext = false
+        this.isVideoNext = true
       }
     },
     fakeFaceAuth(expect) {
@@ -424,8 +424,20 @@ export default {
     },
     isVideoUrlClick() {
       console.log(this.isVideoUrl)
+      if (!this.isVideoNext) {
+        this.$dialog
+          .alert({
+            className: 'dialog-alert',
+            title: '提示',
+            message: '为维护您的合法权益，请您务必认真观看防范销售误导视频。',
+            confirmButtonColor: '#ee0a24',
+            confirmButtonText: '确认'
+          })
+          .then(() => {})
+      } else {
         this.isVideoNext = !this.isVideoNext
         this.isVideoUrl == 'goUrl' ? this.goUrl() : this.insuredUrl()
+      }
     },
     // 初始化
     async init() {
@@ -957,15 +969,6 @@ export default {
       getAgentInfo({}).then((res) => {
         console.log(res)
         if ((res.branchType == 'N1' || res.branchType == '1') && !this.isVideo) {
-          this.$dialog
-            .alert({
-              className: 'dialog-alert',
-              title: '提示',
-              message: '为维护您的合法权益，请您务必认真观看防范销售误导视频。',
-              confirmButtonColor: '#ee0a24',
-              confirmButtonText: '确认'
-            })
-            .then(() => {
           this.$jump({
             flag: 'navigation',
             extra: {
@@ -976,7 +979,17 @@ export default {
           this.videoShow = true
           this.isVideo = true
           this.isVideoUrl = 'goUrl'
-            })
+          // this.$nextTick(() => {
+          //   this.$dialog
+          //     .alert({
+          //       className: 'dialog-alert',
+          //       title: '提示',
+          //       message: '为维护您的合法权益，请您务必认真观看防范销售误导视频。',
+          //       confirmButtonColor: '#ee0a24',
+          //       confirmButtonText: '确认'
+          //     })
+          //     .then(() => {})
+          // })
         } else {
           let that = this
           let path = ''
@@ -1046,15 +1059,6 @@ export default {
         console.log(res)
         console.log(this.isVideo)
         if ((res.branchType == 'N1' || res.branchType == '1') && !this.isVideo) {
-          this.$dialog
-            .alert({
-              className: 'dialog-alert',
-              title: '提示',
-              message: '为维护您的合法权益，请您务必认真观看防范销售误导视频。',
-              confirmButtonColor: '#ee0a24',
-              confirmButtonText: '确认'
-            })
-            .then(() => {
           this.$jump({
             flag: 'navigation',
             extra: {
@@ -1065,7 +1069,17 @@ export default {
           this.videoShow = true
           this.isVideo = true
           this.isVideoUrl = 'insuredUrl'
-            })
+          // this.$nextTick(() => {
+          //   this.$dialog
+          //     .alert({
+          //       className: 'dialog-alert',
+          //       title: '提示',
+          //       message: '为维护您的合法权益，请您务必认真观看防范销售误导视频。',
+          //       confirmButtonColor: '#ee0a24',
+          //       confirmButtonText: '确认'
+          //     })
+          //     .then(() => {})
+          // })
         } else {
           let that = this
           let path = ''