增加免费注册弹窗

pages/tiyanCenter/index.vue

@@ -10,12 +10,12 @@
       <ul class="experience-ul-box">
         <li>
           <div>
-            <i></i><h4>考试电脑管理端</h4><a href = "http://8.144.165.203:8087/kaoshi/admin/loginForTiyan.html" target="_blank">立即体验</a><p><span>{{kaoshiCnt}}</span>人正在体验学员端</p>
+            <i></i><h4>考试电脑管理端</h4><a @click="FreeTrial('ksAdmin')">立即体验</a><p><span>{{kaoshiCnt}}</span>人正在体验学员端</p>
           </div>
         </li>
         <li>
           <div>
-            <i></i><h4>考试电脑学员端</h4><a href = "http://8.144.165.203:8087/kaoshi/mta/loginForTiyan.html" target="_blank">立即体验</a><p><span>{{kaoshiCnt}}</span>人正在体验管理端</p>
+            <i></i><h4>考试电脑学员端</h4><a @click="FreeTrial('ksClient')">立即体验</a><p><span>{{kaoshiCnt}}</span>人正在体验管理端</p>
           </div>
         </li>
         <li>
@@ -32,12 +32,12 @@
       <ul class="experience-ul-box peixun-ul-box">
         <li>
           <div>
-            <i></i><h4>培训电脑管理端</h4><a href = "http://8.144.165.203:8087/peixun/admin/loginForTiyan.html" target="_blank">立即体验</a><p><span>{{peixunCnt}}</span>人正在体验学员端</p>
+            <i></i><h4>培训电脑管理端</h4><a @click="FreeTrial('pxAdmin')">立即体验</a><p><span>{{peixunCnt}}</span>人正在体验学员端</p>
           </div>
         </li>
         <li>
           <div>
-            <i></i><h4>培训电脑学员端</h4><a href = "http://8.144.165.203:8087/peixun/mta/loginForTiyan.html" target="_blank">立即体验</a><p><span>{{peixunCnt}}</span>人正在体验管理端</p>
+            <i></i><h4>培训电脑学员端</h4><a @click="FreeTrial('pxClient')">立即体验</a><p><span>{{peixunCnt}}</span>人正在体验管理端</p>
           </div>
         </li>
         <li>
@@ -68,15 +68,21 @@
     </el-dialog>
     <!-- 系统维护-->
     <el-dialog :close-on-click-modal="false" :visible.sync="systemMaintainDl" class="system-maintain-dialog"></el-dialog>
+    <!-- 免费试用弹窗-->
+    <reg-dialog :dialogVisible="regDialogFlag"  :systemType="systemCode" @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:     'tiyanCenter',
     layout:   'templateB',
+    components: {
+      regDialog,
+    },
     async asyncData({ $axios,store }) {
       // 设置选中菜单
       store.commit('setActiveNav', '/tiyanCenter');
@@ -92,6 +98,8 @@
         peixunCnt:0,
         ksDownLoadCnt:0,
         pxDownLoadCnt:0,
+        systemCode:'ksClient',
+        regDialogFlag:false,// 免费试用弹窗
       };
     },
     head(){
@@ -105,22 +113,21 @@
         ],
       };
     },
-    computed: {},
     methods:  {
-      // 免费试用
-      FreeTrial(type){
-        var registerType = type;
-        if(this.youkeFlag){
-            if(registerType===1) {
-              window.open('https://youkeksc.mtavip.com/kscmdist/#/youke')
-            }else {
-              window.open('https://youkepxc.mtavip.com/pxcmdist/#/youke')
-            }
+      // 弹窗关闭
+      showRegDialogUpdate(data){
+        this.regDialogFlag  = !data
+        if(data === 'false'){
+          this.regDialogFlag = false
         }else{
-          // 升级中
-          this.$message({customClass:'phone-message-box',type: 'warning',message: '系统升级中，请稍后再试...'});
+          this.regDialogFlag = true
         }
       },
+      // 免费试用
+      FreeTrial(data){
+        this.regDialogFlag = true;
+        this.systemCode = data;
+      },
       // 用户注册接口（帮助后台计算）
       userRegister(){
         const options = {