考试系统响应式页面开发--跳转页面判断

pages/examsystem/index.vue

@@ -22,8 +22,8 @@
               <div ref="codeBtn" v-if="!youkeFlag">系统升级中...</div>
             </div>
           </li>
-          <li><div><i></i><h5>电脑学员端</h5><p>支持市面各种主流浏览器</p><p>支持十万量级的考试并发</p><a @click="clientKsTy">立即体验</a></div></li>
-          <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a @click="adminKsTy">后台体验</a></div></li>
+          <li><div><i></i><h5>电脑学员端</h5><p>支持市面各种主流浏览器</p><p>支持十万量级的考试并发</p><a @click="KsTyBtn('https://youkeksc.mtavip.com/c/youke')">立即体验</a></div></li>
+          <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a @click="KsTyBtn('https://youkeksa.mtavip.com/a/youke')">后台体验</a></div></li>
           <li><div><i></i><h5>更新日志</h5><p>麦塔想您所想，不止于功能</p><p>我们一直在更新迭代</p><a  class="client-default-Btn" @click="goCheckLog">查看日志</a></div></li>
         </ul>
         <!-- 手机轮播 -->
@@ -44,7 +44,7 @@
                   <h5>电脑学员端</h5>
                   <p>支持市面各种主流浏览器</p>
                   <p>支持十万量级的考试并发</p>
-                  <a @click="clientKsTy">立即体验</a>
+                  <a @click="KsTyBtn('https://youkeksc.mtavip.com/c/youke')">立即体验</a>
                 </div>
               </div>
               <div class="swiper-slide">
@@ -53,7 +53,7 @@
                   <h5>电脑管理端</h5>
                   <p>欢迎体验麦塔系统后台</p>
                   <p>三步轻松组织一场考试</p>
-                  <a @click="adminKsTy">后台体验</a></div>
+                  <a @click="KsTyBtn('https://youkeksa.mtavip.com/a/youke')">后台体验</a></div>
               </div>
               <div class="swiper-slide">
                 <div class="experience-content-box">
@@ -400,12 +400,18 @@
       // 免费试用
       FreeTrial(){
         this.getSystemWidth();
-        if(this.SystemWidthFlag){
-          window.open('https://cdnks.mtavip.com/mdist/#/webRegister?flug=1')
-        }else{
-          window.open('https://cdnks.mtavip.com/a/register?flug=1')
+        if(this.youkeFlag){
+          // 没升级
+          if(this.SystemWidthFlag){
+            window.open('https://cdnks.mtavip.com/mdist/#/webRegister?flug=1')
+          }else{
+            window.open('https://cdnks.mtavip.com/a/register?flug=1')
 
-        }
+          }
+      }else{
+          // 升级中
+          this.$message({customClass:'phone-message-box',type: 'warning',message: '系统升级中，请稍后再试...'});
+  }
       },
       // 判断是否为移动端
       getSystemWidth(){
@@ -416,20 +422,22 @@
           this.SystemWidthFlag = false;
         }
       },
-      // 考试学员端体验
-      clientKsTy(){
-        if(this.youkeFlag) {
-          window.open("https://youkeksc.mtavip.com/c/youke");
-        }else{
-          this.systemMaintainDl = true;
-        }
-      },
-      // 考试管理端体验
-      adminKsTy(){
-        if(this.youkeFlag) {
-          window.open("https://youkeksa.mtavip.com/a/youke");
+      // 考试体验按钮
+      KsTyBtn(btnUrl){
+        this.getSystemWidth();
+        if(!this.youkeFlag) {
+          if(this.SystemWidthFlag){
+            this.$router.push({ name: 'copyUrl', query: { url: btnUrl, } });
+          }else {
+            window.open(btnUrl);
+          }
         }else{
-          this.systemMaintainDl = true;
+          if(this.SystemWidthFlag){
+            // 升级中
+            this.$message({customClass:'phone-message-box',type: 'warning',message: '系统升级中，请稍后再试...'});
+          }else{
+            this.systemMaintainDl = true;
+          }
         }
       },