|
|
@@ -2,86 +2,48 @@
|
|
|
<div class="client-platform-page client-train-page">
|
|
|
|
|
|
<!-- 培训平台页 banner栏 -->
|
|
|
- <div class="client-platform-banner">
|
|
|
+ <div class="client-platform-banner" v-if="bannerList.length>0">
|
|
|
<div @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${bannerList[0].pic||require(`~/static/images/client/train/train-banner-background.png`)})`}" class="client-platform-banner"></div>
|
|
|
<a rel="nofollow" class="free-trial-default-btn" @click="FreeTrial">免费试用</a>
|
|
|
</div>
|
|
|
- <!-- 产品体验 -->
|
|
|
- <div class="platform-products-experience client-container">
|
|
|
- <h4 class="client-title">产品体验</h4>
|
|
|
- <p>无需注册，即可免费体验麦塔在线培训系统</p>
|
|
|
- <ul class="experience-ul-box mta-hidden-xs">
|
|
|
- <li>
|
|
|
- <div @mouseenter="enterCode" @mouseleave="leaveCode" >
|
|
|
- <i></i><h5>手机学员端</h5>
|
|
|
- <p>用手机扫描二维码</p>
|
|
|
- <p>随时随地想学就学</p>
|
|
|
- <a style="cursor: default">扫码体验</a>
|
|
|
- <span ref="codeBtn" v-if="youkeFlag"><em class="px-img-box"></em></span>
|
|
|
- <div ref="codeBtn" v-if="!youkeFlag">系统升级中...</div>
|
|
|
- </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>
|
|
|
- <li><div><i></i><h5>更新日志</h5><p>麦塔想您所想，不止于功能</p><p>我们一直在更新迭代</p><a class="client-default-Btn" @click="goCheckLog">查看日志</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>点击立即体验按钮，随时随地想学就学</p>
|
|
|
- <a style="cursor: default" @click="ykFreeTrial">立即体验</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>
|
|
|
- <!--<div class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="skrz-icon"></i>
|
|
|
- <h5>更新日志</h5>
|
|
|
- <p>麦塔想您所想，不止于功能</p>
|
|
|
- <p>我们一直在更新迭代</p>
|
|
|
- <a class="client-default-Btn" @click="goCheckLog">查看日志</a>
|
|
|
- </div>
|
|
|
- </div>-->
|
|
|
- </div>
|
|
|
- <div class="swiper-pagination swiper-pagination-style"></div>
|
|
|
- <p class="experience-swiper-tip">←左右滑动查看更多→</p>
|
|
|
- </div>
|
|
|
+ <!-- 企业培训现状 -->
|
|
|
+ <div class="train-status-box">
|
|
|
+ <h4 class="client-title">企业培训现状</h4>
|
|
|
+ <div class="client-container">
|
|
|
+ <p>企业的发展在于人才比拼，而人才的比拼在于学习速度的比拼。</p>
|
|
|
+ <p>为此，很多企业不惜重金去建设培训体系，对员工进行培训，但却起不到良好的成效。</p>
|
|
|
+ <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>
|
|
|
</div>
|
|
|
- <!-- 产品优势 -->
|
|
|
- <div class="platform-products-services">
|
|
|
- <h4 class="client-title">产品优势</h4>
|
|
|
+
|
|
|
+ <!-- 企业培训痛点 -->
|
|
|
+ <div class="train-pain-point">
|
|
|
+ <div class="client-container">
|
|
|
+ <h4 class="client-title">企业培训痛点</h4>
|
|
|
+ <ul>
|
|
|
+ <li><i></i><p>受时间、场地影响</p><p>无法随时随地学习</p></li>
|
|
|
+ <li><i></i><p>培训过度，学习不足</p><p>培训课程体系设置不合理</p></li>
|
|
|
+ <li><i></i><p>老员工离职，带走工作经验</p><p>新人需重新摸索经验</p></li>
|
|
|
+ <li><i></i><p>不能快速响应业务变化</p></li>
|
|
|
+ <li><i></i><p>没有针对性，知识无法共享</p></li>
|
|
|
+ <li><i></i><p>成本高，导致</p><p>企业不敢进行员工培训</p></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 解决方案 -->
|
|
|
+ <div class="platform-products-services">
|
|
|
+ <h4 class="client-title">解决方案</h4>
|
|
|
<ul>
|
|
|
<li>
|
|
|
<div class="client-container">
|
|
|
<div class="products-services-box products-contrary-box">
|
|
|
- <img :src="trainAdvantagesImg1" alt="完善的课程学习体系" />
|
|
|
+ <img :src="trainAdvantagesImg1" alt="多平台学习" />
|
|
|
<div class="products-services-content">
|
|
|
- <h5>完善的课程学习体系</h5>
|
|
|
+ <h5><span>多平台学习</span><i>1</i></h5>
|
|
|
<i></i>
|
|
|
- <p>培训计划，课件资源管理，课程安排，在线学习，互动问答，记录笔记，课程进度查看，课后测试，结业证书，共享资源，完整的学习流程协助您完成全流程的线上培训体系。</p>
|
|
|
- <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
|
|
|
+ <p>电脑端，移动端随时随地进行学习、考试。从而不再受时间地点的约束</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>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -89,12 +51,12 @@
|
|
|
<li>
|
|
|
<div class="client-container">
|
|
|
<div class="products-services-box">
|
|
|
- <img :src="trainAdvantagesImg2" alt="随时随地学习" />
|
|
|
+ <img :src="trainAdvantagesImg2" alt="碎片化时间" />
|
|
|
<div class="products-services-content">
|
|
|
- <h5>随时随地学习</h5>
|
|
|
+ <h5><span>碎片化时间</span><i>2</i></h5>
|
|
|
<i></i>
|
|
|
- <p>PC端与移动端无缝连接；全面支持安卓、IOS等操作系统；支持APP和微信学习模式；为学习者提供真正的随时随地的、个性化的、开放式的学习服务。</p>
|
|
|
- <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
|
|
|
+ <p>利用碎片时间进行学习，不需要拿出整段的时间，也不需要集中在某个地点</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>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -102,12 +64,12 @@
|
|
|
<li>
|
|
|
<div class="client-container">
|
|
|
<div class="products-services-box products-contrary-box">
|
|
|
- <img :src="trainAdvantagesImg3" alt="线上线下全面融合；学习地图展示员工学习路径" />
|
|
|
+ <img :src="trainAdvantagesImg3" alt="标准化学习" />
|
|
|
<div class="products-services-content">
|
|
|
- <h5>线上线下全面融合；<br>学习地图展示员工学习路径</h5>
|
|
|
+ <h5><span>标准化学习</span><i>3</i></h5>
|
|
|
<i></i>
|
|
|
- <p>培训计划安排，线上学习和线下培训现场签到，评价汇总；很好地解决培训项目多元化管理；员工职位能力地图的绘制，匹配员工职位发展模型，通关式学习让学员循序渐进的提升学习能力</p>
|
|
|
- <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
|
|
|
+ <p>课程、学时、学分、统考、练习、证书等标准化统一</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>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -115,12 +77,12 @@
|
|
|
<li>
|
|
|
<div class="client-container">
|
|
|
<div class="products-services-box">
|
|
|
- <img :src="trainAdvantagesImg4" alt="学，测，考，练，一体化学习模式" />
|
|
|
+ <img :src="trainAdvantagesImg4" alt="大数据分析" />
|
|
|
<div class="products-services-content">
|
|
|
- <h5>学，测，考，练，一体化学习模式</h5>
|
|
|
+ <h5><span>大数据分析</span><i>4</i></h5>
|
|
|
<i></i>
|
|
|
- <p>包含了在线考试系统的全部功能；题库——组卷——考试——练习；学员学习后证书获取，学习积分累加清晰的检测学习效果</p>
|
|
|
- <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
|
|
|
+ <p>多维度数据统计，深层分析学情，帮助企业实现人才发掘、测评、培养、考核、任用一体化</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>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -129,181 +91,27 @@
|
|
|
|
|
|
</div>
|
|
|
|
|
|
- <!-- 产品功能 -->
|
|
|
- <div class="platform-product-function">
|
|
|
- <div class="client-container">
|
|
|
- <h4 class="client-title">产品功能</h4>
|
|
|
- <ul class="product-function-box mta-hidden-xs">
|
|
|
- <li>
|
|
|
- <div><i></i><h5>多层级独立管理</h5>
|
|
|
- <p>满足多层级的组织架构，多级子公司运营的需求，针对企业复杂的组织架构，可设置不限层级的树状管理权限</p></div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div><i></i><h5>培训记录与监管</h5>
|
|
|
- <p>登录记录、学习时长、考核记录、学习状况实时监控、督学体系、学习能力分析体系强大</p></div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div><i></i><h5>随时随地学习</h5>
|
|
|
- <p>适配PC端、手机端、PAD端，满足员工多场景下的学习方式；Web端：大块时间学习场景下，更丰富的学习体验；移动端：突破时间空间限制，利用碎片化时间学习；多端学习数据即时同步</p></div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div><i></i><h5>稳定安全的数据保护</h5>
|
|
|
- <p>采用多层次多安全防护措施，顺利通过阿里渗透式测试，使系统最大限度地不被黑客和有意破坏者攻击</p></div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div><i></i><h5>完善的课程学习体系</h5>
|
|
|
- <p>培训计划，课件资源管理，课程安排，在线学习，互动问答，记录笔记，课程进度查看，课后测试，结业证书，共享资源，完整的学习流程协助你完成健全的在线培训体系</p></div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div><i></i><h5>功能丰富的在线考试</h5>
|
|
|
- <p>强大的题库管理和丰富的考试控制功能，随机组卷考试，稳定大并发考试</p></div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div><i></i><h5>与第三方系统无缝集成</h5>
|
|
|
- <p>基于Java语言开发Springcloud框架；支持人脸识别、单点登录、组织架构及用户数据的同步；支持与EAP/EIP、OA、HR系统的集成</p></div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div><i></i><h5>个性化定制</h5>
|
|
|
- <p>界面自定义主题背景、品牌、logo，搭建您的专属在线培训平台</p></div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <!-- 手机轮播 -->
|
|
|
- <div class="experience-swiper-box mta-hidden-sm">
|
|
|
- <div v-swiper:mySwiperGn="swiperOptionGn" class="swiper-container">
|
|
|
- <ul class="swiper-wrapper">
|
|
|
- <li class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="product-function-icon1"></i><h5>多层级独立管理</h5>
|
|
|
- <p>满足多层级的组织架构，多级子公司运营的需求，针对企业复杂的组织架构，可设置不限层级的树状管理权限</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="product-function-icon2"></i><h5>培训记录与监管</h5>
|
|
|
- <p>登录记录、学习时长、考核记录、学习状况实时监控、督学体系、学习能力分析体系强大</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="product-function-icon3"></i><h5>随时随地学习</h5>
|
|
|
- <p>适配PC端、手机端、PAD端，满足员工多场景下的学习方式；Web端：大块时间学习场景下，更丰富的学习体验；移动端：突破时间空间限制，利用碎片化时间学习；多端学习数据即时同步</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="product-function-icon4"></i><h5>稳定安全的数据保护</h5>
|
|
|
- <p>采用多层次多安全防护措施，顺利通过阿里渗透式测试，使系统最大限度地不被黑客和有意破坏者攻击</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="product-function-icon5"></i><h5>完善的课程学习体系</h5>
|
|
|
- <p>培训计划，课件资源管理，课程安排，在线学习，互动问答，记录笔记，课程进度查看，课后测试，结业证书，共享资源，完整的学习流程协助你完成健全的在线培训体系</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="product-function-icon6"></i><h5>功能丰富的在线考试</h5>
|
|
|
- <p>强大的题库管理和丰富的考试控制功能，随机组卷考试，稳定大并发考试</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="product-function-icon7"></i><h5>与第三方系统无缝集成</h5>
|
|
|
- <p>基于Java语言开发Springcloud框架；支持人脸识别、单点登录、组织架构及用户数据的同步；支持与EAP/EIP、OA、HR系统的集成</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="swiper-slide">
|
|
|
- <div class="experience-content-box">
|
|
|
- <i class="product-function-icon8"></i><h5>个性化定制</h5>
|
|
|
- <p>界面自定义主题背景、品牌、logo，搭建您的专属在线培训平台</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div class="swiper-pagination swiper-pagination-style"></div>
|
|
|
- <p class="experience-swiper-tip">←左右滑动查看更多→</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <a rel="nofollow" class="free-trial-default-btn" @click="FreeTrial">免费试用</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 应用场景 -->
|
|
|
- <div class="platform-application-scenarios train-application-scenarios">
|
|
|
+ <!-- 系统十大适用功能辅助授课 -->
|
|
|
+ <div class="train-fzsk-box">
|
|
|
+ <h4 class="client-title">系统十大适用功能辅助授课</h4>
|
|
|
<div class="client-container">
|
|
|
- <h4 class="client-title">应用场景</h4>
|
|
|
- <ul class="application-scenarios-box mta-hidden-xs">
|
|
|
- <li>
|
|
|
- <div class="application-scenarios-content">
|
|
|
- <div class="application-scenarios-img"></div>
|
|
|
- <h5>新员工入职培训</h5>
|
|
|
- <p>在职员工可以利用零散的时间在移动终端上学习企业文化和工作职责，培训主管可以通过后台的大数据实时监控新员工的学习进度。此外，可以设置特殊考试来测试新员工的学习效果</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="application-scenarios-content">
|
|
|
- <div class="application-scenarios-img"></div>
|
|
|
- <h5>技能考核</h5>
|
|
|
- <p>组织学员通过互联网或局域网开展网上学习、培训、考试、互动问答等活动，利用考核成绩智能分析功能进行针对性的培训考核，达到快速、有效地提升员工技能的目的</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="application-scenarios-content">
|
|
|
- <div class="application-scenarios-img"></div>
|
|
|
- <h5>企业招聘</h5>
|
|
|
- <p>满足企业社招、校园招聘等需求，一个系统搞定各种行业的招聘在线测试，企业只需要将准备好的笔试题目用文档的方式，导入到考试系统当中，再创建试卷，完成后发送试卷的链接给应聘者即可完成考试。</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <!-- 手机轮播 -->
|
|
|
- <div class="experience-swiper-box mta-hidden-sm">
|
|
|
- <div v-swiper:mySwiperCj="swiperOptionCj" class="swiper-container">
|
|
|
- <ul class="swiper-wrapper">
|
|
|
- <li class="swiper-slide">
|
|
|
- <div class="experience-content-box scenarios-gwks-box">
|
|
|
- <i class="product-function-icon1"></i><h5>新员工入职培训</h5>
|
|
|
- <p>在职员工可以利用零散的时间在移动终端上学习企业文化和工作职责，培训主管可以通过后台的大数据实时监控新员工的学习进度。此外，可以设置特殊考试来测试新员工的学习效果</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="swiper-slide">
|
|
|
- <div class="experience-content-box scenarios-dxjs-box">
|
|
|
- <i class="product-function-icon2"></i><h5>技能考核</h5>
|
|
|
- <p>组织学员通过互联网或局域网开展网上学习、培训、考试、互动问答等活动，利用考核成绩智能分析功能进行针对性的培训考核，达到快速、有效地提升员工技能的目的</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="swiper-slide">
|
|
|
- <div class="experience-content-box scenarios-zgks-box">
|
|
|
- <i class="product-function-icon3"></i><h5>企业招聘</h5>
|
|
|
- <p>满足企业社招、校园招聘等需求，一个系统搞定各种行业的招聘在线测试，企业只需要将准备好的笔试题目用文档的方式，导入到考试系统当中，再创建试卷，完成后发送试卷的链接给应聘者即可完成考试。</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div class="swiper-pagination swiper-pagination-style"></div>
|
|
|
- <p class="experience-swiper-tip">←左右滑动查看更多→</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <a rel="nofollow" class="free-trial-default-btn" @click="FreeTrial">免费试用</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 新闻资讯 -->
|
|
|
- <div class="platform-news-information mta-hidden-xs">
|
|
|
- <div class="client-container">
|
|
|
- <h4 class="client-title">新闻资讯</h4>
|
|
|
<ul>
|
|
|
- <li style="font-size: 16px" v-for="(item, index) in topCarousels">
|
|
|
- <div>
|
|
|
- <img :src="item.pic" alt="新闻资讯" />
|
|
|
- <h4 @click="checkInfo(item)">{{ item.title }}</h4>
|
|
|
- <span>发布时间：{{item.yyyy }}-{{ item.mmdd }}</span>
|
|
|
- <p>{{ item.intro }}</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
+ <li><span>1</span><p>防录屏安全设置</p></li>
|
|
|
+ <li><span>2</span><p>自定义章节学习</p></li>
|
|
|
+ <li><span>3</span><p>课程笔记回看</p></li>
|
|
|
+ <li><span>4</span><p>课程评论打分</p></li>
|
|
|
+ <li><span>5</span><p>学习进度跟踪</p></li>
|
|
|
+ <li><span>6</span><p>课程观看有效期</p></li>
|
|
|
+ <li><span>7</span><p>课件共享下载</p></li>
|
|
|
+ <li><span>8</span><p>移动端同步学习</p></li>
|
|
|
+ <li><span>9</span><p>移动端同步学习</p></li>
|
|
|
+ <li><span>10</span><p>多格式视频上传</p></li>
|
|
|
</ul>
|
|
|
+ <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>
|
|
|
</div>
|
|
|
<!-- 系统维护-->
|
|
|
- <el-dialog :close-on-click-modal="false" :visible.sync="systemMaintainDl" class="system-maintain-dialog"></el-dialog>
|
|
|
+ <!-- <el-dialog :close-on-click-modal="false" :visible.sync="systemMaintainDl" class="system-maintain-dialog"></el-dialog>-->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -338,58 +146,6 @@
|
|
|
trainAdvantagesImg2: require(`~/static/images/client/train/product-advantages-img2.png`),
|
|
|
trainAdvantagesImg3: require(`~/static/images/client/train/product-advantages-img3.png`),
|
|
|
trainAdvantagesImg4: require(`~/static/images/client/train/product-advantages-img4.png`),
|
|
|
- youkeFlag:false,// 控制游客系统是否维护中
|
|
|
- systemMaintainDl:false,// 系统维护弹窗
|
|
|
- SystemWidthFlag:false,// 判断是否是手机端，默认为false，默认为PC端
|
|
|
- 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,
|
|
|
- },
|
|
|
- swiperOptionGn: {
|
|
|
- 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,
|
|
|
- },
|
|
|
- swiperOptionCj: {
|
|
|
- pagination: {
|
|
|
- el: '.swiper-pagination',
|
|
|
- bulletClass: 'my-bullet-swiper', // 自定义设置默认类名
|
|
|
- bulletActiveClass: 'my-bullet-active-swiper', // 自定义滑块活跃类名
|
|
|
- clickable: true, // 点击当前滑块切换到对应的轮播图片
|
|
|
- },
|
|
|
- autoplay: {
|
|
|
- delay: 100000,
|
|
|
- },
|
|
|
- paginationClickable: true,
|
|
|
- speed: 800,
|
|
|
- loop: true,
|
|
|
- observer: true,
|
|
|
- observeParents: true,
|
|
|
- autoplayDisableOnInteraction: false,
|
|
|
- },
|
|
|
};
|
|
|
},
|
|
|
head(){
|
|
|
@@ -409,77 +165,10 @@
|
|
|
},
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
- // 游客系统试用
|
|
|
- ykFreeTrial(){
|
|
|
- if(this.youkeFlag){
|
|
|
- // 没升级
|
|
|
- window.open('https://youkepxc.mtavip.com/pxcmdist/#/youke')
|
|
|
- }else{
|
|
|
- // 升级中
|
|
|
- this.$message({customClass:'phone-message-box',type: 'warning',message: '系统升级中，请稍后再试...'});
|
|
|
- }
|
|
|
- },
|
|
|
// 免费试用
|
|
|
FreeTrial(){
|
|
|
- // 没升级
|
|
|
- this.getSystemWidth();
|
|
|
- if(this.SystemWidthFlag){
|
|
|
- window.open('https://cdnks.mtavip.com/mdist/#/webRegister?flug=2')
|
|
|
- }else{
|
|
|
- window.open('https://cdnks.mtavip.com/a/register?flug=2')
|
|
|
- }
|
|
|
- },
|
|
|
- // 判断是否为移动端
|
|
|
- getSystemWidth(){
|
|
|
- var browserWidth=document.documentElement.clientWidth;
|
|
|
- if(browserWidth <= 768){
|
|
|
- this.SystemWidthFlag = true;
|
|
|
- }else{
|
|
|
- this.SystemWidthFlag = false;
|
|
|
- }
|
|
|
- },
|
|
|
- // 培训学员端体验
|
|
|
- pxTyBtn(btnUrl){
|
|
|
- this.getSystemWidth();
|
|
|
- if(this.youkeFlag) {
|
|
|
- if(this.SystemWidthFlag){
|
|
|
- this.$router.push({ name: 'copyUrl', query: { url: btnUrl, } });
|
|
|
- }else {
|
|
|
- window.open(btnUrl);
|
|
|
- }
|
|
|
- }else{
|
|
|
- if(this.SystemWidthFlag){
|
|
|
- // 升级中
|
|
|
- this.$message({customClass:'phone-message-box',type: 'warning',message: '系统升级中，请稍后再试...'});
|
|
|
- }else{
|
|
|
- this.systemMaintainDl = true;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- },
|
|
|
- // describe: 查看日志 author: Wgy date:6/8/21
|
|
|
- goCheckLog(){
|
|
|
- this.$router.push({ name: 'checkLogPeixun' });
|
|
|
- },
|
|
|
- // 鼠标移入
|
|
|
- enterCode(){
|
|
|
- if(this.youkeFlag){
|
|
|
- this.$refs.codeBtn.style.bottom ='90px';
|
|
|
- }else{
|
|
|
- this.$refs.codeBtn.style.bottom ='0';
|
|
|
- }
|
|
|
},
|
|
|
|
|
|
- // 鼠标移出
|
|
|
- leaveCode(){
|
|
|
- this.$refs.codeBtn.style.bottom ='305px';
|
|
|
- },
|
|
|
- checkInfo(data) {
|
|
|
- const opt = {
|
|
|
- id: data.code,
|
|
|
- };
|
|
|
- this.$router.push({ name: 'news-id', params: opt });
|
|
|
- },
|
|
|
clickBanner(data){
|
|
|
if(data){
|
|
|
window.open(data)
|
|
|
@@ -487,17 +176,8 @@
|
|
|
},
|
|
|
},
|
|
|
created() {
|
|
|
- // 页面初始化
|
|
|
- this.$axios.$post('/home/youke/stop').then(res=>{
|
|
|
- if (res.data === '1') {
|
|
|
- this.youkeFlag = false;
|
|
|
- }else{
|
|
|
- this.youkeFlag = true;
|
|
|
- }
|
|
|
- });
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.getSystemWidth();
|
|
|
},
|
|
|
beforeDestroy() {
|
|
|
},
|
tanxue
