修改路由，新增培训详情页面

pages/Industrydetails/finance.vue

@@ -1,62 +0,0 @@
-<template>
-  <!-- 金融保险-详情页 -->
-  <div class="client-finance-page">
-
-      <!-- 金融保险banner栏 -->
-    <div class="industrydetails-banner">
-      <div class="industrydetails-banner-box"></div>
-      <a class="free-trial-default-btn" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank">免费试用</a>
-    </div>
-
-      <!-- 金融行业的发展现状 -->
-      <div class="industrydetails-develop-box">
-        <h4 class="client-title">金融行业的发展现状</h4>
-        <div class="client-container">
-          <p>金融无处不在并已形成一个庞大体系，金融学涉及的范畴、分支和内容非常广，如货币、证券、银行、保险、投资理财、风险管理等，相对来说考核点多、信息量大，对员工的知识储备要求较高，相对的考核难度也较大。所以金融保险业更需要考核数据来作为依据，帮助提升业务能力。</p>
-          <img :src="financeDevelopImg" alt="金融行业的发展现状" />
-        </div>
-      </div>
-
-    <!-- 金融行业的问题 -->
-    <div class="finance-question-box">
-        <div class="client-container">
-            <div class="finance-question-top">
-              <h5>传统培训手段的问题</h5>
-              <h5>我们能解决的问题</h5>
-            </div>
-          <div class="industrydetails-content tc">
-            <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>
-            <ul class="finance-question-right">
-              <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: 'finance',
-        layout:     'templateB',
-        data() {
-          return {
-            // 发展现状img
-            financeDevelopImg:   require(`~/static/images/client/industrydetails/finance-develop-img.png`),
-          }
-        },
-    };
-</script>
-
-<style scoped>
-
-</style>

pages/Industrydetails/education.vue → pages/education.vue

@@ -5,7 +5,7 @@
     <!-- 教育行业banner栏 -->
     <div class="industrydetails-banner">
       <div class="industrydetails-banner-box"></div>
-      <span class="free-trial-default-btn" @click="goRegister">免费试用</span>
+      <a class="free-trial-default-btn" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank">免费试用</a>
     </div>
 
     <!-- 教育行业的发展现状 -->
@@ -64,16 +64,6 @@
           }
         },
       methods: {
-        // 免费注册
-        goRegister(){
-          //获取页面url及页面参数
-          this.tpyeKey =window.location.href.split('?type=').pop();
-          if(this.tpyeKey === '1'){
-            window.open('https://cdnks.mtavip.com/a/register?flug=1','_blank')
-          }else{
-            window.open('https://cdnks.mtavip.com/a/register?flug=2','_blank')
-          }
-        },
       },
     };
 </script>

pages/Industrydetails/energy.vue → pages/energy.vue

@@ -5,7 +5,7 @@
     <!-- 能源化工banner栏 -->
     <div class="industrydetails-banner">
       <div class="industrydetails-banner-box"></div>
-      <span class="free-trial-default-btn" @click="goRegister">免费试用</span>
+      <a class="free-trial-default-btn" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank">免费试用</a>
     </div>
 
     <!-- 能源化工的发展现状 -->
@@ -60,16 +60,6 @@
           }
         },
       methods: {
-        // 免费注册
-        goRegister(){
-          //获取页面url及页面参数
-          this.tpyeKey =window.location.href.split('?type=').pop();
-          if(this.tpyeKey === '1'){
-            window.open('https://cdnks.mtavip.com/a/register?flug=1','_blank')
-          }else{
-            window.open('https://cdnks.mtavip.com/a/register?flug=2','_blank')
-          }
-        },
       },
     };
 </script>

pages/Industrydetails/government.vue → pages/government.vue

@@ -4,7 +4,7 @@
     <!-- 政府机构banner栏 -->
     <div class="industrydetails-banner">
       <div class="industrydetails-banner-box"></div>
