|
|
@@ -7,117 +7,48 @@
|
|
|
<!-- 麦塔在线考试系统体验版 -->
|
|
|
<div class="platform-products-experience client-container">
|
|
|
<h4 class="client-title">麦塔在线考试系统体验版</h4>
|
|
|
- <p>简单好用的SaaS考试系统</p>
|
|
|
- <ul class="experience-ul-box mta-hidden-xs">
|
|
|
+ <ul class="experience-ul-box">
|
|
|
<li>
|
|
|
- <div @mouseenter="enterCodeKs" @mouseleave="leaveCodeKs">
|
|
|
- <i></i><h5>手机学员端</h5>
|
|
|
- <p>用手机扫描二维码</p>
|
|
|
- <p>考生30秒体验答卷</p>
|
|
|
- <a style="cursor: default">扫码体验</a>
|
|
|
- <span ref="codeBtnKs" v-if="youkeFlag"><em></em></span>
|
|
|
- <div ref="codeBtnKs" v-if="!youkeFlag">系统升级中...</div>
|
|
|
+ <div>
|
|
|
+ <i></i><h4>考试电脑管理端</h4><a>立即体验</a><p><span>{{kaoshiCnt}}</span>人正在体验学员端</p>
|
|
|
</div>
|
|
|
</li>
|
|
|
- <li><div><i></i><h5>电脑学员端</h5><p>支持市面各种主流浏览器</p><p>支持十万量级的考试并发</p><a @click="KsTyBtn('https://youkeksc.mtavip.com/c/youke')">立即体验</a></div></li>
|
|
|
- <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a @click="KsTyBtn('https://youkeksa.mtavip.com/a/youke')">后台体验</a></div></li>
|
|
|
- </ul>
|
|
|
- <!-- 手机轮播 -->
|
|
|
- <div class="experience-swiper-box mta-hidden-sm">
|
|
|
- <div v-swiper:mySwiper="swiperOption" class="swiper-container">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="sjxyd-icon"></i>
|
|
|
- <h5>手机学员端</h5>
|
|
|
- <p>点击立即体验按钮，考生30秒体验答卷</p>
|
|
|
- <a style="cursor: default" @click="FreeTrial(1)">立即体验</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="dnxyd-icon"></i>
|
|
|
- <h5>电脑学员端</h5>
|
|
|
- <p>支持市面各种主流浏览器</p>
|
|
|
- <p>支持十万量级的考试并发</p>
|
|
|
- <a @click="KsTyBtn('https://youkeksc.mtavip.com/c/youke')">立即体验</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="dngld-icon"></i>
|
|
|
- <h5>电脑管理端</h5>
|
|
|
- <p>欢迎体验麦塔系统后台</p>
|
|
|
- <p>三步轻松组织一场考试</p>
|
|
|
- <a @click="KsTyBtn('https://youkeksa.mtavip.com/a/youke')">后台体验</a></div>
|
|
|
- </div>
|
|
|
+ <li>
|
|
|
+ <div>
|
|
|
+ <i></i><h4>考试电脑学员端</h4><a>立即体验</a><p><span>{{kaoshiCnt}}</span>人正在体验管理端</p>
|
|
|
</div>
|
|
|
- <div class="swiper-pagination swiper-pagination-style"></div>
|
|
|
- <p class="experience-swiper-tip">←左右滑动查看更多→</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div>
|
|
|
+ <i></i><h4>考试一键安装包</h4><a>免费下载</a><p><span>{{ksDownLoadCnt}}</span>人已下载安装</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
<!-- 麦塔在线培训系统 -->
|
|
|
<div class="platform-products-experience client-container">
|
|
|
<h4 class="client-title">麦塔在线培训系统体验版</h4>
|
|
|
- <p>学练考评一站式培训平台</p>
|
|
|
- <ul class="experience-ul-box mta-hidden-xs">
|
|
|
+ <ul class="experience-ul-box peixun-ul-box">
|
|
|
<li>
|
|
|
- <div @mouseenter="enterCodePx" @mouseleave="leaveCodePx">
|
|
|
- <i></i><h5>手机学员端</h5>
|
|
|
- <p>用手机扫描二维码</p>
|
|
|
- <p>随时随地想学就学</p>
|
|
|
- <a style="cursor: default">扫码体验</a>
|
|
|
- <span ref="codeBtnPx" v-if="youkeFlag"><em class="px-img-box"></em></span>
|
|
|
- <div ref="codeBtnPx" v-if="!youkeFlag">系统升级中...</div>
|
|
|
+ <div>
|
|
|
+ <i></i><h4>考试电脑管理端</h4><a>立即体验</a><p><span>{{kaoshiCnt}}</span>人正在体验学员端</p>
|
|
|
</div>
|
|
|
</li>
|
|
|
- <li><div><i></i><h5>电脑学员端</h5><p>学练考评一站式培训平台</p><p>支持市面各种主流浏览器</p><a @click="pxTyBtn('https://youkepxc.mtavip.com/c/youke')">立即体验</a></div></li>
|
|
|
- <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a @click="pxTyBtn('https://youkepxa.mtavip.com/a/youke')">后台体验</a></div></li>
|
|
|
- </ul>
|
|
|
- <div class="experience-swiper-box mta-hidden-sm">
|
|
|
- <div v-swiper:mySwiperPx="swiperOptionPx" class="swiper-container">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="sjxyd-icon"></i>
|
|
|
- <h5>手机学员端</h5>
|
|
|
- <p>点击立即体验按钮，随时随地想学就学</p>
|
|
|
- <a style="cursor: default" @click="FreeTrial(2)">立即体验</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="dnxyd-icon"></i>
|
|
|
- <h5>电脑学员端</h5>
|
|
|
- <p>学练考评一站式培训平台</p>
|
|
|
- <p>支持市面各种主流浏览器</p>
|
|
|
- <a @click="pxTyBtn('https://youkepxc.mtavip.com/c/youke')">立即体验</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="dngld-icon"></i>
|
|
|
- <h5>电脑管理端</h5>
|
|
|
- <p>欢迎体验麦塔系统后台</p>
|
|
|
- <p>三步轻松组织一场考试</p>
|
|
|
- <a @click="pxTyBtn('https://youkepxa.mtavip.com/a/youke')">后台体验</a></div>
|
|
|
- </div>
|
|
|
+ <li>
|
|
|
+ <div>
|
|
|
+ <i></i><h4>考试电脑学员端</h4><a>立即体验</a><p><span>{{kaoshiCnt}}</span>人正在体验管理端</p>
|
|
|
</div>
|
|
|
- <div class="swiper-pagination swiper-pagination-style"></div>
|
|
|
- <p class="experience-swiper-tip">←左右滑动查看更多→</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div>
|
|
|
+ <i></i><h4>考试一键安装包</h4><a>免费下载</a><p><span>{{pxDownLoadCnt}}</span>人已下载安装</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
|
|
|
- <!-- 企业考培立即注册-->
|
|
|
- <div class="tiyan-center-register mta-hidden-xs">
|
|
|
- <div class="client-container">
|
|
|
- <h5>企业考培,就用麦塔</h5>
|
|
|
- <p>现在注册立享<span>30人</span>纯免费版本<span>3年</span>使用权限</p>
|
|
|
- <a @click="registerFun">立即注册</a>
|
|
|
- </div>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
+
|
|
|
<!-- 立即注册弹窗 -->
|
|
|
<el-dialog
|
|
|
:close-on-click-modal="false"
|
|
|
@@ -157,38 +88,10 @@
|
|
|
registerDl:false,
|
|
|
youkeFlag:false,// 控制游客系统是否维护中
|
|
|
systemMaintainDl:false,// 系统维护弹窗
|
|
|
- swiperOption: {
|
|
|
- pagination: {
|
|
|
- el: '.swiper-pagination',
|
|
|
- bulletClass: 'my-bullet-swiper', // 自定义设置默认类名
|
|
|
- bulletActiveClass: 'my-bullet-active-swiper', // 自定义滑块活跃类名
|
|
|
- clickable: true, // 点击当前滑块切换到对应的轮播图片
|
|
|
- },
|
|
|
- autoplay: {
|
|
|
- delay: 5000,
|
|
|
- },
|
|
|
- paginationClickable: true,
|
|
|
- speed: 800,
|
|
|
- loop: true,
|
|
|
- observer: true,
|
|
|
- observeParents: true,
|
|
|
- },
|
|
|
- swiperOptionPx: {
|
|
|
- pagination: {
|
|
|
- el: '.swiper-pagination',
|
|
|
- bulletClass: 'my-bullet-swiper', // 自定义设置默认类名
|
|
|
- bulletActiveClass: 'my-bullet-active-swiper', // 自定义滑块活跃类名
|
|
|
- clickable: true, // 点击当前滑块切换到对应的轮播图片
|
|
|
- },
|
|
|
- autoplay: {
|
|
|
- delay: 5000,
|
|
|
- },
|
|
|
- paginationClickable: true,
|
|
|
- speed: 800,
|
|
|
- loop: true,
|
|
|
- observer: true,
|
|
|
- observeParents: true,
|
|
|
- },
|
|
|
+ kaoshiCnt:0,
|
|
|
+ peixunCnt:0,
|
|
|
+ ksDownLoadCnt:0,
|
|
|
+ pxDownLoadCnt:0,
|
|
|
};
|
|
|
},
|
|
|
head(){
|
|
|
@@ -204,19 +107,9 @@
|
|
|
},
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
- // 判断是否为移动端
|
|
|
- getSystemWidth(){
|
|
|
- var browserWidth=document.documentElement.clientWidth;
|
|
|
- if(browserWidth <= 768){
|
|
|
- this.SystemWidthFlag = true;
|
|
|
- }else{
|
|
|
- this.SystemWidthFlag = false;
|
|
|
- }
|
|
|
- },
|
|
|
// 免费试用
|
|
|
FreeTrial(type){
|
|
|
var registerType = type;
|
|
|
- this.getSystemWidth();
|
|
|
if(this.youkeFlag){
|
|
|
if(registerType===1) {
|
|
|
window.open('https://youkeksc.mtavip.com/kscmdist/#/youke')
|
|
|
@@ -230,7 +123,6 @@
|
|
|
},
|
|
|
// 考试体验按钮
|
|
|
KsTyBtn(btnUrl){
|
|
|
- this.getSystemWidth();
|
|
|
if(this.youkeFlag) {
|
|
|
if(this.SystemWidthFlag){
|
|
|
this.$router.push({ name: 'copyUrl', query: { url: btnUrl, } });
|
|
|
@@ -248,7 +140,6 @@
|
|
|
},
|
|
|
// 培训学员端体验
|
|
|
pxTyBtn(btnUrl){
|
|
|
- this.getSystemWidth();
|
|
|
if(this.youkeFlag) {
|
|
|
if(this.SystemWidthFlag){
|
|
|
this.$router.push({ name: 'copyUrl', query: { url: btnUrl, } });
|
|
|
@@ -265,50 +156,18 @@
|
|
|
|
|
|
}
|
|
|
},
|
|
|
- // 考试鼠标移入
|
|
|
- enterCodeKs(){
|
|
|
- if(this.youkeFlag){
|
|
|
- this.$refs.codeBtnKs.style.bottom ='90px';
|
|
|
- }else{
|
|
|
- this.$refs.codeBtnKs.style.bottom ='0';
|
|
|
- }
|
|
|
-
|
|
|
- },
|
|
|
-
|
|
|
- // 考试鼠标移出
|
|
|
- leaveCodeKs(){
|
|
|
- this.$refs.codeBtnKs.style.bottom ='305px';
|
|
|
- },
|
|
|
- // 培训鼠标移入
|
|
|
- enterCodePx(){
|
|
|
- if(this.youkeFlag){
|
|
|
- this.$refs.codeBtnPx.style.bottom ='90px';
|
|
|
- }else{
|
|
|
- this.$refs.codeBtnPx.style.bottom ='0';
|
|
|
- }
|
|
|
- },
|
|
|
|
|
|
- // 培训鼠标移出
|
|
|
- leaveCodePx(){
|
|
|
- this.$refs.codeBtnPx.style.bottom ='305px';
|
|
|
- },
|
|
|
- // 立即注册按钮
|
|
|
- registerFun(){
|
|
|
- this.registerDl = true;
|
|
|
- },
|
|
|
},
|
|
|
created() {
|
|
|
// 页面初始化
|
|
|
- this.$axios.$post('/home/youke/stop').then(res=>{
|
|
|
- if (res.data === '1') {
|
|
|
- this.youkeFlag = false;
|
|
|
- }else{
|
|
|
- this.youkeFlag = true;
|
|
|
- }
|
|
|
+ this.$axios.$post('/user/tiyan/info').then(res=>{
|
|
|
+ this.kaoshiCnt = res.data.kaoshiCnt;
|
|
|
+ this.peixunCnt = res.data.kaoshiCnt;
|
|
|
+ this.ksDownLoadCnt = res.data.ksDownLoadCnt;
|
|
|
+ this.pxDownLoadCnt = res.data.pxDownLoadCnt;
|
|
|
});
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.getSystemWidth();
|
|
|
},
|
|
|
beforeDestroy() {
|
|
|
},
|
tanxue
