nuxtProject/pages/government.vue

<template>
  <!-- 政府机构-详情页 -->
  <div class="client-government-page">
    <!-- 政府机构banner栏 -->
    <div class="industrydetails-banner">
      <div class="industrydetails-banner-box"></div>
      <a rel="nofollow" class="free-trial-default-btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=1"
         target="_blank">免费试用</a>
      <a rel="nofollow" class="free-trial-default-btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=1"
         target="_blank">免费试用</a>
    </div>

    <!-- 企事业单位的发展现状 -->
    <div class="industrydetails-develop-box">
      <h4 class="client-title">企事业单位行业现状</h4>
      <div class="client-container">
        <p>
          现代企业发展快，竞争压力大，很多企业都想要通过考核的方式，提升企业内部的软实力，从而提升企业竞争力，所以，无论是企业单位还是事业单位，都少不了要进行各类不同形式的考试。而传统的考核方式，要经历从出卷、分发、打印、寻找考场、安排考试时间、组织考试、安排监考、批卷阅卷、统计成绩等诸多步骤，在时间和金钱上的成本耗费都较高，不再适应现代企业的管理模式。</p>
        <img :src="developImg" alt="企事业单位的发展现状"/>
      </div>
    </div>

    <!-- 我们的系统为您改变了什么 -->
    <div class="government-change-box">
      <h4 class="client-title">使用我们的系统，这些问题都能迎刃而解</h4>
      <div class="client-container">
        <div class="industrydetails-content">
          <div class="change-content-left">
            <h5>传统方式可能会出现的问题</h5>
            <ul>
              <li><i></i>
                <p>老员工离职时，将之前企业精心培养的工作经验带走了，新人来只能靠感觉重新摸索</p></li>
              <li><i></i>
                <p>每当有新人入职，都要准备一次培训资料，重复工作导致效率低下</p></li>
              <li><i></i>
                <p>员工的职业胜任能力不清晰，是否符合胜任条件只能靠感官</p></li>
              <li><i></i>
                <p>每次一组织培训，就要占用工作时间或者员工下班后的时间，培训部门和员工都苦不堪言</p></li>
            </ul>
          </div>
          <img :src="changeImg" alt="我们可以帮您解决的问题"/>
          <div class="change-content-right">
            <h5>我们可以帮您解决的问题</h5>
            <ul>
              <li><i></i>
                <p>为企业建立智库，将经验资料存储在平台内，哪怕员工流动也能有迹可循，有典可查。</p></li>
              <li><i></i>
                <p>严格把控员工入职流程，安排员工参加入职考核，考试合格再上岗</p></li>
              <li><i></i>
                <p>系统能够自动生成能力模型，为管理人员提供科学切实的参考依据</p></li>
              <li><i></i>
                <p>用我们的系统在手机、微信上就能够解决培训问题，课程轨迹随时记录，确保碎片化学习的应用。</p></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <!-- 我们的优势 -->
    <div class="government-advantage-box mta-hidden-xs">
      <h4 class="client-title">产品优势</h4>
      <div class="client-container fn-hidden fn-clear-gap">
        <div class="government-advantage-content">
          <dl>
            <dt><i></i><span>不限次听讲</span></dt>
            <dd>可以不限次重复听讲，学员的提问回答都保留在系统中</dd>
          </dl>
          <dl>
            <dt><i></i><span>培训费用</span></dt>
            <dd>能大量节省培训支出，如场地费、讲师学员的交通费、讲师重复讲课的费用</dd>
          </dl>
          <dl>
            <dt><i></i><span>难点突破</span></dt>
            <dd>系统可以智能分析易错点，生成个人报告，学员可依据个人情况重复学习重难点和易错点</dd>
          </dl>
          <dl>
            <dt><i></i><span>个人时间</span></dt>
            <dd>网络学习碎片化的优点能有效利用大量的学习时间</dd>
          </dl>
          <dl>
            <dt><i></i><span>地点灵活</span></dt>
            <dd>学习地点灵活，可以根据自己的时间进行学习</dd>
          </dl>
          <dl>
            <dt><i></i><span>互动交流</span></dt>
            <dd>在学习中能与老师、同学以实时的方式或留言的形式交流学习中的疑难点</dd>
          </dl>
        </div>

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

<script>
  export default {
    name:    'government',
    layout:  'templateB',
    data() {
      return {
        // 发展现状img
        developImg: require(`~/static/images/client/industrydetails/government-develop-img.png`),
        // 我们的系统为您改变了什么 img
        changeImg:  require(`~/static/images/client/industrydetails/government-change-img.png`),
        // 获取是考试系统点进来的还是培训系统点进来的
        tpyeKey:    '',
      };
    },
    head() {
      return {
        title: '党建考试系统_政府行业考试系统_事业单位考试系统',
        meta:  [
          {
            description:    '为了适应市场经济的发展，越来越多的企业开始意识到人才选拔、培养的重要性，无论是企业单位还是事业单位，每年都要举行年度考核、党建考核等各种不同形式的考试。',
            keywords:    '党建考核系统,政府行业考核系统,事业单位考核系统',
          },
        ],
      };
    },
    methods: {},
  };
</script>