文件更新

pages/checkLogKaoshi.vue

@@ -1,71 +0,0 @@
-<template>
-  <!-- 考试系统更新日志 -->
-  <div class="client-checklog-page">
-    <!-- banner栏 -->
-    <div class="client-checklog-banner">
-      <h4>麦塔在线考试系统更新日志</h4>
-      <p>麦塔想您所想，不止于功能，我们一直在更新迭代</p>
-    </div>
-
-    <!-- 大数据展示 -->
-    <div class="client-container log-data-show">
-      <div><span>修复</span><p>148</p></div><i></i>
-      <div><span>优化</span><p>597</p></div><i></i>
-      <div><span>新增</span><p>154</p></div>
-    </div>
-
-    <!-- 日志内容区域 -->
-    <div class="client-container log-content-box">
-        <ul>
-          <li>
-            <h5>2021年09月23日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>页面的权限控制：试题库、试卷库、发布考试、成绩管理、人工阅卷、报名审核、考试监控、发布练习、个人证书增加权限控制功能。</p></div>
-            <span>[优化]</span>
-            <div><i></i><p>权限管理功能调整：权限管理菜单去掉，功能移到了角色权限中。  以前按照人员进行赋权，现在按照角色进行赋权。</p></div>
-            <div><i></i><p>报名考试调整：在学员端报名考试从考试列表中分离出来，单独新建了一个菜单项报名中心。</p></div>
-            <div><i></i><p>部门树调整：以前的部门树分归属部门和管理部门，修改后部门树只有管理部门。</p></div>
-          </li>
-          <li>
-            <h5>2021年07月01日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>考务管理->成绩管理：增加答卷时长字段；导出成绩排序规则修改成按照成绩倒序、再按照答卷时长正序排列</p></div>
-            <div><i></i><p>数据统计->考试统计：考试详情中的考试排名列表增加考试时长字段；排名规则从以前的如果两个人成绩一样得到相同的排名修改成如果成绩一样再看答卷时间短的那个排到前面，不会再出现两个一样的排名</p></div>
-          </li>
-          <li>
-            <h5>2021年06月25日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>增加邮件通知功能：新建用户、发布考试、考试到期提醒，都可以通过邮件进行通知，该功能项需要单独付费购买</p></div>
-          </li>
-          <li>
-            <h5>2021年06月15日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>系统登录页面UI全部升级改造</p></div>
-            <div><i></i><p>管理端登录页面增加微信和手机号验证码登录功能；学员端登录页面增加微信登录功能；app手机端登录增加微信登录功能；</p></div>
-            <div><i></i><p>管理端首页UI和内容进行调整</p></div>
-            <span>[优化]</span>
-            <div><i></i><p>数据统计->人员统计页面针对查询速度慢的情况进行优化，优化后查询出的统计数据是截至到前一天的所有的数据和。已删除人员不统计</p></div>
-            <div><i></i><p>数据统计->考试统计和错题统计页面针对查询速度慢的情况进行优化，优化后查询出的统计数据是截至到前一天所有已结束的考试数据，如果有人工阅卷的考试，需要等所有的人工阅卷工作全结束才能显示结果</p></div>
-            <div><i></i><p>人员统计中的个人详情信息功能移动到部门人员页面进行展示</p></div>
-          </li>
-        </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:    'checkLogKaoshi',
-    layout:  'templateB',
-    data() {
-      return {};
-    },
-    head() {
-      return {
-        title: '更新日志',
-      };
-    },
-    methods: {},
-  };
-</script>
-

pages/checkLogPeixun.vue

@@ -1,73 +0,0 @@
-<template>
-  <!-- 考试系统更新日志 -->
-  <div class="client-checklog-page">
-    <!-- banner栏 -->
-    <div class="client-checklog-banner">
-      <h4>麦塔在线培训系统更新日志</h4>
-      <p>麦塔想您所想，不止于功能，我们一直在更新迭代</p>
-    </div>
-
-    <!-- 大数据展示 -->
-    <div class="client-container log-data-show">
-      <div><span>修复</span><p>148</p></div><i></i>
-      <div><span>优化</span><p>597</p></div><i></i>
-      <div><span>新增</span><p>154</p></div>
-    </div>
-
-    <!-- 日志内容区域 -->
-    <div class="client-container log-content-box">
-      <ul>
-        <li>
-          <h5>2021年09月23日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>页面的权限控制：试题库、试卷库、发布考试、成绩管理、人工阅卷、报名审核、考试监控、课件管理、课程管理、课程成绩、发布练习、个人证书增加权限控制功能。</p></div>
-          <span>[优化]</span>
-          <div><i></i><p>权限管理功能调整：权限管理菜单去掉，功能移到了角色权限中。  以前按照人员进行赋权，现在按照角色进行赋权。</p></div>
-          <div><i></i><p>报名考试调整：在学员端报名考试从考试列表中分离出来，单独新建了一个菜单项报名中心。</p></div>
-          <div><i></i><p>部门树调整：以前的部门树分归属部门和管理部门，修改后部门树只有管理部门。</p></div>
-        </li>
-        <li>
-          <h5>2021年07月01日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>考务管理->成绩管理：增加答卷时长字段；导出成绩排序规则修改成按照成绩倒序、再按照答卷时长正序排列</p></div>
-          <div><i></i><p>数据统计->考试统计：考试详情中的考试排名列表增加考试时长字段；排名规则从以前的如果两个人成绩一样得到相同的排名修改成如果成绩一样再看答卷时间短的那个排到前面，不会再出现两个一样的排名</p></div>
-        </li>
-        <li>
-          <h5>2021年06月25日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>增加邮件通知功能：新建用户、发布考试、考试到期提醒，发布课程、课程到期提醒都可以通过邮件进行通知，该功能项需要单独付费购买</p></div>
-        </li>
-        <li>
-          <h5>2021年06月15日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>系统登录页面UI全部升级改造</p></div>
-          <div><i></i><p>管理端登录页面增加微信和手机号验证码登录功能；学员端登录页面增加微信登录功能；app手机端登录增加微信登录功能</p></div>
-          <div><i></i><p>管理端首页UI和内容进行调整</p></div>
-          <span>[优化]</span>
-          <div><i></i><p>数据统计->人员统计和课程统计页面针对查询速度慢的情况进行优化，优化后查询出的统计数据是截至到前一天的所有的数据和。已删除人员和课程不统计</p></div>
-          <div><i></i><p>数据统计->考试统计和错题统计页面针对查询速度慢的情况进行优化，优化后查询出的统计数据是截至到前一天所有已结束的考试数据，如果有人工阅卷的考试，需要等所有的人工阅卷工作全结束才能显示结果</p></div>
-          <div><i></i><p>人员统计中的个人详情信息功能移动到部门人员页面进行展示</p></div>
-          <span>[修改]</span>
-          <div><i></i><p>数据统计->课程统计   考试人数、考试通过人数、考试通过率  修改成 课程通过率</p></div>
-        </li>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:    'checkLogPeixun',
-    layout:  'templateB',
-    data() {
-      return {};
-    },
-    head() {
-      return {
-        title: '更新日志',
-      };
-    },
-    methods: {},
-  };
-</script>
-

pages/copyUrl.vue

@@ -3,7 +3,7 @@
     <div class="success-body-box">
       <img :src= copyUrlImg />
       <p>请使用电脑端</p>
-      <p>进行麦塔在线学习SaaS系统</p>
+      <p>进行青谷在线学习SaaS系统</p>
       <p>相关操作</p>
       <span>{{copyUrlContent}}</span>
       <a @click="copyUrl">复制链接</a>

pages/education.vue

@@ -1,99 +0,0 @@
-<template>
-  <!-- 教育行业-详情页 -->
-  <div class="client-education-page">
-
-    <!-- 教育行业banner栏 -->
-    <div class="industrydetails-banner">
-      <div class="industrydetails-banner-box"></div>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=1"
-         target="_blank">免费试用</a>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=1"
-         target="_blank">免费试用</a>
-    </div>
-
-    <!-- 教育培训行业现状 -->
-    <div class="industrydetails-develop-box">
-      <h4 class="client-title">教育培训行业现状</h4>
-      <div class="client-container">
-        <p>
-          教育培训机构教师的用工形式较为灵活，往往分为以下几种用工形式：全职、兼职、临聘、外包，这样的用工制度就会导致教师的教学水平参差不齐，给人员管理上带来了一定的难度。为了提高教学质量，要定期对员工及教师进行培训及考试，优胜劣汰。麦塔学独特的教育教培训考试工具能有效帮助教育培训机构实现教师的资格审查，提升教学水平。</p>
-        <img :src="developImg" alt="教育培训行业现状"/>
-      </div>
-    </div>
-
-    <!-- 使用我们的系统，这些问题都能迎刃而解 -->
-    <div class="education-change-box">
-      <h4 class="client-title">使用我们的系统，这些问题都能迎刃而解</h4>
-      <div class="client-container">
-        <div class="industrydetails-content fn-clear mt48">
-          <div class="change-content-left">
-            <h5>传统方式可能会出现的问题</h5>
-            <ul>
-              <li><i></i>
-                <p>无论课程是否能听明白，都只能听一次，无法重复观看</p></li>
-              <li><i></i>
-                <p>讲师每次讲课水平发挥不一致，优秀的课程无法保留在用户间互相传递</p></li>
-              <li><i></i>
-                <p>教学活动仅限于在教室这样的固定地点进行</p></li>
-              <li><i></i>
-                <p>课堂提问无法保存下来，尤其是那些有价值的问答，无法为后来者提供参考</p></li>
-              <li><i></i>
-                <p>传统学习方式场地小，无法组织很多人一起听课</p></li>
-              <li><i></i>
-                <p>传统纸考出题印卷排考监考流程多，时间耗费大，易出错</p></li>
-            </ul>
-          </div>
-          <img :src="changeImg" alt="vs"/>
-          <div class="change-content-right">
-            <h5>我们可以帮您解决的问题</h5>
-            <ul>
-              <li><i></i>
-                <p>重复听讲：线上课程支持反复不限次学习，随时随地皆可学习</p></li>
-              <li><i></i>
-                <p>个人时间：网络学习能够大量节约时间，可以根据自己的时间自主安排学习</p></li>
-              <li><i></i>
-                <p>难点学习：可依据自身的学习情况反复学习薄弱点、重难点</p></li>
-              <li><i></i>
-                <p>培训费用：能够大量节省讲师、场地、交通等大笔支出</p></li>
-              <li><i></i>
-                <p>地点灵活：学习不限地点，只要有网络就能学习，灵活度高</p></li>
-              <li><i></i>
-                <p>学习交流：不仅能与老师互动交流疑点难点，也可与同学进行线上交流</p></li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:    'education',
-    layout:  'templateB',
-    data() {
-      return {
-        // 发展现状img
-        developImg: require(`~/static/images/client/industrydetails/education-develop-img.png`),
-        // 使用我们的系统，这些问题都能迎刃而解 img
-        changeImg:  require(`~/static/images/client/industrydetails/education-change-img.png`),
-      };
-    },
-    head() {
-      return {
-        title: '教育学校考试系统_培训学校考试系统_中小学考试系统',
-        meta:  [
-          {
-            description: '教培行业存在的教师教学水平参差不齐，教学质量难以提升等问题，现在都可以通过选择一套合理化的方案来得到解决，麦塔不仅是考试出题软件，还是在线教学考试系统，非常适合培训机构前期营销获客以及后期模拟考试的场景。',
-            keywords:    '教育学校考核系统,培训学校考核系统,中小学考核系统',
-          },
-        ],
-      };
-    },
-    methods: {},
-  };
-</script>
-
-<style scoped>
-
-</style>

pages/energy.vue