-      <span class="free-trial-default-btn" @click="goRegister">免费试用</span>
+      <a class="free-trial-default-btn" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank">免费试用</a>
     </div>
 
     <!-- 政府行业的发展现状 -->
@@ -94,16 +94,6 @@
           }
         },
         methods: {
-          // 免费注册
-          goRegister(){
-            //获取页面url及页面参数
-            this.tpyeKey =window.location.href.split('?type=').pop();
-            if(this.tpyeKey === '1'){
-              window.open('https://cdnks.mtavip.com/a/register?flug=1','_blank')
-            }else{
-              window.open('https://cdnks.mtavip.com/a/register?flug=2','_blank')
-            }
-          },
         },
     };
 </script>

pages/index.vue

@@ -71,7 +71,7 @@
                 <div class="demand-content-box">{{item.demandNumber}}</div>
                 <div class="demand-img-box"><i></i><h4>{{item.demandTitle}}</h4></div>
                 <div class="demand-mask-box">
-                  <h4>{{item.demandTitle}}<a :href="`${baseUrl}/industrydetails/${item.demandHref}`"><span>了解详情</span><i></i></a></h4>
+                  <h4>{{item.demandTitle}}<a :href="`${baseUrl}/${item.demandHref}`"><span>了解详情</span><i></i></a></h4>
                   <p>{{item.demandText}}</p>
                   <div class="demand-icon-box">
                     <a v-for="item2 in item.demandLinkBox" :href="item2.href"><img :src="item2.img" alt="客户案例"></a>
@@ -87,7 +87,7 @@
                 <div class="demand-content-box">{{item.demandNumber}}</div>
                 <div class="demand-img-box"><i></i><h4>{{item.demandTitle}}</h4></div>
                 <div class="demand-mask-box">
-                  <h4>{{item.demandTitle}}<a :href="`${baseUrl}/industrydetails/${item.demandHref}`"><span>了解详情</span><i></i></a></h4>
+                  <h4>{{item.demandTitle}}<a :href="`${baseUrl}/${item.demandHref}`"><span>了解详情</span><i></i></a></h4>
                   <p>{{item.demandText}}</p>
                   <div class="demand-icon-box">
                     <a v-for="item2 in item.demandLinkBox" :href="item2.href"><img :src="item2.img" alt="客户案例"></a>
