nuxtProject/pages/trainEnergy.vue

<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" href="https://cdnks.mtavip.com/a/register?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`),
          }
        },
      methods: {
      },
    };
</script>

<style scoped>

</style>