@@ -1,93 +0,0 @@
-<template>
-  <!-- 能源化工-详情页 -->
-  <div class="client-energy-page">
-
-    <!-- 能源化工banner栏 -->
-    <div class="industrydetails-banner">
-      <div class="industrydetails-banner-box"></div>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=1"
-         target="_blank">免费试用</a>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=1"
-         target="_blank">免费试用</a>
-    </div>
-
-    <!-- 能源化工的发展现状 -->
-    <div class="industrydetails-develop-box">
-      <h4 class="client-title">能源化工行业现状</h4>
-      <div class="client-container">
-        <p>
-          今天，信息化在社会的各行各业迅速发展，对于石油、石化和煤炭这些大型国有企业来说，更需要遵循以互联网创新思维为依托，以先进的技术为手段的企业信息化改革举措，深度推进能源化工与互联网融合发展。在信息化这条道路上，如果缺少一个完整的学习流程体系，将寸步难行。</p>
-        <img :src="energyDevelopImg" alt="能源化工行业现状"/>
-      </div>
-    </div>
-
-    <!-- 我们的系统为您改变了什么 -->
-    <div class="energy-change-box">
-      <h4 class="client-title">使用我们的系统，这些问题都能迎刃而解</h4>
-      <div class="client-container industrydetails-content">
-        <div class="change-box-top">
-          <h5>传统方式可能会出现的问题</h5>
-          <ul>
-            <li><i></i>
-              <p>能源行业各分支机构常常处于异地，分支又多，需统一培训、考<br>试实施难度大</p></li>
-            <li><i></i>
-              <p>内部发布公告、信息交流不顺畅，沟通效率低、管理不便</p></li>
-            <li><i></i>
-              <p>由于行业特性，培训成本高，人力资源部人工利用已透支</p></li>
-            <li><i></i>
-              <p>无法单独针对某个员工的知识薄弱点进行二次培训</p></li>
-            <li><i></i>
-              <p>企业规模的扩大，亟待一个强运行的后台数据管理统计系统</p></li>
-          </ul>
-        </div>
-        <div class="change-box-bottom">
-          <img :src="changeImg" alt="vs"/>
-          <h5>我们可以帮您解决的问题</h5>
-          <ul>
-            <li><i></i>
-              <p>统一培训排考：通过报名体系各分公司负责人可以自主帮员工报名培训和考试，解决了分公司人员生产技能培训、考核的问题</p></li>
-            <li><i></i>
-              <p>扩大交流通道：管理员可以在平台上统一发布公告，推送给员工，也可以选择推送范围，小范围推送消息通知。</p></li>
-            <li><i></i>
-              <p>牢固安全意识：课程可以上传平台，做到一次录制反复利用，通过在线学习提升员工安全生产的基本认识，掌握安全生产的操作技能。</p></li>
-            <li><i></i>
-              <p>制定培训计划：考试结束后，公司通过分析每个部门员工的平均成绩以及每题的正确率，来制定相应的个人培训计划，只推送所需课程，做到减负。</p></li>
-            <li><i></i>
-              <p>提高效率：利用数据库技术，实现了远距离的同步考试，同步学习，提高了学习、考试效率，确保考试数据的公平、公正、科学、及时等。</p></li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:    'energy',
-    layout:  'templateB',
-    data() {
-      return {
-        // 发展现状img
-        energyDevelopImg: require(`~/static/images/client/industrydetails/energy-develop-img.png`),
-        // 我们的系统为您改变了什么 img
-        changeImg:        require(`~/static/images/client/industrydetails/energy-change-img.png`),
-      };
-    },
-    head() {
-      return {
-        title: '能源化工考试系统_能源化工考核系统',
-        meta:  [
-          {
-            description: '信息化在社会的各行各业迅速发展，在石油、石化和煤炭等大型国有企业中要以信息化带动工业化、自动化，应用信息技术改造提升能源企业，加快企业信息化进程，提高信息技术应用水平',
-            keywords:    '能源行业考试系统,化工行业考试系统,能源行业考核系统,化工行业考核系统',
-          },
-        ],
-      };
-    },
-    methods: {},
-  };
-</script>
-
-<style scoped>
-
-</style>

pages/examsystem/index.vue

@@ -1,505 +0,0 @@
-<template>
-  <div>
-    <div class="client-platform-page">
-
-      <!-- 考试平台页 banner栏 -->
-      <div class="client-platform-banner">
-        <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${bannerList[0].pic||require(`~/static/images/client/exam/exam-banner-background.png`)})`}"></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></em></span>
-              <div ref="codeBtn" v-if="!youkeFlag">系统升级中...</div>
-            </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>
-          <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="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>
-              <!--<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>
-      </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="advantagesImg1" alt="强大的人员和试题管理" />
-              <div class="products-services-content">
-                <h5>强大的人员和试题管理</h5>
-                <i></i>
-                <p>支持选择题、填空题、判断题、问答题、阅读理解题、听力题、视频题八大类题型，支持单题上传和Word、Excel批量导入试题等多种试题录入方式，支持树状分类各种复杂的试题体系，无限级组织结构和学员标签，任意定义可自定义的学员信息字段，满足学员信息管理的各种需求。</p>
-                <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
-              </div>
-            </div>
-            </div>
-          </li>
-          <li>
-            <div class="client-container">
-              <div class="products-services-box">
-              <img :src="advantagesImg2" alt="多种终端支持，随时随地考试" />
-              <div class="products-services-content">
-                <h5>多种终端支持，随时随地考试</h5>
-                <i></i>
-                <p>支持PC使用，移动端H5使用，还可以根据考试场景自如设置答卷模式，支持微信、钉钉等第三方平台无缝连接，支持个性化自定义组织专用的皮肤、Logo，强化您的组织和品牌属性。</p>
-                <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
-              </div>
-            </div>
-            </div>
-          </li>
-          <li>
-            <div class="client-container">
-              <div class="products-services-box products-contrary-box">
-              <img :src="advantagesImg3" alt="严格的考试监控防作弊体系" />
-              <div class="products-services-content">
-                <h5>严格的考试监控防作弊体系</h5>
-                <i></i>
-                <p>支持答题前人脸身份核验，试题乱序、选项乱序、禁止右键复制粘贴，考试过程中限制切屏次数时间，实时头像抓拍和视频监控AI对比防止作弊，对有作弊嫌疑的学员可以强制交卷。</p>
-                <div><a rel="nofollow" class="client-default-Btn"  @click="FreeTrial">免费试用</a></div>
-              </div>
-            </div>
-            </div>
-          </li>
-          <li>
-            <div class="client-container">
-              <div class="products-services-box">
-              <img :src="advantagesImg4" alt="实用便捷的判卷功能" />
-              <div class="products-services-content">
-                <h5>实用便捷的判卷功能</h5>
-                <i></i>
-                <p>支持分试题和分学员判卷，可以实现分组阅卷和流水阅卷，支持匿名阅卷，阅卷人无法看到学员信息，能有效避免阅卷中可能发生的徇私舞弊行为，支持线下成绩Word和Excel模板批量导入系统。</p>
-                <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
-              </div>
-            </div>
-            </div>
-          </li>
-        </ul>
-
-      </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>可根据用户需求分层独立管理，多层级的组织架构和角色权限快速搭建，解决大型组织的复杂的管理需求，支持对接微信、钉钉、教务、OA、HR、ERP等系统单点登录和用户信息同步</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>可以按科目无限级添加、管理试题和试题标签，支持选择题、填空题、判断题、问答题、阅读理解题、听力题、视频题八大类题型，支持单题上传和Word、Excel批量导入试题、图片，公式等多种试题录入方式</p></div></li>
-            <li><div><i></i><h5>智能考试安排</h5><p>支持几十种个性考试参数的灵活设置，全方位把控考试细节，智能化考试安排，面对各类考试需求全适应，能随机应变不同的考场环境</p></div></li>
-            <li><div><i></i><h5>个性化定制</h5><p>支持个性化自定义组织专用的皮肤、Logo，强化您的组织和品牌属性</p></div></li>
-            <li><div><i></i><h5>多维度统计分析</h5><p>支持题目分析，可以查看全体和各个部门的得分情况，可以查看学员历次考试成绩汇总和趋等多维度数据情况</p></div></li>
-            <li><div><i></i><h5>性能稳定数据安全</h5><p>强大的考试并发负载能力，保证大并发考试的稳定；多重云数据保护和备份备份恢复机制，保护用户数据安全和隐私</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>可根据用户需求分层独立管理，多层级的组织架构和角色权限快速搭建，解决大型组织的复杂的管理需求，支持对接微信、钉钉、教务、OA、HR、ERP等系统单点登录和用户信息同步</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>固定试卷支持手工指定试题，并设置试题分数,所有考生使用相同试卷(可乱序)；抽题试卷，按试题难度、题型等分类设置抽题数量，随机生成不同试卷；随机试卷可以指定抽题分类、题型并设置抽题数量和分数，随机组合为用户生成不同的试卷</p>
-                  </div>
-                </li>
-                <li class="swiper-slide">
-                  <div class="experience-content-box">
-                    <i class="product-function-icon4"></i><h5>丰富的题库管理</h5>
-                    <p>可以按科目无限级添加、管理试题和试题标签，支持选择题、填空题、判断题、问答题、阅读理解题、听力题、视频题八大类题型，支持单题上传和Word、Excel批量导入试题、图片，公式等多种试题录入方式</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>支持个性化自定义组织专用的皮肤、Logo，强化您的组织和品牌属性</p>
-                  </div>
-                </li>
-                <li class="swiper-slide">
-                  <div class="experience-content-box">
-                    <i class="product-function-icon7"></i><h5>多维度统计分析</h5>
-                    <p>支持题目分析，可以查看全体和各个部门的得分情况，可以查看学员历次考试成绩汇总和趋等多维度数据情况</p>
-                  </div>
-                </li>
-                <li class="swiper-slide">
-                  <div class="experience-content-box">
-                    <i class="product-function-icon8"></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-application-scenarios">
-        <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 :title="`现今，企业为了提升人才育留及整体水平，已经逐渐重视起人才培养，企业想要检验新员工入职和在职员工的培训效果，就必须通过组织考试的方式，麦塔在线考试系统可以实现人才岗位胜任力测评、培训考核、绩效考核等多种功能，学习情况一目了然。`">
-                  现今，企业为了提升人才育留及整体水平，已经逐渐重视起人才培养，企业想要检验新员工入职和在职员工的培训效果，就必须通过组织考试的方式，麦塔在线考试系统可以实现人才岗位胜任力测评、培训考核、绩效考核等多种功能，学习情况一目了然。
-                </p>
-              </div>
-            </li>
-            <li>
-              <div class="application-scenarios-content">
-                <div class="application-scenarios-img"></div>
-                <h5>大型竞赛</h5>
-                <p :title="`知识竞赛可以增加学习趣味性，有效促进员工的互动参与性，已成为越来越多企业和教育机构组织培训考试的主要方式，麦塔作为专业的知识竞赛答题软件，解决了众多企业组织知识竞赛的痛点，支持在线考试系统app以及绑定关注微信公众号使用微信答题，并且支持万人同时参加考试，非常适合大型竞赛场景。`">
-                  知识竞赛可以增加学习趣味性，有效促进员工的互动参与性，已成为越来越多企业和教育机构组织培训考试的主要方式，麦塔作为专业的知识竞赛答题软件，解决了众多企业组织知识竞赛的痛点，支持在线考试系统app以及绑定关注微信公众号使用微信答题，并且支持万人同时参加考试，非常适合大型竞赛场景。
-                </p>
-              </div>
-            </li>
-            <li>
-              <div class="application-scenarios-content">
-                <div class="application-scenarios-img"></div>
-                <h5>认证考试</h5>
-                <p :title="`近年来，证书认证考试作为某种能力或资格的证明，企业需求逐渐增大，麦塔考试系统除了能够为前期组织考试节省大量的成本之外，还可对于严肃正式的考试证书认证场景给予专业的技术支持，能不限次发布考试，自定义设计并上传证书，考试合格自动发放，应用场景十分灵活。`">
-                  近年来，证书认证考试作为某种能力或资格的证明，企业需求逐渐增大，麦塔考试系统除了能够为前期组织考试节省大量的成本之外，还可对于严肃正式的考试证书认证场景给予专业的技术支持，能不限次发布考试，自定义设计并上传证书，考试合格自动发放，应用场景十分灵活。
-                </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>知识竞赛可以增加学习趣味性，有效促进员工的互动参与性，已成为越来越多企业和教育机构组织培训考试的主要方式，麦塔作为专业的知识竞赛答题软件，解决了众多企业组织知识竞赛的痛点，支持在线考试系统app以及绑定关注微信公众号使用微信答题，并且支持万人同时参加考试，非常适合大型竞赛场景。</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>
-          </ul>
-        </div>
-      </div>
-    </div>
-    <!-- 系统维护-->
-    <el-dialog :close-on-click-modal="false" :visible.sync="systemMaintainDl" class="system-maintain-dialog"></el-dialog>
-  </div>
-
-
-</template>
-
-<script>
-  import Swiper, {Navigation, Pagination,Autoplay} from 'swiper';
-  Swiper.use([Navigation, Pagination,Autoplay]);
-  export default {
-    name:       'examsystem',
-    layout:'templateB',
-    async asyncData({ $axios,store }) {
-      // 设置选中菜单
-      store.commit('setActiveNav', '/examsystem');
-
-      let [res1, res2] = await Promise.all([
-                                             await $axios.$post(`/home/banner/list`, { 'code': 2 }).then(res => {
-                                               return res;
-                                             }),
-                                             await $axios.$post(`/home/news/carousel`, { 'newsClassifyId': 0,'keyword':'考试' }).then(res => {
-                                               return res;
-                                             })
-                                           ]);
-      console.log('333 =>', res2.data.data);
-      return {
-        bannerList: res1.data.data||[],
-        topCarousels: res2.data.data||[],
-
-      };
-
-    },
-    data() {
-      return {
-        SystemWidthFlag:false,// 判断是否是手机端，默认为false，默认为PC端
-        advantagesImg1:  require(`~/static/images/client/exam/product-advantages-img1.png`),
-        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`),
-        youkeFlag:false,// 控制游客系统是否维护中
-        systemMaintainDl:false,// 系统维护弹窗
-        swiperData: [
-          { imgUrl: require(`~/static/images/client/index/index-products-kaoshi.png`)},
-          { imgUrl: require(`~/static/images/client/index/index-products-peixun.png`) },
-          { imgUrl: require(`~/static/images/client/index/index-products-kejian.png`) },
-        ],
-        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: 5000,
-          },
-          paginationClickable: true,
-          speed: 800,
-          loop: true,
-          observer: true,
-          observeParents: true,
-        },
-      };
-    },
-    head(){
-      return {
-        title: '在线考试平台_在线考试软件_试卷软件系统',
-        meta: [
-          {
-            name: 'keywords',
-            content: '考试平台,试卷系统,试卷软件'
-          },
-          {
-            name:'description',
-            content:'麦塔考试系统具有良好高并发性和访问安全部署、严格的考试监控防作弊功能、PC移动支持多终端，随时随地考试、丰富的考试管理功能。'
-          }
-        ],
-      }
-    },
-    computed:   {},
-    methods:    {
-      // 游客系统试用
-      ykFreeTrial(){
-        if(this.youkeFlag){
-          // 没升级
-          window.open('https://youkeksc.mtavip.com/kscmdist/#/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=1')
-          }else{
-            window.open('https://cdnks.mtavip.com/a/register?flug=1')
-
-          }
-      },
-      // 判断是否为移动端
-      getSystemWidth(){
-        var browserWidth=document.documentElement.clientWidth;
-        if(browserWidth <= 768){
-          this.SystemWidthFlag = true;
-        }else{
-          this.SystemWidthFlag = false;
-        }
-      },
-      // 考试体验按钮
-      KsTyBtn(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: 'checkLogKaoshi' });
-      },
-      // 鼠标移入
-      enterCode(){
-        if(this.youkeFlag){
-        this.$refs.codeBtn.style.bottom ='90px';
-        }else{
-          this.$refs.codeBtn.style.bottom ='0';
-        }
-      },
-
-      // 鼠标移出
-      leaveCode(){
-        this.$refs.codeBtn.style.bottom ='305px';
-      },
-
-      clickBanner(data){
-        if(data){
-          window.open(data)
-        }
-
-      },
-
-      checkInfo(data) {
-        const opt = {
-          id: data.code,
-        };
-        this.$router.push({ name: 'news-id', params: opt });
-      },
-    },
-    created() {
-      // 页面初始化
-      this.$axios.$post('/home/youke/stop').then(res=>{
-        if (res.data === '1') {
-          this.youkeFlag = false;
-        }else{
-          this.youkeFlag = true;
-        }
-      });
-    },
-    mounted() {
-      this.getSystemWidth();
-    },
-    beforeDestroy() {
-    },
-  };
-</script>
-

