首页免费试用弹窗开发

pages/index.vue

@@ -92,7 +92,7 @@
             <div class="products-services-content">
               <h5>数字内容定制开发服务</h5>
               <p>企业需要定制适合自己的个性化课程，将隐性、零散的企业知识显性化和系统化，使企业多年积累的经验得以有效沉淀和传承。久创锐康，凭借创新的技术、高效的服务响应和强大的战略执行，为客户打造专业优质的课程定制服务</p>
-              <div class="client-btn-box"><div class="client-default-Btn" @click="applyFun">申请方案</div><span class="client-default-Btn" @click="goKechengPage">了解详情</span></div>
+              <div class="client-btn-box"><div class="client-default-Btn" @click="applyFun('kaoshi')">申请方案</div><span class="client-default-Btn" @click="goKechengPage">了解详情</span></div>
             </div>
         </div>
         <div class="products-services-box">
@@ -190,7 +190,8 @@
       center>
       <i></i>
       <h4>为帮助您更好的使用产品，请先验证手机信息</h4>
-      <p>今日已有<span>34789</span>人  体验了考试系统</p>
+      <p v-if="systemType==='kaoshi'">今日已有<span>34789</span>人  体验了考试系统</p>
+      <p v-if="systemType==='peixun'">今日已有<span>34789</span>人  体验了培训系统</p>
       <el-form :model="telChangeDate" status-icon :rules="telRules" ref="ruleTelForm" class="application-scheme-form">
         <el-form-item  prop="tel">
           <el-input v-model="telChangeDate.tel" placeholder="请输入手机号" class="dialog-input-tel"></el-input>
@@ -309,6 +310,7 @@
             { trigger: 'blur', required: true, message: '请输入验证码' },
           ],
         },
+        systemType:'kaoshi',
 
 
       };
@@ -398,14 +400,10 @@
         }
       },
       // 申请方案
-      applyFun() {
-        this.getSystemWidth();
-        if(this.SystemWidthFlag){
-          this.$router.push({ name: 'CourseDevelopPhone', query: {pageName: 'shouye',} });
-        }else{
-          this.telDl = true;
-          this.sliderFun();
-        }
+      applyFun(type) {
+        this.systemType = type;
+        this.sliderFun();
+        this.telDl = true;
 
       },
 
@@ -567,7 +565,12 @@
       },
       // 验证码
       checkVerification() {
+        if (this.telChangeDate.tel === undefined) {
+          this.$message.error('请输入手机号');
+          return;
+        }
         if (this.sliderData.appkey === undefined) {
+          this.$message.error('请先进行滑块校验');
           return;
         }
         this.$axios.$post(`/develop/exists`,{  phone: this.telChangeDate.tel}).then(res=>{