增加区分移动端和PC的跳转方式

pages/index.vue

@@ -43,7 +43,7 @@
               <h5>易用/稳定/高效的在线考试系统</h5>
               <i></i>
               <p>麦塔考试系统满足不同行业的考试考核需求；致力于提供行业领先，功能完善的在线考试解决方案；人员，题库，组卷，考试，成绩，监控，成绩，统计功能完整，多终端使用轻松应对各种类型考试需求；</p>
-              <div class="client-btn-box"><a rel="nofollow" class="client-default-Btn" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank">免费试用</a><span  class="client-default-Btn" @click="goExamPage">了解详情</span></div>
+              <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial(1)">免费试用</div><span  class="client-default-Btn" @click="goExamPage">了解详情</span></div>
           </div>
         </div>
         <div class="products-services-box products-contrary-box">
@@ -52,7 +52,7 @@
               <h5>一体化/全场景的在线培训系统</h5>
               <i></i>
               <p>麦塔在线培训系统助力企业构建学习型组织，帮助企业提升人才培养效率，增加线上培训路径，提升企业竞争力；</p>
-              <div class="client-btn-box"><a rel="nofollow" class="client-default-Btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">免费试用</a><span class="client-default-Btn" @click="goPeixunPage">了解详情</span></div>
+              <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial(2)">免费试用</div><span class="client-default-Btn" @click="goPeixunPage">了解详情</span></div>
             </div>
         </div>
         <div class="products-services-box">
@@ -87,7 +87,7 @@
                 </div>
               </li>
             </ul>
-            <a rel="nofollow" class="free-trial-default-btn" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank">免费试用</a>
+            <div rel="nofollow" class="free-trial-default-btn" @click="FreeTrial(1)">免费试用</div>
           </el-tab-pane>
           <el-tab-pane label="培训系统" name="second">
             <ul class="demand-tab-list demand-peixun-list">
@@ -104,7 +104,7 @@
                 </div>
               </li>
             </ul>
-            <a rel="nofollow" class="free-trial-default-btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">免费试用</a>
+            <div rel="nofollow" class="free-trial-default-btn"  @click="FreeTrial(2)">免费试用</div>
           </el-tab-pane>
         </el-tabs>
       </div>
@@ -140,7 +140,7 @@
             </div>
           </li>
         </ul>
-        <a rel="nofollow" class="free-trial-default-btn" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank">免费试用</a>
+        <div rel="nofollow" class="free-trial-default-btn" @click="FreeTrial(1)">免费试用</div>
       </div>
     </div>
 
@@ -294,6 +294,7 @@
     },
     data() {
       return {
+        SystemWidthFlag:false,// 判断是否是手机端，默认为false，默认为PC端
         topCarousels2:  [],
         // 产品和服务
         productsImg1:   require(`~/static/images/client/index/index-products-kaoshi.png`),
@@ -603,6 +604,16 @@
       }
     },
     methods:    {
+      // 判断是否为移动端
+      getSystemWidth(){
+        var browserWidth=document.documentElement.clientWidth;
+        if(browserWidth <= 768){
+          this.SystemWidthFlag = true;
+        }else{
+          this.SystemWidthFlag = false;
+        }
+
+      },
       clickBanner(data){
       /*  console.log(data);
 
@@ -612,9 +623,25 @@
         // this.$router.push({ name: 'indexEducation' });
       },
 
+      // 免费试用
+      FreeTrial(type){
+        var registerType = type;
+        this.getSystemWidth();
+        if(this.SystemWidthFlag){
+          this.$router.push({ name: 'registerPhone', query: {flug: registerType,} });
+        }else{
+          if(registerType===1){
+            window.open('https://cdnks.mtavip.com/a/register?flug=1')
+          }else{
+            window.open('https://cdnks.mtavip.com/a/register?flug=2')
+          }
+
+        }
+      },
+      // 申请方案
       applyFun() {
-        var browserWidth=document.documentElement.clientWidth;
-        if(browserWidth <= 768){
+        this.getSystemWidth();
+        if(this.SystemWidthFlag){
           this.$router.push({ name: 'CourseDevelopPhone', query: {pageName: 'shouye',} });
         }else{
           this.telDl = true;
@@ -835,6 +862,9 @@
       },
       ...mapGetters(['getBaseUrl']),
     },
+    mounted() {
+      this.getSystemWidth();
+    }
   };
 </script>