update

assets/scss/cus-client/cus-client-page.scss

@@ -1266,7 +1266,7 @@
         // 关闭图标
         .el-icon-close:before{color: #fff}
         // 弹窗头部
-        .el-dialog__header{height: 100px;background: #363fdc;}
+        .el-dialog__header{height: 100px;background: #00b96b;}
         // 弹窗body
         .el-dialog__body{
           height:200px;position: relative;background: #fff;
@@ -1275,7 +1275,7 @@
             >p{font-size: 18px;color: #fff;text-align: center;line-height: 24px;margin-bottom: 8px}
             >span{
               margin-top: 36px;color: #666;font-size: 16px;display: block;text-align: center;
-              .tel-code{font-size: 30px;color:#1f68b4;font-weight: bold;}
+              .tel-code{font-size: 30px;color:#00b96b;font-weight: bold;}
             }
           }
         }
@@ -1289,8 +1289,8 @@
           span{width: 1px;min-height: 100px;display:inline-block;background:#e8e8e8;@include setFontStyle(-4);margin: 10px;}
           p{@include setFontStyle(-4);color: rgba(0,0,0,0.85);line-height: 24px;text-align: center;}
         }
-        .system-box:nth-child(1){i{background-image:url("~static/images/client/exam/product-function-icon3.png");} }
-        .system-box:nth-child(3){i{background-image:url("~static/images/client/train/product-function-icon6.png");} }
+        .system-box:nth-child(1){i{background-image:url("~static/gangweiIcon/z134.png");} }
+        .system-box:nth-child(3){i{background-image:url("~static/gangweiIcon/z135.png");} }
       }
   }
 

components/common/freeTrialBtn.vue

@@ -1,5 +1,5 @@
 <template>
-  <span class="free-btn" v-bind="$attrs" @click="btnClick">免费试用</span>
+  <span class="free-btn" @click.stop.prevent="btnClick">免费试用</span>
 </template>
 
 <script>
@@ -9,6 +9,15 @@ export default {
     myType: {
       type: String,
       default: 'kaoshi'
+    },
+    select: {
+      type: Boolean,
+      default: false,
+    }
+  },
+  data() {
+    return {
+      visible: false,
     }
   },
   methods: {
@@ -21,6 +30,11 @@ export default {
       }
     },
     btnClick() {
+
+      if (this.select) {
+        this.$emit('need-select')
+        return false;
+      }
       // 执行业务
       this.FreeTrial();
       // 执行通知
@@ -34,15 +48,15 @@ export default {
       if (!this.isPC()) {
         // H5
         if (this.myType === 'kaoshi') {
-          window.open('https://cdnks.mtavip.com/mdist/#/webRegister?flug=1')
+          window.open('https://qg.qtavip.com/mdist/#/webRegister?flug=1')
         } else {
-          window.open('https://cdnks.mtavip.com/mdist/#/webRegister?flug=2')
+          window.open('https://qg.qtavip.com/#/webRegister?flug=2')
         }
       } else {
         if (this.myType === 'kaoshi') {
-          window.open('https://cdnks.mtavip.com/a/register?flug=1')
+          window.open('https://qg.qtavip.com/a/register?flug=1')
         } else {
-          window.open('https://cdnks.mtavip.com/a/register?flug=2')
+          window.open('https://qg.qtavip.com/a/register?flug=2')
         }
       }
     },
@@ -66,4 +80,5 @@ export default {
     padding: 0;text-align: center;font-size: 14px;
   }
 }
+
 </style>

components/common/selectDialog.vue

@@ -0,0 +1,54 @@
+<template>
+  <!--  立即注册弹窗 -->
+  <el-dialog
+    :close-on-click-modal="false"
+    :visible.sync="visible"
+    class="register-now-dialog"
+    @close="onCloseDl"
+    center>
+    <div class="register-now-box">
+      <p>在线考培，就用麦塔</p>
+      <p>现在注册立享30人纯免费版本3年使用权限</p>
+      <div class="system-box">
+        <a href="https://qg.qtavip.com/a/register?flug=1" target="_blank"><i></i><p>考试系统</p></a>
+        <span></span>
+        <a href="https://qg.qtavip.com/a/register?flug=2" target="_blank"><i></i><p>培训系统</p></a>
+      </div>
+      <span>免费咨询电话：<span class="tel-code">400-0990-883</span></span>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: "selectDialog",
+  props: {
+    show: {
+      type: Boolean,
+      default: false,
+    }
+  },
+  data() {
+    return {
+      visible: false,
+    }
+  },
+  methods: {
+    onCloseDl() {
+      this.$emit('update:show', false);
+    }
+  },
+  watch: {
+    show: {
+      handler(newVal) {
+        this.visible = newVal;
+      },
+      immediate: true
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

pages/index.vue

@@ -13,7 +13,7 @@
                class="index-carousel-box">
             <div class="client-container">
               <div class="banner-btn-groups">
-                <freeTrialBtn class="free-train-btn btn-item" myType="kaoshi"/>
+                <freeTrialBtn class="free-train-btn btn-item" myType="kaoshi" :select="true" @need-select="onNeedSelect" />
                 <onlineInformationBtn class="online-information-btn btn-item" />
               </div>
             </div>
@@ -90,6 +90,8 @@
     <!--  申请方案  -->
     <applicationDialog :visible.sync="telDl"></applicationDialog>
 
+    <selectDialog :show.sync="show"></selectDialog>
+
   </div>
 </template>
 
@@ -101,6 +103,7 @@ import onlineInformationBtn from "~/components/common/onlineInformationBtn";
 import applicationDialog from "~/components/common/applicationDialog";
 import newsComp from "~/components/common/newsComp";
 import imgCardLv1 from "~/components/common/layout/imgDes/imgCardLv1";
+import selectDialog from "~/components/common/selectDialog";
 import {BannerImgs, classifys} from "~/defaultConfig"
 
 /**
@@ -137,6 +140,7 @@ export default {
   },
   data() {
     return {
+      show: false,
       productList: [
         {
           content: {
@@ -579,7 +583,8 @@ export default {
     freeTrialBtn,
     onlineInformationBtn,
     applicationDialog,
-    newsComp
+    newsComp,
+    selectDialog
   },
   head() {
     return {
@@ -620,6 +625,9 @@ export default {
     }
   },
   methods: {
+    onNeedSelect() {
+      this.show = true;
+    },
     onApplyBtnActive() {
       this.telDl = true;
     },