考试系统免费试用功能开发

pages/examsystem/index.vue

@@ -37,7 +37,7 @@
               <div class="products-services-content">
                 <h5><span>创建考试</span><i>1</i></h5>
                 <p class="p-before-circle">手动录入或批量导入试题，完善考试系统试题库</p>
-                <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</div><span  class="client-default-Btn" @click="goExamPage">在线咨询</span></div>
+                <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</div><span  class="client-default-Btn" @click="onlineFun">在线咨询</span></div>
               </div>
             </div>
             </div>
@@ -49,7 +49,7 @@
               <div class="products-services-content">
                 <h5><span>发布考试</span><i>2</i></h5>
                 <p class="p-before-circle">可选择创建新试卷，或从试卷库中选择一张试卷进行考试</p>
-                <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</div><span  class="client-default-Btn" @click="goExamPage">在线咨询</span></div>
+                <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</div><span  class="client-default-Btn" @click="onlineFun">在线咨询</span></div>
               </div>
             </div>
             </div>
@@ -61,7 +61,7 @@
               <div class="products-services-content">
                 <h5><span>开始考试</span><i>3</i></h5>
                 <p class="p-before-circle">学员使用电脑或移动设备进行考试</p>
-                <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</div><span  class="client-default-Btn" @click="goExamPage">在线咨询</span></div>
+                <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</div><span  class="client-default-Btn" @click="onlineFun">在线咨询</span></div>
               </div>
             </div>
             </div>
@@ -73,7 +73,7 @@
               <div class="products-services-content">
                 <h5><span>自动批阅</span><i>4</i></h5>
                 <p class="p-before-circle">支持自动评卷。系统可根据事先录入的正确答案进行判分</p>
-                <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</div><span  class="client-default-Btn" @click="goExamPage">在线咨询</span></div>
+                <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</div><span  class="client-default-Btn" @click="onlineFun">在线咨询</span></div>
               </div>
             </div>
             </div>
@@ -136,22 +136,27 @@
               <dd>接口对接</dd>
             </dl>
           </div>
-          <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</div><span  class="client-default-white-Btn" @click="goExamPage">在线咨询</span></div>
+          <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</div><span  class="client-default-white-Btn" @click="onlineFun">在线咨询</span></div>
         </div>
       </div>
 
     </div>
+    <reg-dialog :dialogVisible="regDialogFlag"  systemType="ks" @changeShow="showRegDialogUpdate"></reg-dialog>
   </div>
 
 
 </template>
 
 <script>
+  import regDialog from '~/components/registerDialog';
   import Swiper, {Navigation, Pagination,Autoplay} from 'swiper';
   Swiper.use([Navigation, Pagination,Autoplay]);
   export default {
     name:       'examsystem',
     layout:'templateB',
+    components: {
+      regDialog,
+    },
     async asyncData({ $axios,store }) {
       // 设置选中菜单
       store.commit('setActiveNav', '/examsystem');
@@ -172,6 +177,7 @@
         advantagesImg2:  require(`~/static/images/client/exam/product-advantages-img2.png`),
         advantagesImg3:  require(`~/static/images/client/exam/product-advantages-img3.png`),
         advantagesImg4:  require(`~/static/images/client/exam/product-advantages-img4.png`),
+        regDialogFlag:false,
       };
     },
     head(){
@@ -191,8 +197,34 @@
     },
     computed:   {},
     methods:    {
+      // 弹窗关闭
+      showRegDialogUpdate(data){
+        this.regDialogFlag  = !data
+        if(data === 'false'){
+          this.regDialogFlag = false
+        }else{
+          this.regDialogFlag = true
+        }
+      },
+      // 免费试用
+      FreeTrial(){
+        this.regDialogFlag = !this.regDialogFlag
+      },
+
+      // 在线咨询
+      onlineFun(){
+        window.open('https://p.qiao.baidu.com/cps/chat?siteId=11735491&userId=10530011')
+      },
+
+      // banner点击
+      clickBanner(data){
+        if(data){
+          window.open(data)
+        }
+      },
     },
     created() {
+
     },
     mounted() {
     },