pages/financial.vue

@@ -1,119 +0,0 @@
-<template>
-  <!-- 金融保险-详情页 -->
-  <div class="client-finance-page">
-
-    <!-- 金融保险banner栏 -->
-    <div class="industrydetails-banner">
-      <div class="industrydetails-banner-box"></div>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=1"
-         target="_blank">免费试用</a>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=1"
-         target="_blank">免费试用</a>
-    </div>
-
-    <!-- 金融保险的发展现状 -->
-    <div class="industrydetails-develop-box">
-      <h4 class="client-title">金融保险行业现状</h4>
-      <div class="client-container">
-        <p>
-          当今世界经济发展呈一体化趋势，顺应这一潮流中国进一步加大了对外开放的步伐，也就是说金融业是在竞争中壮大的，这样的竞争压力对于企业而言就要求有过硬的知识储备和优秀的职业技能，如货币、证券、银行、保险、投资理财、风险管理等方面，这些技能知识都需要以考核来托底，用考核数据作为指导依据，帮助业务能力的提升。</p>
-        <img :src="financeDevelopImg" alt="金融保险的发展现状"/>
-      </div>
-    </div>
-
-    <!-- 金融行业的问题 -->
-    <div class="finance-question-box">
-      <h4 class="client-title" style="margin-bottom: 60px">使用我们的系统，这些问题都能迎刃而解</h4>
-      <div class="client-container mta-hidden-xs">
-        <div class="finance-question-top">
-          <h5>传统方式可能会出现的问题</h5>
-          <h5>我们可以帮您解决的问题</h5>
-        </div>
-        <div class="industrydetails-content tc">
-          <ul>
-            <li><i></i>
-              <p>产品更新换代快，培训资料更新不及时</p></li>
-            <li><i></i>
-              <p>金融业网点多，分布范围分散，容易造成培训不同步的情况，考核效果也差强人意</p></li>
-            <li><i></i>
-              <p>金融行业服务为王，对于员工的职业技能素养和综合文化素质尤为看重，如果培训跟不上，就容易达不到客户满意度</p></li>
-            <li><i></i>
-              <p>人工智能技术越来越发达，如果对智能技术的操作标准下发不及时，不统一，就会容易出现问题</p></li>
-            <li><i></i>
-              <p>专业度要求高，传统的课程培训方式无法分岗位培训，还会耗费很大的精力，已不能满足需求</p></li>
-          </ul>
-          <ul class="finance-question-right">
-            <li><i></i>
-              <p>内容设计：解决了知识要点把握不准确、学习资料不足、学习内容不匹配等问题</p></li>
-            <li><i></i>
-              <p>同频共振：将全员的课程内容统一，针对不同网点的工作时间智能调度，考核紧跟培训</p></li>
-            <li><i></i>
-              <p>实际工作：平台建立知识库，将应知应会、各项法律法规、内控制度内容统一存储提取，严厉操作规范</p></li>
-            <li><i></i>
-              <p>专岗专培：针对不同员工的岗位特性、能力要求，精心设计培训、考试内容，利用碎片时间为员工堆砌职业模型，集中测试</p></li>
-          </ul>
-        </div>
-      </div>
-      <div class="client-container mta-hidden-sm phone-class-box">
-        <div class="financial-tradition-phone">
-          <h4 class="client-title">传统方式可能会出现的问题</h4>
-          <ul>
-            <li><i></i>
-              <p>产品更新换代快，培训资料更新不及时</p></li>
-            <li><i></i>
-              <p>金融业网点多，分布范围分散，容易造成培训不同步的情况，考核效果也差强人意</p></li>
-            <li><i></i>
-              <p>金融行业服务为王，对于员工的职业技能素养和综合文化素质尤为看重，如果培训跟不上，就容易达不到客户满意度</p></li>
-            <li><i></i>
-              <p>人工智能技术越来越发达，如果对智能技术的操作标准下发不及时，不统一，就会容易出现问题</p></li>
-            <li><i></i>
-              <p>专业度要求高，传统的课程培训方式无法分岗位培训，还会耗费很大的精力，已不能满足需求</p></li>
-          </ul>
-        </div>
-        <img :src="changeImg" alt="使用我们的系统，这些问题都能迎刃而解"/>
-        <div class="financial-solve-phone">
-          <h4 class="client-title">我们可以帮您解决的问题</h4>
-          <ul>
-            <li><i></i>
-              <p>内容设计：解决了知识要点把握不准确、学习资料不足、学习内容不匹配等问题</p></li>
-            <li><i></i>
-              <p>同频共振：将全员的课程内容统一，针对不同网点的工作时间智能调度，考核紧跟培训</p></li>
-            <li><i></i>
-              <p>实际工作：平台建立知识库，将应知应会、各项法律法规、内控制度内容统一存储提取，严厉操作规范</p></li>
-            <li><i></i>
-              <p>专岗专培：针对不同员工的岗位特性、能力要求，精心设计培训、考试内容，利用碎片时间为员工堆砌职业模型，集中测试</p></li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:   'finance',
-    layout: 'templateB',
-    data() {
-      return {
-        // 发展现状img
-        financeDevelopImg: require(`~/static/images/client/industrydetails/finance-develop-img.png`),
-        changeImg:   require(`~/static/images/client/industrydetails/information-change-img.png`),
-      };
-    },
-    head() {
-      return {
-        title: '金融行业考试系统_金融行业考核系统',
-        meta:  [
-          {
-            description: '金融无处不在并已形成一个庞大体系，金融学涉及的范畴、分支和内容非常广，如货币、证券、银行、保险、投资理财、风险管理等，相对来说考核点多、信息量大，对员工的知识储备要求较高，相对的考核难度也较大',
-            keywords:    '金融考试系统_金融考核系统',
-          },
-        ],
-      };
-    },
-  };
-</script>
-
-<style scoped>
-
-</style>

pages/government.vue

@@ -1,123 +0,0 @@
-<template>
-  <!-- 政府机构-详情页 -->
-  <div class="client-government-page">
-    <!-- 政府机构banner栏 -->
-    <div class="industrydetails-banner">
-      <div class="industrydetails-banner-box"></div>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=1"
-         target="_blank">免费试用</a>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=1"
-         target="_blank">免费试用</a>
-    </div>
-
-    <!-- 企事业单位的发展现状 -->
-    <div class="industrydetails-develop-box">
-      <h4 class="client-title">企事业单位行业现状</h4>
-      <div class="client-container">
-        <p>
-          现代企业发展快，竞争压力大，很多企业都想要通过考核的方式，提升企业内部的软实力，从而提升企业竞争力，所以，无论是企业单位还是事业单位，都少不了要进行各类不同形式的考试。而传统的考核方式，要经历从出卷、分发、打印、寻找考场、安排考试时间、组织考试、安排监考、批卷阅卷、统计成绩等诸多步骤，在时间和金钱上的成本耗费都较高，不再适应现代企业的管理模式。</p>
-        <img :src="developImg" alt="企事业单位的发展现状"/>
-      </div>
-    </div>
-
-    <!-- 我们的系统为您改变了什么 -->
-    <div class="government-change-box">
-      <h4 class="client-title">使用我们的系统，这些问题都能迎刃而解</h4>
-      <div class="client-container">
-        <div class="industrydetails-content">
-          <div class="change-content-left">
-            <h5>传统方式可能会出现的问题</h5>
-            <ul>
-              <li><i></i>
-                <p>老员工离职时，将之前企业精心培养的工作经验带走了，新人来只能靠感觉重新摸索</p></li>
-              <li><i></i>
-                <p>每当有新人入职，都要准备一次培训资料，重复工作导致效率低下</p></li>
-              <li><i></i>
-                <p>员工的职业胜任能力不清晰，是否符合胜任条件只能靠感官</p></li>
-              <li><i></i>
-                <p>每次一组织培训，就要占用工作时间或者员工下班后的时间，培训部门和员工都苦不堪言</p></li>
-            </ul>
-          </div>
-          <img :src="changeImg" alt="我们可以帮您解决的问题"/>
-          <div class="change-content-right">
-            <h5>我们可以帮您解决的问题</h5>
-            <ul>
-              <li><i></i>
-                <p>为企业建立智库，将经验资料存储在平台内，哪怕员工流动也能有迹可循，有典可查。</p></li>
-              <li><i></i>
-                <p>严格把控员工入职流程，安排员工参加入职考核，考试合格再上岗</p></li>
-              <li><i></i>
-                <p>系统能够自动生成能力模型，为管理人员提供科学切实的参考依据</p></li>
-              <li><i></i>
-                <p>用我们的系统在手机、微信上就能够解决培训问题，课程轨迹随时记录，确保碎片化学习的应用。</p></li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 我们的优势 -->
-    <div class="government-advantage-box mta-hidden-xs">
-      <h4 class="client-title">产品优势</h4>
-      <div class="client-container fn-hidden fn-clear-gap">
-        <div class="government-advantage-content">
-          <dl>
-            <dt><i></i><span>不限次听讲</span></dt>
-            <dd>可以不限次重复听讲，学员的提问回答都保留在系统中</dd>
-          </dl>
-          <dl>
-            <dt><i></i><span>培训费用</span></dt>
-            <dd>能大量节省培训支出，如场地费、讲师学员的交通费、讲师重复讲课的费用</dd>
-          </dl>
-          <dl>
-            <dt><i></i><span>难点突破</span></dt>
-            <dd>系统可以智能分析易错点，生成个人报告，学员可依据个人情况重复学习重难点和易错点</dd>
-          </dl>
-          <dl>
-            <dt><i></i><span>个人时间</span></dt>
-            <dd>网络学习碎片化的优点能有效利用大量的学习时间</dd>
-          </dl>
-          <dl>
-            <dt><i></i><span>地点灵活</span></dt>
-            <dd>学习地点灵活，可以根据自己的时间进行学习</dd>
-          </dl>
-          <dl>
-            <dt><i></i><span>互动交流</span></dt>
-            <dd>在学习中能与老师、同学以实时的方式或留言的形式交流学习中的疑难点</dd>
-          </dl>
-        </div>
-
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:    'government',
-    layout:  'templateB',
-    data() {
-      return {
-        // 发展现状img
-        developImg: require(`~/static/images/client/industrydetails/government-develop-img.png`),
-        // 我们的系统为您改变了什么 img
-        changeImg:  require(`~/static/images/client/industrydetails/government-change-img.png`),
-        // 获取是考试系统点进来的还是培训系统点进来的
-        tpyeKey:    '',
-      };
-    },
-    head() {
-      return {
-        title: '党建考试系统_政府行业考试系统_事业单位考试系统',
-        meta:  [
-          {
-            description:    '为了适应市场经济的发展，越来越多的企业开始意识到人才选拔、培养的重要性，无论是企业单位还是事业单位，每年都要举行年度考核、党建考核等各种不同形式的考试。',
-            keywords:    '党建考核系统,政府行业考核系统,事业单位考核系统',
-          },
-        ],
-      };
-    },
-    methods: {},
-  };
-</script>
-

pages/indexEducation.vue

