培训系统响应式页面开发

pages/trainsystem/index.vue

@@ -21,8 +21,8 @@
             <div ref="codeBtn" v-if="!youkeFlag">系统升级中...</div>
           </div>
         </li>
-        <li><div><i></i><h5>电脑学员端</h5><p>学练考评一站式培训平台</p><p>支持市面各种主流浏览器</p><a @click="clientPxTy">立即体验</a></div></li>
-        <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a @click="adminPxTy">后台体验</a></div></li>
+        <li><div><i></i><h5>电脑学员端</h5><p>学练考评一站式培训平台</p><p>支持市面各种主流浏览器</p><a @click="pxTyBtn('https://youkepxc.mtavip.com/c/youke')">立即体验</a></div></li>
+        <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a @click="pxTyBtn('https://youkepxa.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>
       <!-- 手机轮播 -->
@@ -43,7 +43,7 @@
                 <h5>电脑学员端</h5>
                 <p>学练考评一站式培训平台</p>
                 <p>支持市面各种主流浏览器</p>
-                <a @click="clientKsTy">立即体验</a>
+                <a @click="pxTyBtn('https://youkepxc.mtavip.com/c/youke')">立即体验</a>
               </div>
             </div>
             <div class="swiper-slide">
@@ -52,7 +52,7 @@
                 <h5>电脑管理端</h5>
                 <p>欢迎体验麦塔系统后台</p>
                 <p>三步轻松组织一场考试</p>
-                <a @click="adminKsTy">后台体验</a></div>
+                <a @click="pxTyBtn('https://youkepxa.mtavip.com/a/youke')">后台体验</a></div>
             </div>
             <div class="swiper-slide">
               <div class="experience-content-box">
@@ -411,12 +411,18 @@
     methods:  {
       // 免费试用
       FreeTrial(){
-        this.getSystemWidth();
-        if(this.SystemWidthFlag){
-          window.open('https://cdnks.mtavip.com/mdist/#/webRegister?flug=2')
-        }else{
-          window.open('https://cdnks.mtavip.com/a/register?flug=2')
+        if(this.youkeFlag){
+          // 没升级
+          this.getSystemWidth();
+          if(this.SystemWidthFlag){
+            window.open('https://cdnks.mtavip.com/mdist/#/webRegister?flug=2')
+          }else{
+            window.open('https://cdnks.mtavip.com/a/register?flug=2')
+          }
 
+        }else{
+          // 升级中
+          this.$message({customClass:'phone-message-box',type: 'warning',message: '系统升级中，请稍后再试...'});
         }
       },
       // 判断是否为移动端
@@ -429,19 +435,22 @@
         }
       },
       // 培训学员端体验
-      clientPxTy(){
-        if(this.youkeFlag) {
-          window.open("https://youkepxc.mtavip.com/c/youke");
-        }else{
-          this.systemMaintainDl = true;
-        }
-      },
-      // 培训管理端体验
-      adminPxTy(){
+      pxTyBtn(btnUrl){
+        this.getSystemWidth();
         if(this.youkeFlag) {
-          window.open("https://youkepxa.mtavip.com/a/youke");
+          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;
+          }
+
         }
       },
       //  describe: 查看日志 author: Wgy date:6/8/21