删除多余内容

components/course/course-baojia.vue

@@ -1,586 +0,0 @@
-<template>
-  <div class="course-baojia">
-    <!--  第一行报价人数  -->
-    <div class="baojia-counts">
-      <i></i><span>已有 {{ sum }} 位客户成功报价</span>
-    </div>
-    <!--  手机号  -->
-    <div class="baojia-phone">
-      <el-input class="phone-input" v-model="baojia.phone" placeholder="请输入手机号(必填)"></el-input>
-    </div>
-    <!--  进度条  -->
-    <div class="baojia-nc">
-      <div id="baojiaId" class="nc-container"></div>
-    </div>
-    <!--  验证码+按钮  -->
-    <div class="baojia-btns-code">
-      <el-input v-model="baojia.code" placeholder="请输入验证码"/>
-      <el-button class="code-btn" :disabled="btnTextDisabled" @click="checkVerification">{{ btnText }}</el-button>
-    </div>
-    <!--  称呼  -->
-    <div class="baojia-custom-name">
-      <el-input v-model="baojia.name" placeholder="请输入您的称呼(必填)"/>
-    </div>
-    <!--  按钮  -->
-    <div class="baojia-btn">
-      <el-button type="primary" @click="handleBaojia">预约咨询顾客</el-button>
-    </div>
-    <!--  底部滚动  -->
-    <div class="baojia-bottom" v-if="userData.length">
-      <div v-swiper:mySwiper="swiperOption" class="swiper-container">
-        <div class="swiper-wrapper">
-          <div class="swiper-slide div-row" v-for="(d,index) in userData" :key="index">
-            <span class="icon-w1">
-              <i></i>
-              <span>{{ d.chenghu }}</span>
-            </span>
-            <span>{{ d.phone }}</span>
-            <span>{{ d.timer }}</span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import Swiper, {Autoplay} from 'swiper';
-Swiper.use([Autoplay]);
-export default {
-  name: "course-baojia",
-  props: {
-    sum: {
-      type: Number,
-      default: 0
-    },
-    tag: {
-      type: String,
-      default: 'dhl'
-    },
-    userList: {
-      type: Array,
-      default: [],
-    }
-  },
-  components: {
-    mySwiper: Swiper
-  },
-  computed: {
-    curTag() {
-      const tag = {
-        'wkl': 1,// 微课制作
-        'dhl': 2,//高端动画
-        'ppt': 3,// ppt
-        'kckf': 4,// 课程开发
-      }
-      return tag[this.tag]
-    },
-    userData() {
-      const userList = this.userList.filter(user => user.chenghu)
-      return userList.map(user => {
-        const chenghu = user.chenghu.length > 2 ? `${user.chenghu[0]}**` : `${user.chenghu[0]}*`;
-        const ps = user.phone.split('');
-        const phone = `${ps[0]}${ps[1]}${ps[2]}****${ps[7]}${ps[8]}${ps[9]}${ps[10]}`;
-        return {chenghu, phone, timer: this.getTimeString(user['endSecond'])}
-      })
-    },
-  },
-  data() {
-    return {
-      baojia: {
-        phone: '',
-        code: '',
-        name: ''
-      },
-      btnTextDisabled: false,
-      btnText: '获取验证码',
-      countdown: 60, // 60秒倒计时
-      swiperOption: {
-        autoplay: {
-          delay: 2000,
-        },
-        height: 28,
-        direction: 'vertical',
-        paginationClickable: true,
-        speed: 800,
-        loop: true,
-        observer: true,
-        observeParents: true,
-        autoplayDisableOnInteraction: false,
-        allowTouchMove: false,
-      },
-      appKey: 'FFFF0N00000000007EC0',
-    }
-  },
-  methods: {
-    getTimeString(timer) {
-      let m10 = 10 * 60 * 1000;
-      let m30 = 30 * 60 * 1000;
-      let h1 = 60 * 60 * 1000;
-      let h6 = 6 * 60 * 60 * 1000;
-      let d1 = 24 * 60 * 60 * 1000;
-      let z1 = 7 * 24 * 60 * 60 * 1000;
-      let M1 = 30 * 24 * 60 * 60 * 1000;
-
-      if (timer > M1) {
-        return `1个月前`
-      }
-
-      if (timer > z1) {
-        return `1周前`
-      }
-
-      if (timer > d1) {
-        return `1天前`
-      }
-
-      if (timer > h6) {
-        return `6小时前`
-      }
-
-      if (timer > h1) {
-        return `1小时前`
-      }
-
-      if (timer > m30) {
-        return `30分钟前`
-      }
-
-      if (timer > m10) {
-        return `10分中前`
-      }
-
-      return `刚刚`;
-    },
-    // 倒计时60秒
-    setTime() {
-      if (this.countdown === 0) {
-        this.btnTextDisabled = false;
-        this.btnText = '获取验证码';
-        this.countdown = 60;
-      } else if (this.countdown === -1) {
-        this.btnTextDisabled = false;
-        this.btnText = '获取验证码';
-        this.countdown = 60;
-      } else {
-        this.btnTextDisabled = true;
-        this.btnText = '重新发送(' + this.countdown + 's)';
-        this.countdown--;
-        this.countTimer = setTimeout(() => this.setTime(), 1000);
-      }
-    },
-    /**
-     * 串联加载指定的脚本
-     * 串联加载[异步]逐个加载，每个加载完成后加载下一个
-     * 全部加载完成后执行回调
-     * @param array|string 指定的脚本们
-     * @param function 成功后回调的函数
-     * @return array 所有生成的脚本元素对象数组
-     * 异步加载js后运行回调函数callback / scripts 为数组或字符串
-     */
-    seriesLoadScripts(scripts, callback) {
-      if (typeof (scripts) != 'object') {
-        var scripts = [scripts];
-      }
-      var HEAD = document.getElementsByTagName('head').item(0) || document.documentElement;
-      var s = new Array(), last = scripts.length - 1, recursiveLoad = function (i) { //递归
-        s[i] = document.createElement('script');
-        s[i].setAttribute('type', 'text/javascript');
-        s[i].onload = s[i].onreadystatechange = function () { //Attach handlers for all browsers
-          if (!/*@cc_on!@*/0 || this.readyState == 'loaded' || this.readyState == 'complete') {
-            this.onload = this.onreadystatechange = null;
-            this.parentNode.removeChild(this);
-            if (i != last) {
-              recursiveLoad(i + 1);
-            } else if (typeof (callback) == 'function') {
-              callback();
-            }
-          }
-        };
-        s[i].setAttribute('src', scripts[i]);
-        HEAD.appendChild(s[i]);
-      };
-      recursiveLoad(0);
-    },
-    // 滑块
-    sliderFun() {
-      const nc_token = [this.appKey, (new Date()).getTime(), Math.random()].join(':');
-      const NC_Opt = {
-        //声明滑动验证需要渲染的目标元素ID。
-        renderTo: '#baojiaId',
-        //应用类型标识。它和使用场景标识（scene字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在人机验证控制台的配置管理页签找到对应的appkey字段值，请务必正确填写。
-        appkey: this.appKey,
-        //使用场景标识。它和应用类型标识（appkey字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在人机验证控制台的配置管理页签找到对应的scene值，请务必正确填写。
-        scene: 'nc_message',
-        //滑动验证码的主键，请勿将该字段定义为固定值。确保每个用户每次打开页面时，其token值都是不同的。系统默认的格式为：”您的appkey”+”时间戳”+”随机数”。
-        token: nc_token,
-        //滑动条的宽度。
-        customWidth: 300,
-        //业务键字段，可为空。为便于线上问题的排查，建议您按照线上问题定位文档中推荐的方法配置该字段值。
-        trans: {'key1': 'code0'},
-        //通过Dom的ID属性自动填写trans业务键，可为空。建议您按照线上问题定位文档中推荐的方法配置该字段值。
-        elementID: ['usernameID'],
-        //是否自定义配置底层采集组件。如无特殊场景，请使用默认值（0），即不自定义配置底层采集组件。
-        is_Opt: 0,
-        //语言。PC端Web页面场景默认支持18国语言，详细配置方法请参见自定义文案与多语言文档。
-        language: 'cn',
-        //是否启用。一般情况，保持默认值（true）即可。
-        isEnabled: true,
-        //内部网络请求的超时时间。一般情况建议保持默认值（3000ms）。
-        timeout: 3000,
-        //允许服务器超时重复次数，默认5次。超过重复次数后将触发报错。
-        times: 5,
-        //用于自定义滑动验证各项请求的接口地址。一般情况，请勿配置该参数。
-        apimap: {
-          // 'analyze': '//a.com/nocaptcha/analyze.jsonp',
-          // 'get_captcha': '//b.com/get_captcha/ver3',
-          // 'get_captcha': '//pin3.aliyun.com/get_captcha/ver3'
-          // 'get_img': '//c.com/get_img',
-          // 'checkcode': '//d.com/captcha/checkcode.jsonp',
-          // 'umid_Url': '//e.com/security/umscript/3.2.1/um.js',
-          // 'uab_Url': '//aeu.alicdn.com/js/uac/909.js',
-          // 'umid_serUrl': 'https://g.com/service/um.json'
-        },
-        //前端滑动验证通过时会触发该回调参数。您可以在该回调参数中将请求标识（token）、会话ID（sessionid）、签名串（sig）字段记录下来，随业务请求一同发送至您的服务端调用验签。
-        callback: (data) => {
-          this.sliderData = Object.assign({}, data, {
-            appkey: NC_Opt.appkey,
-            scene: NC_Opt.scene,
-          });
-          console.log(this.sliderData);
-        },
-      };
-      let date11 = () => {
-
-        let _date = new Date();
-        let year = _date.getFullYear().toString();
-        let month = _date.getMonth().toString();
-        let day = _date.getDate().toString();
-        let a = _date.getHours().toString();
-        let b = _date.getMinutes().toString();
-        let c = _date.getSeconds().toString();
-
-        return year + month + day + a + b + c;
-      };
-      let c = date11();
-      const scripts = [
-        `https://g.alicdn.com/sd/ncpc/nc.js?t=${c}`,
-      ];
-      this.seriesLoadScripts(scripts, function () {
-        var nc = new noCaptcha(NC_Opt);
-        nc.upLang('cn', {
-          _startTEXT: '请按住滑块，拖动到最右边',
-          _yesTEXT: '验证通过',
-          _error300: '哎呀，出错了，点击<a href="javascript:__nc.reset()">刷新</a>再来一次',
-          _errorNetwork: '网络不给力，请<a href="javascript:__nc.reset()">点击刷新</a>',
-        });
-      });
-
-    },
-    // 验证码
-    checkVerification() {
-      if (this.sliderData.appkey === undefined) {
-        this.$message.error('请先通过滑块校验');
-        return;
-      }
-      this.$axios.$post(`/develop/exists`, {phone: this.baojia.phone}).then(res => {
-
-        if (res.code === 0 && res.data) {
-
-          let req = {
-            'appkey': this.sliderData.appkey,
-            'phone': this.baojia.phone,
-            'scene': this.sliderData.scene,
-            'sessionid': this.sliderData.csessionid,
-            'sig': this.sliderData.sig,
-            'token': this.sliderData.token,
-            'type': 0,
-          }
-          this.$axios.$post('/sendCode', req).then(res => {
-            if (res.code === 0 && res.data) {
-              this.setTime();
-            } else {
-              this.$message.error(res.msg || '手机号已存在');
-            }
-          })
-        } else {
-          this.$message.error(res.msg || '手机号已存在');
-          return false;
-        }
-
-      })
-    },
-    // 申请报价
-    handleBaojia() {
-      const opt = {
-        type: this.curTag,
-        phone: this.baojia.phone,
-        code: this.baojia.code,
-        chenghu: this.baojia.name
-      }
-
-      if (!this.baojia.phone) {
-        this.$message.error("请填写手机号");
-        return;
-      }
-      if (!this.baojia.code) {
-        this.$message.error("验证码不能为空");
-        return;
-      }
-      if (!this.baojia.name) {
-        this.$message.error("请输入您的称呼");
-        return;
-      }
-
-      this.confirmTl(opt)
-    },
-    confirmTl(options){
-      // 请求后台
-      this.$axios.$post('/develop/add',options).then(res=>{
-        if (res.code === 0 && res.data) {
-          this.$message.success('申请成功');
-          this.resetCode();
-        } else {
-          this.$message.error('申请失败');
-          this.resetCode();
-        }
-      });
-    },
-    resetCode() {
-      this.btnTextDisabled = false;
-      this.btnText = '获取验证码';
-      this.countdown = 60; // 60秒倒计时
-      this.swiperOption = {};
-      this.countTimer && clearTimeout(this.countTimer);
-    }
-  },
-  mounted() {
-    this.sliderFun();
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.course-baojia {
-  box-sizing: border-box;
-  background: #ffffff;
-  border-radius: 10px;
-  box-shadow: -8px 0px 35px 8px rgba(196, 198, 200, 0.34);
-  overflow: hidden;
-  position: relative;
-  width: 379px;
-  height: 471px;
-  padding: 34px 22px;
-
-  .baojia-counts {
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    background-color: rgba(73, 172, 252, 0.08);
-    border-radius: 6px;
-    margin-bottom: 22px;
-    width: 335px;
-    height: 44px;
-
-    > i {
-      display: inline-block;
-      background-image: url("~static/images/client/course/animation/fire.png");
-      background-size: contain;
-      background-repeat: no-repeat;
-      margin: 0 5px 0 14px;
-      width: 19px;
-      height: 22px;
-    }
-
-    > span {
-      font-size: 14px;
-      font-weight: 400;
-      text-align: left;
-      color: #2779f7;
-    }
-  }
-
-  .baojia-phone {
-    margin-bottom: 17px;
-
-    .phone-input {
-      border: 1px solid #d3d3d3;
-      border-radius: 6px;
-      width: 335px;
-      height: 50px;
-
-      ::v-deep .el-input__inner {
-        border: none;
-        height: 50px;
-        line-height: 50px;
-      }
-    }
-  }
-
-  .baojia-nc {
-    background: #f7f7f7;
-    margin-bottom: 22px;
-    width: 335px;
-    height: 30px;
-
-    .nc-container {
-      ::v-deep .nc_wrapper {
-        // 此处id会随机生成 借用class + important 冲掉 id权重
-        width: 100% !important;
-      }
-    }
-
-
-  }
-
-  .baojia-btns-code {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 20px;
-    width: 100%;
-
-    ::v-deep .el-input {
-      border: 1px solid #d3d3d3;
-      border-radius: 6px;
-      width: 200px;
-      height: 50px;
-    }
-
-    ::v-deep .el-input__inner {
-      border: none;
-      height: 50px;
-      line-height: 50px;
-    }
-
-    .code-btn {
-      background: linear-gradient(to right, #247bfa 0%, #4baffc 100%);
-      border-radius: 6px;
-      box-shadow: 0 0 0px 0 #257df9;
-      border: none;
-      width: 123px;
-      height: 50px;
-      margin-left: 10px;
-
-      ::v-deep span {
-        color: #fff;
-      }
-    }
-  }
-
-  .baojia-custom-name {
-    border: 1px solid #d3d3d3;
-    border-radius: 6px;
-    margin-bottom: 20px;
-    width: 335px;
-    height: 50px;
-
-    ::v-deep .el-input__inner {
-      border: none;
-      height: 50px;
-      line-height: 50px;
-    }
-  }
-
-  .baojia-btn {
-
-    ::v-deep .el-button {
-      background: linear-gradient(to right, #247bfa 0%, #4baffc 100%);
-      border-radius: 6px;
-      box-shadow: 0 0 0px 0 #257df9;
-      width: 335px;
-      height: 50px;
-
-      span {
-        font-size: 16px;
-        font-weight: 400;
-        text-align: left;
-        color: #ffffff;
-      }
-    }
-  }
-
-  .baojia-bottom {
-    background: rgba(39, 127, 250, 0.07);
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 379px;
-    height: 36px;
-
-    .icon-w1 {
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-
-      i {
-        background-image: url('~static/images/client/course/animation/yinling.png');
-        display: inline-block;
-        width: 13px;
-        height: 14px;
-        margin: 13px 15px 0 28px;
-
-      }
-
-      span {
-        margin-top: 13px;
-      }
-
-    }
-
-    .swiper-slide {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      > span {
-        font-size: 14px;
-        font-weight: 400;
-        text-align: left;
-        color: #2779f7;
-
-        &:nth-child(2), &:nth-child(3) {
-          margin-top: 13px;
-          margin-right: 20px;
-        }
-      }
-    }
-  }
-
-
-  @media (max-width: 768px){
-    & {
-      width: 90%;
-
-      .baojia-counts {
-        width: 100%;
-      }
-
-      .baojia-phone {
-        .phone-input {
-          width: 100%;
-        }
-      }
-
-      .baojia-nc {
-        width: 100%;
-      }
-
-      .baojia-custom-name {
-        width: 100%;
-      }
-
-      .baojia-btn {
-        ::v-deep .el-button {
-          width: 100%;
-        }
-      }
-
-      .baojia-bottom {
-        width: 100%;
-      }
-    }
-  }
-
-}
-</style>

components/course/course-card-title.vue

@@ -1,65 +0,0 @@
-<template>
-  <div class="classification-title-box">
-    <i class="left"></i>
-    <h3>{{ title }}</h3>
-    <i class="right"></i>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "course-card-title",
-  props: {
-    title: ''
-  }
-}
-</script>
-
-<style lang="scss">
-.classification-title-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: 144px;
-
-  i {
-    display: inline-block;
-    width: 67px;
-    height: 26px;
-    background-repeat: no-repeat;
-    background-size: cover;
-  }
-
-  i.left {
-    transform: rotate(-180deg);
-    background-image: url("~static/images/client/course/animation/title-line.png");
-  }
-
-  i.right {
-    background-image: url("~static/images/client/course/animation/title-line.png");
-  }
-
-  h3 {
-    font-size: 36px;
-    font-weight: 400;
-    color: #333333;
-    margin: 0 45px;
-  }
-
-  @media (max-width: 768px){
-    margin-bottom: 42px;
-    i {
-      display: inline-block;
-      width: 41px;
-      height: 16px;
-    }
-
-    h3 {
-      font-size: 16px;
-      font-weight: 700;
-      color: #333333;
-      margin: 0 15px;
-    }
-  }
-}
-</style>

components/course/course-video.vue

@@ -1,97 +0,0 @@
-<template>
-  <div class="video-item-box">
-    <i @click="playVideo" class="video-play-btn"></i>
-    <img :src="imgUrl" :alt="videoData.title">
-    <p>
-      <span v-if="videoData.title">展现：{{ videoData.title }}</span>
-      <span v-if="showTitle">用途：{{videoData.purpose}}</span></p>
-    <!--  视频播放弹窗 -->
-    <el-dialog
-      :title="videoData.title"
-      :visible.sync="videoDialogFlag"
-      @close="closeVideoDialog"
-      class="course-video-dialog course-h5-padding-bottom-10"
-      center>
-      <video controls :src="curSource" class="course-video-box"></video>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "course-video",
-  props: {
-    source: {
-      type: String,
-      require: '',
-    },
-    videoData: {
-      type: Object,
-      default: () => ({})
-    },
-    imgUrl: {
-      type: String,
-      default: ''
-    },
-    showTitle: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {
-      videoDialogFlag: false,
-      curSource: '',
-    }
-  },
-  methods: {
-    closeVideoDialog() {
-      this.videoDialogFlag = false;
-      this.curSource = "";
-    },
-    playVideo() {
-      this.videoDialogFlag = true;
-      this.curSource = this.source;
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-  .video-item-box{
-    width: 352px;background: rgba(18,107,255,0.12);margin: 0;
-    border: 1px solid #ffffff;border-radius: 10px;padding: 10px;
-    box-sizing: border-box;position: relative;justify-content: space-between;
-    display: flex;align-items: center;
-    img{width: 330px;height:186px;border-radius: 8px;z-index: 8;}
-    p{
-      color: #fdfdfd;font-size: 14px;display: flex;justify-content: space-between;
-      left: 70px;right: -10px;bottom: -2px;z-index: 11;position: absolute;letter-spacing: 1px;
-    }
-    .video-play-btn{
-      width: 70px;height: 70px;position: absolute;z-index: 10;background-size: cover;background-position: center;
-      background-image: url("~static/images/client/course/animation-video-img1.png");background-repeat: no-repeat;
-      right: -15px;bottom: 30px;transition: 0.5s;
-    }
-    .video-play-btn:hover{transform: scale(1.1);cursor: pointer;}
-  }
-  .video-item-box:before,.video-item-box:after{content: ' ';position: absolute;display: block;background-repeat: no-repeat;background-size: contain;}
-  .video-item-box:before{width: 357px;height: 99px;background-image: url("~static/images/client/course/animation-video-img2.png");bottom: -30px;right: -44px;z-index: 9;}
-  .video-item-box:after{width: 95px;height: 160px;background-image: url("~static/images/client/course/animation-video-img3.png");bottom: 20px;right: -30px;z-index: 7;transform: rotateY(180deg);}
-  @media (max-width: 768px){
-    .video-item-box{
-      width: 90%;margin: 0 auto 16px;
-      img{width: 100%;}
-      .video-play-btn{width: 30%;height: 30%;top: 50%;left: 50%;transform: translate(-50%,-50%);background-size: contain;}
-      p{font-size: 14px;left: 10px;right: 10px;bottom: 10px;padding: 6px 12px;
-      background: #006cf8;border-radius: 0 0 8px 8px;box-sizing: border-box;}
-    }
-    .video-item-box:before{display: none;}
-    .video-item-box:after{display: none;}
-    .course-h5-padding-bottom-10 {
-      ::v-deep .el-dialog__body {
-        padding-bottom: 15px;
-      }
-    }
-  }
-</style>

components/mtaNav/sjNav.vue

@@ -1,143 +0,0 @@
-<template>
-  <div class="phone-popper-box">
-    <nuxt-link to="/" class="xwzx-row" :class="{'menu-active': curActive === 'shouye'}">首页</nuxt-link>
-    <nuxt-link to="/examsystem" class="xwzx-row" :class="{'menu-active': curActive === 'examsystem'}">考试系统</nuxt-link>
-    <nuxt-link to="/trainsystem" class="xwzx-row" :class="{'menu-active': curActive === 'trainsystem'}">培训系统</nuxt-link>
-    <el-collapse accordion>
-      <el-collapse-item title="课程开发" :class="{'menu-active': curActive === 'courseware'}">
-        <nuxt-link :to="item.url" v-for="(item,index) in kckfList" :key="index" class="cpfw-popper-item">
-          <i></i>
-          <span class="phone-popper-title">{{ item.title }}</span>
-          <!--<span class="phone-popper-des">{{ item.des }}</span>-->
-        </nuxt-link>
-      </el-collapse-item>
-    </el-collapse>
-    <nuxt-link to="/news" class="xwzx-row" :class="{'menu-active': curActive === 'news'}">新闻资讯</nuxt-link>
-    <nuxt-link to="/introduction" :class="{'menu-active': curActive === 'introduction'}">关于我们</nuxt-link>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "sjNav",
-  data() {
-    return {
-      kckfList: [
-        {
-          img: '#',
-          title: '课程开发',
-          // des: '为企业量身定做专属课程',
-          url: '/courseware/synopsis'
-        },
-        {
-          img: '#',
-          title: '微课制作',
-          // des: '海量精品课程专业定制',
-          url: '/courseware/custom'
-        },
-        {
-          img: '#',
-          title: '高端动画',
-          // des: '完善的平台运营体系',
-          url: '/courseware/animation'
-        },
-        {
-          img: '#',
-          title: '课件PPT',
-          // des: '助力企业推动培训学习进程',
-          url: '/courseware/ppt'
-        }
-      ],
-    }
-  },
-  computed: {
-    curActive() {
-      const courseware = this.kckfList.map(item => item.url);
-      const routerPath = this.$route.path
-      // 首页
-      if (routerPath === '/' || routerPath === '/index') {
-        return 'shouye'
-      }  else if (routerPath === '/examsystem') {
-        return 'examsystem'
-      }else if (routerPath === '/trainsystem') {
-        return 'trainsystem'
-      } else if (routerPath === '/news') {
-        return 'news'
-      } else if (routerPath === '/introduction') {
-        return 'introduction'
-      } else if (courseware.some(path => path === routerPath)) {
-        return 'courseware'
-      }
-    }
-  },
-  watch: {
-    '$route.path': {
-      handler(newVal) {
-         console.log(newVal)
-        this.$emit('navChange')
-      },
-      immediate: true,
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.phone-popper-box {
-  position: absolute;
-  top: 61px;
-  background: #fff;
-  width: 100%;
-  left: 0;
-  padding: 0 15px;
-  box-sizing: border-box;
-  overflow: auto;
-  >a,.el-collapse-item__header{
-    height: 60px;
-    line-height: 60px;
-    display: block;
-    font-size: 16px;
-    color: #101010;
-    font-weight: 700;
-  }
-  >a:last-child{padding-bottom: 120px;}
-  .el-collapse{border-top:0;}
-  .el-collapse-item__header{ display: flex;}
-  // 新闻资讯
-  .xwzx-row{border-bottom: 1px solid #EBEEF5;}
-
-  // 产品服务 - 二级菜单
-  .cpfw-popper-item{
-    width: 100%;height: 80px;border-radius: 5px;background-color: rgba(187, 187, 187, 0.2);
-    margin-bottom: 10px;display: flex;align-items: center;padding: 20px;box-sizing: border-box;
-    i{width: 28px;height: 28px;background-size: contain;display: inline-block;margin-right: 12px;background-repeat:no-repeat;background-position: center;}
-    .phone-popper-title{font-size: 16px;color: #333;display: inline-block;}
-    .phone-popper-des{display:block;font-size: 12px;color: #9c9c9c;}
-
-    // 列表
-    &:nth-child(1){i{background-image:url("~static/images/client/component/head-cp-icon1.png");} }
-    &:nth-child(2){i{background-image:url("~static/images/client/component/head-cp-icon2.png");} }
-    &:nth-child(3){i{background-image:url("~static/images/client/component/head-cp-icon3.png");} }
-    &:nth-child(4){i{background-image:url("~static/images/client/component/head-cp-icon4.png");} }
-  }
-
-  // 解决方案 - 二级菜单
-  .jjfa-popper-content{
-    width: 100%;border-radius: 5px;background-color: rgba(187, 187, 187, 0.2);margin-bottom: 10px;padding: 10px;box-sizing: border-box;
-    h3{font-size: 14px;color: #333;display: block;font-weight: 700;margin-left: 8px;}
-    .jjfa-link-box{width: 100%;display: flex;flex-wrap: wrap;}
-    a{width: 33.33%;padding: 5px 8px;box-sizing: border-box}
-    .jjfa-popper-title{width:100%;height: 24px;line-height: 24px;text-align:center;display:inline-block;
-      font-size: 12px;color: rgba(16, 16, 16, 100);border-radius: 5px;border: 1px solid rgba(187, 187, 187, 100);}
-  }
-
-  // 菜单选中
-  .menu-active {
-    color: #0066cc;
-    div.el-collapse-item__header {
-      color: #0066cc;
-    }
-  }
-
-}
-</style>

components/news/NewsListRiZhi.vue

@@ -1,58 +0,0 @@
-<template>
-  <li v-if="newsData" @click.prevent="checkInfo(newsData)" style="border-bottom: 1px dashed #ccc;padding-bottom: 24px">
-    <div class="newsInfor-list-content" style="width: 100%">
-      <h5>{{newsData.title}}</h5>
-      <div><span class="mta-hidden-sm">{{newsData.startTime}}</span></div>
-      <div class="mta-hidden-xs"><i></i><span>{{newsData.startTime}}</span><i type="visits"></i><span>{{newsData.visits}}</span>
-      </div>
-      <p>{{newsData.intro}}</p>
-      <a class="mta-hidden-xs" :href="`${baseUrl}/news/${newsData.code}`" >
-        <span>了解更多</span>
-      </a>
-
-    </div>
-  </li>
-</template>
-
-<script>
-  import { mapGetters } from 'vuex';
-
-  export default {
-    name:     'NewList',
-    props:    {
-      newsData: {
-        type:    Object,
-        default: () => {
-        },
-      },
-    },
-    data() {
-      return {
-        newsInforImg: require(`~/static/images/client/newsInfor/newsInfor-list-img.png`),
-      };
-    },
-    computed: {
-      baseUrl() {
-        return this.getBaseUrl;
-      },
-      ...mapGetters(['getBaseUrl']),
-    },
-    methods:  {
-      checkInfo(data) {
-        // console.log(window.localtion.href);
-        // console.log(self.localtion.href);
-        // console.log(document.URL);
-        const opt = {
-          id: data.code,
-        };
-        this.$router.push({ name: 'news-id', params: opt });
-
-        this.$emit('know-more', data);
-      },
-    },
-  };
-</script>
-
-<style scoped>
-
-</style>

components/swiper.vue

@@ -1,81 +0,0 @@
-<template>
-    <div class="swiper-page">
-      <div v-swiper:mySwiper="swiperOption" class="swiper-container">
-        <div class="swiper-wrapper">
-          <div class="swiper-slide" v-for="(item, idx) in swiperData" :key="idx">
-            <img :src="item.imgUrl" />
-          </div>
-        </div>
-        <div class="swiper-pagination swiper-pagination-style"></div>
-      </div>
-    </div>
-</template>
-<script>
-  import Swiper, {Navigation, Pagination,Autoplay} from 'swiper';
-  Swiper.use([Navigation, Pagination,Autoplay]);
-  export default {
-    data() {
-      return {
-        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: 2000,
-          },
-          paginationClickable: true,
-          speed: 800,
-          loop: true,
-          observer: true,
-          observeParents: true,
-          autoplayDisableOnInteraction: false,
-        },
-      }
-    },
-  }
-</script>
-
-<style lang="scss">
-  .swiper-page {
-    position: relative;
-    .swiper-slide {
-      width: 760px;
-      height: 440px;
-      // box-shadow: 0 0 30px 3px rgba(77, 97, 140, 0.4);
-      img {
-        width: 760px;
-        height: 440px;
-      }
-    }
-    .swiper-pagination-style {
-      position: absolute;
-      left: 60px;
-      bottom: 39px;
-      width: 300px;
-      .my-bullet-swiper {
-        display: inline-block;
-        width: 46px;
-        height: 6px;
-        background: #9b9bb6;
-        margin-right: 14px;
-      }
-      .my-bullet-active-swiper {
-        background: #ffd18e;
-      }
-    }
-  }
-</style>
-
-<!--
-<SwiperCmp :list="banners" :isPagination="true" :className="'swiperClass'" :paginationType="bullets"/>
-import SwiperCmp from  '../components/swiper.vue'
-components:{SwiperCmp},
--->

pages/CourseDevelopPhone.vue

@@ -1,260 +0,0 @@
-<template>
-  <!-- 课程申请方案弹窗 仅手机使用-->
-  <div class="course-develop-page">
-    <div>
-      <p class="course-develop-title">免费获得课程开发解决方案</p>
-      <el-form :model="telChangeDate" status-icon ref="ruleTelForm" class="course-develop-form">
-        <el-form-item  prop="tel">
-          <el-input v-model="telChangeDate.tel" placeholder="请输入手机号" class="dialog-input-tel"></el-input>
-        </el-form-item>
-        <div id="your-dom-id" class="nc-container"></div>
-        <el-form-item prop="verification">
-          <div class="verification">
-            <el-input v-model="telChangeDate.verification" placeholder="请输入验证码" class="course-develop-input-code"></el-input>
-            <el-button  @click="checkVerification" :disabled="btnTextDisabled" class="course-develop-code-btn">{{btnText}}</el-button>
-          </div>
-        </el-form-item>
-        <div class="form-blue-btn" @click="dialogSave">申请方案</div>
-        <a class="form-border-btn" href="https://p.qiao.baidu.com/cps/chat?siteId=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" target="_blank">在线客服</a>
-      </el-form>
-
-      <a href="tel:400-052-2130" class="course-develop-tel">咨询电话：400-052-2130</a>
-    </div>
-
-  </div>
-</template>
-
-<script>
-  export default {
-    name:     'CourseDevelopPhone',
-    layout:   'templateB',
-    data() {
-      return {
-        telChangeDate:   {},
-        pageName:'',// 跳进来的页面名称
-        btnTextDisabled: false,
-        btnText:         '获取验证码',
-        countdown:       60, // 60秒倒计时
-        sliderData:      {},
-        appKey:          'FFFF0N00000000007EC0',
-      };
-    },
-    head(){
-    },
-    computed: {},
-    methods:  {
-      // 申请方案按钮
-      dialogSave(){
-        this.$refs.ruleTelForm.validate((valid) => {
-          if (valid) {
-            // 请求后台
-            const options = {
-              phone:  this.telChangeDate.tel,
-              code: this.telChangeDate.verification,
-            };
-
-            this.$axios.$post('/develop/add',options).then(res=>{
-              if (res.code === 0 && res.data) {
-                this.$message({customClass:'phone-message-box',type: 'success',message: '申请成功'});
-                // 根据跳进来的页面跳出去
-                switch (this.pageName) {
-                  case 'shouye':
-                    this.$router.push({ name: 'index' });
-                    break;
-                  case 'course':
-                    this.$router.push({ path: '/courseware/synopsis' });
-                    break;
-                  case 'resources':
-                    this.$router.push({ name: 'resources' });
-                    break;
-                  case 'education':
-                    this.$router.push({ name: 'indexEducation' });
-                    break;
-                  default:
-                    this.$router.push({ name: 'index' });
-                }
-              }else{
-                this.$message({customClass:'phone-message-box',type: 'error',message: res.msg});
-              }
-            });
-          }
-        });
-
-      },
-
-      // 验证码
-      checkVerification() {
-        if(this.telChangeDate.tel===''||this.telChangeDate.tel===undefined){
-          this.$message({customClass:'phone-message-box',type: 'error',message: '请填写手机号'});
-          return;
-        }else if(this.sliderData.appkey === undefined){
-          this.$message({customClass:'phone-message-box',type: 'error',message: '请先通过滑块校验'});
-          return;
-        }
-        this.$axios.$post(`/develop/exists`,{  phone: this.telChangeDate.tel}).then(res=>{
-
-          if (res.code === 0 && res.data) {
-
-            let req = {
-              'appkey':    this.sliderData.appkey,
-              'phone':     this.telChangeDate.tel,
-              'scene':     this.sliderData.scene,
-              'sessionid': this.sliderData.csessionid,
-              'sig':       this.sliderData.sig,
-              'token':     this.sliderData.token,
-              'type':      0,
-            }
-            this.$axios.$post('/sendCode',req).then(res=>{
-              if (res.code === 0 && res.data) {
-                this.setTime();
-              }else{
-                this.$message({customClass:'phone-message-box',type: 'error',message: res.msg});
-              }
-            })
-          } else {
-            this.$message.error('手机号已存在');
-            return false;
-          }
-
-        })
-      },
-
-      /**
-       * 串联加载指定的脚本
-       * 串联加载[异步]逐个加载，每个加载完成后加载下一个
-       * 全部加载完成后执行回调
-       * @param array|string 指定的脚本们
-       * @param function 成功后回调的函数
-       * @return array 所有生成的脚本元素对象数组
-       * 异步加载js后运行回调函数callback / scripts 为数组或字符串
-       */
-      seriesLoadScripts(scripts, callback) {
-        if (typeof (scripts) != 'object') {
-          var scripts = [scripts];
-        }
-        var HEAD = document.getElementsByTagName('head').item(0) || document.documentElement;
-        var s = new Array(), last = scripts.length - 1, recursiveLoad = function (i) { //递归
-          s[i] = document.createElement('script');
-          s[i].setAttribute('type', 'text/javascript');
-          s[i].onload = s[i].onreadystatechange = function () { //Attach handlers for all browsers
-            if (!/*@cc_on!@*/0 || this.readyState == 'loaded' || this.readyState == 'complete') {
-              this.onload = this.onreadystatechange = null;
-              this.parentNode.removeChild(this);
-              if (i != last) {
-                recursiveLoad(i + 1);
-              } else if (typeof (callback) == 'function') {
-                callback();
-              }
-            }
-          };
-          s[i].setAttribute('src', scripts[i]);
-          HEAD.appendChild(s[i]);
-        };
-        recursiveLoad(0);
-      },
-
-      // 倒计时60秒
-      setTime() {
-        if (this.countdown === 0) {
-          this.btnTextDisabled = false;
-          this.btnText = '免费获取验证码';
-          this.countdown = 60;
-        } else {
-          this.btnTextDisabled = true;
-          this.btnText = '重新发送(' + this.countdown + 's)';
-          this.countdown--;
-          setTimeout(() => {
-            this.setTime();
-          }, 1000);
-        }
-      },
-      // 滑块
-      sliderFun() {
-        const nc_token = [this.appKey, (new Date()).getTime(), Math.random()].join(':');
-        console.log(nc_token);
-        const NC_Opt = {
-          //声明滑动验证需要渲染的目标元素ID。
-          renderTo:    '#your-dom-id',
-          //应用类型标识。它和使用场景标识（scene字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在人机验证控制台的配置管理页签找到对应的appkey字段值，请务必正确填写。
-          appkey:      this.appKey,
-          //使用场景标识。它和应用类型标识（appkey字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在人机验证控制台的配置管理页签找到对应的scene值，请务必正确填写。
-          scene:       'nc_message',
-          //滑动验证码的主键，请勿将该字段定义为固定值。确保每个用户每次打开页面时，其token值都是不同的。系统默认的格式为：”您的appkey”+”时间戳”+”随机数”。
-          token:       nc_token,
-          //滑动条的宽度。
-          customWidth: 300,
-          //业务键字段，可为空。为便于线上问题的排查，建议您按照线上问题定位文档中推荐的方法配置该字段值。
-          trans:       { 'key1': 'code0' },
-          //通过Dom的ID属性自动填写trans业务键，可为空。建议您按照线上问题定位文档中推荐的方法配置该字段值。
-          elementID:   ['usernameID'],
-          //是否自定义配置底层采集组件。如无特殊场景，请使用默认值（0），即不自定义配置底层采集组件。
-          is_Opt:      0,
-          //语言。PC端Web页面场景默认支持18国语言，详细配置方法请参见自定义文案与多语言文档。
-          language:    'cn',
-          //是否启用。一般情况，保持默认值（true）即可。
-          isEnabled:   true,
-          //内部网络请求的超时时间。一般情况建议保持默认值（3000ms）。
-          timeout:     3000,
-          //允许服务器超时重复次数，默认5次。超过重复次数后将触发报错。
-          times:       5,
-          //用于自定义滑动验证各项请求的接口地址。一般情况，请勿配置该参数。
-          apimap:      {
-            // 'analyze': '//a.com/nocaptcha/analyze.jsonp',
-            // 'get_captcha': '//b.com/get_captcha/ver3',
-            // 'get_captcha': '//pin3.aliyun.com/get_captcha/ver3'
-            // 'get_img': '//c.com/get_img',
-            // 'checkcode': '//d.com/captcha/checkcode.jsonp',
-            // 'umid_Url': '//e.com/security/umscript/3.2.1/um.js',
-            // 'uab_Url': '//aeu.alicdn.com/js/uac/909.js',
-            // 'umid_serUrl': 'https://g.com/service/um.json'
-          },
-          //前端滑动验证通过时会触发该回调参数。您可以在该回调参数中将请求标识（token）、会话ID（sessionid）、签名串（sig）字段记录下来，随业务请求一同发送至您的服务端调用验签。
-          callback:    (data) => {
-            this.sliderData = Object.assign({}, data, {
-              appkey: NC_Opt.appkey,
-              scene:  NC_Opt.scene,
-            });
-            console.log( this.sliderData);
-          },
-        };
-        let date11 = () => {
-
-          let _date = new Date();
-          let year = _date.getFullYear().toString();
-          let month = _date.getMonth().toString();
-          let day = _date.getDate().toString();
-          let a = _date.getHours().toString();
-          let b = _date.getMinutes().toString();
-          let c = _date.getSeconds().toString();
-
-          return year + month + day + a + b + c;
-        };
-        let c = date11();
-        const scripts = [
-          `https://g.alicdn.com/sd/ncpc/nc.js?t=${c}`,
-        ];
-        this.seriesLoadScripts(scripts, function () {
-          var nc = new noCaptcha(NC_Opt);
-          nc.upLang('cn', {
-            _startTEXT:    '请按住滑块，拖动到最右边',
-            _yesTEXT:      '验证通过',
-            _error300:     '哎呀，出错了，点击<a href="javascript:__nc.reset()">刷新</a>再来一次',
-            _errorNetwork: '网络不给力，请<a href="javascript:__nc.reset()">点击刷新</a>',
-          });
-        });
-
-      },
-    },
-    created() {
-      this.pageName = this.$route.query.pageName;
-    },
-    mounted() {
-      this.sliderFun();
-    },
-    beforeDestroy() {
-    },
-  };
-</script>
-<style>
-
-</style>

pages/checkLogKaoshi.vue

@@ -1,206 +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>149</p></div><i></i>
-      <div><span>优化</span><p>598</p></div><i></i>
-      <div><span>新增</span><p>154</p></div>
-    </div>
-
-    <!-- 日志内容区域 -->
-    <div class="client-container log-content-box">
-        <ul>
-          <li>
-            <h5>2022年11月15日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>管理端>首页：在原有的客服免费电话上方，新增在线客服按钮，便于用户与客服人员在线沟通</p></div>
-            <span>[修复]</span>
-            <div><i></i><p>修复了一些已知问题</p></div>
-          </li>
-          <li>
-            <h5>2022年10月25日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>首页>学员端登录地址分享：通过二维码分享方法，新增下载图片按钮，便于二维码图片下载分享给学员</p></div>
-          </li>
-          <li>
-            <h5>2022年9月22日</h5>
-            <span>[优化]</span>
-            <div><i></i><p>SaaS版本：PC端、APP端UI页面全新升级优化</p></div>
-            <span>[修复]</span>
-            <div><i></i><p>修复了一些已知问题</p></div>
-          </li>
-          <li>
-            <h5>2022年8月25日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>SaaS版本：成绩管理，成绩排名升降序功能</p></div>
-          </li>
-          <li>
-            <h5>2022年7月15日</h5>
-            <span>[优化]</span>
-            <div><i></i><p>SaaS版本：首页数据分析模块展现形式</p></div>
-          </li>
-          <li>
-            <h5>2022年6月15日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>SaaS版本：ios用户微信绑定允许获取用户头像</p></div>
-          </li>
-          <li>
-            <h5>2022年5月20日</h5>
-            <span>[优化]</span>
-            <div><i></i><p>考试管理：权限调整，以前以考试创建时对应的学员的部门权限为准，现在以参加考试时学员的部门所属的权限为准。</p></div>
-          </li>
-          <li>
-            <h5>2022年4月20日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>增加考试抓拍付费功能：在考试时，可以设定对学员的本次考试进行抓拍监控。</p></div>
-            <span>[优化]</span>
-            <div><i></i><p>参加考试：整体流程优化，可以让学员在考试过程中体验更好。</p></div>
-          </li>
-          <li>
-            <h5>2022年3月15日</h5>
-            <span>[优化]</span>
-            <div><i></i><p>手机端考试：从滑动屏幕切换试题修改成点击按钮切换试题。</p></div>
-          </li>
-          <li>
-            <h5>2022年2月25日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>增加人脸识别付费功能：在系统登陆时，可以进行人脸识别校验；在考试开始前可以进行人脸识别校验。</p></div>
-          </li>
-          <li>
-            <h5>2022年1月20日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>填空题增加人工阅卷功能：对于填空题可以选择让系统打分或人工打分。</p></div>
-            <span>[优化]</span>
-            <div><i></i><p>手机端按钮功能：所有按键增加防连点功能。</p></div>
-          </li>
-          <li>
-            <h5>2021年12月20日</h5>
-            <span>[优化]</span>
-            <div><i></i><p>考务管理>试题库：阅读理解题添加多个小题，按序号排序</p></div>
-          </li>
-          <li>
-            <h5>2021年11月15日</h5>
-            <span>[优化]</span>
-            <div><i></i><p>成绩管理>线上成绩管理：优化导出表格样式</p></div>
-          </li>
-          <li>
-            <h5>2021年10月25日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>人工阅卷>增加用户名模糊精准查询条件</p></div>
-            <div><i></i><p>人工阅卷>增加部门模糊精准查询条件</p></div>
-          </li>
-          <li>
-            <h5>2021年9月15日</h5>
-            <span>[优化]</span>
-            <div><i></i><p>进入考试>试卷中音频视频题的播放按钮位置</p></div>
-          </li>
-          <li>
-            <h5>2021年8月5日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>系统设置>系统配置：PC管理端自定义LOGO、背景图</p></div>
-            <div><i></i><p>系统设置>系统配置：PC学员端自定义LOGO、背景图</p></div>
-          </li>
-          <li>
-            <h5>2021年7月20日</h5>
-            <span>[优化]</span>
-            <div><i></i><p>考务管理>成绩管理：有考试记录人员，人员信息被删除后，考试成绩保留</p></div>
-          </li>
-          <li>
-            <h5>2021年6月5日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>考试抓拍功能，考试抓拍可以按照指定时间间隔抓拍</p></div>
-            <span>[优化]</span>
-            <div><i></i><p>手机端考试，交卷后自动弹出成绩页UI</p></div>
-          </li>
-          <li>
-            <h5>2021年5月15日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>单机部署版：增加防切屏功能</p></div>
-            <span>[优化]</span>
-            <div><i></i><p>试题中插入图片，无法预览</p></div>
-          </li>
-          <li>
-            <h5>2021年4月15日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>考务管理>发布考试：考试成绩发布方式，增加指定时间发布成绩</p></div>
-          </li>
-          <li>
-            <h5>2021年3月19日</h5>
-            <span>[优化]</span>
-            <div><i></i><p>数据统计>考试统计：考试排名规则从以前的如果两个人成绩一样得到相同的排名，修改成如果成绩一样再看答卷时间短的那个排到前面，不会再出现两个相同的排名。</p></div>
-          </li>
-          <li>
-            <h5>2021年2月25日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>页面的权限控制：试题库、试卷库、发布考试、成绩管理、人工阅卷、报名审核、考试监控、发布练习、个人证书增加权限控制功能。</p></div>
-          </li>
-          <li>
-            <h5>2021年1月15日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>考务管理->成绩管理：增加答卷时长字段；导出成绩排序规则修改成按照成绩倒序、再按照答卷时长正序排列。</p></div>
-            <span>[优化]</span>
-            <div><i></i><p>报名考试调整：在学员端报名考试从考试列表中分离出来，单独新建了一个菜单项报名中心。</p></div>
-          </li>
-          <li>
-            <h5>2020年12月15日</h5>
-            <span>[优化]</span>
-            <div><i></i><p>权限管理功能调整：权限管理菜单去掉，功能移到了角色权限中。</p></div>
-            <div><i></i><p>部门树调整：以前的部门树分归属部门和管理部门，修改后部门树只有管理部门。</p></div>
-          </li>
-          <li>
-            <h5>2020年11月5日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>增加邮件通知功能：新建用户、发布考试、考试到期提醒，都可以通过邮件进行通知，该功能项需要单独付费购买</p></div>
-          </li>
-          <li>
-            <h5>2020年10月15日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>管理端登录页面增加微信和手机号验证码登录功能；</p></div>
-            <div><i></i><p>学员端登录页面增加微信登录功能；</p></div>
-            <div><i></i><p>app手机端登录增加微信登录功能；</p></div>
-            <span>[优化]</span>
-            <div><i></i><p>数据统计->考试统计和错题统计页面针对查询速度慢的情况进行优化</p></div>
-            <div><i></i><p>人员统计中的个人详情信息功能移动到部门人员页面进行展示</p></div>
-          </li>
-          <li>
-            <h5>2020年09月20日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>系统登录页面UI全部升级改造</p></div>
-            <span>[优化]</span>
-            <div><i></i><p>数据统计->已删除人员不统计</p></div>
-          </li>
-          <li>
-            <h5>2020年08月10日</h5>
-            <span>[新增]</span>
-            <div><i></i><p>管理端首页UI和内容进行调整</p></div>
-            <span>[优化]</span>
-            <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,202 +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>149</p></div><i></i>
-      <div><span>优化</span><p>598</p></div><i></i>
-      <div><span>新增</span><p>154</p></div>
-    </div>
-
-    <!-- 日志内容区域 -->
-    <div class="client-container log-content-box">
-      <ul>
-        <li>
-          <h5>2022年11月15日</h5>
-          <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>
-        <li>
-          <h5>2022年10月25日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>首页>学员端登录地址分享：通过二维码分享方法，新增下载图片按钮，便于二维码图片下载分享给学员</p></div>
-          <span>[优化]</span>
-          <div><i></i><p>首页>菜单栏：课程商城中“采购课程”名称变更为“已购课程”</p></div>
-        </li>
-        <li>
-          <h5>2022年9月22日</h5>
-          <span>[优化]</span>
-          <div><i></i><p>SaaS版本：PC端、APP端UI页面全新升级优化</p></div>
-          <span>[修复]</span>
-          <div><i></i><p>修复了一些已知问题</p></div>
-        </li>
-        <li>
-          <h5>2022年8月25日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>课程商城正式上线：嵌入了课程商城、订单明细、采购课程、发票管理4大模块。课程商城涵盖10大类5000多门课程，课程资源持续更新。</p></div>
-        </li>
-        <li>
-          <h5>2022年7月15日</h5>
-          <span>[优化]</span>
-          <div><i></i><p>SaaS版本：首页数据分析模块展现形式</p></div>
-        </li>
-        <li>
-          <h5>2022年6月15日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>SaaS版本：ios用户微信绑定允许获取用户头像</p></div>
-        </li>
-        <li>
-          <h5>2022年5月20日</h5>
-          <span>[优化]</span>
-          <div><i></i><p>考试管理：权限调整，以前以考试创建时对应的学员的部门权限为准，现在以参加考试时学员的部门所属的权限为准。</p></div>
-        </li>
-        <li>
-          <h5>2022年4月20日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>增加考试抓拍付费功能：在考试时，可以设定对学员的本次考试进行抓拍监控。</p></div>
-          <span>[优化]</span>
-          <div><i></i><p>课程学习：整体流程优化，可以让学员在学习过程中体验更好。</p></div>
-        </li>
-        <li>
-          <h5>2022年3月15日</h5>
-          <span>[优化]</span>
-          <div><i></i><p>手机端考试：从滑动屏幕切换试题修改成点击按钮切换试题。</p></div>
-        </li>
-        <li>
-          <h5>2022年2月25日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>增加人脸识别付费功能：在系统登陆时，可以进行人脸识别校验；在考试开始前可以进行人脸识别校验。</p></div>
-        </li>
-        <li>
-          <h5>2022年1月20日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>填空题增加人工阅卷功能：对于填空题可以选择让系统打分或人工打分。</p></div>
-          <span>[优化]</span>
-          <div><i></i><p>手机端按钮功能：所有按键增加防连点功能。</p></div>
-        </li>
-        <li>
-          <h5>2021年12月20日</h5>
-          <span>[优化]</span>
-          <div><i></i><p>考务管理>试题库：阅读理解题添加多个小题，按序号排序</p></div>
-        </li>
-        <li>
-          <h5>2021年11月15日</h5>
-          <span>[优化]</span>
-          <div><i></i><p>成绩管理>线上成绩管理：优化导出表格样式</p></div>
-        </li>
-        <li>
-          <h5>2021年10月25日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>人工阅卷>增加用户名模糊精准查询条件</p></div>
-          <div><i></i><p>人工阅卷>增加部门模糊精准查询条件</p></div>
-        </li>
-        <li>
-          <h5>2021年9月15日</h5>
-          <span>[优化]</span>
-          <div><i></i><p>进入考试>试卷中音频视频题的播放按钮位置</p></div>
-        </li>
-        <li>
-          <h5>2021年8月5日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>系统设置>系统配置：PC管理端自定义LOGO、背景图</p></div>
-          <div><i></i><p>系统设置>系统配置：PC学员端自定义LOGO、背景图</p></div>
-        </li>
-        <li>
-          <h5>2021年7月20日</h5>
-          <span>[优化]</span>
-          <div><i></i><p>数据统计中心>课程分析：优化饼状图样式</p></div>
-        </li>
-        <li>
-          <h5>2021年6月5日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>考试抓拍功能，考试抓拍可以按照指定时间间隔抓拍</p></div>
-        </li>
-        <li>
-          <h5>2021年5月15日</h5>
-          <span>[优化]</span>
-          <div><i></i><p>报名考试学员端优化：从考试列表中分离出来，单独新建了一个菜单项报名中心。</p></div>
-        </li>
-        <li>
-          <h5>2021年4月15日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>考务管理>发布考试：考试成绩发布方式，增加指定时间发布成绩</p></div>
-        </li>
-        <li>
-          <h5>2021年3月19日</h5>
-          <span>[优化]</span>
-          <div><i></i><p>数据统计>考试统计：考试排名规则从以前的如果两个人成绩一样得到相同的排名，修改成如果成绩一样再看答卷时间短的那个排到前面，不会再出现两个相同的排名。</p></div>
-        </li>
-        <li>
-          <h5>2021年2月25日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>页面的权限控制：试题库、试卷库、发布考试、成绩管理、人工阅卷、报名审核、考试监控、发布练习、个人证书增加权限控制功能。</p></div>
-        </li>
-        <li>
-          <h5>2021年1月15日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>考务管理->成绩管理：增加答卷时长字段；导出成绩排序规则修改成按照成绩倒序、再按照答卷时长正序排列。</p></div>
-          <span>[优化]</span>
-          <div><i></i><p>报名考试调整：在学员端报名考试从考试列表中分离出来，单独新建了一个菜单项报名中心。</p></div>
-        </li>
-        <li>
-          <h5>2020年12月15日</h5>
-          <span>[优化]</span>
-          <div><i></i><p>权限管理功能调整：权限管理菜单去掉，功能移到了角色权限中。 </p></div>
-          <div><i></i><p>部门树调整：以前的部门树分归属部门和管理部门，修改后部门树只有管理部门。</p></div>
-        </li>
-        <li>
-          <h5>2020年11月5日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>数据统计>课程统计：考试人数、考试通过人数修改为课程通过率</p></div>
-        </li>
-        <li>
-          <h5>2020年10月15日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>学员端登录页面增加微信登录功能；</p></div>
-          <div><i></i><p>app手机端登录增加微信登录功能；</p></div>
-          <span>[优化]</span>
-          <div><i></i><p>数据统计->考试统计和错题统计页面针对查询速度慢的情况进行优化</p></div>
-        </li>
-        <li>
-          <h5>2020年09月20日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>管理端登录页面增加微信和手机号验证码登录功能</p></div>
-          <span>[优化]</span>
-          <div><i></i><p>数据统计->人员统计和课程统计页面针对查询慢情况进行优化</p></div>
-        </li>
-        <li>
-          <h5>2020年08月10日</h5>
-          <span>[新增]</span>
-          <div><i></i><p>管理端登录页UI全新升级</p></div>
-        </li>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:    'checkLogPeixun',
-    layout:  'templateB',
-    data() {
-      return {};
-    },
-    head() {
-      return {
-        title: '更新日志',
-      };
-    },
-    methods: {},
-  };
-</script>
-

pages/copyUrl.vue

@@ -1,46 +0,0 @@
-<template>
-  <div class="copy-url-page">
-    <div class="success-body-box">
-      <img :src= copyUrlImg />
-      <p>请使用电脑端</p>
-      <p>进行麦塔在线学习SaaS系统</p>
-      <p>相关操作</p>
-      <span>{{copyUrlContent}}</span>
-      <a @click="copyUrl">复制链接</a>
-    </div>
-
-  </div>
-</template>
-
-<script>
-  export default {
-    name:    'copyUrl',
-    layout:  'templateB',
-    data() {
-      return {
-        copyUrlContent:'',
-        copyUrlImg:  require(`~/static/images/client/component/register-success-img.png`),
-      };
-    },
-    head() {
-      return {
-        title: '该功能无法在手机端操作,请使用电脑端进行相关操作',
-      };
-    },
-    methods: {
-      copyUrl() {
-        var input = document.createElement("input");   // js创建一个input输入框
-        input.value = this.copyUrlContent;  // 将需要复制的文本赋值到创建的input输入框中
-        document.body.appendChild(input);    // 将输入框暂时创建到实例里面
-        input.select();   // 选中输入框中的内容
-        document.execCommand("Copy");   // 执行复制操作
-        document.body.removeChild(input); // 最后删除实例中临时创建的input输入框，完成复制操作
-        this.$message({customClass:'phone-message-box',type: 'success',message: '复制成功'});
-      }
-    },
-    created() {
-      this.copyUrlContent = this.$route.query.url;
-    },
-  };
-</script>
-

pages/courseware/animation.vue

@@ -1,347 +0,0 @@
-<template>
-  <div class="client-course-page course-animation">
-    <!--  宣传图  -->
-    <div class="client-course-banner" :style="{backgroundImage:`url(${banner_image})`}" @click="goQuotation"></div>
-    <!--  动画分类显示区域  -->
-    <div class="client-course-classification">
-      <div class="client-container">
-        <courseCardTitle :title="project.title" class="classification-title"></courseCardTitle>
-        <ul class="classification-items">
-          <li class="classification-item" :class="{active:item.type === activeItem }" v-for="item in project.data" @click="changeItem(item)">
-            <p>{{ item.title }}</p></li>
-        </ul>
-      </div>
-    </div>
-    <!--  动画分类详情区域  -->
-    <div class="client-course-classification__info">
-      <div class="client-container">
-        <courseCardTitle :title="curItem.title" class="classification__info-title"></courseCardTitle>
-        <div class="classification__info-mainTitle">{{curItem.mainTitle}}</div>
-        <div class="classification__info-subHead">{{curItem.subhead}}</div>
-        <ul class="classification__info-videos">
-          <li v-for="item in curItem.videos" class="classification-video-item">
-            <course-video :img-url="item.imgUrl" :video-data="item" :source="item.url"></course-video>
-          </li>
-        </ul>
-        <div class="classification-btns">
-          <a class="classification-online-zixun" :href="zixunUrl">在线咨询</a>
-        </div>
-      </div>
-    </div>
-    <!--  课程报价区域  -->
-    <div class="client-course-quotation" ref="quotation">
-      <div class="client-container quotation-wrap">
-        <div class="left-text">
-          <h3>课程定制在线报价</h3>
-          <p>栋科客服人员会在30分钟内与你取得联系</p>
-        </div>
-        <courseBaojia class="baojia-form" tag="dhl" :user-list="userList" :sum="custom_sum"></courseBaojia>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import courseCardTitle from "@/components/course/course-card-title";
-import courseBaojia from "@/components/course/course-baojia";
-import courseVideo from "@/components/course/course-video";
-
-export default {
-  name: 'animation',
-  layout: 'templateB',
-  head() {
-    return {
-      title: '动画制作_mg动画_flash动画_an动画_二维动画_三维动画视频短片制作公司',
-      meta: [
-        {
-          name: 'keywords',
-          content: '动画制作,mg动画制作,flash动画制作,flash制作,an动画制作,二维动画制作,三维动画制作,动画短片制作,动画制作公司'
-        },
-        {
-          name:'description',
-          content:'麦塔拥有国内专业、成熟的动画制作团队，丰富的电子课程制作经验，业务方向包括教学设计体验、图文内容演示、mg动画、flash动画、an动画、二维动画、三维动画、动画短片等，在院校教育、零售连锁行业、汽车行业、金融等12大行业课程开发经验超过15年，规范可靠的研发流程、完善的质量评估和卓越的项目管理体系，能高效稳定地保障支付。'
-        }
-      ]
-    }
-  },
-  components: {
-    courseCardTitle,
-    courseBaojia,
-    courseVideo
-  },
-  async asyncData({$axios, store}) {
-    // 设置选中菜单
-    store.commit('setActiveNav', '/courseware');
-
-    let [ res2, res3] = await Promise.all([
-      $axios.$post(`/develop/sum`, {}),
-      $axios.$post(`/develop/userlist`, {}),
-    ])
-    return {
-      custom_sum: res2.data || 0,
-      userList: res3.data.data || []
-    }
-  },
-  data() {
-    return {
-      banner_image: require(`~/static/images/client/course/animation/donghua-banner.png`),
-      project: {
-        title: '高端动画',
-        data: [
-          {
-            type: 'qingjingdonghua',
-            title: '情景动画',
-            mainTitle: '每年产出高端精品情景动画500+部',
-            subhead: 'mg动画/flash动画/二维动画/三维动画',
-            videos: [
-              {
-                title: '情景动画',
-                purpose: '知识分享', // 用途
-                imgUrl: require('~/static/images/client/course/animation/animation-01.jpg'),
-                url: 'https://spdb.mtavip.com/sv/aefeae1-187037e7ee1/aefeae1-187037e7ee1.mp4',
-              },
-              {
-                title: '情景动画',
-                purpose: '企业培训', // 用途
-                imgUrl: require('~/static/images/client/course/animation/animation-02.jpg'),
-                url: 'https://spdb.mtavip.com/sv/12b3f6cc-187037e7ebb/12b3f6cc-187037e7ebb.mp4',
-              },
-              {
-                title: '情景动画',
-                purpose: '英语微课', // 用途
-                imgUrl: require('~/static/images/client/course/animation/animation-03.jpg'),
-                url: 'https://spdb.mtavip.com/sv/1c2c2517-187037e7f3b/1c2c2517-187037e7f3b.mp4',
-              }
-            ]
-          },
-          {
-            type: 'piantoudonghua',
-            title: '片头动画',
-            mainTitle: '创意片头动画设计，考究到每一帧每一秒',
-            subhead: '只做对的，不做贵的',
-            videos: [
-              {
-                title: '片头动画',
-                purpose: '片头展示', // 用途
-                imgUrl: require('~/static/images/client/course/animation/piantou-01.jpg'),
-                url: 'https://spdb.mtavip.com/sv/52b91736-187037e7ef1/52b91736-187037e7ef1.mp4',
-              },
-              {
-                title: '片头动画',
-                purpose: '名企展示', // 用途
-                imgUrl: require('~/static/images/client/course/animation/piantou-02.png'),
-                url: 'https://spdb.mtavip.com/sv/189337b0-187037e7ef2/189337b0-187037e7ef2.mp4',
-              },
-              {
-                title: '山水片头',
-                purpose: '企业介绍', // 用途
-                imgUrl: require('~/static/images/client/course/animation/piantou-03.png'),
-                url: 'https://spdb.mtavip.com/sv/57293e05-187037ed447/57293e05-187037ed447.mp4',
-              }
-            ]
-          },
-          {
-            type: 'donghuaduanpian',
-            title: '动画短片',
-            mainTitle: '专业剧本文案老师指导沟通，打造客户满意的短片画风',
-            subhead: '做专业动画，对妥协说“不”',
-            videos: [
-              {
-                title: '动画短片',
-                purpose: '历史故事', // 用途
-                imgUrl: require('~/static/images/client/course/animation/duanpian-01.jpg'),
-                url: 'https://spdb.mtavip.com/sv/bb4b086-187037ed679/bb4b086-187037ed679.mp4',
-              },
-              {
-                title: '二维动画',
-                purpose: '动画微课', // 用途
-                imgUrl: require('~/static/images/client/course/animation/duanpian-02.jpg'),
-                url: 'https://spdb.mtavip.com/sv/137a989b-187037ed8ff/137a989b-187037ed8ff.mp4',
-              },
-              {
-                title: '动画短片',
-                purpose: '幼儿动画', // 用途
-                imgUrl: require('~/static/images/client/course/animation/duanpian-03.jpg'),
-                url: 'https://spdb.mtavip.com/sv/3138e147-187037f1f24/3138e147-187037f1f24.mp4',
-              }
-            ]
-          },
-          {
-            type: 'xuanchuandonghua',
-            title: '宣传动画',
-            mainTitle: '麦塔动画制作-专业定制各类宣传动画！',
-            subhead: '1V1文案指导，专业配音老师',
-            videos: [
-              {
-                title: 'mg动画',
-                purpose: '生产工艺', // 用途
-                imgUrl: require('~/static/images/client/course/animation/xuanchuan-01.png'),
-                url: 'https://spdb.mtavip.com/sv/3e41ab23-1864e8c9ed5/3e41ab23-1864e8c9ed5.mp4',
-              },
-              {
-                title: 'mg动画',
-                purpose: '企业宣传', // 用途
-                imgUrl: require('~/static/images/client/course/animation/xuanchuan-02.png'),
-                url: 'https://spdb.mtavip.com/sv/53c89880-1864e8ca0da/53c89880-1864e8ca0da.mp4',
-              },
-              {
-                title: 'mg动画',
-                purpose: '产品营销', // 用途
-                imgUrl: require('~/static/images/client/course/animation/xuanchuan-03.png'),
-                url: 'https://spdb.mtavip.com/sv/5452b81-1864e8ca367/5452b81-1864e8ca367.mp4',
-              }
-            ]
-          }
-        ]
-      },
-      zixunUrl: "https://affim.baidu.com/cps/chat?siteId=17930746&userId=40179606&siteToken=d9c57b2ea4cbedbb044677ef47a1e2d1",
-      activeItem: 'qingjingdonghua'
-    }
-  },
-  computed: {
-    curItem() {
-      return this.project.data.find(item => item.type === this.activeItem)
-    },
-
-  },
-  methods: {
-    changeItem(item) {
-      this.activeItem = item.type;
-    },
-    goQuotation() {
-      document.documentElement.scrollTop = this.$refs.quotation.offsetTop-150;
-      window.pageYOffset = this.$refs.quotation.offsetTop -150;
-      document.body.scrollTop=this.$refs.quotation.offsetTop -150;
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-.course-animation {
-
-  .client-course-banner {
-    cursor: pointer;
-  }
-
-  .client-course-classification {
-    box-sizing: border-box;
-    text-align: center;
-    height: 737px;
-    padding-top: 135px;
-
-
-    li:nth-child(1){
-      background-image: url("~static/images/client/course/animationCard/kc-img1.png");
-    }
-    li.active:nth-child(1){
-      background-image: url("~static/images/client/course/animationCard/kc-img1-active.png");
-    }
-    li:nth-child(2){
-      background-image: url("~static/images/client/course/animationCard/kc-img2.png");
-    }
-    li.active:nth-child(2){
-      background-image: url("~static/images/client/course/animationCard/kc-img2-active.png");
-    }
-    li:nth-child(3){
-      background-image: url("~static/images/client/course/animationCard/gd-img3.png");
-    }
-    li.active:nth-child(3){
-      background-image: url("~static/images/client/course/animationCard/gd-img3-active.png");
-    }
-    li:nth-child(4){
-      background-image: url("~static/images/client/course/animationCard/gd-img4.png");
-    }
-    li.active:nth-child(4){
-      background-image: url("~static/images/client/course/animationCard/gd-img4-active.png");
-    }
-
-
-    .classification-title {
-      margin-bottom: 144px;
-    }
-
-  }
-
-  .client-course-classification__info {
-    box-sizing: border-box;
-    background-image: url("~static/images/client/course/animation/course-bg-01.png");
-    background-position-x: center;
-    background-repeat: no-repeat;
-    padding-top: 84px;
-    height: 843px;
-
-    .classification__info-title {
-      margin-bottom: 57px;
-    }
-
-    .classification__info-mainTitle {
-      text-align: center;
-      font-weight: normal;
-      color: #333333;
-      margin-bottom: 24px;
-      font-size: 24px;
-      letter-spacing: 2px;
-    }
-
-    .classification__info-subHead {
-      text-align: center;
-      font-size: 18px;
-      font-weight: 400;
-      color: #333333;
-      letter-spacing: 2px;
-    }
-
-    .classification-btns {
-      text-align: center;
-      margin-top: 80px;
-      .classification-online-zixun {
-        display: inline-block;
-        background: #0065cd;
-        border-radius: 6px;
-        text-align: center;
-        color: #ffffff;
-        font-weight: 400;
-        font-size: 16px;
-        line-height: 50px;
-        margin-bottom: 128px;
-        width: 138px;
-        height: 50px;
-      }
-    }
-  }
-
-  @media (max-width: 768px){
-    .client-course-classification {
-      box-sizing: border-box;
-      text-align: center;
-      height: unset;
-      padding: 35px 0;
-
-      .classification-title {
-        margin-bottom: 42px;
-      }
-    }
-
-    .client-course-classification__info{
-      height: auto;background-repeat: no-repeat;
-      background-size: cover;padding-top: 42px;
-      .classification__info-mainTitle{
-        font-size: 15px;color: #333;margin-bottom: 16px;letter-spacing:0;
-      }
-      .classification__info-subHead{
-        font-size: 13px;color: #555;margin-bottom: 16px;letter-spacing:0;
-      }
-
-      .classification-btns {
-        margin-top: 20px;
-        .classification-online-zixun {
-          margin-bottom: 60px;
-        }
-      }
-    }
-
-  }
-
-}
-</style>

pages/courseware/custom.vue

@@ -1,339 +0,0 @@
-<template>
-  <div class="client-course-page course-weike">
-    <!--  宣传图  -->
-    <div class="client-course-banner" :style="{backgroundImage:`url(${banner_image})`}" @click="goQuotation"></div>
-    <!--  动画分类显示区域  -->
-    <div class="client-course-classification">
-      <div class="client-container">
-        <courseCardTitle :title="project.title" class="classification-title"></courseCardTitle>
-        <ul class="classification-items">
-          <li class="classification-item" :class="{active:item.type === activeItem }" v-for="item in project.data" @click="changeItem(item)">
-            <p>{{ item.title }}</p>
-          </li>
-        </ul>
-      </div>
-    </div>
-    <!--  动画分类详情区域  -->
-    <div class="client-course-classification__info">
-      <div class="client-container">
-        <courseCardTitle :title="curItem.title" class="classification__info-title"></courseCardTitle>
-        <div class="classification__info-mainTitle">{{curItem.mainTitle}}</div>
-        <div class="classification__info-subHead">{{curItem.subhead}}</div>
-        <ul class="classification__info-videos">
-          <li v-for="item in curItem.videos" class="classification-video-item">
-            <course-video :img-url="item.imgUrl" :video-data="item" :source="item.url"></course-video>
-          </li>
-        </ul>
-        <div class="classification-btns">
-          <a class="classification-online-zixun" :href="zixunUrl">在线咨询</a>
-        </div>
-      </div>
-    </div>
-    <!--  课程报价区域  -->
-    <div class="client-course-quotation" ref="quotation">
-      <div class="client-container quotation-wrap">
-        <div class="left-text">
-          <h3>课程定制在线报价</h3>
-          <p>栋科客服人员会在30分钟内与你取得联系</p>
-        </div>
-        <courseBaojia class="baojia-form" tag="wkl" :user-list="userList" :sum="custom_sum"></courseBaojia>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import courseCardTitle from "@/components/course/course-card-title";
-import courseBaojia from "@/components/course/course-baojia";
-import courseVideo from "@/components/course/course-video";
-export default {
-  name: 'weike',
-  layout: 'templateB',
-  head() {
-    return {
-      title: '微课制作_课件PPT_微课比赛_幼儿园微课_微课视频动画价格',
-      meta: [
-        {
-          name: 'keywords',
-          content: '微课,课件,课件ppt,微课制作,微课比赛,幼儿园微课,微课动画,微课视频,课件制作'
-        },
-        {
-          name:'description',
-          content:'麦塔拥有国内专业、成熟的微课制作团队，丰富的电子课程制作经验，业务方向包括教学设计体验、图文内容演示、教学课件、微课、情景动画、幼儿园微课等，在院校教育、零售连锁行业、汽车行业、金融等12大行业课程开发经验超过15年，规范可靠的研发流程、完善的质量评估和卓越的项目管理体系，能高效稳定地保障支付。'
-        }
-      ]
-    }
-  },
-  components: {
-    courseCardTitle,
-    courseBaojia,
-    courseVideo
-  },
-  async asyncData({$axios, store}) {
-    // 设置选中菜单
-    store.commit('setActiveNav', '/courseware');
-
-    let [ res2, res3] = await Promise.all([
-      $axios.$post(`/develop/sum`, {}),
-      $axios.$post(`/develop/userlist`, {}),
-    ])
-    return {
-      custom_sum: res2.data || 0,
-      userList: res3.data.data || []
-    }
-  },
-  data() {
-    return {
-      banner_image: require(`~/static/images/client/course/weike/weike-banner.png`),
-      project: {
-        title: '微课制作',
-        data: [
-          {
-            type: 'donghuaweike',
-            title: '动画微课',
-            mainTitle: '百人动画微课制作团队，全国微课大赛获奖导师指导',
-            subhead: '只做有灵魂的动画，只做有品质的微课',
-            videos: [
-              {
-                title: '动画微课',
-                purpose: '企业培训', // 用途
-                imgUrl: require('~/static/images/client/course/weike/donghua01.jpg'),
-                url: 'https://spdb.mtavip.com/sv/163cf073-187037fef26/163cf073-187037fef26.mp4',
-              },
-              {
-                title: '动画微课',
-                purpose: '幼儿动画', // 用途
-                imgUrl: require('~/static/images/client/course/weike/donghua02.jpg'),
-                url: 'https://spdb.mtavip.com/sv/2faa2528-187037ff999/2faa2528-187037ff999.mp4',
-              },
-              {
-                title: '动画微课',
-                purpose: '教学动画', // 用途
-                imgUrl: require('~/static/images/client/course/weike/donghua03.jpg'),
-                url: 'https://spdb.mtavip.com/sv/371bfa30-18703800275/371bfa30-18703800275.mp4',
-              }
-            ]
-          },
-          {
-            type: 'shipinweike',
-            title: '视频微课',
-            mainTitle: '拍摄/文案/配音/制作一站式服务！',
-            subhead: '追求卓越品质，用心为客户服务',
-            videos: [
-              {
-                title: '视频微课',
-                purpose: '船员培训', // 用途
-                imgUrl: require('~/static/images/client/course/weike/shipin01.png'),
-                url: 'https://spdb.mtavip.com/sv/109e2e75-1864e900229/109e2e75-1864e900229.mp4',
-              },
-              {
-                title: '视频微课',
-                purpose: '系统介绍', // 用途
-                imgUrl: require('~/static/images/client/course/weike/shipin02.png'),
-                url: 'https://spdb.mtavip.com/sv/4c894dba-1864e90057b/4c894dba-1864e90057b.mp4',
-              },
-              {
-                title: '视频微课',
-                purpose: '医学知识', // 用途
-                imgUrl: require('~/static/images/client/course/weike/shipin03.png'),
-                url: 'https://spdb.mtavip.com/sv/4f76dfa-1864e9096ab/4f76dfa-1864e9096ab.mp4',
-              }
-            ]
-          },
-          {
-            type: 'wentuweike',
-            title: '图文微课',
-            mainTitle: '长文图/文图/E-Learning/电子杂志/H5交互',
-            subhead: '灵感/经验/细节缺一不可',
-            videos: [
-              {
-                title: '图文微课',
-                purpose: '金融知识', // 用途
-                imgUrl: require('~/static/images/client/course/weike/tuwen01.png'),
-                url: 'https://spdb.mtavip.com/sv/4bdd4a90-186533ac3d9/4bdd4a90-186533ac3d9.mp4',
-              },
-              {
-                title: '图文微课',
-                purpose: '人才管理', // 用途
-                imgUrl: require('~/static/images/client/course/weike/tuwen02.png'),
-                url: 'https://spdb.mtavip.com/sv/4f14ce1b-1864e8fbc73/4f14ce1b-1864e8fbc73.mp4',
-              },
-              {
-                title: '图文微课',
-                purpose: '知识解答', // 用途
-                imgUrl: require('~/static/images/client/course/weike/tuwen03.png'),
-                url: 'https://spdb.mtavip.com/sv/488485fb-1864e8fc2e5/488485fb-1864e8fc2e5.mp4',
-              }
-            ]
-          },
-          {
-            type: 'PPTweike',
-            title: 'PPT微课',
-            mainTitle: '我们只做高端原创PPT微课，坚决抵制抄袭及模板',
-            subhead: '针对每一个作品，都有严格的审核机制',
-            videos: [
-              {
-                title: 'PPT课件',
-                purpose: '教学课件', // 用途
-                imgUrl: require('~/static/images/client/course/weike/ppt01.png'),
-                url: 'https://spdb.mtavip.com/sv/2d8358ed-18703800313/2d8358ed-18703800313.mp4',
-              },
-              {
-                title: 'PPT课件',
-                purpose: '英语课件', // 用途
-                imgUrl: require('~/static/images/client/course/weike/ppt02.png'),
-                url: 'https://spdb.mtavip.com/sv/265edfed-187038047bf/265edfed-187038047bf.mp4',
-              },
-              {
-                title: 'PPT课件',
-                purpose: '英语课件', // 用途
-                imgUrl: require('~/static/images/client/course/weike/ppt03.png'),
-                url: 'https://spdb.mtavip.com/sv/2fcedfc4-18703805328/2fcedfc4-18703805328.mp4',
-              }
-            ]
-          }
-        ]
-      },
-      zixunUrl: "https://affim.baidu.com/cps/chat?siteId=17930746&userId=40179606&siteToken=d9c57b2ea4cbedbb044677ef47a1e2d1",
-      activeItem: 'donghuaweike'
-    }
-  },
-  computed: {
-    curItem() {
-      return this.project.data.find(item => item.type === this.activeItem)
-    },
-
-  },
-  methods: {
-    changeItem(item) {
-      this.activeItem = item.type;
-    },
-    goQuotation() {
-      document.documentElement.scrollTop = this.$refs.quotation.offsetTop-150;
-      window.pageYOffset = this.$refs.quotation.offsetTop -150;
-      document.body.scrollTop=this.$refs.quotation.offsetTop -150;
-    }
-  }
-};
-</script>
-
-<style lang="scss">
-.course-weike {
-
-  .client-course-banner {
-    cursor: pointer;
-  }
-
-  .client-course-classification {
-    box-sizing: border-box;
-    text-align: center;
-    height: 737px;
-    padding-top: 135px;
-
-    li:nth-child(1){
-      background-image: url("~static/images/client/course/animationCard/kc-img1.png");
-    }
-    li.active:nth-child(1){
-      background-image: url("~static/images/client/course/animationCard/kc-img1-active.png");
-    }
-    li:nth-child(2){
-      background-image: url("~static/images/client/course/animationCard/kc-img2.png");
-    }
-    li.active:nth-child(2){
-      background-image: url("~static/images/client/course/animationCard/kc-img2-active.png");
-    }
-    li:nth-child(3){
-      background-image: url("~static/images/client/course/animationCard/kc-img3.png");
-    }
-    li.active:nth-child(3){
-      background-image: url("~static/images/client/course/animationCard/kc-img3-active.png");
-    }
-    li:nth-child(4){
-      background-image: url("~static/images/client/course/animationCard/kc-img4.png");
-    }
-    li.active:nth-child(4){
-      background-image: url("~static/images/client/course/animationCard/kc-img4-active.png");
-    }
-
-  }
-
-  .client-course-classification__info {
-    box-sizing: border-box;
-    background-image: url("~static/images/client/course/animation/course-bg-01.png");
-    background-position-x: center;
-    background-repeat: no-repeat;
-    padding-top: 84px;
-    height: 843px;
-
-    .classification__info-title {
-      margin-bottom: 57px;
-    }
-
-    .classification__info-mainTitle {
-      text-align: center;
-      font-weight: normal;
-      color: #333333;
-      margin-bottom: 24px;
-      font-size: 24px;
-      letter-spacing: 2px;
-    }
-
-    .classification__info-subHead {
-      text-align: center;
-      font-size: 18px;
-      font-weight: 400;
-      color: #333333;
-      letter-spacing: 2px;
-    }
-
-
-    .classification-btns {
-      margin-top: 80px;
-      text-align: center;
-      .classification-online-zixun {
-        display: inline-block;
-        background: #0065cd;
-        border-radius: 6px;
-        text-align: center;
-        color: #ffffff;
-        font-weight: 400;
-        font-size: 16px;
-        line-height: 50px;
-        margin-bottom: 128px;
-        width: 138px;
-        height: 50px;
-      }
-    }
-  }
-
-  @media (max-width: 768px){
-    .client-course-classification {
-      box-sizing: border-box;
-      text-align: center;
-      height: unset;
-      padding: 35px 0;
-    }
-
-    .client-course-classification__info{
-      height: auto;background-repeat: no-repeat;
-      background-size: cover;padding-top: 42px;
-
-      .classification__info-mainTitle{
-        font-size: 15px;color: #333;margin-bottom: 16px;letter-spacing:0;
-      }
-      .classification__info-subHead{
-        font-size: 13px;color: #555;margin-bottom: 16px;letter-spacing:0;
-      }
-
-      .classification-btns {
-        margin-top: 20px;
-        .classification-online-zixun {
-          margin-bottom: 60px;
-        }
-      }
-    }
-
-  }
-
-}
-</style>

pages/courseware/ppt.vue

@@ -1,350 +0,0 @@
-<template>
-  <div class="client-course-page course-ppt">
-    <!--  宣传图  -->
-    <div class="client-course-banner" :style="{backgroundImage:`url(${banner_image})`}" @click="goQuotation"></div>
-    <!--  动画分类显示区域  -->
-    <div class="client-course-classification">
-      <div class="client-container">
-        <courseCardTitle :title="project.title" class="classification-title"></courseCardTitle>
-        <ul class="classification-items">
-          <li class="classification-item" :class="{active:item.type === activeItem }" v-for="item in project.data"
-              @click="changeItem(item)">
-            <p>{{ item.title }}</p>
-          </li>
-        </ul>
-      </div>
-    </div>
-    <!--  动画分类详情区域  -->
-    <div class="client-course-classification__info">
-      <div class="client-container">
-        <courseCardTitle :title="curItem.title" class="classification__info-title"></courseCardTitle>
-        <div class="classification__info-mainTitle">{{ curItem.mainTitle }}</div>
-        <div class="classification__info-subHead">{{ curItem.subhead }}</div>
-        <ul class="classification__info-videos">
-          <li v-for="item in curItem.videos" class="classification-video-item">
-            <course-video :img-url="item.imgUrl" :video-data="item" :source="item.url"></course-video>
-          </li>
-        </ul>
-        <div class="classification-btns">
-          <a class="classification-online-zixun" :href="zixunUrl">在线咨询</a>
-        </div>
-      </div>
-    </div>
-    <!--  课程报价区域  -->
-    <div class="client-course-quotation" ref="quotation">
-      <div class="client-container quotation-wrap">
-        <div class="left-text">
-          <h3>课程定制在线报价</h3>
-          <p>栋科客服人员会在30分钟内与你取得联系</p>
-        </div>
-        <courseBaojia class="baojia-form" tag="ppt" :user-list="userList" :sum="custom_sum"></courseBaojia>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import courseCardTitle from "@/components/course/course-card-title";
-import courseBaojia from "@/components/course/course-baojia";
-import courseVideo from "@/components/course/course-video";
-
-export default {
-  name: 'animation',
-  layout: 'templateB',
-  head() {
-    return {
-      title: '课件PPT制作_PPT修改_PPT美化_PPT设计_教学微课制作_教学课件制作',
-      meta: [
-        {
-          name: 'keywords',
-          content: '课件PPT,PPT制作,课件PPT制作,教学微课,教学课件,微课课件,教学课件制作,课件制作,PPT修改,PPT美化,PPT设计'
-        },
-        {
-          name: 'description',
-          content: '麦塔拥有国内专业、成熟的课件PPT制作团队，丰富的电子课程制作经验，业务方向包括教学设计体验、图文内容演示、教学课件、微课、课件PPT等，在院校教育、零售连锁行业、汽车行业、金融等12大行业课程开发经验超过15年，规范可靠的研发流程、完善的质量评估和卓越的项目管理体系，能高效稳定地保障支付。'
-        }
-      ]
-    }
-  },
-  components: {
-    courseCardTitle,
-    courseBaojia,
-    courseVideo
-  },
-  async asyncData({$axios, store}) {
-    // 设置选中菜单
-    store.commit('setActiveNav', '/courseware');
-
-    let [res2, res3] = await Promise.all([
-      $axios.$post(`/develop/sum`, {}),
-      $axios.$post(`/develop/userlist`, {}),
-    ])
-    return {
-      custom_sum: res2.data || 0,
-      userList: res3.data.data || []
-    }
-  },
-  data() {
-    return {
-      banner_image: require(`~/static/images/client/course/ppt/ppt-banner.png`),
-      project: {
-        title: '课件PPT',
-        data: [
-          {
-            type: 'kejianPPT',
-            title: '课件PPT',
-            mainTitle: '幼儿园课件/小初高课件/院校课件/培训课件',
-            subhead: '专精课程类PPT制作-高效/高质/低价',
-            videos: [
-              {
-                title: '课件PPT',
-                purpose: '教学课件', // 用途
-                imgUrl: require('~/static/images/client/course/ppt/jiaoxue01.png'),
-                url: 'https://spdb.mtavip.com/sv/23f3de9f-187037f38af/23f3de9f-187037f38af.mp4',
-              },
-              {
-                title: 'PPT课件',
-                purpose: '英语课件', // 用途
-                imgUrl: require('~/static/images/client/course/ppt/jiaoxue02.png'),
-                url: 'https://spdb.mtavip.com/sv/42d84e9-187037f433f/42d84e9-187037f433f.mp4',
-              },
-              {
-                title: 'PPT课件',
-                purpose: '英语课件', // 用途
-                imgUrl: require('~/static/images/client/course/ppt/jiaoxue03.png'),
-                url: 'https://spdb.mtavip.com/sv/5e000b3e-187037f48d6/5e000b3e-187037f48d6.mp4',
-              }
-            ]
-          },
-          {
-            type: 'yanshiPPT',
-            title: '演示PPT',
-            mainTitle: '工业演示/医疗演示/建筑演示/机械演示',
-            subhead: '做演示类PPT，麦塔更优秀！',
-            videos: [
-              {
-                title: '演示PPT',
-                purpose: '电子书', // 用途
-                imgUrl: require('~/static/images/client/course/ppt/yanshi01.png'),
-                url: 'https://spdb.mtavip.com/sv/33b0041f-1864e8ea72e/33b0041f-1864e8ea72e.mp4',
-              },
-              {
-                title: '演示PPT',
-                purpose: '功能演示', // 用途
-                imgUrl: require('~/static/images/client/course/ppt/yanshi02.png'),
-                url: 'https://spdb.mtavip.com/sv/31cc1d75-186533ac39c/31cc1d75-186533ac39c.mp4',
-              },
-              {
-                title: '演示PPT',
-                purpose: '金融制度', // 用途
-                imgUrl: require('~/static/images/client/course/ppt/yanshi03.png'),
-                url: 'https://spdb.mtavip.com/sv/1edef125-1864e8eb557/1edef125-1864e8eb557.mp4',
-              }
-            ]
-          },
-          {
-            type: 'shangyePPT',
-            title: '商业PPT',
-            mainTitle: '招商计划/商业活动/企业宣传/招商路演',
-            subhead: '投资咨询师与营销分析师协作完成',
-            videos: [
-              {
-                title: '商业PPT',
-                purpose: '商业计划书', // 用途
-                imgUrl: require('~/static/images/client/course/ppt/shangye01.png'),
-                url: 'https://spdb.mtavip.com/sv/47dbd8ba-187037f5d07/47dbd8ba-187037f5d07.mp4',
-              },
-              {
-                title: '商业PPT',
-                purpose: '企业管理', // 用途
-                imgUrl: require('~/static/images/client/course/ppt/shangye02.png'),
-                url: 'https://spdb.mtavip.com/sv/38502cfe-187037f9c66/38502cfe-187037f9c66.mp4',
-              },
-              {
-                title: '商业PPT',
-                purpose: '企业介绍', // 用途
-                imgUrl: require('~/static/images/client/course/ppt/shangye03.png'),
-                url: 'https://spdb.mtavip.com/sv/122b875f-187037fb191/122b875f-187037fb191.mp4',
-              }
-            ]
-          },
-          {
-            type: 'huibaoPPT',
-            title: '汇报PPT',
-            mainTitle: '工作汇报/年终汇报/述职报告/护理查房/品管圈/病例讨论/PDCA',
-            subhead: '精美制作-专职文案-一步到位',
-            videos: [
-              {
-                title: '汇报PPT',
-                purpose: '产品汇报', // 用途
-                imgUrl: require('~/static/images/client/course/ppt/huibao01.png'),
-                url: 'https://spdb.mtavip.com/sv/5a70fa36-1864e8cc443/5a70fa36-1864e8cc443.mp4',
-              },
-              {
-                title: '汇报PPT',
-                purpose: '工作汇报', // 用途
-                imgUrl: require('~/static/images/client/course/ppt/huibao02.png'),
-                url: 'https://spdb.mtavip.com/sv/2a3fa431-1864e8cdf5e/2a3fa431-1864e8cdf5e.mp4',
-              },
-              {
-                title: '汇报PPT',
-                purpose: '商业报告', // 用途
-                imgUrl: require('~/static/images/client/course/ppt/huibao03.png'),
-                url: 'https://spdb.mtavip.com/sv/1eada6b3-187037fc696/1eada6b3-187037fc696.mp4',
-              }
-            ]
-          }
-        ]
-      },
-      zixunUrl: "https://affim.baidu.com/cps/chat?siteId=17930746&userId=40179606&siteToken=d9c57b2ea4cbedbb044677ef47a1e2d1",
-      activeItem: 'kejianPPT'
-    }
-  },
-  computed: {
-    curItem() {
-      return this.project.data.find(item => item.type === this.activeItem)
-    },
-
-  },
-  methods: {
-    changeItem(item) {
-      this.activeItem = item.type;
-    },
-    goQuotation() {
-      document.documentElement.scrollTop = this.$refs.quotation.offsetTop - 150;
-      window.pageYOffset = this.$refs.quotation.offsetTop - 150;
-      document.body.scrollTop = this.$refs.quotation.offsetTop - 150;
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-.course-ppt {
-
-  .client-course-banner {
-    cursor: pointer;
-  }
-
-  .client-course-classification {
-    box-sizing: border-box;
-    text-align: center;
-    height: 737px;
-    padding-top: 135px;
-
-    li:nth-child(1){
-      background-image: url("~static/images/client/course/animationCard/ppt-img1.png");
-    }
-    li.active:nth-child(1){
-      background-image: url("~static/images/client/course/animationCard/ppt-img1-active.png");
-    }
-    li:nth-child(2){
-      background-image: url("~static/images/client/course/animationCard/ppt-img2.png");
-    }
-    li.active:nth-child(2){
-      background-image: url("~static/images/client/course/animationCard/ppt-img2-active.png");
-    }
-    li:nth-child(3){
-      background-image: url("~static/images/client/course/animationCard/ppt-img3.png");
-    }
-    li.active:nth-child(3){
-      background-image: url("~static/images/client/course/animationCard/ppt-img3-active.png");
-    }
-    li:nth-child(4){
-      background-image: url("~static/images/client/course/animationCard/ppt-img4.png");
-    }
-    li.active:nth-child(4){
-      background-image: url("~static/images/client/course/animationCard/ppt-img4-active.png");
-    }
-
-
-
-    .classification-title {
-      margin-bottom: 144px;
-    }
-
-  }
-
-  .client-course-classification__info {
-    box-sizing: border-box;
-    background-image: url("~static/images/client/course/animation/course-bg-01.png");
-    background-position-x: center;
-    background-repeat: no-repeat;
-    padding-top: 84px;
-    height: 843px;
-
-    .classification__info-title {
-      margin-bottom: 57px;
-    }
-
-    .classification__info-mainTitle {
-      text-align: center;
-      font-weight: normal;
-      color: #333333;
-      margin-bottom: 24px;
-      font-size: 24px;
-      letter-spacing: 2px;
-    }
-
-    .classification__info-subHead {
-      text-align: center;
-      font-size: 18px;
-      font-weight: 400;
-      color: #333333;
-      letter-spacing: 2px;
-    }
-
-    .classification-btns {
-      text-align: center;
-      margin-top: 80px;
-
-      .classification-online-zixun {
-        display: inline-block;
-        background: #0065cd;
-        border-radius: 6px;
-        text-align: center;
-        color: #ffffff;
-        font-weight: 400;
-        font-size: 16px;
-        line-height: 50px;
-        margin-bottom: 128px;
-        width: 138px;
-        height: 50px;
-      }
-    }
-  }
-
-  @media (max-width: 768px) {
-    .client-course-classification {
-      box-sizing: border-box;
-      text-align: center;
-      height: unset;
-      padding: 35px 0;
-
-      .classification-title {
-        margin-bottom: 42px;
-      }
-    }
-
-    .client-course-classification__info {
-      height: auto;background-repeat: no-repeat;
-      background-size: cover;padding-top: 42px;
-      .classification__info-mainTitle{
-        font-size: 15px;color: #333;margin-bottom: 16px;letter-spacing:0;
-      }
-      .classification__info-subHead{
-        font-size: 13px;color: #555;margin-bottom: 16px;letter-spacing:0;
-      }
-
-      .classification-btns {
-        margin-top: 20px;
-        .classification-online-zixun {
-          margin-bottom: 60px;
-        }
-      }
-    }
-
-  }
-
-}
-</style>

pages/courseware/synopsis.vue

@@ -1,183 +0,0 @@
-<!-- 课程开发梗概页面-->
-<template>
-    <div class="website-course-synopsis-page">
-      <!-- 课程开发平台运营 banner栏-->
-      <div :style="{backgroundImage: `url(${synopsisBannerImg})`}" class="website-synopsis-banner" @click="goQuotation"></div>
-
-      <!-- 核心业务 -->
-      <div class="website-course-services">
-        <h4 class="client-title">课程开发</h4>
-        <ul>
-          <li>
-              <div class="synopsis-services-box">
-                <img :src="synopsisImg1" alt="教学课程" />
-                <div class="course-services-content">
-                  <h6>教学课程</h6>
-                  <p>用心做好课，口碑服务15载</p>
-                  <ul class="synopsis-list-box">
-                    <li v-for="item in synopsisArr1"><i></i><span>{{item}}</span></li>
-                  </ul>
-                  <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="onlineConsult">在线咨询</div><span  class="client-default-Btn" @click="goQuotation">立即申请制作</span></div>
-                </div>
-              </div>
-          </li>
-          <li class="synopsis-blue">
-              <div class="synopsis-services-box website-row-reverse">
-                <img :src="synopsisImg2" alt="高端动画" />
-                <div class="course-services-content">
-                  <h6>高端动画</h6>
-                  <p>只做有灵魂的动画，“帧”“秒”必争</p>
-                  <ul class="synopsis-list-box">
-                    <li v-for="item in synopsisArr2"><i></i><span>{{item}}</span></li>
-                  </ul>
-                  <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="onlineConsult">在线咨询</div><span  class="client-default-Btn" @click="goGddh">了解更多</span></div>
-                </div>
-              </div>
-          </li>
-          <li>
-              <div class="synopsis-services-box">
-                <img :src="synopsisImg3" alt="微课开发" />
-                <div class="course-services-content">
-                  <h6>微课开发</h6>
-                  <p>微课制作参赛获奖，经验很重要！</p>
-                  <ul class="synopsis-list-box">
-                    <li v-for="item in synopsisArr3"><i></i><span>{{item}}</span></li>
-                  </ul>
-                  <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="onlineConsult">在线咨询</div><span  class="client-default-Btn" @click="goWkzz">了解更多</span></div>
-                </div>
-              </div>
-          </li>
-          <li class="synopsis-blue">
-              <div class="synopsis-services-box website-row-reverse">
-                <img :src="synopsisImg4" alt="课件PPT" />
-                <div class="course-services-content">
-                  <h6>课件PPT</h6>
-                  <p>教学类课件PPT，轻松制作高效可靠</p>
-                  <ul class="synopsis-list-box">
-                    <li v-for="item in synopsisArr4"><i></i><span>{{item}}</span></li>
-                  </ul>
-                  <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="onlineConsult">在线咨询</div><span  class="client-default-Btn" @click="goPPt">了解更多</span></div>
-                </div>
-              </div>
-          </li>
-          <li>
-              <div class="synopsis-services-box">
-                <img :src="synopsisImg5" alt="学习系统" />
-                <div class="course-services-content">
-                  <h6>学习系统</h6>
-                  <p>麦塔学习系统，一站式服务更方便！</p>
-                  <ul class="synopsis-list-box">
-                    <li v-for="item in synopsisArr5"><i></i><span>{{item}}</span></li>
-                  </ul>
-                  <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="onlineConsultXx">在线咨询</div><span  class="client-default-Btn" @click="goXxxt">了解更多</span></div>
-                </div>
-              </div>
-          </li>
-        </ul>
-
-      </div>
-
-      <!--  课程报价区域  -->
-      <div class="client-course-quotation" ref="quotation">
-        <div class="client-container quotation-wrap">
-          <div class="left-text">
-            <h3>课程定制在线报价</h3>
-            <p>栋科客服人员会在30分钟内与你取得联系</p>
-          </div>
-          <courseBaojia class="baojia-form" tag="kckf" :user-list="userList" :sum="custom_sum"></courseBaojia>
-        </div>
-      </div>
-
-    </div>
-</template>
-
-<script>
-    import courseBaojia from "@/components/course/course-baojia";
-    export default {
-        name: 'synopsis',
-        layout:'templateB',
-      async asyncData({ $axios, store }) {
-        // 设置选中菜单
-        store.commit('setActiveNav', '/courseware');
-
-        let [res2, res3] = await Promise.all([
-                                               $axios.$post(`/develop/sum`, {}),
-                                               $axios.$post(`/develop/userlist`, {}),
-                                             ])
-        return {
-          custom_sum: res2.data || 0,
-          userList: res3.data.data || []
-        }
-      },
-        data() {
-          return {
-            // 发展现状img
-            synopsisBannerImg: require(`~/static/images/client/course/course-synopsis-banner.jpg`),
-            synopsisImg1:  require(`~/static/images/client/course/course-synopsis-img1.png`),
-            synopsisImg2:  require(`~/static/images/client/course/course-synopsis-img2.png`),
-            synopsisImg3:  require(`~/static/images/client/course/course-synopsis-img3.png`),
-            synopsisImg4:  require(`~/static/images/client/course/course-synopsis-img4.png`),
-            synopsisImg5:  require(`~/static/images/client/course/course-synopsis-img5.png`),
-            // 为什么选择我们
-            choseImg1:   require(`~/static/images/client/index/index-chose-service-icon.png`),
-            choseImg2:   require(`~/static/images/client/index/index-chose-system-icon.png`),
-            choseImg3:   require(`~/static/images/client/index/index-chose-tech-icon.png`),
-            choseImg4:   require(`~/static/images/client/index/index-chose-operate-icon.png`),
-            synopsisArr1:['高等院校','公司企业','培训机构','政府机构','媒体出版','事业单位'],
-            synopsisArr2:['Mg动画','情景动画','Flash动画','片头动画','定格动画','动画短片','三维动画','宣传动画'],
-            synopsisArr3:['动画微课','视频微课','文图微课','长图微课','PPT微课','H5微课'],
-            synopsisArr4:['优质公开课','教育精品课','培训网络课','教学PPT制作', '医学PPT制作','PPT美化','PPT修改','PPT设计'],
-            synopsisArr5:['在线考试','在线培训','组卷抽题','线上直播','考试防作弊','视频课程','阅卷判卷','学习监控'],
-          }
-        },
-      head(){
-        return {
-          SystemWidthFlag:false,// 判断是否是手机端，默认为false，默认为PC端
-          title: '课程制作_课件制作_微课动画制作_教学课件制作价格',
-          meta: [
-            {
-              name: 'keywords',
-              content: '课件,微课,课程制作,课件制作,微课制作,教学课件,微课动画,微课课件,教学课件'
-            },
-            {
-              name:'description',
-              content:'麦塔拥有国内专业、成熟的课程制作团队，丰富的电子课程制作经验，业务方向包括教学\n' +
-                        '设计体验、图文内容演示、教学课件、微课、情景动画等，在院校教育、零售连锁行业、汽车行业、金融等12大行业课程开发经验超过15年，规范可靠的研发流程、完善的质量评估和卓越的项目管理体系，能高效稳定地保障支付。'
-            }
-          ],
-        }
-      },
-      components: {
-        courseBaojia,
-      },
-      methods:{
-        onlineConsult(){
-          window.open('https://affim.baidu.com/cps/chat?siteId=17930746&userId=40179606&siteToken=d9c57b2ea4cbedbb044677ef47a1e2d1')
-        },
-        onlineConsultXx(){
-          window.open('https://affim.baidu.com/cps/chat?siteId=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd')
-        },
-        goGddh(){
-          this.$router.push({ path: '/courseware/animation' });
-        },
-        goWkzz(){
-          this.$router.push({ path: '/courseware/custom' });
-        },
-        goPPt(){
-          this.$router.push({ path: '/courseware/ppt' });
-        },
-        goXxxt(){
-          window.open('https://cdnks.mtavip.com/a/register?flug=2')
-        },
-        goQuotation() {
-          document.documentElement.scrollTop = this.$refs.quotation.offsetTop - 150;
-          window.pageYOffset = this.$refs.quotation.offsetTop - 150;
-          document.body.scrollTop = this.$refs.quotation.offsetTop - 150;
-        }
-      },
-    };
-</script>
-
-<style scoped>
-
-</style>

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=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:    '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=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>分支机构众多，需培训或传达相关事务时，费时费力</p></li>
-            <li><i></i>
-              <p>内部沟通不顺畅，用QQ沟通工作效率低、添加人员麻烦</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,494 +0,0 @@
-<template>
-  <div>
-    <div class="client-new-platform-page">
-
-      <!-- 考试平台页 banner栏 -->
-      <div class="client-platform-new-banner">
-        <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${bannerList[0].pic||require(`~/static/images/client/exam/exam-banner-background.jpg`)})`}" ></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="enterCode" @mouseleave="leaveCode"><i></i>
-              <h5>手机学员端</h5>
-              <p>用手机扫描二维码</p>
-              <p>考生30秒体验答卷</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>
-        &lt;!&ndash; 手机轮播 &ndash;&gt;
-        <div class="experience-swiper-box mta-hidden-sm">
-          <div v-swiper:mySwiper="swiperOption" class="swiper-container">
-            <div class="swiper-wrapper">
-              <div class="swiper-slide">
-                <div class="experience-content-box">
-                  <i class="sjxyd-icon"></i>
-                  <h5>手机学员端</h5>
-                  <p>点击立即体验按钮，考生30秒体验答卷</p>
-                  <a style="cursor: default" @click="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>
-              &lt;!&ndash;<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>&ndash;&gt;
-            </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 website-row-reverse">
-              <img :src="advantagesImg1" alt="万人并发运行顺畅" />
-              <div class="products-services-content">
-                <h5>良好高并发性和访问安全性</h5>
-                <p>采用的运行稳定、安全性很高的JAVA语言开发；拥有强大的考试并发负载能力，支持万人以上考生同时在线考试；分布式微服务架构、开放、安全、高能、高可靠的服务调用； 为企业快速、灵活构建大规模分布式服务应用提供基础；</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>
-                <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 website-row-reverse">
-              <img :src="advantagesImg3" alt="微信答题一扫就考" />
-              <div class="products-services-content">
-                <h5>PC移动支持多终端，随时随地考试</h5>
-                <p>支持PC使用，更支持移动端H5使用，还可以支持微信绑定答题，学员用手机扫描二维码，轻松答题支持专属APP的定制</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>
-                <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>无论传统的培训还是新型的在线培训，企业都需要利用考核来进行培训效果评估，可以实现人才岗位胜任力测评、按需培训、绩效考核等功能，为领导者对员工素质进行评价和分析提供有力的数据支持。</p>
-              </div>
-            </li>
-            <li>
-              <div class="application-scenarios-content">
-                <div class="application-scenarios-img"></div>
-                <h5>大型竞赛</h5>
-                <p>多种组卷、考试模式，可以覆盖大多数竞赛场景，报名注册只需简单一步就搞定，无中间流程，企业还可自由定制证书，合格后进行发放，降低使用成本，规范、快捷、高效，万人同考无压力。</p>
-              </div>
-            </li>
-            <li>
-              <div class="application-scenarios-content">
-                <div class="application-scenarios-img"></div>
-                <h5>资格考试</h5>
-                <p>不限次发布考试，特殊题型可使用拍照上传功能，考生后台记录历史成绩，通过考试分析及时了解考生知识掌握情况，在线考试能突破时间空间限制，有利于组织大规模的考试，提高教学考核方式的灵活性。</p>
-              </div>
-            </li>
-          </ul>
-          <!-- 手机轮播 -->
-          <div class="experience-swiper-box mta-hidden-sm">
-            <div v-swiper:mySwiperCj="swiperOptionCj" class="swiper-container">
-              <ul class="swiper-wrapper">
-                <li class="swiper-slide">
-                  <div class="experience-content-box scenarios-gwks-box">
-                    <i class="product-function-icon1"></i><h5>岗位考试</h5>
-                    <p>无论传统的培训还是新型的在线培训，企业都需要利用考核来进行培训效果评估，可以实现人才岗位胜任力测评、按需培训、绩效考核等功能，为领导者对员工素质进行评价和分析提供有力的数据支持。</p>
-                  </div>
-                </li>
-                <li class="swiper-slide">
-                  <div class="experience-content-box scenarios-dxjs-box">
-                    <i class="product-function-icon2"></i><h5>大型竞赛</h5>
-                    <p>多种组卷、考试模式，可以覆盖大多数竞赛场景，报名注册只需简单一步就搞定，无中间流程，企业还可自由定制证书，合格后进行发放，降低使用成本，规范、快捷、高效，万人同考无压力。</p>
-                  </div>
-                </li>
-                <li class="swiper-slide">
-                  <div class="experience-content-box scenarios-zgks-box">
-                    <i class="product-function-icon3"></i><h5>资格考试</h5>
-                    <p>不限次发布考试，特殊题型可使用拍照上传功能，考生后台记录历史成绩，通过考试分析及时了解考生知识掌握情况，在线考试能突破时间空间限制，有利于组织大规模的考试，提高教学考核方式的灵活性。</p>
-                  </div>
-                </li>
-              </ul>
-              <div class="swiper-pagination swiper-pagination-style"></div>
-              <p class="experience-swiper-tip">←左右滑动查看更多→</p>
-            </div>
-          </div>
-          <a rel="nofollow" class="free-trial-default-btn" @click="FreeTrial">免费试用</a>
-        </div>
-      </div>
-
-      <!-- 新闻资讯 -->
-      <div class="platform-news-information mta-hidden-xs">
-        <div class="client-container">
-          <h4 class="client-title">新闻资讯</h4>
-          <ul>
-            <li style="font-size: 16px" v-for="(item, index) in topCarousels">
-              <div>
-                <img :src="item.pic" alt="新闻资讯" />
-                <h4 @click="checkInfo(item)">{{ item.title }}</h4>
-                <span>发布时间：{{item.yyyy }}-{{ item.mmdd }}</span>
-                <p>{{ item.intro }}</p>
-              </div>
-            </li>
-          </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(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:'麦塔在线考试软件系统是专业的网络考试应用软件，不仅为企业节省考试成本，更方便企业对考试工作的管理，为领导者和管理层全方位了解考试情况提供了有效的数据支持。'
-          }
-        ],
-      }
-    },
-    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=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;
-        }
-      },
-      // 考试体验按钮
-      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,118 +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=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="financeDevelopImg" alt="金融保险的发展现状"/>
-      </div>
-    </div>
-
-    <!-- 金融行业的问题 -->
-    <div class="finance-question-box">
-      <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=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:    '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,176 +0,0 @@
-<template>
-  <div class="client-platform-page client-indexEducation-page">
-
-    <!-- “1+X”教育 banner栏 -->
-    <div class="client-platform-new-banner">
-      <div :style="{backgroundImage: `url(${require(`~/static/images/client/indexEducation/index-education-banner.jpg`)})`}"></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”培训平台，将职业技能实训融入到教学资源中，配套丰富的教学资源及精准的实训设施，为学生顺利取得“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>院校技术人才培养机制欠缺</span><br>
-                  <span>课程设置以理论为主，教学方式单一</span><br>
-                  <span>缺乏针对职业考核要素的实训环境及考核模拟</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+X”培训平台，行业领域全面覆盖</span><br>
-                  <span>提供完整的人才培养解决方案，提供“教、学、训、研、测”一体化的教学实训体系</span><br>
-                  <span>行业内权威人才测评认证能力，提供一套体系化应用型人才测评系统，对测评人专业知识、专业技能、综合素质及内隐特质进行综合评价</span><br>
-                  <span>提供多维度的师资力量建设计划</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>
-      </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=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="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/introduction/index.vue

@@ -1,201 +0,0 @@
-<template>
-  <div class="client-aboutUs-page">
-    <!-- 关于我们banner栏 -->
-    <div class="aboutUs-banner"></div>
-
-    <!-- 公司简介 -->
-    <div class="company-profile-box">
-      <div class="client-container">
-          <img :src="companyProfileImg" alt="公司简介">
-          <p>大连栋科软件工程有限公司是专业的教育软件与数字化资源服务供应商，创立于2007年，总部位于大连软件园。</p>
-          <p>公司凭借成熟的项目研发和管理经验，致力于为客户提供全方位的在线教育解决方案，实现移动化、平台化、知识化、智能化学习管理模式，让学习变得更轻松。“共同成长、相伴一生”是栋科软件始终不渝的核心价值观。栋科软件将一如既往，持续创新、创造价值，与客户、合作伙伴共享共赢。</p>
-      </div>
-    </div>
-
-    <!-- 品牌介绍 -->
-    <div class="brand-introduction-box">
-      <div class="client-container fn-clear">
-        <div class="brand-introduction-content">
-          <div class="brand-introduction-left">
-            <h4>品牌介绍</h4>
-            <img :src="brandIntroductionImg" alt="品牌介绍">
-          </div>
-          <span>MTA是Master of Training  Administration的缩写，含义是培训管理专家，麦塔致力于为客户提供专业的在线教育方案，打造企业核心竞争力。麦塔品牌诞生于2009年，公司创始团队多年来一直深耕在线教育领域，积累了丰富的行业经验。研发团队集结了来自互联网、科技、教育等多个领域专家级研发工程师，率先实现了移动化、平台化、知识化、智能化的学习管理模式。麦塔肩负着“改变互联网教育未来”的使命，持续创新、创造价值，与客户和合作伙伴共享共赢。</span>
-        </div>
-      </div>
-    </div>
-
-    <!-- 企业发展历程 -->
-    <div class="enterprise-development-box mta-hidden-xs">
-      <h4 class="client-title mb40">企业发展历程</h4>
-      <div class="client-container fn-clear">
-        <el-tabs v-model="activeName" class="enterprise-development-tab">
-          <el-tab-pane label="2008年-2014年" name="first">
-            <ul>
-              <li>
-                  <div><img :src="enterpriseDevImg1" alt="企业发展历程"></div>
-                  <p><i>3月</i><span>栋科软件正式注册成立</span></p>
-                  <p><i>5月</i><span>公司课件开发部门组建完毕</span></p>
-              </li>
-              <li>
-                <div><img :src="enterpriseDevImg2" alt="企业发展历程"></div>
-                <p><i>5月</i><span>麦塔1.0考培系统发布</span></p>
-                <p><i>6月</i><span>正式进军企培行业</span></p>
-              </li>
-              <li>
-                <div><img :src="enterpriseDevImg3" alt="企业发展历程"></div>
-                <p><i>3月</i><span>与步步高展开合作</span></p>
-                <p><i>6月</i><span>麦塔网校版正式研发成功</span></p>
-              </li>
-              <li>
-                <div><img :src="enterpriseDevImg4" alt="企业发展历程"></div>
-                <p><i>3月</i><span>麦塔2.0产品发布</span></p>
-                <p><i>8月</i><span>成立全国推广事业部</span></p>
-              </li>
-            </ul>
-          </el-tab-pane>
-          <el-tab-pane label="2016年-2022" name="second">
-            <ul class="enterprise-second-ul">
-              <li>
-                <div><img :src="enterpriseDevImg5" alt="企业发展历程"></div>
-                <p><i>8月</i><span>麦塔3.0产品发布</span></p>
-                <p><i>12月</i><span>企业用户突破4万</span></p>
-              </li>
-              <li>
-                <div><img :src="enterpriseDevImg6" alt="企业发展历程"></div>
-                <p><i>7月</i><span>麦塔4.0产品发布</span></p>
-                <p><i>12月</i><span>课程开发时长超2万小时</span></p>
-              </li>
-              <li>
-                <div><img :src="enterpriseDevImg7" alt="企业发展历程"></div>
-                <p><i>4月</i><span>麦塔SaaS版产品发布</span></p>
-                <p><i>8月</i><span>企业用户已突破15万</span></p>
-              </li>
-              <li style="overflow:hidden;height: 197px">
-                <div><img :src="enterpriseDevImg8" alt="企业发展历程"></div>
-                <p><i>4月</i><span>推出麦塔一体化解决方案，整合培训、考核相关功能模块</span></p>
-                <p><i>12月</i><span>企业用户规模稳步增长，课程开发累计时长持续提升</span></p>
-              </li>
-            </ul>
-          </el-tab-pane>
-
-          <el-tab-pane label="2022年-现在" name="three">
-            <ul class="enterprise-second-ul">
-              <li style="overflow:hidden;height: 197px">
-                <div><img :src="enterpriseDevImg9" alt="企业发展历程"></div>
-                <p><i>3月</i><span>麦塔SaaS版完成大版本更新迭代</span></p>
-                <p><i>11月</i><span>凭借核心技术研发实力，获得相关行业资质认定，累计取得多项技术认证</span></p>
-              </li>
-              <li>
-
-              </li>
-              <li>
-
-              </li>
-              <li>
-
-              </li>
-            </ul>
-          </el-tab-pane>
-        </el-tabs>
-      </div>
-
-
-
-    </div>
-
-    <!-- 企业文化 -->
-    <div class="corporate-culture-box">
-      <div class="client-container">
-        <h4 class="client-title mb40">企业文化</h4>
-        <ul>
-          <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>只有客户的成功，才有我们的成功</p></div></li>
-        </ul>
-      </div>
-    </div>
-
-
-    <!-- 联系我们 -->
-    <div class="contact-us-box">
-      <div class="client-container">
-        <h4 class="client-title mb40">联系我们</h4>
-        <ul class="contact-container-box">
-          <li><i></i><span>联系电话：400-052-2130</span></li>
-<!--          <li><i></i><span>1713483622/3205144194</span></li>-->
-          <li><i></i><span>投诉电话：13390017009</span></li>
-          <li><i></i><span>公司地址：大连市沙河口区数码路北段25号201室</span></li>
-          <li><i></i><span>公司邮箱：service@llisoft.com</span></li>
-        </ul>
-      </div>
-        <img :src="contactUsImg" alt="联系我们" class="mta-hidden-xs"/>
-        <img :src="contactUsImgH5" alt="联系我们" class="mta-hidden-sm"/>
-
-    </div>
-
-  </div>
-
-
-</template>
-
-<script>
-  export default {
-    name:     'introduction',
-    layout:   'templateB',
-    asyncData({ store }) {
-      // 设置选中菜单
-      store.commit('setActiveNav', '/introduction');
-    },
-    data() {
-      return {
-        // 公司简介图片
-        companyProfileImg:    require(`~/static/images/client/aboutUs/company-profile-img.png`),
-        brandIntroductionImg: require(`~/static/images/client/aboutUs/aboutUs-logo.png`),
-        // 企业发展历程
-        enterpriseDevImg1:  require(`~/static/images/client/aboutUs/enterprise-development-img1.png`),
-        enterpriseDevImg2:  require(`~/static/images/client/aboutUs/enterprise-development-img2.png`),
-        enterpriseDevImg3:  require(`~/static/images/client/aboutUs/enterprise-development-img3.png`),
-        enterpriseDevImg4:  require(`~/static/images/client/aboutUs/enterprise-development-img4.png`),
-        enterpriseDevImg5:  require(`~/static/images/client/aboutUs/enterprise-development-img5.png`),
-        enterpriseDevImg6:  require(`~/static/images/client/aboutUs/enterprise-development-img6.png`),
-        enterpriseDevImg7:  require(`~/static/images/client/aboutUs/enterprise-development-img7.png`),
-        enterpriseDevImg8:  require(`~/static/images/client/aboutUs/enterprise-development-img8.png`),
-        enterpriseDevImg9:  require(`~/static/images/client/aboutUs/enterprise-development-img9.png`),
-        // 联系我们
-        contactUsImg:  require(`~/static/images/client/aboutUs/contact-us-img.png`),
-        contactUsImgH5:  require(`~/static/images/client/aboutUs/contact-us-img-H5.png`),
-        // 企业发展历程默认tab页
-        activeName: 'first'
-      };
-    },
-    head(){
-      return {
-        title: '栋科软件公司简介_栋科软件联系方式',
-        meta: [
-          {
-            name: 'keywords',
-            content: '栋科软件公司简介'
-          },
-          {
-            name:'description',
-            content:'大连栋科软件工程有限公司是专业的教育软件供应商，2007年，栋科软件创立于大连软件园。公司主营业务包括：中小学、高中、各大高校的教育软件产品、企业在线培训解决方案、在线考试软件产品，及相关平台服务等。目前，公司拥有办公基础软件研发、教育动漫产品研发、在线培训运营、数据测试、线上售后服务等事业部。'
-          }
-        ],
-      }
-    },
-    computed: {},
-    methods:  {},
-    created() {
-
-    },
-    mounted() {
-    },
-    beforeDestroy() {
-    },
-  };
-</script>
-<style>
-
-</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=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" 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=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" target="_blank" class="mta-hidden-xs">
-                <img :src="btnImg" alt="在线咨询"></a>
-                <a href="https://p.qiao.baidu.com/cps/chat?siteId=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" 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=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" target="_blank" class="mta-hidden-xs">
-                  <img :src="btnImg" alt="在线咨询"></a>
-                <a href="https://p.qiao.baidu.com/cps/chat?siteId=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" 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=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" target="_blank" class="btn-big-box mta-hidden-xs">
-          <img :src="btnBigImg" alt="">
-        </a>
-        <a href="https://p.qiao.baidu.com/cps/chat?siteId=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" 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=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" target="_blank" class="btn-big-box mta-hidden-xs">
-            <img :src="btnBigImg" alt="">
-          </a>
-          <a href="https://p.qiao.baidu.com/cps/chat?siteId=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" 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=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" target="_blank" class="btn-big-box mta-hidden-xs">
-          <img :src="btnBigImg" alt="">
-        </a>
-        <a href="https://p.qiao.baidu.com/cps/chat?siteId=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" 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=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" target="_blank" class="btn-big-box mta-hidden-xs">
-          <img :src="btnBigImg" alt="">
-        </a>
-        <a href="https://p.qiao.baidu.com/cps/chat?siteId=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" 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>应用于各类考试测评，显著提高考试通过率</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/registerPhone.vue

@@ -1,267 +0,0 @@
-<template>
-  <!-- 课程申请方案弹窗 仅手机使用-->
-  <div class="course-develop-page register-phone-page">
-    <div>
-      <p class="course-develop-title">填写信息，免费为您开通使用账户</p>
-      <el-form :model="telChangeDate" status-icon ref="ruleTelForm" class="course-develop-form">
-        <el-form-item  prop="tel">
-          <el-input v-model="telChangeDate.tel" placeholder="请输入手机号" class="dialog-input-tel"></el-input>
-        </el-form-item>
-        <div id="your-dom-id" class="nc-container"></div>
-        <el-form-item prop="verification">
-          <div class="verification">
-            <el-input v-model="telChangeDate.verification" placeholder="请输入验证码" class="course-develop-input-code"></el-input>
-            <el-button  @click="checkVerification" :disabled="btnTextDisabled" class="course-develop-code-btn">{{btnText}}</el-button>
-          </div>
-        </el-form-item>
-        <el-form-item  prop="company">
-          <el-input v-model="telChangeDate.company" placeholder="请输入公司名称" class="dialog-input-tel"></el-input>
-        </el-form-item>
-        <el-form-item  prop="company" class="dialog-input-company">
-          <el-radio-group v-model="telChangeDate.modules" >
-            <el-radio label="1">考试系统</el-radio>
-            <el-radio label="2">培训系统</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <div class="form-blue-btn" @click="dialogSave">申请方案</div>
-      </el-form>
-
-      <a href="tel:400-052-2130" class="course-develop-tel">咨询电话：400-052-2130</a>
-    </div>
-
-  </div>
-</template>
-
-<script>
-  export default {
-    name:     'CourseDevelopPhone',
-    layout:   'templateB',
-    data() {
-      return {
-        telChangeDate:   {
-          tel:'',
-          verification:'',
-          company:'',
-          modules:'1',
-        },
-        pageName:'',// 跳进来的页面名称
-        btnTextDisabled: false,
-        btnText:         '获取验证码',
-        countdown:       60, // 60秒倒计时
-        sliderData:      {},
-        appKey:          'FFFF0N00000000007EC0',
-      };
-    },
-    head(){
-    },
-    computed: {},
-    methods:  {
-      // 申请方案按钮
-      dialogSave(){
-        this.$refs.ruleTelForm.validate((valid) => {
-          if (valid) {
-            // 请求后台
-            const options = {
-              phone:  this.telChangeDate.tel,
-              code: this.telChangeDate.verification,
-            };
-
-            this.$axios.$post('/develop/add',options).then(res=>{
-              if (res.code === 0 && res.data) {
-                this.$message({customClass:'phone-message-box',type: 'success',message: '申请成功'});
-                // 根据跳进来的页面跳出去
-                switch (this.pageName) {
-                  case 'shouye':
-                    this.$router.push({ name: 'index' });
-                    break;
-                  case 'course':
-                    this.$router.push({ path: '/courseware/synopsis' });
-                    break;
-                  case 'resources':
-                    this.$router.push({ name: 'resources' });
-                    break;
-                  default:
-                    this.$router.push({ name: 'index' });
-                }
-              }else{
-                this.$message({customClass:'phone-message-box',type: 'error',message: res.msg});
-              }
-            });
-          }
-        });
-
-      },
-
-      // 验证码
-      checkVerification() {
-        if(this.telChangeDate.tel===''||this.telChangeDate.tel===undefined){
-          this.$message({customClass:'phone-message-box',type: 'error',message: '请填写手机号'});
-          return;
-        }else if(this.sliderData.appkey === undefined){
-          this.$message({customClass:'phone-message-box',type: 'error',message: '请先通过滑块校验'});
-          return;
-        }
-        this.$axios.$post(`/develop/exists`,{  phone: this.telChangeDate.tel}).then(res=>{
-
-          if (res.code === 0 && res.data) {
-
-            let req = {
-              'appkey':    this.sliderData.appkey,
-              'phone':     this.telChangeDate.tel,
-              'scene':     this.sliderData.scene,
-              'sessionid': this.sliderData.csessionid,
-              'sig':       this.sliderData.sig,
-              'token':     this.sliderData.token,
-              'type':      0,
-            }
-            this.$axios.$post('/sendCode',req).then(res=>{
-              if (res.code === 0 && res.data) {
-                this.setTime();
-              }else{
-                this.$message({customClass:'phone-message-box',type: 'error',message: res.msg});
-              }
-            })
-          } else {
-            this.$message.error('手机号已存在');
-            return false;
-          }
-
-        })
-      },
-
-      /**
-       * 串联加载指定的脚本
-       * 串联加载[异步]逐个加载，每个加载完成后加载下一个
-       * 全部加载完成后执行回调
-       * @param array|string 指定的脚本们
-       * @param function 成功后回调的函数
-       * @return array 所有生成的脚本元素对象数组
-       * 异步加载js后运行回调函数callback / scripts 为数组或字符串
-       */
-      seriesLoadScripts(scripts, callback) {
-        if (typeof (scripts) != 'object') {
-          var scripts = [scripts];
-        }
-        var HEAD = document.getElementsByTagName('head').item(0) || document.documentElement;
-        var s = new Array(), last = scripts.length - 1, recursiveLoad = function (i) { //递归
-          s[i] = document.createElement('script');
-          s[i].setAttribute('type', 'text/javascript');
-          s[i].onload = s[i].onreadystatechange = function () { //Attach handlers for all browsers
-            if (!/*@cc_on!@*/0 || this.readyState == 'loaded' || this.readyState == 'complete') {
-              this.onload = this.onreadystatechange = null;
-              this.parentNode.removeChild(this);
-              if (i != last) {
-                recursiveLoad(i + 1);
-              } else if (typeof (callback) == 'function') {
-                callback();
-              }
-            }
-          };
-          s[i].setAttribute('src', scripts[i]);
-          HEAD.appendChild(s[i]);
-        };
-        recursiveLoad(0);
-      },
-
-      // 倒计时60秒
-      setTime() {
-        if (this.countdown === 0) {
-          this.btnTextDisabled = false;
-          this.btnText = '免费获取验证码';
-          this.countdown = 60;
-        } else {
-          this.btnTextDisabled = true;
-          this.btnText = '重新发送(' + this.countdown + 's)';
-          this.countdown--;
-          setTimeout(() => {
-            this.setTime();
-          }, 1000);
-        }
-      },
-      // 滑块
-      sliderFun() {
-        const nc_token = [this.appKey, (new Date()).getTime(), Math.random()].join(':');
-        console.log(nc_token);
-        const NC_Opt = {
-          //声明滑动验证需要渲染的目标元素ID。
-          renderTo:    '#your-dom-id',
-          //应用类型标识。它和使用场景标识（scene字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在人机验证控制台的配置管理页签找到对应的appkey字段值，请务必正确填写。
-          appkey:      this.appKey,
-          //使用场景标识。它和应用类型标识（appkey字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在人机验证控制台的配置管理页签找到对应的scene值，请务必正确填写。
-          scene:       'nc_message',
-          //滑动验证码的主键，请勿将该字段定义为固定值。确保每个用户每次打开页面时，其token值都是不同的。系统默认的格式为：”您的appkey”+”时间戳”+”随机数”。
-          token:       nc_token,
-          //滑动条的宽度。
-          customWidth: 300,
-          //业务键字段，可为空。为便于线上问题的排查，建议您按照线上问题定位文档中推荐的方法配置该字段值。
-          trans:       { 'key1': 'code0' },
-          //通过Dom的ID属性自动填写trans业务键，可为空。建议您按照线上问题定位文档中推荐的方法配置该字段值。
-          elementID:   ['usernameID'],
-          //是否自定义配置底层采集组件。如无特殊场景，请使用默认值（0），即不自定义配置底层采集组件。
-          is_Opt:      0,
-          //语言。PC端Web页面场景默认支持18国语言，详细配置方法请参见自定义文案与多语言文档。
-          language:    'cn',
-          //是否启用。一般情况，保持默认值（true）即可。
-          isEnabled:   true,
-          //内部网络请求的超时时间。一般情况建议保持默认值（3000ms）。
-          timeout:     3000,
-          //允许服务器超时重复次数，默认5次。超过重复次数后将触发报错。
-          times:       5,
-          //用于自定义滑动验证各项请求的接口地址。一般情况，请勿配置该参数。
-          apimap:      {
-            // 'analyze': '//a.com/nocaptcha/analyze.jsonp',
-            // 'get_captcha': '//b.com/get_captcha/ver3',
-            // 'get_captcha': '//pin3.aliyun.com/get_captcha/ver3'
-            // 'get_img': '//c.com/get_img',
-            // 'checkcode': '//d.com/captcha/checkcode.jsonp',
-            // 'umid_Url': '//e.com/security/umscript/3.2.1/um.js',
-            // 'uab_Url': '//aeu.alicdn.com/js/uac/909.js',
-            // 'umid_serUrl': 'https://g.com/service/um.json'
-          },
-          //前端滑动验证通过时会触发该回调参数。您可以在该回调参数中将请求标识（token）、会话ID（sessionid）、签名串（sig）字段记录下来，随业务请求一同发送至您的服务端调用验签。
-          callback:    (data) => {
-            this.sliderData = Object.assign({}, data, {
-              appkey: NC_Opt.appkey,
-              scene:  NC_Opt.scene,
-            });
-            console.log( this.sliderData);
-          },
-        };
-        let date11 = () => {
-
-          let _date = new Date();
-          let year = _date.getFullYear().toString();
-          let month = _date.getMonth().toString();
-          let day = _date.getDate().toString();
-          let a = _date.getHours().toString();
-          let b = _date.getMinutes().toString();
-          let c = _date.getSeconds().toString();
-
-          return year + month + day + a + b + c;
-        };
-        let c = date11();
-        const scripts = [
-          `https://g.alicdn.com/sd/ncpc/nc.js?t=${c}`,
-        ];
-        this.seriesLoadScripts(scripts, function () {
-          var nc = new noCaptcha(NC_Opt);
-          nc.upLang('cn', {
-            _startTEXT:    '请按住滑块，拖动到最右边',
-            _yesTEXT:      '验证通过',
-            _error300:     '哎呀，出错了，点击<a href="javascript:__nc.reset()">刷新</a>再来一次',
-            _errorNetwork: '网络不给力，请<a href="javascript:__nc.reset()">点击刷新</a>',
-          });
-        });
-
-      },
-    },
-    created() {
-      this.pageName = this.$route.query.pageName;
-    },
-    mounted() {
-      this.sliderFun();
-    },
-    beforeDestroy() {
-    },
-  };
-</script>

pages/resources/index.vue

@@ -1,488 +0,0 @@
-<template>
-  <div class="client-platform-page client-resources-page">
-
-    <!-- 题库资源页 banner栏 -->
-    <div class="client-platform-banner">
-      <div  :style="{backgroundImage: `url(${require(`~/static/images/client/resources/resources-banner-background.jpg`)})`}" class="client-platform-banner"></div>
-    </div>
-    <!--  企业通用岗位培训方案 -->
-    <div class="client-container">
-      <h4 class="client-title">企业通用岗位培训方案</h4>
-      <ul class="train-scheme-list">
-        <li><div><i></i><span>职业素养</span></div></li>
-        <li><div><i></i><span>领导能力</span></div></li>
-        <li><div><i></i><span>人力资源</span></div></li>
-        <li><div><i></i><span>市场营销</span></div></li>
-        <li><div><i></i><span>行政管理</span></div></li>
-        <li><div><i></i><span>财务管理</span></div></li>
-        <li><div><i></i><span>客服服务</span></div></li>
-        <li><div><i></i><span>产品运营</span></div></li>
-
-      </ul>
-    </div>
-    <div class="platform-products-services">
-      <ul>
-        <li>
-          <div class="client-container">
-            <div class="products-services-box products-contrary-box">
-              <h4 class="client-title">为企业培训打造学习矩阵</h4>
-              <img :src="trainAdvantagesImg1" alt="完善的课程学习体系" />
-              <div class="products-services-content">
-                <p>
-                  课程总数近<span class="blue-big-size">5000门</span><br>
-                  涵盖<span class="blue-big-size">2000个</span>知识要点<br>
-                  提供<span class="blue-big-size">8大通用岗位</span>培训方案<br>
-                  课程资源<span class="blue-big-size">每月持续更新</span><br>
-                </p>
-                <div>
-                  <a class="client-default-Btn" @click="applyFun" >申请方案</a>
-                  <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </li>
-      </ul>
-
-    </div>
-    <!--  情景动画 -->
-    <div class="course-learn-box">
-      <h4 class="client-title">课程内容形式多样</h4>
-      <div class="client-container tc">
-        <ul class="learn-box-list">
-          <li>
-            <a href="https://spdb.mtavip.com/sv/4f2e3958-17880e826df/4f2e3958-17880e826df.mp4"></a>
-            <div>
-              <span><img :src="courseVideoImg19" alt="FLASH动画课程"><i @click="playVideo(0)"></i></span>
-              <p>FLASH动画课程</p>
-              <p class="course-explain-black">主要以图文动画的形式表现教学者的作用和教与学之间的关系，从而改变学习的本质</p>
-            </div>
-          </li>
-          <li>
-            <a href="https://spdb.mtavip.com/65615d29a5da4478b8d4ebfd6810d2da/65ab43fa5fb942aab2af981c2f7ea5c7-da005714eae365940692db31fbf6e9b8-fd.mp4"></a>
-            <div>
-              <span><img :src="courseVideoImg8" alt="视频课程"><i @click="playVideo(1)"></i></span>
-              <p>视频课程</p>
-              <p class="course-explain-black">把教师视频与PowerPoint课件一并摄制下来，生成为视频课件</p>
-            </div>
-          </li>
-          <li>
-            <a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9ce0a1a35285890792886070899/v.f30.mp4"></a>
-            <div><span><img :src="courseVideoImg6" alt="名师讲堂"><i @click="playVideo(2)"></i></span>
-              <p>名师讲堂</p>
-              <p class="course-explain-black">各行各业讲师汇聚一堂，为不同专属领域打造明星级课堂</p>
-            </div>
-          </li>
-        </ul>
-        <div class="platform-products-services">
-          <a class="client-default-Btn" @click="applyFun" >申请方案</a>
-          <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
-        </div>
-      </div>
-    </div>
-
-    <!-- 新闻资讯 -->
-    <div class="platform-news-information">
-      <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
-      :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>
-
-
-    <!--  申请方案弹窗 -->
-    <el-dialog
-      :close-on-click-modal="false"
-      :visible.sync="telDl"
-      @close="delDlClose"
-      class="application-scheme-dialog"
-      center>
-      <i></i>
-      <p>免费获得课程开发解决方案</p>
-      <el-form :model="telChangeDate" status-icon :rules="telRules" ref="ruleTelForm" class="application-scheme-form">
-        <el-form-item  prop="tel">
-          <el-input v-model="telChangeDate.tel" placeholder="请输入手机号" class="dialog-input-tel"></el-input>
-        </el-form-item>
-        <div id="your-dom-id" class="nc-container"></div>
-        <el-form-item prop="verification">
-          <div class="verification">
-            <el-input v-model="telChangeDate.verification" placeholder="请输入验证码" class="dialog-input-code"></el-input>
-            <el-button  @click="checkVerification" :disabled="btnTextDisabled" class="dialog-code-btn">{{btnText}}</el-button>
-          </div>
-        </el-form-item>
-      </el-form>
-      <div class="application-scheme-btn" @click="dialogSave">申请方案</div>
-      <span>免费热线：400-052-2130</span><a href="https://p.qiao.baidu.com/cps/chat?siteId=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" target="_blank">在线客服</a>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:     'resources',
-    layout:   'templateB',
-    async asyncData({ $axios,store }) {
-      // 设置选中菜单
-      store.commit('setActiveNav', '/resources');
-
-
-      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/resources/train-scheme-img.png`),
-        courseVideoImg19:  require(`~/static/images/client/course/course-video-img19.png`),
-        courseVideoImg8:  require(`~/static/images/client/course/course-video-img8.png`),
-        courseVideoImg6:  require(`~/static/images/client/course/course-video-img6.png`),
-        videoArray:[
-          {
-            url:'https://spdb.mtavip.com/sv/4f2e3958-17880e826df/4f2e3958-17880e826df.mp4',
-            fotterText:'主要以图文动画的形式表现教学者的作用和教与学之间的关系，从而改变学习的本质',
-            title:'FLASH动画课程',
-          },
-          {
-            url:'https://spdb.mtavip.com/65615d29a5da4478b8d4ebfd6810d2da/65ab43fa5fb942aab2af981c2f7ea5c7-da005714eae365940692db31fbf6e9b8-fd.mp4',
-            fotterText:'把教师视频与PowerPoint课件一并摄制下来，生成为视频课件',
-            title:'视频课程',
-          },
-          {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/359ee794-17470899bcf-0006-732a-c93-687b7.mp4',
-            fotterText:'各行各业讲师汇聚一堂，为不同专属领域打造明星级课堂',
-            title:'名师讲堂',
-          },
-        ],
-        videoDialogFlag:false,
-        source:'',
-        footerText:'',
-        title:'',
-
-        btnTextDisabled: false,
-        telDl: false,
-        btnText:         '获取验证码',
-        countdown:       60, // 60秒倒计时
-        sliderData:      {},
-        appKey:          'FFFF0N00000000007EC0',
-        telChangeDate:   {},
-        telRules:        {
-          tel:          [
-            { trigger: 'blur', required: true, message: '请输入手机号' },
-          ],
-          verification: [
-            { trigger: 'blur', required: true, message: '请输入验证码' },
-          ],
-        },
-
-
-
-      };
-    },
-    head(){
-      return {
-        SystemWidthFlag:false,// 判断是否是手机端，默认为false，默认为PC端
-        title: '课程资源_学习平台_精品课程资源开发建设_学习平台开发建设',
-        meta: [
-          {
-            name: 'keywords',
-            content: '学习平台开发,学习平台建设'
-          },
-          {
-            name:'description',
-            content:'大连栋科软件工程有限公司凭借成熟的项目研发和管理经验，致力于为客户提供全方位的在线教育解决方案，实现移动化、平台化、知识化、智能化学习管理模式，让学习变得更轻松。“共同成长、相伴一生”是栋科软件始终不渝的核心价值观。'
-          }
-        ],
-      }
-    },
-    computed: {},
-    methods:  {
-      // 判断是否为移动端
-      getSystemWidth(){
-        var browserWidth=document.documentElement.clientWidth;
-        if(browserWidth <= 768){
-          this.SystemWidthFlag = true;
-        }else{
-          this.SystemWidthFlag = false;
-        }
-
-      },
-      // 滑块
-      sliderFun() {
-        const nc_token = [this.appKey, (new Date()).getTime(), Math.random()].join(':');
-        console.log(nc_token);
-        const NC_Opt = {
-          //声明滑动验证需要渲染的目标元素ID。
-          renderTo:    '#your-dom-id',
-          //应用类型标识。它和使用场景标识（scene字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在人机验证控制台的配置管理页签找到对应的appkey字段值，请务必正确填写。
-          appkey:      this.appKey,
-          //使用场景标识。它和应用类型标识（appkey字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在人机验证控制台的配置管理页签找到对应的scene值，请务必正确填写。
-          scene:       'nc_message',
-          //滑动验证码的主键，请勿将该字段定义为固定值。确保每个用户每次打开页面时，其token值都是不同的。系统默认的格式为：”您的appkey”+”时间戳”+”随机数”。
-          token:       nc_token,
-          //滑动条的宽度。
-          customWidth: 300,
-          //业务键字段，可为空。为便于线上问题的排查，建议您按照线上问题定位文档中推荐的方法配置该字段值。
-          trans:       { 'key1': 'code0' },
-          //通过Dom的ID属性自动填写trans业务键，可为空。建议您按照线上问题定位文档中推荐的方法配置该字段值。
-          elementID:   ['usernameID'],
-          //是否自定义配置底层采集组件。如无特殊场景，请使用默认值（0），即不自定义配置底层采集组件。
-          is_Opt:      0,
-          //语言。PC端Web页面场景默认支持18国语言，详细配置方法请参见自定义文案与多语言文档。
-          language:    'cn',
-          //是否启用。一般情况，保持默认值（true）即可。
-          isEnabled:   true,
-          //内部网络请求的超时时间。一般情况建议保持默认值（3000ms）。
-          timeout:     3000,
-          //允许服务器超时重复次数，默认5次。超过重复次数后将触发报错。
-          times:       5,
-          //用于自定义滑动验证各项请求的接口地址。一般情况，请勿配置该参数。
-          apimap:      {
-            // 'analyze': '//a.com/nocaptcha/analyze.jsonp',
-            // 'get_captcha': '//b.com/get_captcha/ver3',
-            // 'get_captcha': '//pin3.aliyun.com/get_captcha/ver3'
-            // 'get_img': '//c.com/get_img',
-            // 'checkcode': '//d.com/captcha/checkcode.jsonp',
-            // 'umid_Url': '//e.com/security/umscript/3.2.1/um.js',
-            // 'uab_Url': '//aeu.alicdn.com/js/uac/909.js',
-            // 'umid_serUrl': 'https://g.com/service/um.json'
-          },
-          //前端滑动验证通过时会触发该回调参数。您可以在该回调参数中将请求标识（token）、会话ID（sessionid）、签名串（sig）字段记录下来，随业务请求一同发送至您的服务端调用验签。
-          callback:    (data) => {
-            this.sliderData = Object.assign({}, data, {
-              appkey: NC_Opt.appkey,
-              scene:  NC_Opt.scene,
-            });
-            console.log( this.sliderData);
-          },
-        };
-        let date11 = () => {
-
-          let _date = new Date();
-          let year = _date.getFullYear().toString();
-          let month = _date.getMonth().toString();
-          let day = _date.getDate().toString();
-          let a = _date.getHours().toString();
-          let b = _date.getMinutes().toString();
-          let c = _date.getSeconds().toString();
-
-          return year + month + day + a + b + c;
-        };
-        let c = date11();
-        const scripts = [
-          `https://g.alicdn.com/sd/ncpc/nc.js?t=${c}`,
-        ];
-        this.seriesLoadScripts(scripts, function () {
-          var nc = new noCaptcha(NC_Opt);
-          nc.upLang('cn', {
-            _startTEXT:    '请按住滑块，拖动到最右边',
-            _yesTEXT:      '验证通过',
-            _error300:     '哎呀，出错了，点击<a href="javascript:__nc.reset()">刷新</a>再来一次',
-            _errorNetwork: '网络不给力，请<a href="javascript:__nc.reset()">点击刷新</a>',
-          });
-        });
-
-      },
-
-      applyFun() {
-        this.getSystemWidth();
-        if(this.SystemWidthFlag){
-          this.$router.push({ name: 'CourseDevelopPhone', query: {pageName: 'resources',} });
-        }else {
-          this.telDl = true;
-          this.sliderFun();
-        }
-      },
-      delDlClose(){
-        this.telDl  =false;
-        this.countdown = -1;
-        this.$refs.ruleTelForm.resetFields();
-        __nc.reset();
-
-
-      },
-
-      /**
-       * 串联加载指定的脚本
-       * 串联加载[异步]逐个加载，每个加载完成后加载下一个
-       * 全部加载完成后执行回调
-       * @param array|string 指定的脚本们
-       * @param function 成功后回调的函数
-       * @return array 所有生成的脚本元素对象数组
-       * 异步加载js后运行回调函数callback / scripts 为数组或字符串
-       */
-      seriesLoadScripts(scripts, callback) {
-        if (typeof (scripts) != 'object') {
-          var scripts = [scripts];
-        }
-        var HEAD = document.getElementsByTagName('head').item(0) || document.documentElement;
-        var s = new Array(), last = scripts.length - 1, recursiveLoad = function (i) { //递归
-          s[i] = document.createElement('script');
-          s[i].setAttribute('type', 'text/javascript');
-          s[i].onload = s[i].onreadystatechange = function () { //Attach handlers for all browsers
-            if (!/*@cc_on!@*/0 || this.readyState == 'loaded' || this.readyState == 'complete') {
-              this.onload = this.onreadystatechange = null;
-              this.parentNode.removeChild(this);
-              if (i != last) {
-                recursiveLoad(i + 1);
-              } else if (typeof (callback) == 'function') {
-                callback();
-              }
-            }
-          };
-          s[i].setAttribute('src', scripts[i]);
-          HEAD.appendChild(s[i]);
-        };
-        recursiveLoad(0);
-      },
-
-
-      dialogSave(){
-        this.$refs.ruleTelForm.validate((valid) => {
-          if (valid) {
-            // 请求后台
-            const options = {
-              phone:  this.telChangeDate.tel,
-              code: this.telChangeDate.verification,
-            };
-
-            this.$axios.$post('/develop/add',options).then(res=>{
-              if (res.code === 0 && res.data) {
-                this.telDl = false;
-                this.$message.success('申请成功');
-              } else {
-                this.$message.error('申请失败');
-              }
-            });
-          }
-        });
-
-      },
-
-
-      // 倒计时60秒
-      setTime() {
-        if (this.countdown === 0) {
-          this.btnTextDisabled = false;
-          this.btnText = '免费获取验证码';
-          this.countdown = 60;
-        }else if(this.countdown === -1){
-          this.btnTextDisabled = false;
-          this.btnText = '获取验证码';
-          this.countdown = 60;
-        } else {
-          this.btnTextDisabled = true;
-          this.btnText = '重新发送(' + this.countdown + 's)';
-          this.countdown--;
-          setTimeout(() => {
-            this.setTime();
-          }, 1000);
-        }
-      },
-      // 验证码
-      checkVerification() {
-        if (this.sliderData.appkey === undefined) {
-          this.$message.error('请先通过滑块校验');
-          return;
-        }
-        this.$axios.$post(`/develop/exists`,{  phone: this.telChangeDate.tel}).then(res=>{
-
-          if (res.code === 0 && res.data) {
-
-            let req = {
-              'appkey':    this.sliderData.appkey,
-              'phone':     this.telChangeDate.tel,
-              'scene':     this.sliderData.scene,
-              'sessionid': this.sliderData.csessionid,
-              'sig':       this.sliderData.sig,
-              'token':     this.sliderData.token,
-              'type':      0,
-            }
-            this.$axios.$post('/sendCode',req).then(res=>{
-              if (res.code === 0 && res.data) {
-                this.setTime();
-              }else {
-                this.$message.error(res.msg||'手机号已存在');
-              }
-            })
-          } else {
-            this.$message.error(res.msg||'手机号已存在');
-            return false;
-          }
-
-        })
-      },
-
-
-
-
-      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 = '';
-      },
-      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() {
-      this.getSystemWidth();
-    },
-    beforeDestroy() {
-    },
-  };
-</script>
-<style>
-
-</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/tiyanCenter/index.vue

@@ -1,315 +0,0 @@
-<template>
-  <div class="client-platform-page tiyan-center-page">
-    <div class="client-platform-new-banner">
-      <div :style="{backgroundImage: `url(${tiyanCenterImg})`}"></div>
-    </div>
-    <!--  麦塔在线考试系统体验版 -->
-    <div class="platform-products-experience client-container">
-      <h4 class="client-title">麦塔在线考试系统体验版</h4>
-      <p>简单好用的SaaS考试系统</p>
-      <ul class="experience-ul-box mta-hidden-xs">
-        <li>
-          <div @mouseenter="enterCodeKs" @mouseleave="leaveCodeKs">
-            <i></i><h5>手机学员端</h5>
-            <p>用手机扫描二维码</p>
-            <p>考生30秒体验答卷</p>
-            <a style="cursor: default">扫码体验</a>
-            <span ref="codeBtnKs" v-if="youkeFlag"><em></em></span>
-            <div ref="codeBtnKs" v-if="!youkeFlag">系统升级中...</div>
-          </div>
-        </li>
-        <li><div><i></i><h5>电脑学员端</h5><p>支持市面各种主流浏览器</p><p>支持十万量级的考试并发</p><a @click="KsTyBtn('https://youkeksc.mtavip.com/c/youke')">立即体验</a></div></li>
-        <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a @click="KsTyBtn('https://youkeksa.mtavip.com/a/youke')">后台体验</a></div></li>
-      </ul>
-      <!-- 手机轮播 -->
-      <div class="experience-swiper-box mta-hidden-sm">
-        <div v-swiper:mySwiper="swiperOption" class="swiper-container">
-          <div class="swiper-wrapper">
-            <div class="swiper-slide">
-              <div class="experience-content-box">
-                <i class="sjxyd-icon"></i>
-                <h5>手机学员端</h5>
-                <p>点击立即体验按钮，考生30秒体验答卷</p>
-                <a style="cursor: default" @click="FreeTrial(1)">立即体验</a>
-              </div>
-            </div>
-            <div class="swiper-slide">
-              <div class="experience-content-box">
-                <i  class="dnxyd-icon"></i>
-                <h5>电脑学员端</h5>
-                <p>支持市面各种主流浏览器</p>
-                <p>支持十万量级的考试并发</p>
-                <a @click="KsTyBtn('https://youkeksc.mtavip.com/c/youke')">立即体验</a>
-              </div>
-            </div>
-            <div class="swiper-slide">
-              <div class="experience-content-box">
-                <i class="dngld-icon"></i>
-                <h5>电脑管理端</h5>
-                <p>欢迎体验麦塔系统后台</p>
-                <p>三步轻松组织一场考试</p>
-                <a @click="KsTyBtn('https://youkeksa.mtavip.com/a/youke')">后台体验</a></div>
-            </div>
-          </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>100人</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>现在注册立享100人纯免费版本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.jpg`),
-        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: 'SaaS考试系统_麦塔在线考试系统_麦塔在线培训系统体验版',
-        meta:  [
-          {
-            description: '企业考培,就用麦塔,现在注册立享100人纯免费版本3年使用权限.麦塔在线考试系统体验版-简单好用的SaaS考试系统;麦塔在线培训系统体验版-学练考评一站式培训平台。',
-            keywords:    'saas考试系统',
-          },
-        ],
-      };
-    },
-    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=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="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>分支机构众多，需培训或传达相关事务时，费时费力</p></li>
-            <li><i></i>
-              <p>内部沟通不顺畅，用QQ沟通工作效率低、添加人员麻烦</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,503 +0,0 @@
-<template>
-  <div class="client-new-platform-page client-train-page">
-
-    <!-- 培训平台页 banner栏 -->
-    <div class="client-platform-new-banner">
-      <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${bannerList[0].pic||require(`~/static/images/client/train/train-banner-background.jpg`)})`}" class="client-platform-banner"></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="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>
-      &lt;!&ndash; 手机轮播 &ndash;&gt;
-      <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>
-            &lt;!&ndash;<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>&ndash;&gt;
-          </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 website-row-reverse">
-              <img :src="trainAdvantagesImg1" alt="完善的课程学习体系" />
-              <div class="products-services-content">
-                <h5>完善的课程学习体系</h5>
-                <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>
-                <p>PC端与移动端无缝连接；全面支持安卓、IOS等操作系统；支持APP和微信学习模式；为学习者提供真正的随时随地的、个性化的、开放式的学习服务。</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 website-row-reverse">
-              <img :src="trainAdvantagesImg3" alt="线上线下全面融合；学习地图展示员工学习路径" />
-              <div class="products-services-content">
-                <h5>线上线下全面融合；<br>学习地图展示员工学习路径</h5>
-                <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>
-                <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端，满足员工多场景下的学习方式；Web端：大块时间学习场景下，更丰富的学习体验；移动端：突破时间空间限制，利用碎片化时间学习；多端学习数据即时同步</p></div>
-          </li>
-          <li>
-            <div><i></i><h5>稳定安全的数据保护</h5>
-              <p>采用多层次多安全防护措施，顺利通过阿里渗透式测试，使系统最大限度地不被黑客和有意破坏者攻击</p></div>
-          </li>
-          <li>
-            <div><i></i><h5>完善的课程学习体系</h5>
-              <p>培训计划，课件资源管理，课程安排，在线学习，互动问答，记录笔记，课程进度查看，课后测试，结业证书，共享资源，完整的学习流程协助你完成健全的在线培训体系</p></div>
-          </li>
-          <li>
-            <div><i></i><h5>功能丰富的在线考试</h5>
-              <p>强大的题库管理和丰富的考试控制功能，随机组卷考试，稳定大并发考试</p></div>
-          </li>
-          <li>
-            <div><i></i><h5>与第三方系统无缝集成</h5>
-              <p>基于Java语言开发Springcloud框架；支持人脸识别、单点登录、组织架构及用户数据的同步；支持与EAP/EIP、OA、HR系统的集成</p></div>
-          </li>
-          <li>
-            <div><i></i><h5>个性化定制</h5>
-              <p>界面自定义主题背景、品牌、logo，搭建您的专属在线培训平台</p></div>
-          </li>
-        </ul>
-        <!-- 手机轮播 -->
-        <div class="experience-swiper-box mta-hidden-sm">
-          <div v-swiper:mySwiperGn="swiperOptionGn" class="swiper-container">
-            <ul class="swiper-wrapper">
-              <li class="swiper-slide">
-                <div class="experience-content-box">
-                  <i class="product-function-icon1"></i><h5>多层级独立管理</h5>
-                  <p>满足多层级的组织架构，多级子公司运营的需求，针对企业复杂的组织架构，可设置不限层级的树状管理权限</p>
-                </div>
-              </li>
-              <li class="swiper-slide">
-                <div class="experience-content-box">
-                  <i class="product-function-icon2"></i><h5>培训记录与监管</h5>
-                  <p>登录记录、学习时长、考核记录、学习状况实时监控、督学体系、学习能力分析体系强大</p>
-                </div>
-              </li>
-              <li class="swiper-slide">
-                <div class="experience-content-box">
-                  <i class="product-function-icon3"></i><h5>随时随地学习</h5>
-                  <p>适配PC端、手机端、PAD端，满足员工多场景下的学习方式；Web端：大块时间学习场景下，更丰富的学习体验；移动端：突破时间空间限制，利用碎片化时间学习；多端学习数据即时同步</p>
-                </div>
-              </li>
-              <li class="swiper-slide">
-                <div class="experience-content-box">
-                  <i class="product-function-icon4"></i><h5>稳定安全的数据保护</h5>
-                  <p>采用多层次多安全防护措施，顺利通过阿里渗透式测试，使系统最大限度地不被黑客和有意破坏者攻击</p>
-                </div>
-              </li>
-              <li class="swiper-slide">
-                <div class="experience-content-box">
-                  <i class="product-function-icon5"></i><h5>完善的课程学习体系</h5>
-                  <p>培训计划，课件资源管理，课程安排，在线学习，互动问答，记录笔记，课程进度查看，课后测试，结业证书，共享资源，完整的学习流程协助你完成健全的在线培训体系</p>
-                </div>
-              </li>
-              <li class="swiper-slide">
-                <div class="experience-content-box">
-                  <i class="product-function-icon6"></i><h5>功能丰富的在线考试</h5>
-                  <p>强大的题库管理和丰富的考试控制功能，随机组卷考试，稳定大并发考试</p>
-                </div>
-              </li>
-              <li class="swiper-slide">
-                <div class="experience-content-box">
-                  <i class="product-function-icon7"></i><h5>与第三方系统无缝集成</h5>
-                  <p>基于Java语言开发Springcloud框架；支持人脸识别、单点登录、组织架构及用户数据的同步；支持与EAP/EIP、OA、HR系统的集成</p>
-                </div>
-              </li>
-              <li class="swiper-slide">
-                <div class="experience-content-box">
-                  <i class="product-function-icon8"></i><h5>个性化定制</h5>
-                  <p>界面自定义主题背景、品牌、logo，搭建您的专属在线培训平台</p>
-                </div>
-              </li>
-            </ul>
-            <div class="swiper-pagination swiper-pagination-style"></div>
-            <p class="experience-swiper-tip">←左右滑动查看更多→</p>
-          </div>
-        </div>
-        <a rel="nofollow" class="free-trial-default-btn" @click="FreeTrial">免费试用</a>
-      </div>
-    </div>
-
-    <!-- 应用场景 -->
-    <div class="platform-application-scenarios train-application-scenarios">
-      <div class="client-container">
-        <h4 class="client-title">应用场景</h4>
-        <ul class="application-scenarios-box mta-hidden-xs">
-          <li>
-            <div class="application-scenarios-content">
-              <div class="application-scenarios-img"></div>
-              <h5>新员工入职培训</h5>
-              <p>在职员工可以利用零散的时间在移动终端上学习企业文化和工作职责，培训主管可以通过后台的大数据实时监控新员工的学习进度。此外，可以设置特殊考试来测试新员工的学习效果</p>
-            </div>
-          </li>
-          <li>
-            <div class="application-scenarios-content">
-              <div class="application-scenarios-img"></div>
-              <h5>技能考核</h5>
-              <p>组织学员通过互联网或局域网开展网上学习、培训、考试、互动问答等活动，利用考核成绩智能分析功能进行针对性的培训考核，达到快速、有效地提升员工技能的目的</p>
-            </div>
-          </li>
-          <li>
-            <div class="application-scenarios-content">
-              <div class="application-scenarios-img"></div>
-              <h5>企业招聘</h5>
-              <p>满足企业社招、校园招聘等需求，一个系统搞定各种行业的招聘在线测试，企业只需要将准备好的笔试题目用文档的方式，导入到考试系统当中，再创建试卷，完成后发送试卷的链接给应聘者即可完成考试。</p>
-            </div>
-          </li>
-        </ul>
-        <!-- 手机轮播 -->
-        <div class="experience-swiper-box mta-hidden-sm">
-          <div v-swiper:mySwiperCj="swiperOptionCj" class="swiper-container">
-            <ul class="swiper-wrapper">
-              <li class="swiper-slide">
-                <div class="experience-content-box scenarios-gwks-box">
-                  <i class="product-function-icon1"></i><h5>新员工入职培训</h5>
-                  <p>在职员工可以利用零散的时间在移动终端上学习企业文化和工作职责，培训主管可以通过后台的大数据实时监控新员工的学习进度。此外，可以设置特殊考试来测试新员工的学习效果</p>
-                </div>
-              </li>
-              <li class="swiper-slide">
-                <div class="experience-content-box scenarios-dxjs-box">
-                  <i class="product-function-icon2"></i><h5>技能考核</h5>
-                  <p>组织学员通过互联网或局域网开展网上学习、培训、考试、互动问答等活动，利用考核成绩智能分析功能进行针对性的培训考核，达到快速、有效地提升员工技能的目的</p>
-                </div>
-              </li>
-              <li class="swiper-slide">
-                <div class="experience-content-box scenarios-zgks-box">
-                  <i class="product-function-icon3"></i><h5>企业招聘</h5>
-                  <p>满足企业社招、校园招聘等需求，一个系统搞定各种行业的招聘在线测试，企业只需要将准备好的笔试题目用文档的方式，导入到考试系统当中，再创建试卷，完成后发送试卷的链接给应聘者即可完成考试。</p>
-                </div>
-              </li>
-            </ul>
-            <div class="swiper-pagination swiper-pagination-style"></div>
-            <p class="experience-swiper-tip">←左右滑动查看更多→</p>
-          </div>
-        </div>
-        <a rel="nofollow" class="free-trial-default-btn" @click="FreeTrial">免费试用</a>
-      </div>
-    </div>
-
-    <!-- 新闻资讯 -->
-    <div class="platform-news-information mta-hidden-xs">
-      <div class="client-container">
-        <h4 class="client-title">新闻资讯</h4>
-        <ul>
-          <li style="font-size: 16px" v-for="(item, index) in topCarousels">
-            <div>
-              <img :src="item.pic" alt="新闻资讯" />
-              <h4 @click="checkInfo(item)">{{ item.title }}</h4>
-              <span>发布时间：{{item.yyyy }}-{{ item.mmdd }}</span>
-              <p>{{ item.intro }}</p>
-            </div>
-          </li>
-        </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>

pages/urbanPartners/index.vue

@@ -1,322 +0,0 @@
-<template>
-  <div class="client-platform-page urban-partners-page">
-      <!-- banner-->
-      <div class="urban-partners-banner">
-        <span @click="applyDialog =true">申请城市合作商</span>
-      </div>
-      <!-- 携手栋科软件 -->
-      <div class="xs-dk-box">
-        <div class="client-container">
-          <h4 class="mta-hidden-xs urban-partners-title">携手栋科软件,共享千亿市场,开创移动学习产业新历史！</h4>
-          <h4 class="mta-hidden-sm urban-partners-title">携手栋科软件,共享千亿市场,<br>开创移动学习产业新历史！</h4>
-          <ul>
-            <li>与<span>5000+</span>企业达成战略合作</li>
-            <li>覆盖<span>12</span>大行业客户解决方案</li>
-            <li><span>20</span>万平台注册用户</li>
-            <li><span>4</span>大明星产品</li>
-          </ul>
-        </div>
-      </div>
-
-    <!-- 私有化部署 -->
-    <div class="syh-bs-box">
-      <div class="client-container syh-bs-card">
-          <div>
-            <div class="syh-bs-head">
-              <h4>私有化部署</h4>
-              <i></i>
-            </div>
-            <ul class="syh-bs-body syh-bs-left">
-              <li>
-                <div>
-                  <i></i>
-                  <h5>麦塔在线考试系统</h5>
-                  <p>稳定安全的在线考场</p>
-                  <p>为大中型企事业单位、教育机构提供不同场景的考试解决方案。</p>
-                </div>
-              </li>
-              <li>
-                <div>
-                  <i></i>
-                  <h5>麦塔在线培训系统</h5>
-                  <p>企业线上培训组织专家</p>
-                  <p>集学、测、考、练于一体的私有化移动智能学习平台。</p>
-                </div>
-              </li>
-            </ul>
-          </div>
-          <div>
-            <div class="syh-bs-head">
-              <h4>SAAS服务</h4>
-              <i></i>
-            </div>
-            <ul class="syh-bs-body syh-bs-right">
-              <li>
-                <div>
-                  <i></i>
-                  <h5>麦塔SAAS在线考试系统</h5>
-                  <p>全功能定制化考务平台</p>
-                  <p>即买即用、按需订阅、仅需10分钟超低成本云端部署。</p>
-                </div>
-              </li>
-              <li>
-                <div>
-                  <i></i>
-                  <h5>麦塔SAAS在线培训系统 </h5>
-                  <p>学练考评一站式平台</p>
-                  <p>支持灵活布局在线培训考试模块，帮助客户快速搭建完整内容平台。</p>
-                </div>
-              </li>
-            </ul>
-          </div>
-      </div>
-    </div>
-
-    <!-- 合作优势 -->
-    <div class="hz-ys-box">
-      <div class="client-container">
-        <h4 class="urban-partners-title">合作优势</h4>
-        <h5>各大城市合作商，可享受以下扶持</h5>
-        <div class="hz-ys-card card-left">
-          <p><i></i><span>低成本加入，无风险</span></p>
-          <p><i></i><span>免费提供系统化产品培训，全方位支持</span></p>
-          <p><i></i><span>0技术要求，为客户搭建在线培训平台</span></p>
-        </div>
-        <div class="hz-ys-card card-right">
-          <p><i></i><span>后期维护及服务保障</span></p>
-          <p><i></i><span>高回报返利体系带来稳定营收</span></p>
-          <p><i></i><span>季/年度优秀代理商激励</span></p>
-        </div>
-      </div>
-    </div>
-
-    <!-- 合作条件 -->
-    <div class="hz-tj-box">
-      <h4 class="urban-partners-title">合作条件</h4>
-      <div class="client-container">
-        <ul class="hz-yj-body">
-        <li><div>
-          <p>认同栋科的产品、理念</p>
-          <span>愿与栋科达成长期合<br>作伙伴，形成事业共<br>同体</span>
-        </div></li>
-        <li><div>
-          <p>具有公司资质</p>
-          <span>有营业执照和独立法人代<br>表良好的业内口碑和信誉</span>
-        </div></li>
-        <li><div>
-          <p>具有客户资源</p>
-          <span>拥有丰富的客户资源<br>企事业单位及高校等教育<br>机构资源</span>
-        </div></li>
-        <li><div>
-          <p>具有行业背景</p>
-          <span>有互联网背景<br>对企业人才数字化培训行<br>业、SAAS行业有一定了解</span>
-        </div></li>
-      </ul>
-      </div>
-    </div>
-
-    <!-- 栋科软件城市合作商申请流程 -->
-    <div class="sq-lc-box">
-      <div class="client-container">
-        <h4 class="urban-partners-title">栋科软件城市合作商申请流程</h4>
-        <ul class="sq-lc-body mta-hidden-xs">
-          <li><i></i><span>提交申请</span></li>
-          <li><i></i><span>审核资料</span></li>
-          <li><i></i><span>合作洽谈</span></li>
-          <li><i></i><span>签订合同</span></li>
-          <li><i></i><span>业务培训</span></li>
-          <li><i></i><span>开展合作</span></li>
-        </ul>
-        <div class="sq-lc-body-img mta-hidden-sm"></div>
-        <div class="two-code-box">
-          <i></i>
-          <p>专属渠道合作小助手</p>
-          <a @click="applyDialog =true">申请城市合作商</a>
-        </div>
-      </div>
-    </div>
-
-    <!-- 优秀合作伙伴真实评价 -->
-    <div class="zs-pj-box">
-      <div class="client-container">
-        <h4 class="urban-partners-title">优秀合作伙伴真实评价</h4>
-        <ul>
-          <li>
-            <div>
-            <i></i>
-            <h5>广州某合作伙伴</h5>
-            <p>从2019年我们企业就开始用栋科软件的产品了，从客户发展成城市合作商最关键的原因，还是栋科的产品资质齐全、质量过硬，加盟扶持力度够大，其实加盟前也做了很多的市场调查，整体产品前景广泛，利润空间极大，打消了我迟迟不敢创业的顾虑。 </p>
-            </div>
-          </li>
-          <li>
-            <div>
-            <i></i>
-            <h5>河北某合作伙伴</h5>
-            <p>这个项目最大的好处就是，虽然是高新技术产业，但栋科软件给我们提供技术和产品，不需要出开发成本，减少投入，可以快速回本，我经常和其他创业伙伴开玩笑说“这个项目是我开启财富之路的密码”。 </p>
-            </div>
-          </li>
-          <li>
-            <div>
-            <i></i>
-            <h5>上海某合作伙伴</h5>
-            <p>现在在线学习行业发展是大势所趋，政策所向，身边很多企业都在用栋科这款麦塔在线培训（考试）系统，前景广阔，十分看好，合作首月就创下了高达20多万的业绩，实现了业务品牌的双赢。 </p>
-            </div>
-          </li>
-        </ul>
-      </div>
-    </div>
-
-    <!-- 申请城市合作商 -->
-    <div class="sqcs-hzs-box">
-      <div class="client-container">
-        <h4>如果你有教育、企业、高校资源</h4>
-        <h5>欢迎加入我们，抢占市场先机</h5>
-        <a @click="applyDialog =true">申请城市合作商</a>
-      </div>
-    </div>
-
-    <!-- 申请城市合作商弹窗 -->
-    <el-dialog
-      :close-on-click-modal="false"
-      :visible.sync="applyDialog"
-      class="apply-collaborate-dialog"
-      center>
-      <h4>栋科软件城市合作商申请表</h4>
-      <el-form :model="applyDialogDate" status-icon :rules="applyRules" ref="applyDialogForm" class="application-scheme-form">
-        <el-form-item  prop="user">
-          <el-input v-model="applyDialogDate.user" placeholder="请输入联系人" class="dialog-input-tel">
-            <i slot="prefix" class="el-input__icon dialog-user-icon"></i>
-          </el-input>
-        </el-form-item>
-        <el-form-item  prop="tel">
-          <el-input v-model="applyDialogDate.tel" placeholder="请输入联系电话" class="dialog-input-tel">
-            <i slot="prefix" class="el-input__icon dialog-tel-icon"></i>
-          </el-input>
-        </el-form-item>
-        <el-form-item  prop="companyName">
-        <el-input v-model="applyDialogDate.companyName" placeholder="请输入公司名称" class="dialog-input-tel">
-          <i slot="prefix" class="el-input__icon dialog-company-icon"></i>
-        </el-input>
-      </el-form-item>
-        <el-form-item  prop="region">
-          <el-input v-model="applyDialogDate.region" placeholder="请输入公司所在地区" class="dialog-input-tel">
-            <i slot="prefix" class="el-input__icon dialog-region-icon"></i>
-          </el-input>
-        </el-form-item>
-        <el-form-item>
-          <el-input v-model="applyDialogDate.email" placeholder="请输入邮箱" class="dialog-input-tel">
-            <i slot="prefix" class="el-input__icon dialog-email-icon"></i>
-          </el-input>
-        </el-form-item>
-      </el-form>
-      <div class="dialog-btn-box">
-        <div class="apply-dialog-btn dialog-cancel-btn" @click="cancelBtn">取  消</div>
-        <div class="apply-dialog-btn" @click="applyBtn">提  交</div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-  import Swiper, {Navigation, Pagination,Autoplay} from 'swiper';
-  Swiper.use([Navigation, Pagination,Autoplay]);
-  export default {
-    name:     'urbanPartners',
-    layout:   'templateB',
-    async asyncData({ $axios,store }) {
-      // 设置选中菜单
-      store.commit('setActiveNav', '/urbanPartners');
-    },
-    data() {
-      return {
-        applyDialog:false,
-        applyDialogDate:{},
-        applyRules:        {
-          user:          [
-            { trigger: 'blur', required: true, message: '请输入联系人' },
-          ],
-          tel: [
-            { required: true, message: "请输入手机号", trigger: "blur" },
-            { pattern:/^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/, message: "请输入合法手机号", trigger: "blur" }
-          ],
-          companyName:          [
-            { trigger: 'blur', required: true, message: '请输入公司名称' },
-          ],
-          region:          [
-            { trigger: 'blur', required: true, message: '请输入公司所在地区' },
-          ],
-        },
-      };
-    },
-    head(){
-      return {
-        title: 'SaaS考试系统_麦塔在线考试系统_麦塔在线培训系统体验版',
-        meta:  [
-          {
-            description: '企业考培,就用麦塔,现在注册立享100人纯免费版本3年使用权限.麦塔在线考试系统体验版-简单好用的SaaS考试系统;麦塔在线培训系统体验版-学练考评一站式培训平台。',
-            keywords:    'saas考试系统',
-          },
-        ],
-      };
-    },
-    computed: {},
-    methods:  {
-      // 申请方案按钮
-      applyBtn(){
-        this.$refs['applyDialogForm'].validate((valid) => {
-          if (valid) {
-            this.$axios.$post('/business/exists',{phone: this.applyDialogDate.tel}).then(res=>{
-            if (res.code === 0 && res.data) {
-              this.addPartners();
-            } else {
-              this.$message.error(res.msg);
-            }
-          });
-          }
-
-        });
-      },
-
-      // 关闭
-      cancelBtn(){
-        this.applyDialog = false;
-        this.clearApplyDL();
-      },
-      //  添加合作商
-      addPartners(){
-        const options = {
-          name:  this.applyDialogDate.user,
-          phone: this.applyDialogDate.tel,
-          company:  this.applyDialogDate.companyName,
-          area: this.applyDialogDate.region,
-          email:  this.applyDialogDate.email,
-        };
-        this.$axios.$post('/business/add',options).then(res=>{
-          if (res.code === 0 && res.data) {
-            this.applyDialog = false;
-            this.$message.success('申请成功');
-            this.clearApplyDL();
-          } else {
-            this.$message.error('申请失败');
-          }
-        });
-      },
-
-      // 清空
-      clearApplyDL(){
-        this.$refs['applyDialogForm'].clearValidate();
-          this.applyDialogDate.user = '';
-          this.applyDialogDate.tel = '';
-          this.applyDialogDate.companyName = '';
-          this.applyDialogDate.region = '';
-          this.applyDialogDate.email = '';
-      },
-    },
-    created() {
-    },
-    mounted() {
-    },
-    beforeDestroy() {
-    },
-  };
-</script>

static/images/client/aboutUs/development-content-icon.svg

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>椭圆形</title>
-    <defs>
-        <linearGradient x1="-1.11022302e-14%" y1="50%" x2="116.367779%" y2="50%" id="linearGradient-1">
-            <stop stop-color="#2B5CFD" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="关于我们改2" transform="translate(-955.000000, -2470.000000)" fill="url(#linearGradient-1)">
-            <circle id="椭圆形" cx="961" cy="2476" r="6"></circle>
-        </g>
-    </g>
-</svg>

static/images/client/component/breadcrumb-icon.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="11" height="16" viewBox="0 0 11 16">
-  <path fill="#262626" d="M10.0666453,14.2701708 C10.3485831,14.5209428 10.4632134,14.8956965 10.3659636,15.2487133 C10.2687137,15.6017301 9.97493004,15.877303 9.59884679,15.9682787 C9.22276355,16.0592544 8.82372782,15.9512766 8.5568999,15.6863313 L1.11449307,8.69869742 C0.913215672,8.51126252 0.8,8.25611819 0.8,7.98995169 C0.8,7.7237852 0.913215672,7.46864086 1.11449307,7.28120597 L8.5568999,0.29357208 C8.97380457,-0.0978573642 9.6497406,-0.0978573595 10.0666453,0.293572091 C10.4835499,0.685001541 10.4835499,1.31963407 10.0666453,1.71106353 L3.36847914,7.99061717 L10.0666453,14.2688399 L10.0666453,14.2701708 Z" opacity=".8" transform="matrix(-1 0 0 1 11 0)"/>
-</svg>

static/images/client/component/head-btn-icon.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" style="fill: rgb(0, 102, 204);" viewBox="0 0 24 24" width="30"
-     height="30">
-  <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
-</svg>