1.详情页banner替换

2.详情页增加免费试用按钮

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

@@ -638,7 +638,8 @@
   /********  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;}
+    .industrydetails-banner{background-color: #1B33B7;}
+    .industrydetails-banner-box{background-image: url("~static/images/client/industrydetails/government-banner-img.png");}
 
     // 我们的系统为您改变了什么
     .government-change-box{
@@ -647,10 +648,10 @@
       .industrydetails-content{
         width: 100%;height: 312px;margin-top: 48px;background-image: url("~static/images/client/industrydetails/government-change-bg.png");
         li{
-          margin-bottom: 24px;
+          margin-bottom: 16px;
           p{margin-left: 30px}
         }
-        img{display: inline-block;vertical-align: top;margin: 85px 42px;}
+        img{width:100px;display: inline-block;vertical-align: top;margin: 85px 40px 85px 55px;}
       }
       .change-content-left{
         display: inline-block;padding: 32px 0 0 64px;vertical-align: top;
@@ -675,7 +676,8 @@
   /********  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;}
+    .industrydetails-banner{background-color: #593513;}
+    .industrydetails-banner-box{background-image: url("~static/images/client/industrydetails/finance-banner-img.png");}
 
     // 金融行业的问题
     .finance-question-box{
@@ -701,7 +703,8 @@
   /********  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;}
+    .industrydetails-banner{background-color: #070B20;}
+    .industrydetails-banner-box{background-image: url("~static/images/client/industrydetails/information-banner-img.png");}
 
     // 我们的系统为您改变了什么
     .information-change-box{
@@ -727,7 +730,8 @@
   /********  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;}
+    .industrydetails-banner{background-color: #073A44;}
+    .industrydetails-banner-box{background-image: url("~static/images/client/industrydetails/energy-banner-img.png");}
 
     // 我们的系统为您改变了什么
     .energy-change-box{
@@ -758,7 +762,8 @@
   /********  describe: 交通运输-详情页  author: TX  date:2020-09-02  ********/
   .client-traffic-page{
     // banner
-    .traffic-banner{width: 100%;height: 400px;background-image: url("~static/images/client/industrydetails/traffic-banner-img.png");background-position-x: center;}
+    .industrydetails-banner{background-color: #0A2F41;}
+    .industrydetails-banner-box{background-image: url("~static/images/client/industrydetails/traffic-banner-img.png");}
 
     // 我们的系统为您改变了什么
     .traffic-change-box{
@@ -778,7 +783,8 @@
   /********  describe: 教育行业-详情页  author: TX  date:2020-09-02  ********/
   .client-education-page{
     // banner
-    .education-banner{width: 100%;height: 400px;background-image: url("~static/images/client/industrydetails/education-banner-img.png");background-position-x: center;}
+    .industrydetails-banner{background-color: #085903;}
+    .industrydetails-banner-box{background-image: url("~static/images/client/industrydetails/education-banner-img.png");}
 
     // 我们的系统为您改变了什么
     .education-change-box{
@@ -796,7 +802,8 @@
   /********  describe: 食品餐饮-详情页  author: TX  date:2020-09-03  ********/
   .client-restaurant-page{
     // banner
-    .restaurant-banner{width: 100%;height: 400px;background-image: url("~static/images/client/industrydetails/restaurant-banner-img.png");background-position-x: center;}
+    .industrydetails-banner{background-color: #1C1E21;}
+    .industrydetails-banner-box{background-image: url("~static/images/client/industrydetails/restaurant-banner-img.png");}
 
     // 我们的系统为您改变了什么
     .restaurant-change-box{
@@ -819,7 +826,8 @@
   /********  describe: 医疗卫生-详情页  author: TX  date:2020-09-03  ********/
   .client-medical-page{
     // banner
-    .medical-banner{width: 100%;height: 400px;background-image: url("~static/images/client/industrydetails/medical-banner-img.png");background-position-x: center;}
+    .industrydetails-banner{background-color: #2178E0;}
+    .industrydetails-banner-box{background-image: url("~static/images/client/industrydetails/medical-banner-img.png");}
 
     // 我们的系统为您改变了什么
     .medical-change-box{

pages/Industrydetails/education.vue

@@ -3,7 +3,10 @@
   <div class="client-education-page">
 
     <!-- 教育行业banner栏 -->
-    <div class="education-banner"></div>
+    <div class="industrydetails-banner">
+      <div class="industrydetails-banner-box"></div>
+      <span class="free-trial-default-btn" @click="goRegister">免费试用</span>
+    </div>
 
     <!-- 教育行业的发展现状 -->
     <div class="industrydetails-develop-box">
@@ -60,6 +63,18 @@
             changeImg:   require(`~/static/images/client/industrydetails/education-change-img.png`),
           }
         },
+      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

@@ -3,7 +3,10 @@
   <div class="client-energy-page">
 
     <!-- 能源化工banner栏 -->
-    <div class="energy-banner"></div>
+    <div class="industrydetails-banner">
+      <div class="industrydetails-banner-box"></div>
+      <span class="free-trial-default-btn" @click="goRegister">免费试用</span>
+    </div>
 
     <!-- 能源化工的发展现状 -->
     <div class="industrydetails-develop-box">
@@ -56,6 +59,18 @@
             changeImg:   require(`~/static/images/client/industrydetails/energy-change-img.png`),
           }
         },
+      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/finance.vue

@@ -3,7 +3,10 @@
   <div class="client-finance-page">
 
       <!-- 金融保险banner栏 -->
-      <div class="finance-banner"></div>
+    <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">

pages/Industrydetails/government.vue

@@ -2,7 +2,10 @@
   <!-- 政府机构-详情页 -->
   <div class="client-government-page">
     <!-- 政府机构banner栏 -->
-    <div class="government-banner"></div>
+    <div class="industrydetails-banner">
+      <div class="industrydetails-banner-box"></div>
+      <span class="free-trial-default-btn" @click="goRegister">免费试用</span>
+    </div>
 
     <!-- 政府行业的发展现状 -->
     <div class="industrydetails-develop-box">
@@ -86,8 +89,22 @@
             developImg:   require(`~/static/images/client/industrydetails/government-develop-img.png`),
             // 我们的系统为您改变了什么 img
             changeImg:   require(`~/static/images/client/industrydetails/government-change-img.png`),
+            // 获取是考试系统点进来的还是培训系统点进来的
+            tpyeKey:    '',
           }
         },
+        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/information.vue

@@ -3,7 +3,10 @@
   <div class="client-information-page">
 
     <!-- 信息产业banner栏 -->
-    <div class="information-banner"></div>
+    <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">

pages/Industrydetails/medical.vue

@@ -3,7 +3,10 @@
   <div class="client-medical-page">
 
     <!-- 医疗卫生banner栏 -->
-    <div class="medical-banner"></div>
+    <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">

pages/Industrydetails/restaurant.vue

@@ -3,7 +3,10 @@
   <div class="client-restaurant-page">
 
     <!-- 食品餐饮banner栏 -->
-    <div class="restaurant-banner"></div>
+    <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">

pages/Industrydetails/traffic.vue

@@ -3,7 +3,10 @@
   <div class="client-traffic-page">
 
     <!-- 交通运输banner栏 -->
-    <div class="traffic-banner"></div>
+    <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">

pages/index.vue

@@ -308,7 +308,7 @@
           {
             demandNumber:'01',
             demandTitle:'政府机构',
-            demandHref:  'government',
+            demandHref:  'government?type=1',
             demandText:    '无论是国企还是私企，每年都要举行年度考核、党建考核等各种不同形式的考试。而传统考试方式，从出题、组卷、印刷，到安排场地、试卷分发等，成本较高，不能完全适应现代企业管理模式。',
             demandLinkBox: [
               {
@@ -340,7 +340,7 @@
           {
             demandNumber:'03',
             demandTitle:'能源化工',
-            demandHref:  'energy',
+            demandHref:  'energy?type=1',
             demandText:    '信息化在社会的各行各业迅速发展，在石油、石化和煤炭等大型国有企业中要以信息化带动工业化、自动化，应用信息技术改造提升能源企业，加快企业信息化进程，提高信息技术应用水平。',
             demandLinkBox: [
               {
@@ -400,7 +400,7 @@
           {
             demandNumber:'06',
             demandTitle:'教育培训',
-            demandHref:  'education',
+            demandHref:  'education?type=1',
             demandText:    '教培行业存在的教师教学水平参差不齐，教学质量难以提升等问题，麦塔不仅是考试出题软件，还是在线教学考试系统，非常适合培训机构前期营销获客以及后期模拟考试的场景。',
             demandLinkBox: [
               {
@@ -438,7 +438,7 @@
           {
             demandNumber:'02',
             demandTitle:'教育培训',
-            demandHref:  'education',
+            demandHref:  'education?type=2',
             demandText:    '教培行业存在的教师教学水平参差不齐，教学质量难以提升等问题，麦塔不仅是考试出题软件，还是在线教学考试系统，非常适合培训机构前期营销获客以及后期模拟考试的场景。',
             demandLinkBox: [
               {
@@ -470,7 +470,7 @@
           {
             demandNumber:'04',
             demandTitle:'政府机构',
-            demandHref:  'government',
+            demandHref:  'government?type=2',
             demandText:    '无论是国企还是私企，每年都要举行年度考核、党建考核等各种不同形式的考试。而传统考试方式，从出题、组卷、印刷，到安排场地、试卷分发等，成本较高，不能完全适应现代企业管理模式。',
             demandLinkBox: [
               {
@@ -486,7 +486,7 @@
           {
             demandNumber:'05',
             demandTitle:'能源化工',
-            demandHref:  'energy',
+            demandHref:  'energy?type=2',
             demandText:    '信息化在社会的各行各业迅速发展，在石油、石化和煤炭等大型国有企业中要以信息化带动工业化、自动化，应用信息技术改造提升能源企业，加快企业信息化进程，提高信息技术应用水平。',
             demandLinkBox: [
               {