@@ -1,175 +0,0 @@
-<template>
-  <div class="client-platform-page client-indexEducation-page">
-
-    <!-- “1+X”教育 banner栏 -->
-    <div class="client-platform-banner">
-      <div :style="{backgroundImage: `url(${require(`~/static/images/client/indexEducation/index-education-banner.jpg`)})`}" class="client-platform-banner"></div>
-      <!--<a rel="nofollow" class="free-trial-default-btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">免费试用</a>-->
-      <a class="client-default-Btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2" style="display:inline-block;">申请方案</a>
-      <a rel="nofollow" class="client-default-Btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank" style="display:inline-block;">申请方案</a>
-      <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
-    </div>
-    <!--  1+x人才培养 -->
-    <div class="platform-products-services">
-      <h4 class="client-title">1+x人才培养</h4>
-      <ul>
-
-        <li>
-          <div class="client-container">
-            <div class="products-services-box">
-              <img :src="curriculumResourcesImg1" alt="1+x人才培养" />
-              <div class="products-services-content">
-                <h5>职业教育“1+X”证书制度改革举措新导向!</h5>
-                <i></i>
-                <p>
-                  <span>1.提高人才培养质量、拓展就业本领</span><br>
-                  <span>2.创新人才培养模式，改革办学模式</span><br>
-                  <span>3.育训结合，克服职业教育普教化</span><br>
-                  <span>4.推进教师、教材、教法改革，快速匹配岗位和培训内容</span><br>
-                </p>
-                <div>
-                  <a class="client-default-Btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2" style="display:inline-block;">申请方案</a>
-                  <a rel="nofollow" class="client-default-Btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">申请方案</a>
-                  <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li>
-          <div class="client-container">
-            <div class="products-services-box products-contrary-box">
-              <h4 class="client-title">“1+X教育”职业培训平台</h4>
-              <img :src="curriculumResourcesImg2" alt="“1+X教育”职业培训平台" />
-              <div class="products-services-content">
-                <p>大连麦塔软件服务有限公司旗下的职教平台「1+X教育」，通过AI技术快速匹配岗位和培训内容，为院校提供职业学习配套，培养适合企业的人才的同时，也为院校学生参与考核，取得“1+X”职业技能等级证书提供有力支撑服务。</p>
-                <div>
-                  <a class="client-default-Btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2" style="display:inline-block;">申请方案</a>
-                  <a rel="nofollow" class="client-default-Btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">申请方案</a>
-                  <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li>
-          <div class="client-container">
-            <div class="products-services-box">
-              <h4 class="client-title">职业教育痛点</h4>
-              <img :src="curriculumResourcesImg3" alt="职业教育痛点" />
-              <div class="products-services-content">
-                <p>
-                  <span>1.院校职业技术人才培养欠缺，缺乏人才技能评价机制</span><br>
-                  <span>2.职场竞争激烈，职业技能证书是个人能力评价、聘用、从业的重要凭证</span><br>
-                  <span>3.课程设置理论知识居多，教学方式单一，缺乏实训</span><br>
-                </p>
-                <div>
-                  <a class="client-default-Btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2" style="display:inline-block;">申请方案</a>
-                  <a rel="nofollow" class="client-default-Btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">申请方案</a>
-                  <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li>
-          <div class="client-container">
-            <div class="products-services-box products-contrary-box">
-              <h4 class="client-title">职业教育改革利器</h4>
-              <img :src="curriculumResourcesImg4" alt="职业教育改革利器" />
-              <div class="products-services-content">
-                <p>
-                  <span>1.为院校提供行业领域全覆盖的供“1+X”职业教育培训平台</span><br>
-                  <span>2.提供“教、学、训、研、测”育训结合的教学实训体系，一站式学习平台</span><br>
-                  <span>3.为提高人才培养质量，提升职业教育质量和学生就业能力，畅通技术技能人才成长通道，拓展职业院校学生就业创业本领打下奠基，真正做到“宽进严出”。</span>
-                </p>
-                <div>
-                  <a class="client-default-Btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2" style="display:inline-block;">申请方案</a>
-                  <a rel="nofollow" class="client-default-Btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">申请方案</a>
-                  <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </li>
-      </ul>
-
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:     'indexEducation',
-    layout:   'templateB',
-    async asyncData({ $axios,store }) {
-      // 设置选中菜单
-      store.commit('setActiveNav', '/indexEducation');
-
-
-      let [res1, res2] = await Promise.all([
-                                             await $axios.$post(`/home/banner/list`, { 'code': 3 }).then(res => {
-                                               return res;
-                                             }),
-                                             await $axios.$post(`/home/news/carousel`, { 'newsClassifyId': 0,'keyword':'培训' }).then(res => {
-                                               return res;
-                                             })
-                                           ]);
-      return {
-        bannerList: res1.data.data||[],
-        topCarousels: res2.data.data||[],
-
-      };
-    },
-    data() {
-      return {
-        curriculumResourcesImg1:  require(`~/static/images/client/indexEducation/index-education-img1.png`),
-        curriculumResourcesImg2:  require(`~/static/images/client/indexEducation/index-education-img2.png`),
-        curriculumResourcesImg3:  require(`~/static/images/client/indexEducation/index-education-img3.png`),
-        curriculumResourcesImg4:  require(`~/static/images/client/indexEducation/index-education-img4.png`),
-      };
-    },
-    head(){
-      return {
-        title: '1+X教育考试平台_1+X培训平台_1+X行业解决方案',
-        meta: [
-          {
-            name: 'keywords',
-            content: '1+X考试平台,1+X培训平台'
-          },
-          {
-            name:'description',
-            content:'麦塔为院校提供“1+X”培训平台，将职业技能实训融入到教学资源中，配套丰富的教学资源及精准的实训设施，为学生顺利取得“1+X”职业技能等级证书保驾护航。'
-          }
-        ],
-      }
-    },
-    computed: {},
-    methods:  {
-      goIntroductionPage(){
-        this.$router.push({ name: 'introduction' });
-      },
-      checkInfo(data) {
-        const opt = {
-          id: data.code,
-        };
-        this.$router.push({ name: 'news-id', params: opt });
-      },
-      clickBanner(data){
-        if(data){
-          window.open(data)
-        }
-      },
-    },
-    created() {
-
-    },
-    mounted() {
-    },
-    beforeDestroy() {
-    },
-  };
-</script>
-<style>
-
-</style>

pages/information.vue

@@ -1,80 +0,0 @@
-<template>
-  <!-- 信息产业-详情页 -->
-  <div class="client-information-page">
-
-    <!-- 信息产业banner栏 -->
-    <div class="industrydetails-banner">
-      <div class="industrydetails-banner-box"></div>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank">免费试用</a>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=1"
-         target="_blank">免费试用</a>
-    </div>
-
-    <!-- 信息产业的发展现状 -->
-    <div class="industrydetails-develop-box">
-      <h4 class="client-title">信息产业行业现状</h4>
-      <div class="client-container">
-        <p>互联网经济在中国GDP中占比持续攀升，业务重心向“盈利”为核心的网络游戏、网上交易、网络广告、网络教育、网络短信等产业转移，由于新兴应用层出不穷，所以信息业对新兴技术的工程人员需求量也在变大，未来势必将要求更高质量的产业融合发展和转型升级。</p>
-        <img :src="informationDevelopImg" alt="信息产业行业现状" />
-      </div>
-    </div>
-
-    <!-- 我们的系统为您改变了什么 -->
-    <div class="information-change-box">
-      <h4 class="client-title">使用我们的系统，这些问题都能迎刃而解</h4>
-      <div class="client-container">
-        <div class="industrydetails-content">
-          <div class="change-content-left">
-            <h5>传统方式出现的问题</h5>
-            <ul>
-              <li><i></i><p>技术人员配备不到位、技术升级保障力度不够</p></li>
-              <li><i></i><p>网络发生故障时难以协调，错过第一时间报告，导致未能及时处理</p></li>
-              <li><i></i><p>信息安全、数据安全问题突出</p></li>
-              <li><i></i><p>信息审核不到位，网站质量评测难</p></li>
-            </ul>
-          </div>
-          <img :src="changeImg" alt="我们的系统为您改变了什么" />
-          <div class="change-content-right">
-            <h5>我们可以帮您解决的问题</h5>
-            <ul>
-              <li><i></i><p>围绕升级的核心技术设计教学需求活动</p></li>
-              <li><i></i><p>记录全部用户的操作轨迹，使系统修改有据可查，有利于网站的维护</p></li>
-              <li><i></i><p>利用在线安全培训，加强技术人员的安全意识，提高隐患的发现能力</p></li>
-              <li><i></i><p>加强审核人员的素质考核，有效保证网站质量管理</p></li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-    export default {
-        name: 'information',
-        layout:     'templateB',
-      data() {
-        return {
-          // 发展现状img
-          informationDevelopImg:   require(`~/static/images/client/industrydetails/information-develop-img.png`),
-          // 我们的系统为您改变了什么 img
-          changeImg:   require(`~/static/images/client/industrydetails/information-change-img.png`),
-        }
-      },
-      head() {
-        return {
-          title: '信息产业考试系统_信息产业考核系统',
-          meta:  [
-            {
-              description:    '近年来我国互联网继续保持增长态势，上网人数和增长速度都为全世界瞩目，网络产业已经从过去的吸引眼球上逐渐转向以“盈利”为核心。',
-              keywords:    '信息产业考培系统',
-            },
-          ],
-        };
-      },
-    };
-</script>
-
-<style scoped>
-
-</style>

pages/makeCourse.vue

