nuxtProject/pages/indexEducation.vue

<template>
  <div class="client-platform-page client-indexEducation-page">

    <!-- “1+X”教育 banner栏 -->
    <div class="client-platform-banner">
      <div :style="{backgroundImage: `url(${require(`~/static/images/client/indexEducation/index-education-banner.jpg`)})`}" class="client-platform-banner"></div>
      <!--<a rel="nofollow" class="free-trial-default-btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">免费试用</a>-->
      <a class="client-default-Btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2" style="display:inline-block;">申请方案</a>
      <a rel="nofollow" class="client-default-Btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank" style="display:inline-block;">申请方案</a>
      <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
    </div>
    <!--  1+x人才培养 -->
    <div class="platform-products-services">
      <h4 class="client-title">1+x人才培养</h4>
      <ul>

        <li>
          <div class="client-container">
            <div class="products-services-box">
              <img :src="curriculumResourcesImg1" alt="1+x人才培养" />
              <div class="products-services-content">
                <h5>职业教育“1+X”证书制度改革举措新导向!</h5>
                <i></i>
                <p>
                  <span>1.提高人才培养质量、拓展就业本领</span><br>
                  <span>2.创新人才培养模式，改革办学模式</span><br>
                  <span>3.育训结合，克服职业教育普教化</span><br>
                  <span>4.推进教师、教材、教法改革，快速匹配岗位和培训内容</span><br>
                </p>
                <div>
                  <a class="client-default-Btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2" style="display:inline-block;">申请方案</a>
                  <a rel="nofollow" class="client-default-Btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">申请方案</a>
                  <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
                </div>
              </div>
            </div>
          </div>
        </li>
        <li>
          <div class="client-container">
            <div class="products-services-box products-contrary-box">
              <h4 class="client-title">“1+X教育”职业培训平台</h4>
              <img :src="curriculumResourcesImg2" alt="“1+X教育”职业培训平台" />
              <div class="products-services-content">
                <p>大连麦塔软件服务有限公司旗下的职教平台「1+X教育」，通过AI技术快速匹配岗位和培训内容，为院校提供职业学习配套，培养适合企业的人才的同时，也为院校学生参与考核，取得“1+X”职业技能等级证书提供有力支撑服务。</p>
                <div>
                  <a class="client-default-Btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2" style="display:inline-block;">申请方案</a>
                  <a rel="nofollow" class="client-default-Btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">申请方案</a>
                  <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
                </div>
              </div>
            </div>
          </div>
        </li>
        <li>
          <div class="client-container">
            <div class="products-services-box">
              <h4 class="client-title">职业教育痛点</h4>
              <img :src="curriculumResourcesImg3" alt="职业教育痛点" />
              <div class="products-services-content">
                <p>
                  <span>1.院校职业技术人才培养欠缺，缺乏人才技能评价机制</span><br>
                  <span>2.职场竞争激烈，职业技能证书是个人能力评价、聘用、从业的重要凭证</span><br>
                  <span>3.课程设置理论知识居多，教学方式单一，缺乏实训</span><br>
                </p>
                <div>
                  <a class="client-default-Btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2" style="display:inline-block;">申请方案</a>
                  <a rel="nofollow" class="client-default-Btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">申请方案</a>
                  <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
                </div>
              </div>
            </div>
          </div>
        </li>
        <li>
          <div class="client-container">
            <div class="products-services-box products-contrary-box">
              <h4 class="client-title">职业教育改革利器</h4>
              <img :src="curriculumResourcesImg4" alt="职业教育改革利器" />
              <div class="products-services-content">
                <p>
                  <span>1.为院校提供行业领域全覆盖的供“1+X”职业教育培训平台</span><br>
                  <span>2.提供“教、学、训、研、测”育训结合的教学实训体系，一站式学习平台</span><br>
                  <span>3.为提高人才培养质量，提升职业教育质量和学生就业能力，畅通技术技能人才成长通道，拓展职业院校学生就业创业本领打下奠基，真正做到“宽进严出”。</span>
                </p>
                <div>
                  <a class="client-default-Btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=2" style="display:inline-block;">申请方案</a>
                  <a rel="nofollow" class="client-default-Btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">申请方案</a>
                  <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
                </div>
              </div>
            </div>
          </div>
        </li>
      </ul>

    </div>
  </div>
</template>

<script>
  export default {
    name:     'indexEducation',
    layout:   'templateB',
    async asyncData({ $axios,store }) {
      // 设置选中菜单
      store.commit('setActiveNav', '/indexEducation');


      let [res1, res2] = await Promise.all([
                                             await $axios.$post(`/home/banner/list`, { 'code': 3 }).then(res => {
                                               return res;
                                             }),
                                             await $axios.$post(`/home/news/carousel`, { 'newsClassifyId': 0,'keyword':'培训' }).then(res => {
                                               return res;
                                             })
                                           ]);
      return {
        bannerList: res1.data.data||[],
        topCarousels: res2.data.data||[],

      };
    },
    data() {
      return {
        curriculumResourcesImg1:  require(`~/static/images/client/indexEducation/index-education-img1.png`),
        curriculumResourcesImg2:  require(`~/static/images/client/indexEducation/index-education-img2.png`),
        curriculumResourcesImg3:  require(`~/static/images/client/indexEducation/index-education-img3.png`),
        curriculumResourcesImg4:  require(`~/static/images/client/indexEducation/index-education-img4.png`),
      };
    },
    head(){
      return {
        title: '1+X教育考试平台_1+X培训平台_1+X行业解决方案',
        meta: [
          {
            name: 'keywords',
            content: '1+X考试平台,1+X培训平台'
          },
          {
            name:'description',
            content:'麦塔为院校提供“1+X”培训平台，将职业技能实训融入到教学资源中，配套丰富的教学资源及精准的实训设施，为学生顺利取得“1+X”职业技能等级证书保驾护航。'
          }
        ],
      }
    },
    computed: {},
    methods:  {
      goIntroductionPage(){
        this.$router.push({ name: 'introduction' });
      },
      checkInfo(data) {
        const opt = {
          id: data.code,
        };
        this.$router.push({ name: 'news-id', params: opt });
      },
      clickBanner(data){
        if(data){
          window.open(data)
        }
      },
    },
    created() {

    },
    mounted() {
    },
    beforeDestroy() {
    },
  };
</script>
<style>

</style>