Przeglądaj źródła

feat:添加loading

Signed-off-by: tsz <2417024719@qq.com>
tsz 1 rok temu
rodzic
commit
676c830635

+ 16 - 4
src/web/templates/frontRouter/wx/bigmember/free/perfect_info_market.html

@@ -157,6 +157,11 @@
         -webkit-transform: scaleY(.5);
         transform: scaleY(.5);
       }
+      .market-overlay{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
     </style>
     <!--E-当前页面的css资源-->
     <script>
@@ -173,6 +178,10 @@
     {{include "/big-member/header.html"}}
     <div class="j-main perfect-info-group market-page" id="perfect-info-page" v-cloak>
       <div class="j-container">
+          <van-overlay class-name="market-overlay" :show="pageShow" @click="show = false">
+              <van-loading v-model="pageShow"></van-loading>
+          </van-overlay>
+          
           <div class="j-main info-collect">
               <div class="top-tip-text">请填写以下信息,完成报名。</div>
               <div class="top-banner-group" @click="openTopBanner" v-if="topBannerInfo.s_pic">
@@ -340,6 +349,7 @@
     delimiters: ['@@', '@@'],
     el: '#perfect-info-page',
     data: {
+      pageShow: false,
       sendShow: true, // 倒计时切换
       vercodecor: false, // 验证码是否正确
       setcodeShow: true, // 验证码输入框是否显示
@@ -494,13 +504,11 @@
       },
       haveSamePhone: false
     },
-    created () {
-      this.ajaxGetEchoInfo()
-    },
     mounted() {
       // source=message_bigmember app消息大会员留资地
       // source=message_structeddata app消息结构化数据留资地
       utils.iosBackRefresh()
+      this.ajaxGetEchoInfo()
     },
     computed: {
       setAddNum: function () {
@@ -803,6 +811,7 @@
         },1000);
       },
       ajaxGetEchoInfo() {
+        this.pageShow = true
         this.isEchoInfoLoading = true
         const s_reset_param = sessionStorage.getItem('s_reset_param')
         const reset = s_reset_param ? `&reset= ${sessionStorage.getItem('s_reset_param')}` : ''
@@ -825,7 +834,9 @@
           if(r && r.exhRes && Object.keys(r.exhRes).length) {
             if(r.exhRes.signState === 1) {
               if(!reset) {
-                location.assign(r.exhRes.href)
+                setTimeout(() => {
+                  location.href = r.exhRes.href
+                }, 1000)
               }
             } else if (r.exhRes.signState === -1) {
               this.activeEndShow = true
@@ -852,6 +863,7 @@
             //   this.submitForm(canAuto)
             // }
           }
+          this.pageShow = false
         })
       },
       highlightText (value, keyStr) {