@@ -1,327 +0,0 @@
-<template>
-  <!-- 7天教你打造企业微课制作 -->
-  <div class="client-platform-page client-makeCourse-page">
-    <!--  banner栏 -->
-    <div class="client-platform-banner">
-      <div :style="{backgroundImage: `url(${require(`~/static/images/client/makeCourse/make-course-banner.png`)})`}" class="client-platform-banner"></div>
-      <a href="https://p.qiao.baidu.com/cps/chat?siteId=17939829&userId=40179606&siteToken=35cf5be39b078111b613c15d6bab5493" class="free-trial-default-btn">在线咨询</a>
-    </div>
-
-    <!-- 图片标题-->
-    <h2 class="make-course-h2">
-      <img :src="makeCourseImg" alt="快速掌握知识萃取的方法，形成有价值、易懂易学的高质量学习资源" class="mta-hidden-xs">
-      <img :src="makeCourseSjImg" alt="快速掌握知识萃取的方法，形成有价值、易懂易学的高质量学习资源" class="mta-hidden-sm">
-    </h2>
-
-    <!-- 介绍 -->
-        <div class="client-container fn-clear">
-          <div class="makeCourse-introduce-box">
-            <img :src="introduceImg1" alt="课程内容通俗易懂，零基础也能学" />
-            <dl>
-              <h3 class="make-course-title course-blue-title">课程内容通俗易懂，零基础也能学</h3>
-              <dt>商业讲师、企业内训师、课程开发人员、基层管理者、岗位精英</dt>
-              <dd>
-                <a href="https://p.qiao.baidu.com/cps/chat?siteId=17939829&userId=40179606&siteToken=35cf5be39b078111b613c15d6bab5493" target="_blank" class="mta-hidden-xs">
-                <img :src="btnImg" alt="在线咨询"></a>
-                <a href="https://p.qiao.baidu.com/cps/chat?siteId=17939829&userId=40179606&siteToken=35cf5be39b078111b613c15d6bab5493" class="client-default-Btn mta-hidden-sm">在线咨询</a>
-              </dd>
-            </dl>
-          </div>
-        </div>
-        <div class="client-container fn-clear">
-          <div class="makeCourse-introduce-box contrary-introduce-box">
-            <img :src="introduceImg2" alt="为你定制高效学习方案" />
-            <dl>
-              <h3 class="make-course-title course-blue-title">为你定制高效学习方案</h3>
-              <dt>课程不限次回看：不用担心没有时间学习</dt>
-              <dt>实用性强：理论讲解+实操演示</dt>
-              <dt>课后一对一答疑：免去你对学不会的瞎操心</dt>
-              <dt>一课一练：课上学、课后练，老师在线点评作品</dt>
-              <dd>
-                <a href="https://p.qiao.baidu.com/cps/chat?siteId=17939829&userId=40179606&siteToken=35cf5be39b078111b613c15d6bab5493" target="_blank" class="mta-hidden-xs">
-                  <img :src="btnImg" alt="在线咨询"></a>
-                <a href="https://p.qiao.baidu.com/cps/chat?siteId=17939829&userId=40179606&siteToken=35cf5be39b078111b613c15d6bab5493" class="client-default-Btn mta-hidden-sm">在线咨询</a>
-              </dd>
-            </dl>
-          </div>
-        </div>
-
-    <!-- 课程目标 -->
-    <div class="course-target-box">
-      <div class="client-container">
-        <h3 class="make-course-title">课程目标</h3>
-        <ul class="target_icon">
-          <li>
-            <div>
-              <img :src="courseTargetImg1" alt="微课思维">
-              <span>微课思维</span>
-            </div>
-          </li>
-          <li>
-            <div>
-              <img :src="courseTargetImg2" alt="微课设计">
-              <span>微课设计</span>
-            </div>
-          </li>
-          <li>
-            <div>
-              <img :src="courseTargetImg3" alt="微课开发">
-              <span>微课开发</span>
-            </div>
-          </li>
-          <li>
-            <div>
-              <img :src="courseTargetImg4" alt="软件使用">
-              <span>软件使用</span>
-            </div>
-          </li>
-          <li>
-            <div>
-              <img :src="courseTargetImg5" alt="授课技巧">
-              <span>授课技巧</span>
-            </div>
-          </li>
-        </ul>
-        <a href="https://p.qiao.baidu.com/cps/chat?siteId=17939829&userId=40179606&siteToken=35cf5be39b078111b613c15d6bab5493" target="_blank" class="btn-big-box mta-hidden-xs">
-          <img :src="btnBigImg" alt="">
-        </a>
-        <a href="https://p.qiao.baidu.com/cps/chat?siteId=17939829&userId=40179606&siteToken=35cf5be39b078111b613c15d6bab5493" class="client-default-Btn mta-hidden-sm">在线咨询</a>
-      </div>
-
-    </div>
-
-    <!-- 培训讲师介绍 -->
-    <div class="px-teacher-box">
-        <div class="client-container">
-          <h3 class="make-course-title course-blue-title">培训讲师介绍</h3>
-          <div class="teacher-content-box fn-clear">
-            <div class="teacher-img-box"><img :src="pxTeacherImg"><span>诺雪</span></div>
-            <p>麦塔软件数字内容事业部部长，艺术设计专业，企业微课高级导师。13年企业在线课程及微课制作经验；先后为数十家国内大型企业担任课程规划 咨询顾问。长期从事在线课程研发及企业人才培养工作，具备完善的在线课程制作培训管理理论体系和培训实战管理经验。</p>
-          </div>
-          <a href="https://p.qiao.baidu.com/cps/chat?siteId=17939829&userId=40179606&siteToken=35cf5be39b078111b613c15d6bab5493" target="_blank" class="btn-big-box mta-hidden-xs">
-            <img :src="btnBigImg" alt="">
-          </a>
-          <a href="https://p.qiao.baidu.com/cps/chat?siteId=17939829&userId=40179606&siteToken=35cf5be39b078111b613c15d6bab5493" class="client-default-Btn mta-hidden-sm">在线咨询</a>
-        </div>
-     </div>
-
-    <!-- 课程体系 -->
-    <div class="course-system-box">
-      <div class="client-container">
-        <h3 class="make-course-title course-blue-title">课程体系</h3>
-        <img :src="courseSystemImg1" alt="" class="course-system-img mta-hidden-xs">
-        <img :src="courseSystemImg2" alt="" class="mta-hidden-xs">
-        <img :src="courseSystemImg3" alt="" class="mta-hidden-sm">
-        <a href="https://p.qiao.baidu.com/cps/chat?siteId=17939829&userId=40179606&siteToken=35cf5be39b078111b613c15d6bab5493" target="_blank" class="btn-big-box mta-hidden-xs">
-          <img :src="btnBigImg" alt="">
-        </a>
-        <a href="https://p.qiao.baidu.com/cps/chat?siteId=17939829&userId=40179606&siteToken=35cf5be39b078111b613c15d6bab5493" class="client-default-Btn mta-hidden-sm">在线咨询</a>
-      </div>
-    </div>
-
-    <!-- 微课设计 -->
-    <div class="course-learn-box">
-      <div class="client-container">
-        <h3 class="make-course-title course-blue-title">13载企业级微课设计，用专业和实力说话</h3>
-        <ul class="learn-box-list">
-          <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9ce35f5f5285890792886075881/v.f30.mp4"></a><div><span><img :src="courseVideoImg1" alt="微课动画"><i @click="playVideo(0)"></i></span><p>微课动画</p></div></li>
-          <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9f121cdd5285890792886151677/v.f30.mp4"></a><div><span><img :src="courseVideoImg2" alt="故事情节"><i @click="playVideo(1)"></i></span><p>故事情节</p></div></li>
-          <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9cc031355285890792886057331/v.f30.mp4"></a><div><span><img :src="courseVideoImg3" alt="儿歌动画"><i @click="playVideo(2)"></i></span><p>儿歌动画</p></div></li>
-          <li class="mta-hidden-xs"><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9a582fcf5285890793118274335/v.f30.mp4"></a><div><span><img :src="courseVideoImg4" alt="PPT微课"><i @click="playVideo(3)"></i></span><p>PPT微课</p></div></li>
-          <li class="mta-hidden-xs"><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9ee031e15285890792886129559/v.f30.mp4"></a><div><span><img :src="courseVideoImg5" alt="图文类微课"><i @click="playVideo(4)"></i></span><p>图文类微课</p></div></li>
-          <li class="mta-hidden-xs"><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9c2e210d5285890793118303376/v.f30.mp4"></a><div><span><img :src="courseVideoImg6" alt="情景类微课"><i @click="playVideo(5)"></i></span><p>情景类微课</p></div></li>
-          <li class="mta-hidden-xs"><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/650aa7e15285890792885993830/v.f30.mp4"></a><div><span><img :src="courseVideoImg7" alt="H5微课"><i @click="playVideo(6)"></i></span><p>H5微课</p></div></li>
-          <li class="mta-hidden-xs"><a href="https://spdb.mtavip.com/65615d29a5da4478b8d4ebfd6810d2da/65ab43fa5fb942aab2af981c2f7ea5c7-da005714eae365940692db31fbf6e9b8-fd.mp4"></a><div><span><img :src="courseVideoImg8" alt="视频类微课"><i @click="playVideo(7)"></i></span><p>视频类微课</p></div></li>
-          <li class="mta-hidden-xs"><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9f25da7a5285890792886164670/v.f30.mp4"></a><div><span><img :src="courseVideoImg9" alt="H5长图类"><i @click="playVideo(8)"></i></span><p>H5长图类</p></div></li>
-        </ul>
-        <a href="https://p.qiao.baidu.com/cps/chat?siteId=17939829&userId=40179606&siteToken=35cf5be39b078111b613c15d6bab5493" target="_blank" class="btn-big-box mta-hidden-xs">
-          <img :src="btnBigImg" alt="">
-        </a>
-        <a href="https://p.qiao.baidu.com/cps/chat?siteId=17939829&userId=40179606&siteToken=35cf5be39b078111b613c15d6bab5493" class="client-default-Btn mta-hidden-sm">在线咨询</a>
-      </div>
-    </div>
-
-    <!-- 报名学习 -->
-    <div class="sign-study-box">
-      <div class="client-container">
-        <div class="study-gj-box">
-          <div class="sign-study-content">
-            <el-input v-model="phoneNumber" placeholder="请输入手机号"></el-input>
-            <el-button type="danger" @click="toSignbtn" :disabled="!exportDataStatus">立即报名</el-button>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!--  视频播放弹窗 -->
-    <el-dialog
-      :title="title"
-      :visible.sync="videoDialogFlag"
-      @close="closeVideoDialog"
-      class="course-video-dialog"
-      center>
-      <video controls :src="source" class="course-video-box"></video>
-      <p>{{footerText}}</p>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:     'makeCourse',
-    layout:   'templateB',
-    head(){
-      return {
-        title: '7天教你打造企业微课制作',
-      }
-    },
-    data() {
-      return {
-        makeCourseImg:  require(`~/static/images/client/makeCourse/makeCourse-h2-text.png`),
-        makeCourseSjImg:  require(`~/static/images/client/makeCourse/makeCourse-h2-sjText.png`),
-        introduceImg1:  require(`~/static/images/client/makeCourse/introduce-img1.png`),
-        introduceImg2:  require(`~/static/images/client/makeCourse/introduce-img2.png`),
-        btnImg:  require(`~/static/images/client/makeCourse/content_button.png`),
-        btnBigImg:  require(`~/static/images/client/makeCourse/course-button-img.png`),
-        courseTargetImg1:  require(`~/static/images/client/makeCourse/course-target-img1.png`),
-        courseTargetImg2:  require(`~/static/images/client/makeCourse/course-target-img2.png`),
-        courseTargetImg3:  require(`~/static/images/client/makeCourse/course-target-img3.png`),
-        courseTargetImg4:  require(`~/static/images/client/makeCourse/course-target-img4.png`),
-        courseTargetImg5:  require(`~/static/images/client/makeCourse/course-target-img5.png`),
-        pxTeacherImg:  require(`~/static/images/client/makeCourse/px-teacher-img.png`),
-        courseSystemImg1:  require(`~/static/images/client/makeCourse/course-system-img1.png`),
-        courseSystemImg2:  require(`~/static/images/client/makeCourse/course-system-img2.png`),
-        courseSystemImg3:  require(`~/static/images/client/makeCourse/course-system-img3.png`),
-        phoneNumber:'',// 手机号
-        exportDataStatus:   true,// 按钮禁用
-        countdown:          10,// 十秒倒计时
-        // 13载企业级微课设计，用专业和实力说话
-        videoDialogFlag:false,
-        title:'',
-        source:'',
-        footerText:'',
-        videoArray:[
-          // 1-3
-          {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/113211bf-1747089269d-0006-732a-c93-687b7.mp4',
-            fotterText:'以情景动画形式丰富多样，游戏化教学和精美动画相结合',
-            title:'微课动画',
-          },
-          {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/13f16002-1747088d2a9-0006-732a-c93-687b7.mp4',
-            fotterText:'是教师在课堂上根据所讲授的内容穿插些相关的简明、短小故事、以说明注解强调所讲内容',
-            title:'故事情节',
-          },
-          {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/159fac7b-17470879c88-0006-732a-c93-687b7.mp4',
-            fotterText:'以经典儿歌结合动画表达出课程要讲授的内容',
-            title:'儿歌动画',
-          },
-          // 4-6
-          {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/ef9b83b-17470860d19-0006-732a-c93-687b7.mp4',
-            fotterText:'主要是以教师根据教学内容PPT进行假想授课',
-            title:'PPT微课',
-          },
-          {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/a262a7b-174708aa838-0006-732a-c93-687b7.mp4',
-            fotterText:'主要以图片的形式表现，图片有手绘原素相结合，更加明确的展示了课程的内容',
-            title:'图文类微课',
-          },
-          {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1eb213bd-17470897778-0006-732a-c93-687b7.mp4',
-            fotterText:'以故事情景引出产品内容的介绍',
-            title:'情景类微课',
-          },
-          // 7-9
-          {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/13a4929d-17470860cf9-0006-732a-c93-687b7.mp4',
-            fotterText:'指页面内可以包含图片、链接，甚至音乐、程序等非文字元素互动教学',
-            title:'H5微课',
-          },
-          {
-            url:'https://spdb.mtavip.com/65615d29a5da4478b8d4ebfd6810d2da/65ab43fa5fb942aab2af981c2f7ea5c7-da005714eae365940692db31fbf6e9b8-fd.mp4',
-            fotterText:'以简短视频的形式讲授一两个知识点，没有复杂的课程体',
-            title:'视频类微课',
-          },
-          {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/4f1c04ef-174708abedf-0006-732a-c93-687b7.mp4',
-            fotterText:'是通过图片发布文字信息的一种形式',
-            title:'H5长图类',
-          },
-          ],
-        // 视频列表图片
-        courseVideoImg1:  require(`~/static/images/client/course/course-video-img18.png`),
-        courseVideoImg2:  require(`~/static/images/client/course/course-video-img17.png`),
-        courseVideoImg3:  require(`~/static/images/client/course/course-video-img16.png`),
-        courseVideoImg4:  require(`~/static/images/client/course/course-video-img12.png`),
-        courseVideoImg5:  require(`~/static/images/client/course/course-video-img11.png`),
-        courseVideoImg6:  require(`~/static/images/client/course/course-video-img10.png`),
-        courseVideoImg7:  require(`~/static/images/client/course/course-video-img9.png`),
-        courseVideoImg8:  require(`~/static/images/client/course/course-video-img8.png`),
-        courseVideoImg9:  require(`~/static/images/client/course/course-video-img9.png`),
-
-      };
-    },
-    computed: {},
-    methods:  {
-      // 播放视频
-      playVideo(index){
-        this.videoDialogFlag = true
-        this.source = this.videoArray[index].url
-        this.footerText = this.videoArray[index].fotterText
-        this.title = this.videoArray[index].title
-      },
-      closeVideoDialog(){
-
-        this.videoDialogFlag = false;
-        this.source = '';
-        this.footerText = '';
-        this.title = '';
-      },
-
-      // 报名
-      toSignbtn(){
-        let reg = /^1[0-9]{10}$/
-        if (this.phoneNumber == '' || this.phoneNumber.length <= 10 || !reg.test(this.phoneNumber)) {
-          this.$message.error('请输入正确的手机号');
-        }else{
-          this.$axios.$post('/weike/add',{phone:this.phoneNumber }).then(res=>{
-            if (res.code === 0 && res.data) {
-              this.$message.success('报名成功');
-              this.setTime();
-            } else {
-              this.$message.error('报名失败');
-            }
-          });
-        }
-      },
-      // 10秒计时器 author: Wxy date: 2019/11/27
-      setTime() {
-        if (this.countdown === 0) {
-          this.countdown = 10;
-          this.exportDataStatus = true;
-        } else {
-          this.countdown--;
-          this.exportDataStatus = false;
-
-          if (this.timer) {
-            clearTimeout(this.timer);
-          }
-          this.timer = setTimeout(() => {
-            this.setTime();
-          }, 1000);
-        }
-      },
-    },
-    created() {
-
-    },
-    mounted() {
-    },
-    beforeDestroy() {
-    },
-  };
-</script>
-<style>
-
-</style>

