布局调整

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

@@ -493,7 +493,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     vertical-align: top;
     h4{@include setFontStyle(-4);color: rgba(0,0,0,0.85);margin-bottom: 16px;}
     .latest-news-list{
-      li{margin-bottom: 8px}
+      li{margin-bottom: 23px}
       a{width: 100%;@include setFontStyle(-4);display:inline-block;color: #333;@include single-line-ellipsis;}
       a:hover{color: #00b96b;cursor: pointer}
     }

components/common/newsComp.vue

@@ -2,11 +2,11 @@
   <div>
     <!-- 新闻资讯 PC-->
     <div class="client-news-information mta-hidden-xs">
-      <h4 class="client-title">麦塔资讯</h4>
+      <h4 class="client-title">新闻资讯</h4>
       <div class="client-container">
         <div class="industry-information-box">
           <div class="industry-information-left">
-            <img :src="newsData[0].pic" alt="麦塔资讯"/>
+            <img :src="newsData[0].pic" alt="新闻资讯"/>
             <h4 @click="checkInfo(newsData[0])">{{ newsData[0].title }}<i></i></h4>
             <div><b>{{ newsData[0].yyyy }}</b><span>{{ newsData[0].mmdd }}</span></div>
             <p>{{ newsData[0].intro }}</p>

components/common/onlineInformationBtn.vue

@@ -50,4 +50,9 @@ export default {
   color: #fff;
   background: #00b96b;
 }
+
+.zxzx-btn.green {
+  background-color: #00B96B;
+  color: #fff;
+}
 </style>

pages/index.vue

@@ -65,33 +65,61 @@
     </div>
 
     <!-- 超过10万家客户的信任之选 -->
-    <div class="client-customer-box">
+    <div class="client-customer-box mta-hidden-xs">
+      <div class="client-container">
+        <h4 class="client-title">他们都在用</h4>
+        <ul class="customer-img-box">
+          <div class="customer-row">
+            <li><img :src="customerImg1" alt="中国人民银行"/></li>
+            <li><img :src="customerImg2" alt="中国民生银行"/></li>
+            <li><img :src="customerImg3" alt="今日头条"/></li>
+            <li><img :src="customerImg4" alt="沈阳师范大学"/></li>
+            <li><img :src="customerImg5" alt="上海航空"/></li>
+          </div>
+          <div class="customer-row">
+            <li><img :src="customerImg6" alt="华发股份"/></li>
+            <li><img :src="customerImg7" alt="汇丰"/></li>
+            <li><img :src="customerImg8" alt="步步高"/></li>
+            <li><img :src="customerImg9" alt="小天才"/></li>
+            <li><img :src="customerImg10" alt="南京银行 "/></li>
+            <li><img :src="customerImg11" alt="astellas"/></li>
+          </div>
+
+          <div class="customer-row">
+            <li><img :src="customerImg12" alt="酷狗音乐"/></li>
+            <li><img :src="customerImg13" alt="伟岸纵横"/></li>
+            <li><img :src="customerImg14" alt="航天信息"/></li>
+            <li><img :src="customerImg15" alt="sony"/></li>
+            <li><img :src="customerImg16" alt="中国海洋大学"/></li>
+          </div>
+        </ul>
+      </div>
+    </div>
+
+    <div class="client-customer-box mta-hidden-sm">
       <div class="client-container">
         <h4 class="client-title">他们都在用</h4>
         <ul class="customer-img-box">
           <li><img :src="customerImg1" alt="中国人民银行"/></li>
-          <li><img :src="customerImg2" alt="汇丰"/></li>
-          <li><img :src="customerImg3" alt="中国银行"/></li>
-          <li><img :src="customerImg4" alt="中信银行"/></li>
-          <li><img :src="customerImg5" alt="中国民生银行"/></li>
-          <li><img :src="customerImg6" alt="astellas"/></li>
-          <li><img :src="customerImg7" alt="今日头条"/></li>
-          <li><img :src="customerImg8" alt="华图教育"/></li>
-          <li><img :src="customerImg9" alt="步步高"/></li>
-          <li><img :src="customerImg10" alt="小天才"/></li>
-          <li><img :src="customerImg11" alt="华发股份"/></li>
-          <li><img :src="customerImg12" alt="上海航空"/></li>
-          <li><img :src="customerImg13" alt="中国国际航空公司"/></li>
-          <li><img :src="customerImg14" alt="中国东方航空"/></li>
-          <li><img :src="customerImg15" alt="深圳航空"/></li>
-          <li><img :src="customerImg16" alt="中建八局"/></li>
-          <li><img :src="customerImg17" alt="SANOFI"/></li>
-          <li><img :src="customerImg18" alt="大连海事大学"/></li>
-          <li><img :src="customerImg19" alt="南京银行"/></li>
-          <li><img :src="customerImg20" alt="中国人民银行"/></li>
+          <li><img :src="customerImg2" alt="中国民生银行"/></li>
+          <li><img :src="customerImg3" alt="今日头条"/></li>
+          <li><img :src="customerImg4" alt="沈阳师范大学"/></li>
+          <li><img :src="customerImg5" alt="上海航空"/></li>
+          <li><img :src="customerImg6" alt="华发股份"/></li>
+          <li><img :src="customerImg7" alt="汇丰"/></li>
+          <li><img :src="customerImg8" alt="步步高"/></li>
+          <li><img :src="customerImg9" alt="小天才"/></li>
+          <li><img :src="customerImg10" alt="南京银行 "/></li>
+          <li><img :src="customerImg11" alt="astellas"/></li>
+          <li><img :src="customerImg12" alt="酷狗音乐"/></li>
+          <li><img :src="customerImg13" alt="伟岸纵横"/></li>
+          <li><img :src="customerImg14" alt="航天信息"/></li>
+          <li><img :src="customerImg15" alt="sony"/></li>
+          <li><img :src="customerImg16" alt="中国海洋大学"/></li>
         </ul>
       </div>
     </div>
+
     <!--  新闻资讯  -->
     <newsComp :newsData="topCarousels"></newsComp>
     <!--  申请方案  -->
@@ -317,26 +345,22 @@ export default {
       SystemWidthFlag: false,// 判断是否是手机端，默认为false，默认为PC端
       topCarousels2: [],
       // 客户logo
-      customerImg1: require(`~/static/images/client/index/index-customer-img1.png`),
-      customerImg2: require(`~/static/images/client/index/index-customer-img2.png`),
-      customerImg3: require(`~/static/images/client/index/index-customer-img3.png`),
-      customerImg4: require(`~/static/images/client/index/index-customer-img4.png`),
-      customerImg5: require(`~/static/images/client/index/index-customer-img5.png`),
-      customerImg6: require(`~/static/images/client/index/index-customer-img6.png`),
-      customerImg7: require(`~/static/images/client/index/index-customer-img7.png`),
-      customerImg8: require(`~/static/images/client/index/index-customer-img8.png`),
-      customerImg9: require(`~/static/images/client/index/index-customer-img9.png`),
-      customerImg10: require(`~/static/images/client/index/index-customer-img10.png`),
-      customerImg11: require(`~/static/images/client/index/index-customer-img11.png`),
-      customerImg12: require(`~/static/images/client/index/index-customer-img12.png`),
-      customerImg13: require(`~/static/images/client/index/index-customer-img13.png`),
-      customerImg14: require(`~/static/images/client/index/index-customer-img14.png`),
-      customerImg15: require(`~/static/images/client/index/index-customer-img15.png`),
-      customerImg16: require(`~/static/images/client/index/index-customer-img16.png`),
-      customerImg17: require(`~/static/images/client/index/index-customer-img17.png`),
-      customerImg18: require(`~/static/images/client/index/index-customer-img18.png`),
-      customerImg19: require(`~/static/images/client/index/index-customer-img19.png`),
-      customerImg20: require(`~/static/images/client/index/index-customer-img20.png`),
+      customerImg1: require(`~/static/gangweiIcon/z154.png`),
+      customerImg2: require(`~/static/gangweiIcon/z155.png`),
+      customerImg3: require(`~/static/gangweiIcon/z156.png`),
+      customerImg4: require(`~/static/gangweiIcon/z157.png`),
+      customerImg5: require(`~/static/gangweiIcon/z158.png`),
+      customerImg6: require(`~/static/gangweiIcon/z159.png`),
+      customerImg7: require(`~/static/gangweiIcon/z160.png`),
+      customerImg8: require(`~/static/gangweiIcon/z161.png`),
+      customerImg9: require(`~/static/gangweiIcon/z162.png`),
+      customerImg10: require(`~/static/gangweiIcon/z163.png`),
+      customerImg11: require(`~/static/gangweiIcon/z164.png`),
+      customerImg12: require(`~/static/gangweiIcon/z165.png`),
+      customerImg13: require(`~/static/gangweiIcon/z166.png`),
+      customerImg14: require(`~/static/gangweiIcon/z167.png`),
+      customerImg15: require(`~/static/gangweiIcon/z168.png`),
+      customerImg16: require(`~/static/gangweiIcon/z169.png`),
 
       btnTextDisabled: false,
       telDl: false,
@@ -569,4 +593,17 @@ export default {
     border-color: #fff;
   }
 }
+
+.customer-img-box {
+  .customer-row {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+
+    img {
+      width: 190px;
+      height: 54px;
+    }
+  }
+}
 </style>

pages/introduction/index.vue

@@ -225,6 +225,9 @@
 
     p {
       margin: 40px 0 0 0;
+      color: #565656;
+      font-size: 14px;
+      font-weight: 500;
     }
   }
 }
