Przeglądaj źródła

题库资源页

tanxue 4 lat temu
rodzic
commit
5f025e7f17

+ 5 - 1
assets/scss/cus-client/cus-client-common.scss

@@ -265,6 +265,9 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 /* 网站通用按钮 */
 .client-default-Btn{display: block;@include setFontStyle(-4);background: #2B5CFD;color: rgba(255, 255, 255, 0.85);border-radius: 4px;transition: .3s all linear;text-align: center;}
 .client-default-Btn:hover{background: #2249C9;cursor: pointer;}
+// 白色
+.client-default-white-Btn{display: block;@include setFontStyle(-4);background: #fff;color: #2B5CFD;border-radius: 4px;transition: .3s all linear;text-align: center;}
+.client-default-white-Btn:hover{background: #fff;cursor: pointer;}
 // 免费试用按钮
 .free-trial-default-btn{width: 238px;height: 40px;line-height: 40px;margin: 40px auto 0;display: block;@include setFontStyle(-4);background: #3e7ee7;color: rgba(255, 255, 255, 0.85);border-radius: 4px;transition: .3s all linear;text-align: center;}
 .free-trial-default-btn:hover{cursor: pointer;}
@@ -530,7 +533,8 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
       h5{@include setFontStyle(4);color: rgba(0,0,0,0.85);}
       i{width:50px;height:5px;display: block;background: #3e7ce7;margin: 24px 0;}
       p{line-height: 24px;color: rgba(0,0,0,0.65);margin-bottom: 56px;text-align: justify;}
-      .client-default-Btn{width: 150px;height: 40px;line-height: 40px;display:inline-block;background: #3e7ce7;border: 1px solid #3e7ce7;box-sizing: border-box;}
+      .client-default-Btn,.client-default-white-Btn{width: 150px;height: 40px;line-height: 40px;display:inline-block;background: #3e7ce7;border: 1px solid #3e7ce7;box-sizing: border-box;}
+      .client-default-white-Btn{background: #fff;color: #3e7ce7;}
       a,div.client-default-Btn{margin-right: 24px}
       span.client-default-Btn{background: #fff;color: #3e7ce7;margin-right: 0;}
     }

+ 9 - 0
assets/scss/cus-client/cus-client-page.scss

@@ -847,5 +847,14 @@
       .change-content-left{margin-right: 180px;}
     }
   }
+
+  /********  describe: 题库资源-详情页  author: TX  date:2020-09-03  ********/
+  .client-resources-page{
+    .client-platform-banner{
+    .client-default-Btn,.client-default-white-Btn{width: 150px;height: 40px;line-height: 40px;display:inline-block;background: #3e7ce7;border: 1px solid #3e7ce7;box-sizing: border-box;
+      position: absolute;top: 330px;left: 50%;margin-left: -150px;}
+    .client-default-white-Btn{background: #fff;color: #3e7ce7;left: 50%;margin-left: 30px;}
+    }
+  }
 }
 

+ 5 - 0
components/header.vue

@@ -78,6 +78,11 @@
             children: [],
           },
           {
+            content:  '题库资源',
+            keyPath:  '/resources',
+            children: [],
+          },
+          {
             content:  '课程开发',
             keyPath:  '/courseware',
             children: [],

+ 174 - 0
pages/resources/index.vue

@@ -0,0 +1,174 @@
+<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>
+      <!--<a rel="nofollow" class="free-trial-default-btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">免费试用</a>-->
+      <a rel="nofollow" class="client-default-Btn" 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 rel="nofollow" class="client-default-Btn" 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 rel="nofollow" class="client-default-Btn" 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">
+                <h5>海量试题</h5>
+                <i></i>
+                <p>
+                  <span>院校技术人才培养机制欠缺</span><br>
+                  <span>课程设置以理论为主,教学方式单一</span><br>
+                  <span>缺乏针对职业考核要素的实训环境及考核模拟</span><br>
+                </p>
+                <div>
+                  <a rel="nofollow" class="client-default-Btn" 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 style="margin-bottom: 80px">
+          <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">
+                <h5>提供为院校提供“1+X”培训平台,行业领域全面覆盖</h5>
+                <i></i>
+                <p>
+                  <span>提供完整的人才培养解决方案,提供“教、学、训、研、测”一体化的教学实训体系</span><br>
+                  <span>行业内权威人才测评认证能力,提供一套体系化应用型人才测评系统,对测评人专业知识、专业技能、综合素质及内隐特质进行综合评价</span><br>
+                  <span>提供多维度的师资力量建设计划</span><br>
+                </p>
+                <div>
+                  <a rel="nofollow" class="client-default-Btn" 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:     '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 {
+        curriculumResourcesImg1:  require(`~/static/images/client/resources/curriculum-resources-img1.png`),
+        curriculumResourcesImg2:  require(`~/static/images/client/resources/curriculum-resources-img2.png`),
+        curriculumResourcesImg3:  require(`~/static/images/client/resources/curriculum-resources-img3.png`),
+        curriculumResourcesImg4:  require(`~/static/images/client/resources/curriculum-resources-img4.png`),
+      };
+    },
+    head(){
+      return {
+        title: '培训学校管理系统_远程培训系统_培训软件系统_【栋科软件工程有限公司】',
+        meta: [
+          {
+            name: 'keywords',
+            content: '培训公司系统,培训行业管理系统,模拟培训考试系统,培训系统管理软件,培训软件'
+          },
+          {
+            name:'description',
+            content:'麦塔在线培训系统量身定制满足您需求的在线学习平台,完善的学习流程帮助用户建设标准化的在线培训体系,麦塔培训软件系统具有功能丰富的在线考试模块和稳定安全的数据保护。'
+          }
+        ],
+      }
+    },
+    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>

BIN
static/images/client/resources/resources-banner-background.jpg