Parcourir la source

能源化工-详情页

tanxue il y a 4 ans
Parent
commit
d82c27e73b

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

@@ -1062,5 +1062,34 @@
       .change-content-right{width: 500px;display: inline-block;padding-top: 48px;}
     }
   }
+
+  /********  describe: 能源化工-详情页  author: TX  date:2020-09-02  ********/
+  .client-energy-page{
+    // banner
+    .energy-banner{width: 100%;height: 400px;background-image: url("~static/images/client/industrydetails/energy-banner-img.png");background-position-x: center;}
+
+    // 我们的系统为您改变了什么
+    .energy-change-box{
+        background: #F9FAFF;
+        padding-bottom: 80px;
+
+        // 模块上半部分
+        .change-box-top{width: 1100px;height: 247px;padding: 32px 64px;box-sizing: border-box;background: #104644;border-radius: 8px;margin-left: 20px;margin-top: 48px;}
+
+        // 模块下半部分
+        .change-box-bottom{
+          width: 1100px;height: 368px;padding: 24px;box-sizing: border-box;border-radius: 8px;background: #FE552C;margin-left: 100px;margin-top:-24px;position: relative;
+          h5{margin-top: 70px;}
+          li:nth-of-type(odd){p{margin-right: 60px}}
+        }
+        h5{@include setFontStyle(-2);color: rgba(255,255,255,0.85);margin-bottom: 24px;text-align: center}
+        li{
+          width: 50%;display: inline-block;@include setFontStyle(-6);color: rgba(255,255,255,0.65);margin-bottom: 24px;line-height: 22px;vertical-align: top;
+          i{width: 14px;height: 14px;float:left;box-sizing: border-box;opacity: 0.8;display: block;border: 1px solid #fff;transform: rotate(45deg);margin-right: 16px;margin-top: 3px;}
+          p{margin-left: 30px}
+        }
+        img{position: absolute;top: -55px;left: 50%;margin-left: -50px;}
+    }
+  }
 }
 

+ 64 - 0
pages/Industrydetails/energy.vue

@@ -0,0 +1,64 @@
+<template>
+  <!-- 能源化工-详情页 -->
+  <div class="client-energy-page">
+
+    <!-- 能源化工banner栏 -->
+    <div class="energy-banner"></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">
+        <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`),
+          }
+        },
+    };
+</script>
+
+<style scoped>
+
+</style>

+ 1 - 1
pages/Industrydetails/finance.vue

@@ -10,7 +10,7 @@
         <h4 class="client-title">政府行业的发展现状</h4>
         <div class="client-container">
           <p>金融无处不在并已形成一个庞大体系,金融学涉及的范畴、分支和内容非常广,如货币、证券、银行、保险、投资理财、风险管理等,相对来说考核点多、信息量大,对员工的知识储备要求较高,相对的考核难度也较大。所以金融保险业更需要考核数据来作为依据,帮助提升业务能力。</p>
-          <img :src="financeDevelopImg" alt="政府行业的发展现状" />
+          <img :src="financeDevelopImg" alt="金融行业的发展现状" />
         </div>
       </div>
 

+ 1 - 1
pages/Industrydetails/information.vue

@@ -10,7 +10,7 @@
       <h4 class="client-title">信息产业的发展现状</h4>
       <div class="client-container">
         <p>近年来我国互联网继续保持增长态势,上网人数和增长速度都为全世界瞩目,网络产业已经从过去的吸引眼球上逐渐转向以“盈利”为中心。如网络游戏、网上交易、网络广告、网络教育、网络短信等,新兴应用层出不穷,将推动产业融合发展和转型升级。</p>
-        <img :src="informationDevelopImg" alt="政府行业的发展现状" />
+        <img :src="informationDevelopImg" alt="信息产业的发展现状" />
       </div>
     </div>
 

+ 1 - 1
pages/index.vue

@@ -339,7 +339,7 @@
           },
           {
             demandTitle:'能源化工',
-            demandHref:    '#',
+            demandHref:     this.getBaseUrl+ '/industrydetails/energy',
             demandText:    '信息化在社会的各行各业迅速发展,在石油、石化和煤炭等大型国有企业中要以信息化带动工业化、自动化,应用信息技术改造提升能源企业,加快企业信息化进程,提高信息技术应用水平。',
             demandLinkBox: [
               {

BIN
static/images/client/Industrydetails/energy-banner-img.png


BIN
static/images/client/Industrydetails/energy-change-img.png


BIN
static/images/client/Industrydetails/energy-develop-img.png