@@ -265,10 +268,10 @@
 
         p {
           width: 260px;
-          margin: 0 0 0 66px;
-          font-size: 24px;
+          margin: 0 0 0 135px;
+          font-size: 16px;
           color: #fff;
-          font-weight: 500;
+          font-weight: 800;
         }
       }
 

pages/news/_id.vue

@@ -151,4 +151,18 @@ i[type='eyes'] {
     border-color: #2C3E50;
   }
 }
+
+.client-details-wrap {
+  h1 {
+    font-size: 32px;
+    color: #333;
+    font-weight: 500;
+  }
+
+  @media (max-width: 768px) {
+    h1 {
+      font-size: 18px;
+    }
+  }
+}
 </style>

pages/news/index.vue

@@ -5,7 +5,16 @@
         <img  @click="clickBanner(bannerList[0].url)" :src="bannerList[0].pic" alt="新闻资讯">
     </div>
     <!-- 新闻资讯 -->
-    <ul class="platform-menu-ul">
+    <ul class="platform-menu-ul2 mta-hidden-xs">
+      <li style="cursor: pointer"
+          :class="{'active':activeIndex===index}"
+          @click="btnClick(item,index)"
+          :key="index"
+          v-for="(item,index) in newsClassifyData">
+        {{item.name}}
+      </li>
+    </ul>
+    <ul class="platform-menu-ul mta-hidden-sm">
       <li style="cursor: pointer"
           :class="{'active':activeIndex===index}"
           @click="btnClick(item,index)"
@@ -168,6 +177,49 @@
     }
   };
 </script>