@@ -308,7 +308,7 @@
           {
             demandNumber:'01',
             demandTitle:'政府机构',
-            demandHref:  'government?type=1',
+            demandHref:  'government',
             demandText:    '无论是国企还是私企，每年都要举行年度考核、党建考核等各种不同形式的考试。而传统考试方式，从出题、组卷、印刷，到安排场地、试卷分发等，成本较高，不能完全适应现代企业管理模式。',
             demandLinkBox: [
               {
@@ -340,7 +340,7 @@
           {
             demandNumber:'03',
             demandTitle:'能源化工',
-            demandHref:  'energy?type=1',
+            demandHref:  'energy',
             demandText:    '信息化在社会的各行各业迅速发展，在石油、石化和煤炭等大型国有企业中要以信息化带动工业化、自动化，应用信息技术改造提升能源企业，加快企业信息化进程，提高信息技术应用水平。',
             demandLinkBox: [
               {
@@ -364,7 +364,7 @@
           {
             demandNumber:'04',
             demandTitle:'金融保险',
-            demandHref:  'finance',
+            demandHref:  'financial',
             demandText:    '金融无处不在并已形成一个庞大体系，金融学涉及的范畴、分支和内容非常广，对员工的知识储备要求较高，相对的考核难度也较大。所以金融保险业更需要考核数据来作为依据，帮助提升业务能力。',
             demandLinkBox: [
               {
@@ -400,7 +400,7 @@
           {
             demandNumber:'06',
             demandTitle:'教育培训',
-            demandHref:  'education?type=1',
+            demandHref:  'education',
             demandText:    '教培行业存在的教师教学水平参差不齐，教学质量难以提升等问题，麦塔不仅是考试出题软件，还是在线教学考试系统，非常适合培训机构前期营销获客以及后期模拟考试的场景。',
             demandLinkBox: [
               {
@@ -438,7 +438,7 @@
           {
             demandNumber:'02',
             demandTitle:'教育培训',
-            demandHref:  'education?type=2',
+            demandHref:  'trainEducation',
             demandText:    '教培行业存在的教师教学水平参差不齐，教学质量难以提升等问题，麦塔不仅是考试出题软件，还是在线教学考试系统，非常适合培训机构前期营销获客以及后期模拟考试的场景。',
             demandLinkBox: [
               {
@@ -470,7 +470,7 @@
           {
             demandNumber:'04',
             demandTitle:'政府机构',
-            demandHref:  'government?type=2',
+            demandHref:  'trainGovernment',
             demandText:    '无论是国企还是私企，每年都要举行年度考核、党建考核等各种不同形式的考试。而传统考试方式，从出题、组卷、印刷，到安排场地、试卷分发等，成本较高，不能完全适应现代企业管理模式。',
             demandLinkBox: [
               {
@@ -486,7 +486,7 @@
           {
             demandNumber:'05',
             demandTitle:'能源化工',
-            demandHref:  'energy?type=2',
+            demandHref:  'trainEnergy',
             demandText:    '信息化在社会的各行各业迅速发展，在石油、石化和煤炭等大型国有企业中要以信息化带动工业化、自动化，应用信息技术改造提升能源企业，加快企业信息化进程，提高信息技术应用水平。',
             demandLinkBox: [
               {

pages/trainEducation.vue

@@ -0,0 +1,73 @@
+<template>
+  <!-- 教育行业-详情页 -->
+  <div class="client-education-page">
+
+    <!-- 教育行业banner栏 -->
+    <div class="industrydetails-banner">
+      <div class="industrydetails-banner-box"></div>
+      <a 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="developImg" alt="教育行业的发展现状" />
+      </div>
+    </div>
+
+    <!-- 我们的系统为您改变了什么 -->
+    <div class="education-change-box">
+      <h4 class="client-title">我们的系统为您改变了什么</h4>
+      <div class="client-container">
+        <div class="industrydetails-content fn-clear mt48">
+          <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>
+              <li><i></i><p>由于场地限制，无法组织更多的人一起听课，传播面太小</p></li>
+              <li><i></i><p>传统的纸质考试的费时，费力，易出错</p></li>
+            </ul>
+          </div>
+          <img :src="changeImg" alt="vs" />
+          <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>
+              <li><i></i><p>时间灵活：时间灵活，自己时间允许的情况下学习</p></li>
+              <li><i></i><p>学习交流：学习过程中可自由与老师交流疑点难点</p></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+    export default {
+        name: 'trainEducation',
+        layout:     'templateB',
+        data() {
+          return {
+            // 发展现状img
+            developImg:   require(`~/static/images/client/industrydetails/education-develop-img.png`),
+            // 我们的系统为您改变了什么 img
+            changeImg:   require(`~/static/images/client/industrydetails/education-change-img.png`),
+          }
+        },
+      methods: {
+      },
+    };
+</script>
+
+<style scoped>
+
+</style>

pages/trainEnergy.vue

@@ -0,0 +1,69 @@
+<template>
+  <!-- 能源化工-详情页 -->
+  <div class="client-energy-page">
+
+    <!-- 能源化工banner栏 -->
+    <div class="industrydetails-banner">
+      <div class="industrydetails-banner-box"></div>
+      <a 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>

pages/trainGovernment.vue

@@ -0,0 +1,100 @@
+<template>
+  <!-- 政府机构-详情页 -->
+  <div class="client-government-page">
+    <!-- 政府机构banner栏 -->
+    <div class="industrydetails-banner">
+      <div class="industrydetails-banner-box"></div>
+      <a 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="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">
+      <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: 'trainGovernment',
+        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:    '',
+          }
+        },
+        methods: {
+        },
+    };
+</script>
+