信息产业-详情页

assets/scss/cus-client/cus-client-common.scss

@@ -429,6 +429,6 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 // 首页行业学习详情页-发展现状
 .industrydetails-develop-box{
   .client-container{padding: 48px 0 80px;text-align: center;}
-  p{width: 460px;display: inline-block;@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 22px;vertical-align: middle;margin-right: 96px;text-align: left;}
+  p{width: 460px;display: inline-block;@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 22px;vertical-align: middle;margin-right: 96px;text-align: justify;}
   img{display: inline-block;vertical-align: middle;}
 }

assets/scss/cus-client/cus-client-page.scss

@@ -974,21 +974,14 @@
   /********  describe: 政府机构-详情页  author: TX  date:2020-08-10  ********/
   .client-government-page{
     // banner
-    .government-banner{width: 100%;height: 400px;background-image: url("~static/images/client/Industrydetails/government-banner-img.png");background-position-x: center;}
-
-    // 政府行业的发展现状
-    .government-develop-box{
-      .client-container{padding: 48px 0 80px;text-align: center;}
-      p{width: 460px;display: inline-block;@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 22px;vertical-align: middle;margin-right: 96px;text-align: left;}
-      img{display: inline-block;vertical-align: middle;}
-    }
+    .government-banner{width: 100%;height: 400px;background-image: url("~static/images/client/industrydetails/government-banner-img.png");background-position-x: center;}
 
     // 我们的系统为您改变了什么
     .government-change-box{
       background: #F9FAFF;
       padding-bottom: 80px;
       .change-content{
-        width: 100%;height: 312px;margin-top: 48px;background-image: url("~static/images/client/Industrydetails/government-change-bg.png");
+        width: 100%;height: 312px;margin-top: 48px;background-image: url("~static/images/client/industrydetails/government-change-bg.png");
         h5{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 24px;text-align: center}
         li{
           @include setFontStyle(-6);color: rgba(0,0,0,0.65);margin-bottom: 24px;line-height: 22px;
@@ -1019,21 +1012,14 @@
   /********  describe: 金融保险-详情页  author: TX  date:2020-09-01  ********/
   .client-finance-page{
     // banner
-    .finance-banner{width: 100%;height: 400px;background-image: url("~static/images/client/Industrydetails/finance-banner-img.png");background-position-x: center;}
-
-    // 金融行业的发展现状
-    .finance-develop-box{
-      .client-container{padding: 48px 0 80px;text-align: center;}
-      p{width: 460px;display: inline-block;@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 22px;vertical-align: middle;margin-right: 96px;text-align: left;}
-      img{display: inline-block;vertical-align: middle;}
-    }
+    .finance-banner{width: 100%;height: 400px;background-image: url("~static/images/client/industrydetails/finance-banner-img.png");background-position-x: center;}
 
     // 金融行业的问题
     .finance-question-box{
       background: #F9FAFF;
       padding: 80px 0;
         .finance-question-top{
-          width: 946px;height: 104px;background-image: url("~static/images/client/Industrydetails/finance-question-bg.png");margin: 0 auto 48px;
+          width: 946px;height: 104px;background-image: url("~static/images/client/industrydetails/finance-question-bg.png");margin: 0 auto 48px;
           h5{height: 104px;line-height:104px;display: inline-block;@include setFontStyle(10);color: rgba(255,255,255,0.85);padding: 0 56px}
           h5:first-child{margin-right: 180px;color: rgba(0,0,0,0.85);}
         }
@@ -1049,5 +1035,32 @@
         }
     }
   }
+
+  /********  describe: 信息产业-详情页  author: TX  date:2020-09-02  ********/
+  .client-information-page{
+    // banner
+    .information-banner{width: 100%;height: 400px;background-image: url("~static/images/client/industrydetails/information-banner-img.png");background-position-x: center;}
+
+    // 我们的系统为您改变了什么
+    .information-change-box{
+      background: #F9FAFF;
+      padding-bottom: 80px;
+      .change-content{
+        width: 100%;height: 300px;margin-top: 48px;background-image: url("~static/images/client/industrydetails/information-change-bg.png");
+        h5{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 24px;text-align: center}
+        li{
+          @include setFontStyle(-6);color: rgba(0,0,0,0.65);margin-bottom: 24px;line-height: 22px;
+          i{width: 14px;height: 14px;float:left;box-sizing: border-box;opacity: 0.8;display: block;border: 1px solid #13192D;transform: rotate(45deg);margin-right: 16px;margin-top: 3px;}
+          p{margin-left: 30px}
+        }
+        img{display: inline-block;vertical-align: top;margin: 120px 30px auto 70px;}
+      }
+      .change-content-left{
+        display: inline-block;padding: 48px 0 0 64px;vertical-align: top;
+        h5,li,li i{color: #fff;border-color: #fff;}
+      }
+      .change-content-right{width: 500px;display: inline-block;padding-top: 48px;}
+    }
+  }
 }
 

pages/Industrydetails/finance.vue

@@ -49,8 +49,6 @@
           return {
             // 发展现状img
             financeDevelopImg:   require(`~/static/images/client/industrydetails/finance-develop-img.png`),
-            // 我们的系统为您改变了什么 img
-            // changeImg:   require(`~/static/images/client/industrydetails/government-change-img.png`),
           }
         },
     };

pages/Industrydetails/information.vue

@@ -0,0 +1,64 @@
+<template>
+  <!-- 信息产业-详情页 -->
+  <div class="client-information-page">
+
+    <!-- 信息产业banner栏 -->
+    <div class="information-banner"></div>
+
+    <!-- 信息产业的发展现状 -->
+    <div class="industrydetails-develop-box">
+      <h4 class="client-title">信息产业的发展现状</h4>
+      <div class="client-container">
+        <p>近年来我国互联网继续保持增长态势，上网人数和增长速度都为全世界瞩目，网络产业已经从过去的吸引眼球上逐渐转向以“盈利”为中心。如网络游戏、网上交易、网络广告、网络教育、网络短信等，新兴应用层出不穷，将推动产业融合发展和转型升级。</p>
+        <img :src="informationDevelopImg" alt="政府行业的发展现状" />
+      </div>
+    </div>
+
+    <!-- 我们的系统为您改变了什么 -->
+    <div class="information-change-box">
+      <h4 class="client-title">我们的系统为您改变了什么</h4>
+      <div class="client-container">
+        <div class="change-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>
+</template>
+
+<script>
+    export default {
+        name: 'information',
+        layout:     'templateB',
+      data() {
+        return {
+          // 发展现状img
+          informationDevelopImg:   require(`~/static/images/client/industrydetails/information-develop-img.png`),
+          // 我们的系统为您改变了什么 img
+          changeImg:   require(`~/static/images/client/industrydetails/information-change-img.png`),
+        }
+      },
+    };
+</script>
+
+<style scoped>
+
+</style>

pages/index.vue

@@ -309,7 +309,7 @@
         kaoshiLiArray: [
           {
             demandTitle:'政府机构',
-            demandHref:  this.getBaseUrl+ '/Industrydetails/government',
+            demandHref:  this.getBaseUrl+ '/industrydetails/government',
             demandText:    '无论是国企还是私企，每年都要举行年度考核、党建考核等各种不同形式的考试。而传统考试方式，从出题、组卷、印刷，到安排场地、试卷分发等，成本较高，不能完全适应现代企业管理模式。',
             demandLinkBox: [
               {
@@ -324,7 +324,7 @@
           },
           {
             demandTitle:'信息产业',
-            demandHref:    '#',
+            demandHref:    this.getBaseUrl+ '/industrydetails/information',
             demandText:    '近年来我国互联网继续保持增长态势，网络产业已经从过去的吸引眼球上逐渐转向以“盈利”为中心。如网络游戏、网上交易、网络广告、网络教育、网络短信等，新兴应用层出不穷，将推动产业融合发展和转型升级。',
             demandLinkBox: [
               {
@@ -362,7 +362,7 @@
           },
           {
             demandTitle:'金融保险',
-            demandHref:   this.getBaseUrl+ '/Industrydetails/finance',
+            demandHref:   this.getBaseUrl+ '/industrydetails/finance',
             demandText:    '金融无处不在并已形成一个庞大体系，金融学涉及的范畴、分支和内容非常广，对员工的知识储备要求较高，相对的考核难度也较大。所以金融保险业更需要考核数据来作为依据，帮助提升业务能力。',
             demandLinkBox: [
               {