pages/medical.vue

@@ -1,90 +0,0 @@
-<template>
-  <!-- 医疗卫生-详情页 -->
-  <div class="client-medical-page">
-
-    <!-- 医疗卫生banner栏 -->
-    <div class="industrydetails-banner">
-      <div class="industrydetails-banner-box"></div>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2"
-         target="_blank">免费试用</a>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2"
-         target="_blank">免费试用</a>
-    </div>
-
-    <!-- 医疗卫生的发展现状 -->
-    <div class="industrydetails-develop-box">
-      <h4 class="client-title">医疗行业现状</h4>
-      <div class="client-container">
-        <p>
-          随着现代医学模式的转变和医疗需求的变化，医疗的知识面变得越来越宽泛，医务人员的素质、技术服务水平、设施环境条件、医疗费用高低、管理水平都被纳入了考核标准，还有很多专业考试项目，如医疗工作者的执业医师资格考试，护士执业资格考试，卫生专业技术资格考试，全国各级医院日常进行的医护人员招聘考试，“三基”、“三严”考试等。</p>
-        <img :src="developImg" alt="医疗行业现状"/>
-      </div>
-    </div>
-
-    <!-- 使用我们的系统，这些问题都能迎刃而解 -->
-    <div class="medical-change-box">
-      <h4 class="client-title">使用我们的系统，这些问题都能迎刃而解</h4>
-      <div class="client-container">
-        <div class="industrydetails-content mt48">
-          <div class="change-content-left">
-            <h5>传统方式可能会出现的问题</h5>
-            <ul>
-              <li><i></i>
-                <p>传统线下纸考费时，费力，模拟考试难，错题归纳麻烦</p></li>
-              <li><i></i>
-                <p>只能在医院教室等固定的地点进行练习和学习</p></li>
-              <li><i></i>
-                <p>医院教室空间有限，只能组织一小部分人进行培训听课，传播面小</p></li>
-              <li><i></i>
-                <p>无法留存住有用的、有价值的提问和回答，给其他学习者提供参考</p></li>
-            </ul>
-          </div>
-          <div class="change-content-right">
-            <h5>我们可以帮您解决的问题</h5>
-            <ul>
-              <li><i></i>
-                <p>建设专业在线考试机制，课下练习、模拟考试错题直接形成错题库</p></li>
-              <li><i></i>
-                <p>线上课堂，手机、PC都能学习和做课后练习，无缝对接</p></li>
-              <li><i></i>
-                <p>形成高效的自学途径，不再限制学习人数，整体提升职业素质技能</p></li>
-              <li><i></i>
-                <p>出题、组卷、考试、评分、成绩分析流程化智能管理</p></li>
-              <li><i></i>
-                <p>互动问答形成专门模块，留存互动解答数据，只要搜索关键字就能快速找到答案</p></li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-
-  </div>
-</template>
-
-<script>
-  export default {
-    name:   'medical',
-    layout: 'templateB',
-    data() {
-      return {
-        // 发展现状img
-        developImg: require(`~/static/images/client/industrydetails/medical-develop-img.png`),
-      };
-    },
-    head() {
-      return {
-        title: '医疗培训系统_医学培训系统_医疗三基三严培训系统',
-        meta:  [
-          {
-            description: '医学类考试种类繁多，如医疗工作者的执业医师资格考试，护士执业资格考试，卫生专业技术资格考试，全国各级医院日常进行的医护人员招聘考试，“三基”、“三严”考试，全国各级医学教育机构，如医学院，卫校，护校的本科，研究生，大中专教育培训考试等.',
-            keywords:    '三基三严培训系统,三基三严考试系统',
-          },
-        ],
-      };
-    },
-  };
-</script>
-
-<style scoped>
-
-</style>

pages/restaurant.vue

@@ -1,82 +0,0 @@
-<template>
-  <!-- 食品餐饮-详情页 -->
-  <div class="client-restaurant-page">
-
-    <!-- 食品餐饮banner栏 -->
-    <div class="industrydetails-banner">
-      <div class="industrydetails-banner-box"></div>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">免费试用</a>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2"
-         target="_blank">免费试用</a>
-    </div>
-
-    <!-- 食品餐饮行业现状 -->
-    <div class="industrydetails-develop-box">
-      <h4 class="client-title">食品餐饮行业现状</h4>
-      <div class="client-container">
-        <p>经济的不断发展也让餐饮文化的传播越来越国际化和市场化，餐饮业在市场的扩张下，门店普遍较多，一线工作人员一般都随门店呈散点状分布在全国，甚至全球。但是由于培训成本较高，导致服务规范、操作流程、售后体系等方面都不能够统一，麦塔培训考试系统，支持手机在线答题、在线课程学习，还支持对接微信、钉钉等第三方平台使用，非常适合餐饮业的培训考试需求。</p>
-        <img :src="developImg" alt="食品餐饮行业现状" />
-      </div>
-    </div>
-
-    <!-- 我们的系统为您改变了什么  -->
-    <div class="restaurant-change-box">
-      <h4 class="client-title">使用我们的系统，这些问题都能迎刃而解</h4>
-      <div class="client-container">
-        <div class="industrydetails-content fn-clear mt48">
-          <div class="change-content-left">
-            <h5>传统方式可能会出现的问题</h5>
-            <ul>
-              <li><i></i><p>员工素质普遍较低，服务意识较差，培训成本过大</p></li>
-              <li><i></i><p>很难有集中的时间统一学习，员工培训收益有限</p></li>
-              <li><i></i><p>连锁餐饮企业的学习资源共享难，浪费情况严重</p></li>
-              <li><i></i><p>考核难以监控，考试结果的真实性未可知</p></li>
-              <li><i></i><p>门店分散，服务质量难以把控</p></li>
-            </ul>
-          </div>
-          <img :src="changeImg" alt="vs" />
-          <div class="change-content-right">
-            <h5>我们可以帮您解决的问题</h5>
-            <ul>
-              <li><i></i><p>组织在线培训课程、在线考试，多种方式提升员工能力</p></li>
-              <li><i></i><p>支持跨平台学习，电脑端、手机端无缝对接，线上就能学</p></li>
-              <li><i></i><p>建立行业知识库，多层级多分支收纳技能知识，存取自如</p></li>
-              <li><i></i><p>自动生成并推送管理员报告、学员报告，随时随地查看练习情况</p></li>
-              <li><i></i><p>针对门店生成个性化学习服务，制作微课、长课课程，提高员工服务意识、食品安全意识</p></li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-    export default {
-        name: 'restaurant',
-        layout:     'templateB',
-        data() {
-          return {
-            // 发展现状img
-            developImg:   require(`~/static/images/client/industrydetails/restaurant-develop-img.png`),
-            // 我们的系统为您改变了什么 img
-            changeImg:   require(`~/static/images/client/industrydetails/restaurant-change-img.png`),
-          }
-        },
-      head() {
-        return {
-          title: '食品餐饮业培训系统_食品行业培训系统_餐饮行业培训系统',
-          meta:  [
-            {
-              description: '随着社会经济的不断发展，餐饮消费的方式日益多元化与现代化，品牌化、规模化、连锁式、跨区域式餐饮经营是未来的趋势，餐饮文化的传播将越来越国际化和市场化。',
-              keywords:    '食品餐饮业培训系统,食品行业培训系统,餐饮行业培训系统',
-            },
-          ],
-        };
-      },
-    };
-</script>
-
-<style scoped>
-
-</style>

pages/test/index.vue

@@ -1,55 +0,0 @@
-<template>
-  <div>
-    {{counter}}
-    <hr>
-    <el-button @click="addFun">add</el-button>
-    <el-button @click="minFun">min</el-button>
-
-    <myChildPage></myChildPage>
-  </div>
-</template>
-
-<script>
-  import myChildPage from '~/components/test/myChildPage';
-  import Vue         from 'vue';
-
-  const myData = Vue.observable({ count: 1 });
-  export default {
-    name:       'test',
-    provide:    {
-      testData: myData,
-    },
-    components: {
-      myChildPage,
-    },
-    head() {
-      return {
-        title: '测试',
-        meta:  [
-          {
-            hid:     'description',
-            name:    'description',
-            content: '我的测试',
-          },
-        ],
-      };
-    },
-    computed:   {
-      counter() {
-        return myData.count;
-      },
-    },
-    methods:    {
-      addFun() {
-        myData.count++;
-      },
-      minFun() {
-        myData.count--;
-      },
-    },
-  };
-</script>
-
-<style scoped>
-
-</style>

pages/testPage.vue

@@ -1,126 +0,0 @@
-<template>
-  <div>
-    <imgCardLv1 :option="item" v-for="(item,index) in list" :key="index"></imgCardLv1>
-  </div>
-</template>
-
-<script>
-import imgCardLv1 from "@/components/common/layout/imgDes/imgCardLv2";
-
-export default {
-  name: "testPage",
-  components: {
-    imgCardLv1
-  },
-  data() {
-    return {
-      list: [
-        {
-          content: {
-            title: '青谷云在线考试服务',
-            list: [
-              {
-                value: '考试系统使用方便,操作简单，节约成本，无需独立开发',
-              },
-              {
-                value: '在云平台直接搭建企业账号，邀请员工登录，即可享受完整的线上考试服务',
-              },
-              {
-                value: '支持客观题自动判断，主观题后台人工阅卷。有效减少人力成本，提升时间小楼，降低费用成本',
-              },
-            ],
-            order: 2,
-          },
-          img: {
-            url: require('~/static/codeImage/code-jingli.png'),
-            order: 1,
-          },
-          mianfei: true,
-          zixun: true,
-          shenqing: false,
-          myType: 'kaoshi'
-        },
-        {
-          content: {
-            title: '强大的人员管理和考试功能',
-            list: [
-              {
-                value: '考试系统使用方便,操作简单，节约成本，无需独立开发',
-              },
-              {
-                value: '六大常用题型，批量导入；固定组卷，随机组卷，固定+随机综合组卷，涵盖错题，按难度程度抽题',
-              },
-              {
-                value: '支持客观题自动判断，主观题后台人工阅卷。有效减少人力成本，提升时间小楼，降低费用成本',
-              },
-            ],
-            order: 1,
-          },
-          img: {
-            url: require('~/static/codeImage/code-jingli.png'),
-            order: 2,
-          },
-          mianfei: true,
-          zixun: true,
-          shenqing: false,
-          myType: 'peixun'
-        },
-        {
-          content: {
-            title: '全流程AI监考防作弊体系',
-            list: [
-              {
-                value: '支持个性化定制登录背景、品牌、logo等，一键搭建属于您的个性化在线考试系统',
-              },
-              {
-                value: '多屏监控画面展现考试全过程，考生的面部表情、一举一动在后台实时呈现',
-              },
-              {
-                value: '随机组件、试题乱序、选择题选项乱序、超时强制交卷、防止切屏限制',
-              },
-            ],
-            order: 2,
-          },
-          img: {
-            url: require('~/static/codeImage/code-jingli.png'),
-            order: 1,
-          },
-          mianfei: true,
-          zixun: true,
-          shenqing: false,
-          myType: 'kecheng'
-        },
-        {
-          content: {
-            title: '多端口个性化设置随心选择',
-            list: [
-              {
-                value: '支持个性化定制登录背景、品牌、logo等，一键搭建属于您的个性化在线考试系统',
-              },
-              {
-                value: '与三方平台无缝集成、支持OA、HR、ERP、教务、微信、钉钉等应用的对接',
-              },
-              {
-                value: 'PC、APP、H5统一管理，数据互通，充分利用水平化时间，塑造学员高频率使用习惯',
-              },
-            ],
-            order: 1,
-          },
-          img: {
-            url: require('~/static/codeImage/code-jingli.png'),
-            order: 2,
-          },
-          mianfei: true,
-          zixun: true,
-          shenqing: false,
-          myType: 'kecheng'
-        }
-      ],
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>

pages/tiyanCenter/index.vue

@@ -1,316 +0,0 @@
-<template>
-  <div class="client-platform-page tiyan-center-page">
-    <!-- 体验中心 banner栏 --><!--style="url('/static/images/client/exam/exam-banner-background.png')" -->
-    <div class="client-platform-banner">
-      <div :style="{backgroundImage: `url(${tiyanCenterImg})`}"></div>
-    </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="enterCodeKs" @mouseleave="leaveCodeKs">
-            <i></i><h5>手机前台学员端</h5>
-            <p>免登录手机扫描二维码</p>
-            <p>体验考生答卷真实界面</p>
-            <a style="cursor: default">扫码试用</a>
-            <span ref="codeBtnKs" v-if="youkeFlag"><em></em></span>
-            <div ref="codeBtnKs" v-if="!youkeFlag">系统升级中...</div>
-          </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>点击立即体验按钮，体验考生答卷真实界面</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>
-          </div>
-          <div class="swiper-pagination swiper-pagination-style"></div>
-          <p class="experience-swiper-tip">←左右滑动查看更多→</p>
-        </div>
-      </div>
-    </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="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>
-        </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>
-          </div>
-          <div class="swiper-pagination swiper-pagination-style"></div>
-          <p class="experience-swiper-tip">←左右滑动查看更多→</p>
-        </div>
-      </div>
-    </div>
-
-    <!-- 企业考培立即注册-->
-    <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>
-    </div>
-    <!--  立即注册弹窗 -->
-    <el-dialog
-      :close-on-click-modal="false"
-      :visible.sync="registerDl"
-      class="register-now-dialog"
-      center>
-      <div class="register-now-box">
-        <p>在线考培，就用麦塔</p>
-        <p>现在注册立享30人纯免费版本3年使用权限</p>
-        <div class="system-box">
-          <a href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank"><i></i><p>考试系统</p></a>
-          <span></span>
-          <a href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank"><i></i><p>培训系统</p></a>
-        </div>
-        <span>免费咨询电话：<span class="tel-code">400-052-2130</span></span>
-      </div>
-    </el-dialog>
-    <!-- 系统维护-->
-    <el-dialog :close-on-click-modal="false" :visible.sync="systemMaintainDl" class="system-maintain-dialog"></el-dialog>
-  </div>
-</template>
-
-<script>
-  import Swiper, {Navigation, Pagination,Autoplay} from 'swiper';
-  Swiper.use([Navigation, Pagination,Autoplay]);
-  export default {
-    name:     'tiyanCenter',
-    layout:   'templateB',
-    async asyncData({ $axios,store }) {
-      // 设置选中菜单
-      store.commit('setActiveNav', '/tiyanCenter');
-    },
-    data() {
-      return {
-        // 发展现状img
-        tiyanCenterImg: require(`~/static/images/client/tiyanCenter/tiyanCenterImg.png`),
-        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,
-        },
-      };
-    },
-    head(){
-      return {
-        title: '麦塔考试系统在线体验_麦塔培训系统在线体验',
-        meta:  [
-          {
-            description: '在线考培，就用麦塔，现在注册试用即享30人现在注册试用即享3年使用权限！',
-            keywords:    '考试系统在线体验',
-          },
-        ],
-      };
-    },
-    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')
-            }else {
-              window.open('https://youkepxc.mtavip.com/pxcmdist/#/youke')
-            }
-        }else{
-          // 升级中
-          this.$message({customClass:'phone-message-box',type: 'warning',message: '系统升级中，请稍后再试...'});
-        }
-      },
-      // 考试体验按钮
-      KsTyBtn(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;
-          }
-        }
-      },
-      // 培训学员端体验
-      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;
-          }
-
-        }
-      },
-      // 考试鼠标移入
-      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;
-        }
-      });
-    },
-    mounted() {
-      this.getSystemWidth();
-    },
-    beforeDestroy() {
-    },
-  };
-</script>