-<style>
+<style lang="scss" scoped>
+.platform-menu-ul2 {
+  margin:  110px auto 90px;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  position: relative;
+
 
+  &:after {
+    content: '';
+    position: absolute;
+    bottom: -28px;
+    width: 50%;
+    height: 1px;
+    background-color: #7CC659;
+  }
+
+
+  li {
+    font-size: 30px;
+    font-weight: 800;
+    color: #9C9C9C;
+    margin-right: 190px;
+
+    &.active {
+      color: #333;
+      position: relative;
+
+      &:after {
+        content: '';
+        width: 100%;
+        position: absolute;
+        bottom: -28px;
+        left: 0;
+        height: 3px;
+        background-color: #00b96b;
+      }
+    }
+
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+}
 </style>

pages/product/caiWuGuanLi.vue

@@ -20,12 +20,15 @@
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
       <div class="btn-groups center">
-        <freeTrialBtn class="btn-item" myType="kecheng"/>
+        <applyBtn class="btn-item" @active-pc="onApplyBtnActive" @active-h5="onApplyBtnActiveH5"/>
         <onlineInformationBtn />
       </div>
     </div>
 
     <videoDialog :source="curVideo" :visible.sync="visible"></videoDialog>
+
+    <!--  申请方案  -->
+    <applicationDialog :visible.sync="telDl"></applicationDialog>
   </div>
 </template>
 
@@ -36,6 +39,8 @@ import freeTrialBtn from "~/components/common/freeTrialBtn";
 import onlineInformationBtn from "~/components/common/onlineInformationBtn";
 import gangweiList from "@/components/common/layout/desComp/gangweiList";
 import {BannerImgs, caiwuguanli} from "~/defaultConfig";
+import applicationDialog from "~/components/common/applicationDialog";
+import applyBtn from "~/components/common/applyBtn";
 
 /**
  * @ 产品与服务 -> 课程资源 -> 财务管理
@@ -68,7 +73,7 @@ export default {
     }
   },
   components: {
-    mtaTable, videoDialog,
+    mtaTable, videoDialog,applicationDialog,applyBtn,
     freeTrialBtn, onlineInformationBtn, gangweiList
   },
   data() {
@@ -139,6 +144,7 @@ export default {
       ],
       curVideo: '',
       visible: false,
+      telDl: false,
     }
   },
   computed: {
@@ -150,7 +156,13 @@ export default {
     shiKan({url}) {
       this.visible = true;
       this.curVideo = url;
-    }
+    },
+    onApplyBtnActive() {
+      this.telDl = true;
+    },
+    onApplyBtnActiveH5() {
+      this.$router.push({name: 'CourseDevelopPhone', query: {redirectUrl: '/product/caiWuGuanLi',}});
+    },
   }
 }
 </script>

pages/product/chanPinYunYing.vue

@@ -20,13 +20,16 @@
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
       <div class="btn-groups center">
-        <freeTrialBtn class="btn-item" myType="kecheng"/>
-        <onlineInformationBtn />
+        <applyBtn class="btn-item" @active-pc="onApplyBtnActive" @active-h5="onApplyBtnActiveH5"/>
+        <onlineInformationBtn/>
       </div>
     </div>
 
     <videoDialog :source="curVideo" :visible.sync="visible"></videoDialog>
 
+    <!--  申请方案  -->
+    <applicationDialog :visible.sync="telDl"></applicationDialog>
+
   </div>
 </template>
 
@@ -37,6 +40,8 @@ import freeTrialBtn from "~/components/common/freeTrialBtn";
 import onlineInformationBtn from "~/components/common/onlineInformationBtn";
 import gangweiList from "@/components/common/layout/desComp/gangweiList";
 import {BannerImgs, chanpinyunying} from "~/defaultConfig";
+import applicationDialog from "~/components/common/applicationDialog";
+import applyBtn from "~/components/common/applyBtn";
 
 /**
  * @ 产品与服务 -> 课程资源 -> 产品运营
@@ -69,7 +74,7 @@ export default {
     }
   },
   components: {
-    mtaTable, videoDialog,
+    mtaTable, videoDialog, applicationDialog, applyBtn,
     freeTrialBtn, onlineInformationBtn, gangweiList
   },
   data() {
@@ -116,7 +121,8 @@ export default {
       ],
       curVideo: '',
       visible: false,
-      img1: require("~/static/productImage/p45.png")
+      img1: require("~/static/productImage/p45.png"),
+      telDl: false,
     }
   },
   computed: {
@@ -128,7 +134,13 @@ export default {
     shiKan({url}) {
       this.visible = true;
       this.curVideo = url;
-    }
+    },
+    onApplyBtnActive() {
+      this.telDl = true;
+    },
+    onApplyBtnActiveH5() {
+      this.$router.push({name: 'CourseDevelopPhone', query: {redirectUrl: '/product/chanPinYunYing',}});
+    },
   }
 }
 </script>
@@ -165,6 +177,7 @@ export default {
     margin-bottom: 68px;
   }
 }
+
 @media (max-width: 768px) {
 
   .platform-course-list {

pages/product/courseCustom.vue

@@ -12,7 +12,7 @@
       <h4> 专业团队满足客户需求 </h4>
       <p class="p1">服务企业 <i>100+</i>，累计开发课时 <i>30,000+</i></p>
       <p class="p2">青谷是国内专业、成熟的课程设计、开发团队、拥有丰富的电子课程制作经验，
-        业务方向包括教学设计体验、动画设计、视频拍摄等，涉及的行业有教育培训、零售连锁、机械制造、金融保险等。</p>
+        业务方向包括教学设计体验、动画制作、视频拍摄等，涉及的行业有教育培训、零售连锁、机械制造、金融保险等。</p>
       <!--  岗位职责  -->
       <gangweiList :list="gangwei" :pc-num="4" :h5-num="2"></gangweiList>
 
@@ -27,7 +27,7 @@
     <div class="platform-animation-donghua client-container my-video-content">
       <h4> 动画类课程 </h4>
       <p>动画类课程不受限于人员和场地，比较方便、生动形象地呈现知识内容。
-        主要包含：图文课程、情景动画课程、交互式课程、三分屏课程、SCORM框架式课程。适用各种行业：</p>
+        主要包含有：图文课程、情景动画课程、交互式课程、三分屏课程、SCORM框架式课程。适用各种行业：</p>
       <ul>
         <li>
           <video-card class="my-video" :card-data="{title: '教育培训业', url: video1, imgUrl:img1}"
@@ -61,7 +61,7 @@
     </div>
 
     <!--  视频类课程  -->
-    <div class="platform-animation client-container my-video-content">
+    <div class="platform-animation client-container my-video-content has-p">
       <h4> 视频类课程 </h4>
       <p>视频类课程可以直观形象地呈现知识内容。主要包含有：企业宣传片、实验操作课程、课堂实录课程、会议访谈等等。
         动画类课程也可以导出成MP4视频格式文件呈现。适用各种行业：
@@ -99,7 +99,7 @@
     </div>
 
     <!--  H5类课程  -->
-    <div class="platform-animation client-container my-video-content">
+    <div class="platform-animation client-container my-video-content has-p">
       <h4> H5类课程 </h4>
       <p>通用HTML5技术、将图文、互动测试、动画视频、游戏等多种形式结合在一起，课程交互性强、学员参与程度高。主要包含有：图文H5、游戏H5等。
       </p>
@@ -124,7 +124,7 @@
     </div>
 
     <!--  PPT定制及美化  -->
-    <div class="platform-animation client-container my-video-content">
+    <div class="platform-animation client-container my-video-content has-p">
       <h4> PPT定制及美化 </h4>
       <p>
         现在PPT正成为人们工作生活的重要组成部分，在工作汇报、企业宣传、产品推介、婚礼庆典、项目竞标、管理咨询等领域发挥重大的作用。
@@ -132,7 +132,7 @@
       </p>
       <ul>
         <li>
-          <video-card class="my-video" :card-data="{title: '现代制造业', url: video16, imgUrl:'',  imgUrl:img16}"
+          <video-card class="my-video" :card-data="{title: '金融保险业', url: video16, imgUrl:'',  imgUrl:img16}"
                       @card-click="showVideo"></video-card>
         </li>
         <li>
@@ -140,7 +140,7 @@
                       @card-click="showVideo"></video-card>
         </li>
         <li>
-          <video-card class="my-video" :card-data="{title: '物流业', url: video18,  imgUrl:'',  imgUrl:img18}"
+          <video-card class="my-video" :card-data="{title: '生产制造业', url: video18,  imgUrl:'',  imgUrl:img18}"
                       @card-click="showVideo"></video-card>
         </li>
       </ul>
@@ -314,7 +314,7 @@ export default {
 
     i {
       font-size: 26px;
-      color: #00B96B;
+      color: #309336;
     }
   }
 
@@ -424,7 +424,18 @@ export default {
       }
     }
   }
+}
+
+.has-p {
 
+  p {
+    width: 990px !important;font-size: 16px;font-weight: 500;margin: 0 auto;
+  }
+  @media (max-width: 768px) {
+    p {
+      width: 100% !important; font-size: 16px;font-weight: 500;margin: 0 auto 10px;
+    }
+  }
 }
 
 

pages/product/exam.vue

@@ -113,7 +113,7 @@ export default {
                 value: '在云平台直接搭建企业账号，邀请员工登录，即可享受完整的线上考试服务',
               },
               {
-                value: '支持客观题自动判断，主观题后台人工阅卷。有效减少人力成本，提升时间小楼，降低费用成本',
+                value: '支持万人同时在线，超高并发安全稳定运行',
               },
             ],
             order: 2,
@@ -132,7 +132,7 @@ export default {
             title: '强大的人员管理和考试功能',
             list: [
               {
-                value: '考试系统使用方便,操作简单，节约成本，无需独立开发',
+                value: '支持手动、批量导入人员及部门多层级管理功能，解决企业人员多且分散的问题',
               },
               {
                 value: '六大常用题型，批量导入；固定组卷，随机组卷，固定+随机综合组卷，涵盖错题，按难度程度抽题',
@@ -157,7 +157,7 @@ export default {
             title: '全流程AI监考防作弊体系',
             list: [
               {
-                value: '支持个性化定制登录背景、品牌、logo等，一键搭建属于您的个性化在线考试系统',
+                value: '人脸识别身份核验成功方可考试，防替考作弊行为',
               },
               {
                 value: '多屏监控画面展现考试全过程，考生的面部表情、一举一动在后台实时呈现',
@@ -188,7 +188,7 @@ export default {
                 value: '与三方平台无缝集成、支持OA、HR、ERP、教务、微信、钉钉等应用的对接',
               },
               {
-                value: 'PC、APP、H5统一管理，数据互通，充分利用水平化时间，塑造学员高频率使用习惯',
+                value: 'PC、APP、H5统一管理，数据互通，充分利用碎片化时间，塑造学员高频率使用习惯',
               },
             ],
             order: 1,

pages/product/keFuFuWu.vue

@@ -21,10 +21,12 @@
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
       <div class="btn-groups center">
-        <freeTrialBtn class="btn-item" myType="kecheng"/>
+        <applyBtn class="btn-item" @active-pc="onApplyBtnActive" @active-h5="onApplyBtnActiveH5"/>
         <onlineInformationBtn />
       </div>
     </div>
+    <!--  申请方案  -->
+    <applicationDialog :visible.sync="telDl"></applicationDialog>
   </div>
 </template>
 
@@ -35,6 +37,8 @@ import freeTrialBtn from "~/components/common/freeTrialBtn";
 import onlineInformationBtn from "~/components/common/onlineInformationBtn";
 import gangweiList from "@/components/common/layout/desComp/gangweiList";
 import {BannerImgs, kefufuwu} from "~/defaultConfig";
+import applicationDialog from "~/components/common/applicationDialog";
+import applyBtn from "~/components/common/applyBtn";
 
 /**
  * @ 产品与服务 -> 课程资源 -> 课程服务
@@ -67,7 +71,7 @@ export default {
     }
   },
   components: {
-    mtaTable, videoDialog,
+    mtaTable, videoDialog,applicationDialog,applyBtn,
     freeTrialBtn, onlineInformationBtn, gangweiList
   },
   data() {
@@ -126,7 +130,8 @@ export default {
       ],
       curVideo: '',
       visible: false,
-      img1: require("~/static/productImage/p46.png")
+      img1: require("~/static/productImage/p46.png"),
+      telDl: false,
     }
   },
   computed: {
@@ -138,7 +143,13 @@ export default {
     shiKan({url}) {
       this.visible = true;
       this.curVideo = url;
-    }
+    },
+    onApplyBtnActive() {
+      this.telDl = true;
+    },
+    onApplyBtnActiveH5() {
+      this.$router.push({name: 'CourseDevelopPhone', query: {redirectUrl: '/product/keFuFuWu',}});
+    },
   }
 }
 </script>

pages/product/lingDaoNengLi.vue

@@ -28,13 +28,14 @@
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
       <div class="btn-groups center">
-        <freeTrialBtn class="btn-item" myType="kecheng"/>
+        <applyBtn class="btn-item" @active-pc="onApplyBtnActive" @active-h5="onApplyBtnActiveH5"/>
         <onlineInformationBtn />
       </div>
     </div>
 
     <videoDialog :source="curVideo" :visible.sync="visible"></videoDialog>
-
+    <!--  申请方案  -->
+    <applicationDialog :visible.sync="telDl"></applicationDialog>
   </div>
 </template>
 
@@ -46,6 +47,8 @@ import onlineInformationBtn from "~/components/common/onlineInformationBtn";
 import pingfen from "~/components/common/pingfen";
 import {BannerImgs} from "~/defaultConfig";
 import imgCardLv2 from "~/components/common/layout/imgDes/imgCardLv2";
+import applicationDialog from "~/components/common/applicationDialog";
+import applyBtn from "~/components/common/applyBtn";
 
 /**
  * @ 产品与服务 -> 课程资源 -> 领导能力
@@ -63,7 +66,7 @@ export default {
     }
   },
   components: {
-    mtaTable, videoDialog,
+    mtaTable, videoDialog,applicationDialog,applyBtn,
     freeTrialBtn,onlineInformationBtn, pingfen, imgCardLv2},
   head(){
     return {
@@ -193,13 +196,20 @@ export default {
       visible: false,
       img1: require("~/static/productImage/p47.png"),
       img2: require("~/static/productImage/p41.png"),
+      telDl: false,
     }
   },
   methods: {
     shiKan({url}) {
       this.visible = true;
       this.curVideo = url;
-    }
+    },
+    onApplyBtnActive() {
+      this.telDl = true;
+    },
+    onApplyBtnActiveH5() {
+      this.$router.push({name: 'CourseDevelopPhone', query: {redirectUrl: '/product/lingDaoNengLi',}});
+    },
   }
 }
 </script>

pages/product/peixun.vue

@@ -130,7 +130,7 @@ export default {
         {
           content: {
             title: '一键搭建移动端和PC端专属培训平台',
-            des: '只需一键注册青谷账号，即可拥有自己的专属培训平台。PC端与移动端无缝连接；全面支持安卓、IOS等操作系统,支持APP和微信H5学习模式；为学习者提供真正的随地的、个性化的、开放式的学习服务。',
+            des: '只需一键注册青谷账号，即可拥有自己的专属培训平台。PC端与移动端无缝连接；全面支持安卓、IOS等操作系统,支持APP和微信H5学习模式；为学习者提供真正的随时随地的、个性化的、开放式的学习服务。',
             order: 2,
           },
           img: {

pages/product/renLiZiYuan.vue

@@ -28,13 +28,14 @@
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
       <div class="btn-groups center">
-        <freeTrialBtn class="btn-item" myType="kecheng"/>
+        <applyBtn class="btn-item" @active-pc="onApplyBtnActive" @active-h5="onApplyBtnActiveH5"/>
         <onlineInformationBtn  />
       </div>
     </div>
 
     <videoDialog :source="curVideo" :visible.sync="visible"></videoDialog>
-
+    <!--  申请方案  -->
+    <applicationDialog :visible.sync="telDl"></applicationDialog>
   </div>
 </template>
 
@@ -45,6 +46,8 @@ import freeTrialBtn from "~/components/common/freeTrialBtn";
 import onlineInformationBtn from "~/components/common/onlineInformationBtn";
 import {BannerImgs} from "~/defaultConfig";
 import imgCardLv2 from "~/components/common/layout/imgDes/imgCardLv2";
+import applicationDialog from "~/components/common/applicationDialog";
+import applyBtn from "~/components/common/applyBtn";
 
 /**
  * @ 产品与服务 -> 课程资源 -> 人力资源
@@ -62,7 +65,7 @@ export default {
     }
   },
   components: {
-    mtaTable, videoDialog,
+    mtaTable, videoDialog,applicationDialog,applyBtn,
     freeTrialBtn,onlineInformationBtn, imgCardLv2},
   head(){
     return {
@@ -188,13 +191,20 @@ export default {
       visible: false,
       img1: require("~/static/productImage/p48.png"),
       img2: require("~/static/productImage/p02.png"),
+      telDl: false,
     }
   },
   methods: {
     shiKan({url}) {
       this.visible = true;
       this.curVideo = url;
-    }
+    },
+    onApplyBtnActive() {
+      this.telDl = true;
+    },
+    onApplyBtnActiveH5() {
+      this.$router.push({name: 'CourseDevelopPhone', query: {redirectUrl: '/product/renLiZiYuan',}});
+    },
   }
 }
 </script>

pages/product/shengChanCaiGou.vue

@@ -15,12 +15,14 @@
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
       <div class="btn-groups center">
-        <freeTrialBtn class="btn-item" myType="kecheng"/>
-        <onlineInformationBtn />
+        <applyBtn class="btn-item" @active-pc="onApplyBtnActive" @active-h5="onApplyBtnActiveH5"/>
+        <onlineInformationBtn/>
       </div>
     </div>
 
     <videoDialog :source="curVideo" :visible.sync="visible"></videoDialog>
+    <!--  申请方案  -->
+    <applicationDialog :visible.sync="telDl"></applicationDialog>
   </div>
 </template>
 
@@ -31,6 +33,8 @@ import freeTrialBtn from "~/components/common/freeTrialBtn";
 import onlineInformationBtn from "~/components/common/onlineInformationBtn";
 import gangweiList from "@/components/common/layout/desComp/gangweiList";
 import {BannerImgs, shengchancaigou} from "~/defaultConfig";
+import applicationDialog from "~/components/common/applicationDialog";
+import applyBtn from "~/components/common/applyBtn";
 
 /**
  * @ 产品与服务 -> 课程资源 -> 生产采购
@@ -48,7 +52,7 @@ export default {
     }
   },
   components: {
-    mtaTable, videoDialog,
+    mtaTable, videoDialog, applicationDialog, applyBtn,
     freeTrialBtn, onlineInformationBtn, gangweiList
   },
   head() {
@@ -140,6 +144,7 @@ export default {
       ],
       curVideo: '',
       visible: false,
+      telDl: false,
     }
   },
   computed: {
@@ -151,7 +156,13 @@ export default {
     shiKan({url}) {
       this.visible = true;
       this.curVideo = url;
-    }
+    },
+    onApplyBtnActive() {
+      this.telDl = true;
+    },
+    onApplyBtnActiveH5() {
+      this.$router.push({name: 'CourseDevelopPhone', query: {redirectUrl: '/product/shengChangCaiGou',}});
+    },
   }
 }
 </script>
@@ -168,6 +179,7 @@ export default {
     margin-bottom: 68px;
   }
 }
+
 @media (max-width: 768px) {
 
   .platform-course-list {

pages/product/shiChangYingXiao.vue

@@ -43,12 +43,14 @@
       <mtaTable v-else :data="tableData2" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
 
       <div class="btn-groups center">
-        <freeTrialBtn class="btn-item" myType="kecheng"/>
+        <applyBtn class="btn-item" @active-pc="onApplyBtnActive" @active-h5="onApplyBtnActiveH5"/>
         <onlineInformationBtn />
       </div>
     </div>
 
     <videoDialog :source="curVideo" :visible.sync="visible"></videoDialog>
+    <!--  申请方案  -->
+    <applicationDialog :visible.sync="telDl"></applicationDialog>
   </div>
 </template>
 
@@ -59,6 +61,8 @@ import freeTrialBtn from "~/components/common/freeTrialBtn";
 import onlineInformationBtn from "~/components/common/onlineInformationBtn";
 import {BannerImgs, shichangyingxiao_shichang, shichangyingxiao_xiaoshou} from "~/defaultConfig";
 import gangweiList from "~/components/common/layout/desComp/gangweiList";
+import applicationDialog from "~/components/common/applicationDialog";
+import applyBtn from "~/components/common/applyBtn";
 
 
 /**
@@ -78,7 +82,7 @@ export default {
     }
   },
   components: {
-    mtaTable, videoDialog,
+    mtaTable, videoDialog,applicationDialog,applyBtn,
     freeTrialBtn,onlineInformationBtn, gangweiList},
   head(){
     return {
@@ -238,6 +242,7 @@ export default {
       curVideo: '',
       visible: false,
       curActive: true,
+      telDl: false,
     }
   },
   computed: {
@@ -259,7 +264,13 @@ export default {
       } else {
         this.curActive = false;
       }
-    }
+    },
+    onApplyBtnActive() {
+      this.telDl = true;
+    },
+    onApplyBtnActiveH5() {
+      this.$router.push({name: 'CourseDevelopPhone', query: {redirectUrl: '/product/shiChangYingXiao',}});
+    },
   }
 }
 </script>

pages/product/xingZhengGuanLi.vue

@@ -23,12 +23,14 @@
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
       <div class="btn-groups center">
-        <freeTrialBtn class="btn-item" myType="kecheng"/>
+        <applyBtn class="btn-item" @active-pc="onApplyBtnActive" @active-h5="onApplyBtnActiveH5"/>
         <onlineInformationBtn />
       </div>
     </div>
 
     <videoDialog :source="curVideo" :visible.sync="visible"></videoDialog>
+    <!--  申请方案  -->
+    <applicationDialog :visible.sync="telDl"></applicationDialog>
   </div>
 </template>
 
@@ -40,6 +42,8 @@ import onlineInformationBtn from "~/components/common/onlineInformationBtn";
 import pingfen from "~/components/common/pingfen";
 import gangweiList from "@/components/common/layout/desComp/gangweiList";
 import {BannerImgs, xingzhengguanli} from "~/defaultConfig";
+import applicationDialog from "~/components/common/applicationDialog";
+import applyBtn from "~/components/common/applyBtn";
 
 /**
  * @ 产品与服务 -> 课程资源 -> 行政管理
@@ -58,7 +62,7 @@ export default {
     }
   },
   components: {
-    mtaTable, videoDialog,
+    mtaTable, videoDialog,applicationDialog,applyBtn,
     freeTrialBtn, onlineInformationBtn, pingfen, gangweiList
   },
   head() {
@@ -149,13 +153,20 @@ export default {
       ],
       curVideo: '',
       visible: false,
+      telDl: false,
     }
   },
   methods: {
     shiKan({url}) {
       this.visible = true;
       this.curVideo = url;
-    }
+    },
+    onApplyBtnActive() {
+      this.telDl = true;
+    },
+    onApplyBtnActiveH5() {
+      this.$router.push({name: 'CourseDevelopPhone', query: {redirectUrl: '/product/xingZhengGuanLi',}});
+    },
   }
 }
 </script>

pages/product/zhiYeSuYang.vue

@@ -28,12 +28,14 @@
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
       <div class="btn-groups center">
-        <freeTrialBtn class="btn-item" myType="kecheng"/>
+        <applyBtn class="btn-item" @active-pc="onApplyBtnActive" @active-h5="onApplyBtnActiveH5"/>
         <onlineInformationBtn/>
       </div>
     </div>
 
     <videoDialog :source="curVideo" :visible.sync="visible"></videoDialog>
+    <!--  申请方案  -->
+    <applicationDialog :visible.sync="telDl"></applicationDialog>
   </div>
 </template>
 
@@ -45,6 +47,8 @@ import onlineInformationBtn from "~/components/common/onlineInformationBtn";
 import pingfen from "~/components/common/pingfen";
 import {BannerImgs} from "~/defaultConfig";
 import imgCardLv2 from "~/components/common/layout/imgDes/imgCardLv2";
+import applicationDialog from "~/components/common/applicationDialog";
+import applyBtn from "~/components/common/applyBtn";
 
 /**
  * @ 产品与服务 -> 课程资源 -> 职业素养
@@ -63,7 +67,7 @@ export default {
     }
   },
   components: {
-    mtaTable, videoDialog,
+    mtaTable, videoDialog,applicationDialog,applyBtn,
     freeTrialBtn, onlineInformationBtn, pingfen, imgCardLv2
   },
   head() {
@@ -182,13 +186,20 @@ export default {
       visible: false,
       img1: require("~/static/productImage/p49.png"),
       img2: require("~/static/productImage/p04.png"),
+      telDl: false,
     }
   },
   methods: {
     shiKan({url}) {
       this.visible = true;
       this.curVideo = url;
-    }
+    },
+    onApplyBtnActive() {
+      this.telDl = true;
+    },
+    onApplyBtnActiveH5() {
+      this.$router.push({name: 'CourseDevelopPhone', query: {redirectUrl: '/product/zhiYeSuYang',}});
+    },
   }
 }
 </script>

pages/solution/biteAndSup.vue

@@ -46,7 +46,7 @@
       <h4 class="client-title">青谷解决方案</h4>
       <imgCardLv2 :option="item" v-for="(item,index) in productList" :key="index">
         <div class="btn-groups">
-          <onlineInformationBtn my-type="2" class="online-information-btn btn-item"/>
+          <onlineInformationBtn my-type="2" class="online-information-btn btn-item green"/>
         </div>
       </imgCardLv2>
     </div>
@@ -162,16 +162,19 @@ export default {
         },
         {
           content: {
-            title: '强大的AI防作弊，保障考试公平公正',
+            title: '智能考试系统，保障考试公平公正',
             list: [
               {
-                value: '人脸识别、摄像头监考、有效防止替考代考，保障考试公平公正',
+                value: '考前人脸身份核酸，权威数据确保本人考试',
               },
               {
-                value: '支持子管理员协助多屏监控在线监考，考生的面部表情、一举一动在后台实时呈现，最大程度模拟人工监考场景',
+                value: '支持多种组卷模式，随机组卷每个学员不同试卷，杜绝相互抄袭',
               },
               {
-                value: '随机组卷、试题乱序、选择题选项乱序、超时强制交卷、防止切屏限制，有效的防止考生相互抄卷的行为',
+                value: '系统自动阅卷，无需人工干预，节约不必要的人力资源',
+              },
+              {
+                value: '多维度、多角度分析考试结果，掌握学员考试情况 ',
               },
             ],
             order: 1,

pages/solution/education.vue

@@ -49,7 +49,7 @@
       <h4>青谷解决方案</h4>
       <imgCardLv2 :option="item" v-for="(item,index) in productList" :key="index">
         <div class="btn-groups">
-          <onlineInformationBtn my-type="2" class="online-information-btn btn-item" />
+          <onlineInformationBtn my-type="2" class="online-information-btn btn-item green" />
         </div>
       </imgCardLv2>
     </div>

pages/solution/energy.vue

@@ -48,7 +48,7 @@
       <h4 class="client-title">青谷解决方案</h4>
       <imgCardLv2 :option="item" v-for="(item,index) in productList" :key="index">
         <div class="btn-groups">
-          <onlineInformationBtn my-type="2" class="online-information-btn btn-item" />
+          <onlineInformationBtn my-type="2" class="online-information-btn btn-item green" />
         </div>
       </imgCardLv2>
     </div>

pages/solution/erupt.vue

@@ -14,7 +14,7 @@
       <h4>随机组卷算法</h4>
 
       <imgCardLv4 :option="productList[0]">
-        <onlineInformationBtn myType="2" />
+        <onlineInformationBtn class="green" myType="2" />
       </imgCardLv4>
     </div>
 
@@ -22,7 +22,7 @@
     <div class="client-suijizujuan-box client-container">
       <h4>同时请求次数</h4>
       <imgCardLv4 :option="productList[1]">
-        <onlineInformationBtn  myType="2" />
+        <onlineInformationBtn class="green"  myType="2" />
       </imgCardLv4>
     </div>
 
@@ -30,7 +30,7 @@
     <div class="client-suijizujuan-box client-container">
       <h4>读写数据量大</h4>
       <imgCardLv4 :option="productList[2]">
-        <onlineInformationBtn myType="2" />
+        <onlineInformationBtn class="green" myType="2" />
       </imgCardLv4>
     </div>
 

pages/solution/exam.vue

@@ -19,7 +19,7 @@
       <imgCardLv2 class="img-card" :option="item" v-for="(item,index) in productList" :key="index" :col-pc="3"
                   :col-h5="2">
         <div class="btn-groups">
-          <onlineInformationBtn class="online-information-btn btn-item" v-if="item.zixun"/>
+          <onlineInformationBtn class="online-information-btn btn-item green" v-if="item.zixun"/>
         </div>
       </imgCardLv2>
     </div>

pages/solution/financial.vue

@@ -46,7 +46,7 @@
       <h4 class="client-title">青谷解决方案</h4>
       <imgCardLv2 :option="item" v-for="(item,index) in productList" :key="index">
         <div class="btn-groups">
-          <onlineInformationBtn my-type="2" class="online-information-btn btn-item" />
+          <onlineInformationBtn my-type="2" class="online-information-btn btn-item green" />
         </div>
       </imgCardLv2>
     </div>

pages/solution/government.vue

@@ -51,7 +51,7 @@
       <h4>青谷解决方案</h4>
       <imgCardLv2 :option="item" v-for="(item,index) in productList" :key="index">
         <div class="btn-groups">
-          <onlineInformationBtn class="online-information-btn btn-item" v-if="item.zixun"/>
+          <onlineInformationBtn class="online-information-btn btn-item green" v-if="item.zixun"/>
         </div>
       </imgCardLv2>
     </div>

pages/solution/medical.vue

@@ -47,7 +47,7 @@
       <h4 class="client-title">青谷解决方案</h4>
       <imgCardLv2 :option="item" v-for="(item,index) in productList" :key="index">
         <div class="btn-groups">
-          <onlineInformationBtn my-type="2" class="online-information-btn btn-item" />
+          <onlineInformationBtn my-type="2" class="online-information-btn btn-item green" />
         </div>
       </imgCardLv2>
     </div>

pages/solution/peixun.vue

@@ -55,7 +55,7 @@
       <h4 class="client-title">企业培训解决方案</h4>
       <imgCardLv3 :option="item" v-for="(item,index) in productList" :key="index">
         <div class="btn-groups">
-          <onlineInformationBtn class="online-information-btn btn-item" v-if="item.zixun"/>
+          <onlineInformationBtn class="online-information-btn btn-item green" v-if="item.zixun"/>
         </div>
       </imgCardLv3>
     </div>
@@ -407,9 +407,10 @@ export default {
       width: 25%;
 
       div {
-        border: 1px dashed #00b96b;
+        border: 2px dashed #00b96b;
         box-sizing: border-box;
         margin: 20px;
+        border-radius: 6px;
 
         p {
           text-align: center;

pages/solution/privatization.vue

@@ -222,9 +222,10 @@ export default {
           width: 92px;
           height: 92px;
           display: inline-block;
-          background-size: contain;
+          background-size: cover;
           background-repeat: no-repeat;
           background-position: center;
+          flex-shrink: 0;
         }
 
         div {
@@ -287,9 +288,21 @@ export default {
   }
 
   .private-fangan-nav {
-    border-bottom: 1px solid #7cc659;
     margin: 0 auto;
     text-align: center;
+    position: relative;
+
+    &:after {
+      content: '';
+      background-color: #7cc659;
+      width: 60%;
+      height: 1px;
+      display: inline-block;
+      position: absolute;
+      bottom: -2px;
+      left: 50%;
+      transform: translate(-50%);
+    }
 
     span {
       cursor: pointer;
@@ -313,12 +326,20 @@ export default {
   }
 
   .private-fangan-content {
+    background-image: url("~/static/gangweiIcon/z153.png");
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
+    margin: 50px 50px 160px 50px;
+    padding: 50px;
 
     >div {
       transition: all .5s ease;
-      margin-bottom: 160px;
-      margin-top:  100px;
+      background: #fff;
+      padding: 40px;
+      border-radius: 6px;
       display: flex;
+
       img {
         width: 400px;
         height: 240px;
@@ -347,6 +368,7 @@ export default {
               display: inline-block;
               width: 14px;
               height: 14px;
+              margin-right: 14px;
               background-image: url("~static/gangweiIcon/z133.png");
               background-repeat: no-repeat;
               background-position: center;
@@ -458,10 +480,11 @@ export default {
           margin: 0 10px 10px 0;
           display: flex;
           justify-content: flex-start;
+          height: 120px;
 
           i {
-            width: 90px;
-            height: 90px;
+            width: 60px;
+            height: 60px;
             display: inline-block;
             background-size: contain;
             background-repeat: no-repeat;
@@ -504,9 +527,15 @@ export default {
     }
 
     .private-fangan-nav {
-      border-bottom: 1px solid #7cc659;
       margin: 0 auto;
       text-align: center;
+      &:after {
+        content: '';
+        background-color: #7cc659;
+        width: 60%;
+        height: 1px;
+        display: inline-block;
+      }
 
       span {
         cursor: pointer;
@@ -530,18 +559,29 @@ export default {
     }
 
     .private-fangan-content {
+      background-image: none;
+      margin: 0;
+      padding: 0;
 
       >div {
         transition: all .5s ease;
-        margin-bottom: 3%;
+        margin-bottom: 6%;
         margin-top:  3%;
         display: flex;
         flex-direction: column;
+        background-image: none;
+        box-shadow: 0 0 10px #ccc;
+        padding: 0 0 20px;
 
         img {
           width: 100%;
           height: 20%;
           margin-bottom: 10px;
+          background: none;
+          padding: 0;
+          border-radius: 6px;
+          display: flex;
+
         }
 
         .left {

pages/solution/transportation.vue

@@ -48,12 +48,12 @@
       <template v-for="(item,index) in productList">
         <img-card-lv2 :option="item" v-if="item.lv == 2" :key="index">
           <div class="btn-groups">
-            <onlineInformationBtn my-type="2" class="online-information-btn btn-item" />
+            <onlineInformationBtn my-type="2" class="online-information-btn btn-item green" />
           </div>
         </img-card-lv2>
         <img-card-lv1 :option="item" v-if="item.lv == 1" :key="index">
           <div class="btn-groups">
-            <onlineInformationBtn my-type="2" class="online-information-btn btn-item" />
+            <onlineInformationBtn my-type="2" class="online-information-btn btn-item green" />
           </div>
         </img-card-lv1>
       </template>