pages/traffic.vue

@@ -1,89 +0,0 @@
-<template>
-  <!-- 交通运输-详情页 -->
-  <div class="client-traffic-page">
-
-    <!-- 交通运输banner栏 -->
-    <div class="industrydetails-banner">
-      <div class="industrydetails-banner-box"></div>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=1"
-         target="_blank">免费试用</a>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=1"
-         target="_blank">免费试用</a>
-    </div>
-
-    <!-- 交通运输的发展现状 -->
-    <div class="industrydetails-develop-box">
-      <h4 class="client-title">交通运输行业现状</h4>
-      <div class="client-container">
-        <p>
-          交通运输行业是国民经济发展的基础，交通运输网络的完善和服务水平的提高,推动了经济运行的同时，科学技术的进步又能反向推动运输业的发展，每次技术革命和技术进步都对交通运输业的发展起到了推动作用。“技术强军”，在汽车运用技术、交通运输系统规划与管理、物流系统工程等方面都要求我们必须培养出复合型的新兴技术人才。</p>
-        <img :src="developImg" alt="交通运输行业现状"/>
-      </div>
-    </div>
-
-    <!-- 使用我们的系统，这些问题都能迎刃而解 -->
-    <div class="traffic-change-box">
-      <h4 class="client-title">使用我们的系统，这些问题都能迎刃而解</h4>
-      <div class="client-container">
-        <div class="industrydetails-content tc">
-          <div class="change-content-left">
-            <h5>传统方式可能会出现的问题</h5>
-            <ul>
-              <li><i></i>
-                <p>组织统一时间地点的培训、考试难度大</p></li>
-              <li><i></i>
-                <p>安全学习需要一个长期反复的培训，但难以实施</p></li>
-              <li><i></i>
-                <p>安全学习需要一个长期反复的培训，但难以实施</p></li>
-              <li><i></i>
-                <p>员工分散在四面八方，很多常年都在船上车上，集中学习困难</p></li>
-            </ul>
-          </div>
-          <div class="change-content-right">
-            <h5>我们可以帮您解决的问题</h5>
-            <ul>
-              <li><i></i>
-                <p>集学考练于一体，学习效果更显著，全流程线上进行，效率增倍</p></li>
-              <li><i></i>
-                <p>利用在线平台进行反复持续的安全培训，有助于员工安全意识的根深蒂固</p></li>
-              <li><i></i>
-                <p>解决线下培训考试低频问题，利用碎片化时间来统一进度</p></li>
-              <li><i></i>
-                <p>完善的后台统计功能，将学习效果以图表形式呈现，更能全面了解学习及答题情况</p></li>
-              <li><i></i>
-                <p>费用成本、人力成本和时间成本均降低90%以上</p></li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:   'traffic',
-    layout: 'templateB',
-    data() {
-      return {
-        // 发展现状img
-        developImg: require(`~/static/images/client/industrydetails/traffic-develop-img.png`),
-      };
-    },
-    head() {
-      return {
-        title: '交通运输行业考试系统_交通运输行业考核系统',
-        meta:  [
-          {
-            description: '由于交通行业以技术先行，企业越来越需要具有扎实的汽车运用技术、交通运输系统规划与管理、物流系统工程等方面专业知识，并能独立从事汽车运用与管理、物流系统规划设计与管理的复合型高级工程技术人才，人才的培养格外重要。',
-            keywords:    '交通考试系统,运输考试系统,交通考核系统,运输考核系统',
-          },
-        ],
-      };
-    },
-  };
-</script>
-
-<style scoped>
-
-</style>

pages/trainEducation.vue

@@ -1,99 +0,0 @@
-<template>
-  <!-- 教育行业-详情页 -->
-  <div class="client-education-page">
-
-    <!-- 教育行业banner栏 -->
-    <div class="industrydetails-banner">
-      <div class="industrydetails-banner-box"></div>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2"
-         target="_blank">免费试用</a>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2"
-         target="_blank">免费试用</a>
-    </div>
-
-    <!-- 教育培训行业现状 -->
-    <div class="industrydetails-develop-box">
-      <h4 class="client-title">教育培训行业现状</h4>
-      <div class="client-container">
-        <p>
-          教育培训机构教师的用工形式较为灵活，往往分为以下几种用工形式：全职、兼职、临聘、外包，这样的用工制度就会导致教师的教学水平参差不齐，给人员管理上带来了一定的难度。为了提高教学质量，要定期对员工及教师进行培训及考试，优胜劣汰。麦塔学独特的教育教培训考试工具能有效帮助教育培训机构实现教师的资格审查，提升教学水平。</p>
-        <img :src="developImg" alt="教育培训行业现状"/>
-      </div>
-    </div>
-
-    <!-- 我们的系统为您改变了什么 -->
-    <div class="education-change-box">
-      <h4 class="client-title">使用我们的系统，这些问题都能迎刃而解</h4>
-      <div class="client-container">
-        <div class="industrydetails-content fn-clear mt48">
-          <div class="change-content-left">
-            <h5>传统方式可能会出现的问题</h5>
-            <ul>
-              <li><i></i>
-                <p>无论课程是否能听明白，都只能听一次，无法重复观看</p></li>
-              <li><i></i>
-                <p>讲师每次讲课水平发挥不一致，优秀的课程无法保留在用户间互相传递</p></li>
-              <li><i></i>
-                <p>教学活动仅限于在教室这样的固定地点进行</p></li>
-              <li><i></i>
-                <p>课堂提问无法保存下来，尤其是那些有价值的问答，无法为后来者提供参考</p></li>
-              <li><i></i>
-                <p>传统学习方式场地小，无法组织很多人一起听课</p></li>
-              <li><i></i>
-                <p>传统纸考出题印卷排考监考流程多，时间耗费大，易出错</p></li>
-            </ul>
-          </div>
-          <img :src="changeImg" alt="vs"/>
-          <div class="change-content-right">
-            <h5>我们可以帮您解决的问题</h5>
-            <ul>
-              <li><i></i>
-                <p>重复听讲：线上课程支持反复不限次学习，随时随地皆可学习</p></li>
-              <li><i></i>
-                <p>个人时间：网络学习能够大量节约时间，可以根据自己的时间自主安排学习</p></li>
-              <li><i></i>
-                <p>难点学习：可依据自身的学习情况反复学习薄弱点、重难点</p></li>
-              <li><i></i>
-                <p>培训费用：能够大量节省讲师、场地、交通等大笔支出</p></li>
-              <li><i></i>
-                <p>地点灵活：学习不限地点，只要有网络就能学习，灵活度高</p></li>
-              <li><i></i>
-                <p>学习交流：不仅能与老师互动交流疑点难点，也可与同学进行线上交流</p></li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:    'trainEducation',
-    layout:  'templateB',
-    data() {
-      return {
-        // 发展现状img
-        developImg: require(`~/static/images/client/industrydetails/education-develop-img.png`),
-        // 我们的系统为您改变了什么 img
-        changeImg:  require(`~/static/images/client/industrydetails/education-change-img.png`),
-      };
-    },
-    head() {
-      return {
-        title: '教育培训系统_教师培训系统_学生培训系统',
-        meta:  [
-          {
-            description: '现如今，互联网教育正以迅雷不及掩耳之势搅动市场，“智能学习”成了一个新的市场。麦塔不仅是考试出题软件，还是在线教学考试系统，非常适合培训机构前期营销获客以及后期模拟考试的场景。',
-            keywords:    '教育培训系统,教师培训系统,学生培训系统',
-          },
-        ],
-      };
-    },
-    methods: {},
-  };
-</script>
-
-<style scoped>
-
-</style>

pages/trainEnergy.vue

@@ -1,93 +0,0 @@
-<template>
-  <!-- 能源化工-详情页 -->
-  <div class="client-energy-page">
-
-    <!-- 能源化工banner栏 -->
-    <div class="industrydetails-banner">
-      <div class="industrydetails-banner-box"></div>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2"
-         target="_blank">免费试用</a>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2"
-         target="_blank">免费试用</a>
-    </div>
-
-    <!-- 能源化工行业现状 -->
-    <div class="industrydetails-develop-box">
-      <h4 class="client-title">能源化工行业现状</h4>
-      <div class="client-container">
-        <p>
-          今天，信息化在社会的各行各业迅速发展，对于石油、石化和煤炭这些大型国有企业来说，更需要遵循以互联网创新思维为依托，以先进的技术为手段的企业信息化改革举措，深度推进能源化工与互联网融合发展。在信息化这条道路上，如果缺少一个完整的学习流程体系，将寸步难行。</p>
-        <img :src="energyDevelopImg" alt="能源化工行业现状"/>
-      </div>
-    </div>
-
-    <!-- 使用我们的系统，这些问题都能迎刃而解 -->
-    <div class="energy-change-box">
-      <h4 class="client-title">使用我们的系统，这些问题都能迎刃而解</h4>
-      <div class="client-container industrydetails-content">
-        <div class="change-box-top">
-          <h5>传统方式可能会出现的问题</h5>
-          <ul>
-            <li><i></i>
-              <p>能源行业各分支机构常常处于异地，分支又多，需统一培训、考试<br>实施难度大</p></li>
-            <li><i></i>
-              <p>内部发布公告、信息交流不顺畅，沟通效率低、管理不便</p></li>
-            <li><i></i>
-              <p>由于行业特性，培训成本高，人力资源部人工利用已透支</p></li>
-            <li><i></i>
-              <p>无法单独针对某个员工的知识薄弱点进行二次培训</p></li>
-            <li><i></i>
-              <p>企业规模的扩大，亟待一个强运行的后台数据管理统计系统</p></li>
-          </ul>
-        </div>
-        <div class="change-box-bottom">
-          <img :src="changeImg" alt="vs"/>
-          <h5>我们可以帮您解决的问题</h5>
-          <ul>
-            <li><i></i>
-              <p>统一培训排考：通过报名体系各分公司负责人可以自主帮员工报名培训和考试，解决了分公司人员生产技能培训、考核的问题</p></li>
-            <li><i></i>
-              <p>扩大交流通道：管理员可以在平台上统一发布公告，推送给员工，也可以选择推送范围，小范围推送消息通知。</p></li>
-            <li><i></i>
-              <p>牢固安全意识：课程可以上传平台，做到一次录制反复利用，通过在线学习提升员工安全生产的基本认识，掌握安全生产的操作技能。</p></li>
-            <li><i></i>
-              <p>制定培训计划：考试结束后，公司通过分析每个部门员工的平均成绩以及每题的正确率，来制定相应的个人培训计划，只推送所需课程，做到减负。</p></li>
-            <li><i></i>
-              <p>提高效率：利用数据库技术，实现了远距离的同步考试，同步学习，提高了学习、考试效率，确保考试数据的公平、公正、科学、及时等。</p></li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:    'trainEnergy',
-    layout:  'templateB',
-    data() {
-      return {
-        // 发展现状img
-        energyDevelopImg: require(`~/static/images/client/industrydetails/energy-develop-img.png`),
-        // 使用我们的系统，这些问题都能迎刃而解 img
-        changeImg:        require(`~/static/images/client/industrydetails/energy-change-img.png`),
-      };
-    },
-    head() {
-      return {
-        title: '能源化工培训系统_能源培训系统_化工培训系统',
-        meta:  [
-          {
-            description: '在石油、石化和煤炭等大型国有企业中要以信息化带动工业化、自动化，应用信息技术改造提升能源企业，加快企业信息化进程，提高信息技术应用水平。没有一个完整的学习体系，不能统一排考检测员工安全电力方面的信息掌握程度，无法分析员工的不足之处。',
-            keywords:    '能源化工培训系统,能源培训系统,化工培训系统',
-          },
-        ],
-      };
-    },
-    methods: {},
-  };
-</script>
-
-<style scoped>
-
-</style>

pages/trainGovernment.vue

@@ -1,123 +0,0 @@
-<template>
-  <!-- 政府机构-详情页 -->
-  <div class="client-government-page">
-    <!-- 政府机构banner栏 -->
-    <div class="industrydetails-banner">
-      <div class="industrydetails-banner-box"></div>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2"
-         target="_blank">免费试用</a>
-      <a rel="nofollow" class="free-trial-default-btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2"
-         target="_blank">免费试用</a>
-    </div>
-
-    <!-- 企事业单位行业现状 -->
-    <div class="industrydetails-develop-box">
-      <h4 class="client-title">企事业单位行业现状</h4>
-      <div class="client-container">
-        <p>
-          现代企业发展快，竞争压力大，很多企业都想要通过考核的方式，提升企业内部的软实力，从而提升企业竞争力，所以，无论是企业单位还是事业单位，都少不了要进行各类不同形式的考试。而传统的考核方式，要经历从出卷、分发、打印、寻找考场、安排考试时间、组织考试、安排监考、批卷阅卷、统计成绩等诸多步骤，在时间和金钱上的成本耗费都较高，不再适应现代企业的管理模式。</p>
-        <img :src="developImg" alt="企事业单位行业现状"/>
-      </div>
-    </div>
-
-    <!-- 使用我们的系统，这些问题都能迎刃而解 -->
-    <div class="government-change-box">
-      <h4 class="client-title">使用我们的系统，这些问题都能迎刃而解</h4>
-      <div class="client-container">
-        <div class="industrydetails-content">
-          <div class="change-content-left">
-            <h5>传统方式可能会出现的问题</h5>
-            <ul>
-              <li><i></i>
-                <p>老员工离职时，将之前企业精心培养的工作经验带走了，新人来只能靠感觉重新摸索</p></li>
-              <li><i></i>
-                <p>每当有新人入职，都要准备一次培训资料，重复工作导致效率低下</p></li>
-              <li><i></i>
-                <p>员工的职业胜任能力不清晰，是否符合胜任条件只能靠感官</p></li>
-              <li><i></i>
-                <p>每次一组织培训，就要占用工作时间或者员工下班后的时间，培训部门和员工都苦不堪言</p></li>
-            </ul>
-          </div>
-          <img :src="changeImg" alt="使用我们的系统，这些问题都能迎刃而解"/>
-          <div class="change-content-right">
-            <h5>我们可以帮您解决的问题</h5>
-            <ul>
-              <li><i></i>
-                <p>为企业建立智库，将经验资料存储在平台内，哪怕员工流动也能有迹可循，有典可查。</p></li>
-              <li><i></i>
-                <p>严格把控员工入职流程，安排员工参加入职考核，考试合格再上岗</p></li>
-              <li><i></i>
-                <p>系统能够自动生成能力模型，为管理人员提供科学切实的参考依据</p></li>
-              <li><i></i>
-                <p>用我们的系统在手机、微信上就能够解决培训问题，课程轨迹随时记录，确保碎片化学习的应用。</p></li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 产品优势 -->
-    <div class="government-advantage-box mta-hidden-xs">
-      <h4 class="client-title">产品优势</h4>
-      <div class="client-container fn-hidden fn-clear-gap">
-        <div class="government-advantage-content">
-          <dl>
-            <dt><i></i><span>不限次听讲</span></dt>
-            <dd>可以不限次重复听讲，学员的提问回答都保留在系统中</dd>
-          </dl>
-          <dl>
-            <dt><i></i><span>培训费用</span></dt>
-            <dd>能大量节省培训支出，如场地费、讲师学员的交通费、讲师重复讲课的费用</dd>
-          </dl>
-          <dl>
-            <dt><i></i><span>难点突破</span></dt>
-            <dd>系统可以智能分析易错点，生成个人报告，学员可依据个人情况重复学习重难点和易错点</dd>
-          </dl>
-          <dl>
-            <dt><i></i><span>个人时间</span></dt>
-            <dd>网络学习碎片化的优点能有效利用大量的学习时间 </dd>
-          </dl>
-          <dl>
-            <dt><i></i><span>地点灵活</span></dt>
-            <dd>学习地点灵活，可以根据自己的时间进行学习</dd>
-          </dl>
-          <dl>
-            <dt><i></i><span>互动交流</span></dt>
-            <dd>在学习中能与老师、同学以实时的方式或留言的形式交流学习中的疑难点</dd>
-          </dl>
-        </div>
-
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:    'trainGovernment',
-    layout:  'templateB',
-    data() {
-      return {
-        // 发展现状img
-        developImg: require(`~/static/images/client/industrydetails/government-develop-img.png`),
-        // 使用我们的系统，这些问题都能迎刃而解 img
-        changeImg:  require(`~/static/images/client/industrydetails/government-change-img.png`),
-        // 获取是考试系统点进来的还是培训系统点进来的
-        tpyeKey:    '',
-      };
-    },
-    head() {
-      return {
-        title: '政府机构培训系统_政府培训系统_事业单位培训系统',
-        meta:  [
-          {
-            description: '传统考试方式，从出题、组卷、印刷，到安排场地、试卷分发、监考，再到收卷、阅卷，程序繁杂，需要投入大量的时间、人力和物力，并且周期长、工作量大，成本较高，不能完全适应现代企业管理模式。',
-            keywords:    '政府机构培训系统,政府培训系统,事业单位培训系统',
-          },
-        ],
-      };
-    },
-    methods: {},
-  };
-</script>
-

pages/trainsystem/index.vue

@@ -1,514 +0,0 @@
-<template>
-  <div class="client-platform-page client-train-page">
-
-    <!-- 培训平台页 banner栏 -->
-    <div class="client-platform-banner">
-      <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>
-    </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="全流程课程学习体系" />
-              <div class="products-services-content">
-                <h5>全流程课程学习体系</h5>
-                <i></i>
-                <p>录题组卷，发布考试，阅卷分析，检验培训效果，自动生成能力模型，一整套完整的学习流程，助力线上培训服务。</p>
-                <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li>
-          <div class="client-container">
-            <div class="products-services-box">
-              <img :src="trainAdvantagesImg2" alt="随时随地学习" />
-              <div class="products-services-content">
-                <h5>随时随地学习</h5>
-                <i></i>
-                <p>支持PC、移动多端联动，高频互动培训，可集成微信、钉钉、飞书、OA等多终端，让学员能有效利用碎片化时间，随时随地参与学习答题。</p>
-                <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li>
-          <div class="client-container">
-            <div class="products-services-box products-contrary-box">
-              <img :src="trainAdvantagesImg3" alt="线上线下融合，自动记录学习轨迹" />
-              <div class="products-services-content">
-                <h5>线上线下融合<br>自动记录学习轨迹</h5>
-                <i></i>
-                <p>实时跟踪进度，通过在线学习的便捷，充分发挥讲师的引导、监控教学作用，及学员学习过程中的能动性，多种课程完成条件设置，适应于不同的在线培训需求，多元化管理培训项目。</p>
-                <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li>
-          <div class="client-container">
-            <div class="products-services-box">
-              <img :src="trainAdvantagesImg4" alt="学，测，考，练，评一站式解决企业培训问题" />
-              <div class="products-services-content">
-                <h5>学，测，考，练，评一站式解决企业培训问题</h5>
-                <i></i>
-                <p>包含在线考试系统题库——组卷——考试——练习的全部功能；支持个性化为学员定制培训方案，设计岗位学习地图，学习过程中自动触发练习题，边学边练检验成果。</p>
-                <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
-              </div>
-            </div>
-          </div>
-        </li>
-      </ul>
-
-    </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端，能根据实际培训场景，提供满足员工多场景下的学习方式，多端学习数据即时同步，轻量化课程体系，学练结合， 每日自动推送轻量化学习内容和练习题</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端，能根据实际培训场景，提供满足员工多场景下的学习方式，多端学习数据即时同步，轻量化课程体系，学练结合， 每日自动推送轻量化学习内容和练习题</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="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 :title="`新员工入职后，学习内容较多，入企业文化、规章制度、岗位职责、岗位技能都需要进行深度培训，培训后的选拔监测成为了新的难题，尤其是大批量新员工入职时，此时就可以利用麦塔在线培训和考试的系统优势，减轻培训压力，实时监测学习动态`">
-                新员工入职后，学习内容较多，入企业文化、规章制度、岗位职责、岗位技能都需要进行深度培训，培训后的选拔监测成为了新的难题，尤其是大批量新员工入职时，此时就可以利用麦塔在线培训和考试的系统优势，减轻培训压力，实时监测学习动态
-              </p>
-            </div>
-          </li>
-          <li>
-            <div class="application-scenarios-content">
-              <div class="application-scenarios-img"></div>
-              <h5>岗位技能考核</h5>
-              <p :title="`企业利用互联网组织学员快速开展线上学习、培训、考试、互动问答等学习活动，达到全盘监控，快速、有效地提升员工技能的目的，将复杂工作简单化`">
-                企业利用互联网组织学员快速开展线上学习、培训、考试、互动问答等学习活动，达到全盘监控，快速、有效地提升员工技能的目的，将复杂工作简单化
-              </p>
-            </div>
-          </li>
-          <li>
-            <div class="application-scenarios-content">
-              <div class="application-scenarios-img"></div>
-              <h5>企业招聘考试</h5>
-              <p :title="`满足各类企业社招、校招需求，能对各招聘场次人员的成绩、答题进行智能化统计分析，一键导出清晰直观的Excel成绩报表，生成有用的数据供HR查看比较，远程就能完成应聘者的应试考试，真正用一个系统搞定各类行业的招聘在线测试。`">
-                满足各类企业社招、校招需求，能对各招聘场次人员的成绩、答题进行智能化统计分析，一键导出清晰直观的Excel成绩报表，生成有用的数据供HR查看比较，远程就能完成应聘者的应试考试，真正用一个系统搞定各类行业的招聘在线测试。
-              </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>满足各类企业社招、校招需求，能对各招聘场次人员的成绩、答题进行智能化统计分析，一键导出清晰直观的Excel成绩报表，生成有用的数据供HR查看比较，远程就能完成应聘者的应试考试，真正用一个系统搞定各类行业的招聘在线测试。</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>
-        </ul>
-      </div>
-    </div>
-    <!-- 系统维护-->
-    <el-dialog :close-on-click-modal="false" :visible.sync="systemMaintainDl" class="system-maintain-dialog"></el-dialog>
-  </div>
-</template>
-
-<script>
-  import Swiper, {Navigation, Pagination,Autoplay} from 'swiper';
-  Swiper.use([Navigation, Pagination,Autoplay]);
-  export default {
-    name:     'trainsystem',
-    layout:   'templateB',
-    async asyncData({ $axios,store }) {
-      // 设置选中菜单
-      store.commit('setActiveNav', '/trainsystem');
-
-
-      let [res1, res2] = await Promise.all([
-                                             await $axios.$post(`/home/banner/list`, { 'code': 3 }).then(res => {
-                                               return res;
-                                             }),
-                                             await $axios.$post(`/home/news/carousel`, { 'newsClassifyId': 0,'keyword':'培训' }).then(res => {
-                                               return res;
-                                             })
-                                           ]);
-      return {
-        bannerList: res1.data.data||[],
-        topCarousels: res2.data.data||[],
-
-      };
-    },
-    data() {
-      return {
-        trainAdvantagesImg1:  require(`~/static/images/client/train/product-advantages-img1.png`),
-        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(){
-      return {
-        title: '在线培训平台_在线培训软件_培训软件系统',
-        meta: [
-          {
-            name: 'keywords',
-            content: '培训平台,培训软件'
-          },
-          {
-            name:'description',
-            content:'麦塔培训系统特点具有全流程课程学习体系、随时随地学习、线上线下融合自动记录学习轨迹、学测考练评一站式解决企业培训问题。'
-          }
-        ],
-      }
-    },
-    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)
-        }
-      },
-    },
-    created() {
-      // 页面初始化
-      this.$axios.$post('/home/youke/stop').then(res=>{
-        if (res.data === '1') {
-          this.youkeFlag = false;
-        }else{
-          this.youkeFlag = true;
-        }
-      });
-    },
-    mounted() {
-      this.getSystemWidth();
-    },
-    beforeDestroy() {
-    },
-  };
-</script>
-<style>
-
-</style>