Merge remote-tracking branch 'origin/麦塔' into 麦塔

src/App.vue

@@ -24,12 +24,11 @@
 <style lang="scss">
     #app {
         font-family: "Helvetica Neue",Helvetica,Arial,"微软雅黑",sans-serif;
-        font-size: 16px;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         color: #2C3E50;
         display: flex;
-        justify-content: center;
         align-content: center;
+        min-width: 1240px;
     }
 </style>

src/api/login.js

@@ -17,3 +17,19 @@ export function getOrgList(data = {}) {
                        data,
                    });
 }
+//  describe: 【前台】行业资讯 : Client Industry Controlle author: Wgy date:2020-08-05
+export function homeIndustryList(data = {}) {
+    return request({
+                       url:    `/home/industry/list`,
+                       method: 'post',
+                       data,
+                   });
+}
+//  describe: 【前台】行业资讯 : Client Industry Controlle author: Wgy date:2020-08-05
+export function homeIndustryInfo(data = {}) {
+    return request({
+                       url:    `/home/industry/info`,
+                       method: 'post',
+                       data,
+                   });
+}

src/assets/css/cus-website/cus-website-common.scss

@@ -1,7 +1,12 @@
 @import "../base/utils";
 
 /************************ 通用class样式 author: TX  date:2020-07-30 **********************/
-
+/* 页面样式 */
+body, html, #app {
+  padding: 0;
+  margin: 0;
+  @include setFontStyle(0);
+}
 /* 去掉列表前的标识, li 会继承 */
 ol,ul,dl,dt,dd{list-style:none;margin: 0;padding: 0;}
 
@@ -93,7 +98,7 @@ h1,h2,h3,h4,h5,h6,p{font-size:100%;font-weight:normal;margin: 0;}
 @mixin single-line-ellipsis {text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;white-space: nowrap;word-break: break-all;}
 
 /* 文本超出省略号显示 (多行)，括号里传行数 ------ 使用方式：@include multi-line-ellipsis(3); */
-@mixin multi-line-ellipsis($rows){-webkit-line-clamp:$rows;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;display: -webkit-box;white-space: normal !important;-webkit-box-orient: vertical;}
+@mixin multi-line-ellipsis($rows){-webkit-line-clamp:$rows;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;display: -webkit-box;white-space: normal !important;-webkit-box-orient: vertical;}
 
 
 /************************ 网站公共class样式 author: TX  date:2020-07-30 **********************/
@@ -153,6 +158,7 @@ h1,h2,h3,h4,h5,h6,p{font-size:100%;font-weight:normal;margin: 0;}
       dl{display: inline-block;margin-right: 48px;margin-bottom: 40px;vertical-align: top;}
       dt{@include setFontStyle(-4);color: #FFFFFF;margin-bottom: 24px;}
       dd{@include setFontStyle(-6);color: rgba(255,255,255,0.64);margin-bottom: 8px;}
+      dd:hover{color: rgba(255,255,255,0.85);cursor: pointer}
     }
     .contact-right-box{
       width: 170px;
@@ -173,7 +179,8 @@ h1,h2,h3,h4,h5,h6,p{font-size:100%;font-weight:normal;margin: 0;}
     .link-a-box{
       margin-left: 114px;
       line-height: 22px;
-      a{@include setFontStyle(-6);color: rgba(255,255,255,0.54);margin-right: 32px;white-space: nowrap;}
+      a{@include setFontStyle(-6);color: rgba(255,255,255,0.54);display:inline-block;margin-right: 32px;white-space: nowrap;}
+      a:hover{color: rgba(255,255,255,0.85);cursor: pointer;}
     }
   }
   //底部版权

src/assets/css/cus-website/cus-website-page.scss

@@ -5,7 +5,6 @@
   /********  describe: 网站首页  author: TX  date:2020-07-30  ********/
   .website-index-page{
      width: 100%;
-
     /* 网站banner */
     .website-banner{
       width: 100%;
@@ -103,11 +102,11 @@
     }
 
     /* 网站标题 */
-    .website-index-title{ @include setFontStyle(14);color: rgba(0,0,0,0.85);letter-spacing: 0;padding-top: 96px;text-align: center;}
+    .website-index-title{ @include setFontStyle(14);color: rgba(0,0,0,0.85);letter-spacing: 0;padding-top: 80px;text-align: center;}
 
     /* 产品和服务 */
     .products-services-box{
-      padding: 136px 0 30px;
+      padding: 116px 0 30px;
         li{
           width: 33.33%;
           display: inline-block;
@@ -127,11 +126,11 @@
           }
           //内容区域
           .products-services-content{
-            padding: 120px 32px 48px 32px;
+            padding: 110px 32px 48px 32px;
             transition: .3s all linear;
-            @include setFontStyle(-4);
-            h2{@include setFontStyle(4);color: rgba(0,0,0,0.85);text-align: center;margin-bottom: 24px;}
-            p{line-height: 24px;color: rgba(0,0,0,0.65);margin-bottom: 56px;text-align: justify;min-height: 144px;@include multi-line-ellipsis(6);}
+            @include setFontStyle(-6);
+            h2{@include setFontStyle(2);color: rgba(0,0,0,0.85);text-align: center;margin-bottom: 16px;}
+            p{line-height: 22px;color: rgba(0,0,0,0.65);margin-bottom: 32px;text-align: justify;min-height: 136px;@include multi-line-ellipsis(6);max-height: 136px}
             a{background: #2B5CFD;border-radius: 4px;color: rgba(255, 255, 255, 0.85);cursor: pointer;width: 120px;height: 32px;line-height: 32px;display: block;text-align: center;margin: 0 auto;}
           }
         }
@@ -185,23 +184,27 @@
     /* 行业学习需求 */
     .website-demand-box{
       background: #F9FAFF;
-      padding-bottom: 96px;
+      padding-bottom: 80px;
       // 行业ul
       .industry-box{
+        margin-top: 8px;
         li{
-          width: 25%;display: inline-block;padding-top: 56px;height: 147px;overflow: hidden;
+          width: 25%;display: inline-block;margin-top: 32px;height: 147px;overflow: hidden;
           img{margin: 0 auto;display: block;transition: all .2s linear;}
-          div{transition: all .25s linear;}
-          h2{@include setFontStyle(4);color: rgba(0,0,0,0.85);text-align: center;margin: 24px 0 16px;}
-          p{@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 24px;margin: 0 8px 8px;min-height: 48px;text-align: center;@include multi-line-ellipsis(2);}
-          a{@include setFontStyle(-4);width: max-content;display: block;color: #2B5CFD;line-height: 24px;margin: 0 auto;}
+          div{transition: all .25s linear;text-align: center;}
+          h2{@include setFontStyle(2);color: rgba(0,0,0,0.85);text-align: center;margin: 24px 0 16px;}
+          p{@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 22px;margin: 0 8px 8px;min-height: 48px;@include multi-line-ellipsis(2);max-height: 48px;}
+          a{@include setFontStyle(-6);display: block;color: #2B5CFD;line-height: 24px;margin: 0 auto;}
         }
-        li:hover{
+        li:hover:not(:last-child) {
           img{opacity: 0;transform: translateY(10px);}
           div{margin-top: -147px}
-          h2{@include setFontStyle(0);margin-top: 80px;}
+          h2{@include setFontStyle(-2);margin-top: 80px;}
           a{cursor: pointer;}
         }
+        li:last-child:hover{
+          cursor: pointer;
+        }
       }
     }
 
@@ -213,32 +216,39 @@
           width: 20%;
           display: inline-block;
         }
-        img{margin: 16px auto;}
+        img{margin: 16px auto;transition: all 0.5s;}
+        li:hover{
+          img{transform: scale(1.1);box-shadow: 0 4px 8px 0 rgba(214, 214, 214, 0.76);border-radius: 8px}
+        }
       }
     }
 
     /* 我们始终专注教育系统研发更懂用户需求 */
     .website-cert-box{
       background: #F9FAFF;
-      padding-bottom: 96px;
+      padding-bottom: 80px;
+      .website-index-title{padding-bottom: 8px;}
       .cert-img-box{
         display: flex;
         justify-content: space-between;
-        margin: 56px 0;
-          img{width: 16%;border: 2px solid #2B5CFD;border-radius: 8px;}
+        margin: 32px 0;
+          span{display:block;background: #E8ECFF;border-radius: 8px;padding:10px;overflow: hidden;}
+          img{width: 180px;height:260px;transition: all 0.5s;}
+          img:hover{transform: scale(1.14);}
       }
-      a{width:238px;height:40px;line-height: 40px;margin: 0 auto;text-align: center;@include setFontStyle(-4);display:block;background: #2B5CFD;border-radius: 4px;color: rgba(255,255,255,0.85);}
+      a{width:238px;height:40px;line-height: 40px;margin: 40px auto 0;text-align: center;@include setFontStyle(-4);display:block;background: #2B5CFD;border-radius: 4px;color: rgba(255,255,255,0.85);}
+      a:hover{cursor: pointer}
     }
 
     /* 为什么选择我们 */
     .website-chose-box{
-      padding-bottom: 96px;
+      padding-bottom: 80px;
       .chose-img-box{
         li{
           width: 25%;display: inline-block;
-          div{width: 205px;height: 205px;border-radius:50%;position:relative;margin: 56px auto 24px;transition: all 0.3s;}
-          i{width: 70px;height: 70px;position: absolute;top: 65px;left: 45px;}
-          h2{@include setFontStyle(4);text-align: center;color: rgba(0,0,0,0.85);}
+          div{width: 190px;height: 190px;border-radius:50%;position:relative;margin: 40px auto 24px;transition: all 0.3s;background-size: cover}
+          i{width: 62px;height: 62px;position: absolute;top: 65px;left: 45px;background-size: cover;}
+          h2{@include setFontStyle(2);text-align: center;color: rgba(0,0,0,0.85);}
         }
         li:nth-child(1){
           div{background-image: url("~@/assets/images/website/index/" + "index-chose-service.png");}
@@ -279,12 +289,12 @@
     /* 行业资讯 */
     .website-industry-information{
       background: #F9FAFF;
-      padding-bottom: 96px;
+      padding-bottom: 80px;
       // 轮播组件
       .el-carousel{
-        margin-top: 56px;
+        margin-top: 40px;
         .el-carousel__container{
-          height: 400px;
+          height: 360px;
         }
 
       }
@@ -292,8 +302,8 @@
         background: #FFFFFF;
         border-radius: 8px;
         .website-img-box{
-          width: 200px;
-          height: 400px;
+          width: 25%;
+          height: 360px;
           background-repeat: no-repeat;
           background-size: cover;
           background-position: center;
@@ -301,21 +311,27 @@
           float: left;
         }
         .website-content-box{
-          margin-left: 200px;
-          padding: 40px 32px;
-          h1{@include setFontStyle(4);color: rgba(0,0,0,0.85);margin-bottom: 24px;}
-          p{@include setFontStyle(-4);color: rgba(0,0,0,0.64);line-height: 24px;@include multi-line-ellipsis(9);min-height: 216px;margin-bottom: 24px;}
-          a{width: 132px;height: 32px;line-height:32px;display: inline-block;@include setFontStyle(-4);background: #2B5CFD;border-radius: 4px;color: rgba(255,255,255,0.85);text-align: center}
+          margin-left: 25%;
+          padding:32px;
+          height: inherit;
+          box-sizing: border-box;
+          position: relative;
+          h1{@include setFontStyle(2);color: rgba(0,0,0,0.85);margin-bottom: 16px;@include multi-line-ellipsis(2);line-height: 30px;max-height: 60px;}
+          p{@include setFontStyle(-4);color: rgba(0,0,0,0.64);line-height: 24px;@include multi-line-ellipsis(6);margin-bottom: 24px;max-height: 144px;}
+          a{width: 132px;height: 32px;line-height:32px;display: inline-block;@include setFontStyle(-4);background: #2B5CFD;border-radius: 4px;color: rgba(255,255,255,0.85);text-align: center;
+          position: absolute;bottom: 32px;}
         }
       }
       .el-carousel__item.is-active{
+        height: 350px;
         box-shadow: 0 4px 8px 0 rgba(214, 214, 214, 0.76);
-        .website-img-box{width: 400px;}
+        .website-img-box{width: 50%;}
         .website-content-box{
-          margin-left: 400px;
-          p{@include multi-line-ellipsis(9);}
+          margin-left: 50%;
         }
       }
+      //指示器
+      .el-carousel__indicators{display: none}
     }
   }
 }

src/router.js

@@ -46,6 +46,19 @@ const router = new Router({
                                       },
                                   },
                                   {
+                                      path: '/industryDetails',
+                                      name: 'industryDetails',
+                                      meta:      {
+                                          parentPath: 'croot',
+                                          breadcrumb: {
+                                              display: '行业详情',
+                                          },
+                                      },
+                                      component: () => {
+                                          return import(/* webpackChunkName: "index" */ './views/client/industryDetails.vue');
+                                      },
+                                  },
+                                  {
                                       name:      'admin',
                                       path:      '/admin',
                                       meta: {

src/views/client/Index.vue

@@ -5,7 +5,8 @@
             <div class="website-container head-layout">
                 <div class="head-left">
                     <a></a>
-                    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
+                    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"
+                             @select="handleSelect">
                         <el-menu-item index="首页">首页</el-menu-item>
                         <el-menu-item index="考试平台">考试平台</el-menu-item>
                         <el-menu-item index="培训平台">培训平台</el-menu-item>
@@ -95,7 +96,7 @@
                     <li><img :src="demandImg9" alt="金融保险"><div><h2>金融保险</h2><p>针对员工岗位性质、能力素质和业务需求，精心设计考试内容，选备了相应的题库，分岗位进行集中测试。</p><a>了解更多</a></div></li>
                     <li><img :src="demandImg10" alt="汽车制造"><div><h2>汽车制造</h2><p>一线门店轻量化练习，边看边练，提高工作效率、增加企业利润</p><a>了解更多</a></div></li>
                     <li><img :src="demandImg11" alt="新闻出版"><div><h2>新闻出版</h2><p>推进编辑出版专业水平提高，出版专业技术人员职业资格考试等</p><a>了解更多</a></div></li>
-                    <li><img :src="demandImg12" alt="更多"><div><h2>更多</h2><p></p><a>了解更多</a></div></li>
+                    <li><img :src="demandImg12" alt="更多"><div><h2>更多</h2><p>更多行业学习需求</p><a>了解更多</a></div></li>
                 </ul>
             </div>
         </div>
@@ -134,16 +135,16 @@
             <div class="website-container">
                 <h1 class="website-index-title">我们始终专注教育系统研发更懂用户需求</h1>
                 <div class="cert-img-box">
-                    <img :src="certImg1" alt="栋科考试管理系统">
-                    <img :src="certImg2" alt="栋科精品课程管理系统">
-                    <img :src="certImg3" alt="栋科课程管理系统">
-                    <img :src="certImg4" alt="栋科用户管理系统">
+                    <span><img :src="certImg1" alt="栋科考试管理系统"></span>
+                    <span><img :src="certImg2" alt="栋科精品课程管理系统"></span>
+                    <span><img :src="certImg3" alt="栋科课程管理系统"></span>
+                    <span><img :src="certImg4" alt="栋科用户管理系统"></span>
                 </div>
                 <div class="cert-img-box">
-                    <img :src="certImg5" alt="栋科网校运营系统">
-                    <img :src="certImg6" alt="麦塔考试系统">
-                    <img :src="certImg7" alt="麦塔培训系统">
-                    <img :src="certImg8" alt="知识产权管理体系认证证书">
+                    <span><img :src="certImg5" alt="栋科网校运营系统"></span>
+                    <span><img :src="certImg6" alt="麦塔考试系统"></span>
+                    <span><img :src="certImg7" alt="麦塔培训系统"></span>
+                    <span><img :src="certImg8" alt="知识产权管理体系认证证书"></span>
                 </div>
                 <a>了解更多</a>
             </div>
@@ -165,10 +166,11 @@
         <!-- 行业资讯 -->
         <div class="website-industry-information">
             <h1 class="website-index-title">行业资讯</h1>
-            <el-carousel :interval="200000" type="card"  :autoplay="false" arrow="always">
-                <el-carousel-item v-for="item in topCarousels" :key="item">
-                    <div class="website-img-box" :style="{backgroundImage: 'url(' + item + ')'}"></div>
-                    <div class="website-content-box"><h1>企业为什么需要微课</h1><p>新时代人才的特点，移动互联网、智能手机的普及，企业环境的变革，都是推动微课迅猛发展的重要原因。</p><a>了解详情</a></div>
+            <el-carousel :interval="200000" type="card" :autoplay="false" arrow="always">
+                <el-carousel-item v-for="(item,index) in topCarousels" :key="index">
+                    <div class="website-img-box" :style="{backgroundImage: 'url(' + item.pic + ')'}"></div>
+                    <div class="website-content-box"><h1>{{item.title}}</h1>
+                        <p>{{item.intro}}</p><a @click="checkInfo(item)">了解详情</a></div>
                 </el-carousel-item>
             </el-carousel>
         </div>
@@ -228,36 +230,37 @@
 </template>
 
 <script>
+    import { homeIndustryList } from '@/api/login.js';
+
     export default {
         name:       'index',
-        props:      {
-        },
+        props:      {},
         data() {
             return {
                 // 需求img
-                bannerTelImg: require(`@/assets/images/website/index/index-banner-screen.png`),
-                demandImg1: require(`@/assets/images/website/index/index-demand-img1.png`),
-                demandImg2: require(`@/assets/images/website/index/index-demand-img2.png`),
-                demandImg3: require(`@/assets/images/website/index/index-demand-img3.png`),
-                demandImg4: require(`@/assets/images/website/index/index-demand-img4.png`),
-                demandImg5: require(`@/assets/images/website/index/index-demand-img5.png`),
-                demandImg6: require(`@/assets/images/website/index/index-demand-img6.png`),
-                demandImg7: require(`@/assets/images/website/index/index-demand-img7.png`),
-                demandImg8: require(`@/assets/images/website/index/index-demand-img8.png`),
-                demandImg9: require(`@/assets/images/website/index/index-demand-img9.png`),
-                demandImg10: require(`@/assets/images/website/index/index-demand-img10.png`),
-                demandImg11: require(`@/assets/images/website/index/index-demand-img11.png`),
-                demandImg12: require(`@/assets/images/website/index/index-demand-img12.png`),
+                bannerTelImg:  require(`@/assets/images/website/index/index-banner-screen.png`),
+                demandImg1:    require(`@/assets/images/website/index/index-demand-img1.png`),
+                demandImg2:    require(`@/assets/images/website/index/index-demand-img2.png`),
+                demandImg3:    require(`@/assets/images/website/index/index-demand-img3.png`),
+                demandImg4:    require(`@/assets/images/website/index/index-demand-img4.png`),
+                demandImg5:    require(`@/assets/images/website/index/index-demand-img5.png`),
+                demandImg6:    require(`@/assets/images/website/index/index-demand-img6.png`),
+                demandImg7:    require(`@/assets/images/website/index/index-demand-img7.png`),
+                demandImg8:    require(`@/assets/images/website/index/index-demand-img8.png`),
+                demandImg9:    require(`@/assets/images/website/index/index-demand-img9.png`),
+                demandImg10:   require(`@/assets/images/website/index/index-demand-img10.png`),
+                demandImg11:   require(`@/assets/images/website/index/index-demand-img11.png`),
+                demandImg12:   require(`@/assets/images/website/index/index-demand-img12.png`),
                 // 客户logo
-                customerImg1: require(`@/assets/images/website/index/index-customer-img1.png`),
-                customerImg2: require(`@/assets/images/website/index/index-customer-img2.png`),
-                customerImg3: require(`@/assets/images/website/index/index-customer-img3.png`),
-                customerImg4: require(`@/assets/images/website/index/index-customer-img4.png`),
-                customerImg5: require(`@/assets/images/website/index/index-customer-img5.png`),
-                customerImg6: require(`@/assets/images/website/index/index-customer-img6.png`),
-                customerImg7: require(`@/assets/images/website/index/index-customer-img7.png`),
-                customerImg8: require(`@/assets/images/website/index/index-customer-img8.png`),
-                customerImg9: require(`@/assets/images/website/index/index-customer-img9.png`),
+                customerImg1:  require(`@/assets/images/website/index/index-customer-img1.png`),
+                customerImg2:  require(`@/assets/images/website/index/index-customer-img2.png`),
+                customerImg3:  require(`@/assets/images/website/index/index-customer-img3.png`),
+                customerImg4:  require(`@/assets/images/website/index/index-customer-img4.png`),
+                customerImg5:  require(`@/assets/images/website/index/index-customer-img5.png`),
+                customerImg6:  require(`@/assets/images/website/index/index-customer-img6.png`),
+                customerImg7:  require(`@/assets/images/website/index/index-customer-img7.png`),
+                customerImg8:  require(`@/assets/images/website/index/index-customer-img8.png`),
+                customerImg9:  require(`@/assets/images/website/index/index-customer-img9.png`),
                 customerImg10: require(`@/assets/images/website/index/index-customer-img10.png`),
                 customerImg11: require(`@/assets/images/website/index/index-customer-img11.png`),
                 customerImg12: require(`@/assets/images/website/index/index-customer-img12.png`),
@@ -270,16 +273,16 @@
                 customerImg19: require(`@/assets/images/website/index/index-customer-img19.png`),
                 customerImg20: require(`@/assets/images/website/index/index-customer-img20.png`),
                 //证书图片
-                certImg1: require(`@/assets/images/website/index/index-cert-img1.jpg`),
-                certImg2: require(`@/assets/images/website/index/index-cert-img2.jpg`),
-                certImg3: require(`@/assets/images/website/index/index-cert-img3.jpg`),
-                certImg4: require(`@/assets/images/website/index/index-cert-img4.jpg`),
-                certImg5: require(`@/assets/images/website/index/index-cert-img5.jpg`),
-                certImg6: require(`@/assets/images/website/index/index-cert-img6.jpg`),
-                certImg7: require(`@/assets/images/website/index/index-cert-img7.jpg`),
-                certImg8: require(`@/assets/images/website/index/index-cert-img8.jpg`),
-                activeIndex:  '首页',
-                topCarousels: [],
+                certImg1:      require(`@/assets/images/website/index/index-cert-img1.jpg`),
+                certImg2:      require(`@/assets/images/website/index/index-cert-img2.jpg`),
+                certImg3:      require(`@/assets/images/website/index/index-cert-img3.jpg`),
+                certImg4:      require(`@/assets/images/website/index/index-cert-img4.jpg`),
+                certImg5:      require(`@/assets/images/website/index/index-cert-img5.jpg`),
+                certImg6:      require(`@/assets/images/website/index/index-cert-img6.jpg`),
+                certImg7:      require(`@/assets/images/website/index/index-cert-img7.jpg`),
+                certImg8:      require(`@/assets/images/website/index/index-cert-img8.jpg`),
+                activeIndex:   '首页',
+                topCarousels:  [],
             };
         },
         components: {},
@@ -287,21 +290,33 @@
         methods:    {
             handleSelect(key, keyPath) {
                 if (key === '考试平台') {
-                    window.location.href = "https://www.baidu.com";
+                    window.location.href = 'https://www.baidu.com';
                 } else if (key === '培训平台') {
-                    window.location.href = "http://39.97.175.90:7788/zentao/my/";
+                    window.location.href = 'http://39.97.175.90:7788/zentao/my/';
                 } else {
                     this.$router.push({ name: key });
                 }
             },
+            getshufflingData() {
+                homeIndustryList().then(res=>{
+                       if(res.code===0){
+                           console.log(res);
+                           this.topCarousels = res.data.data
+                       }
+                })
+            },
+            checkInfo(data){
+                this.$router.push({ name: 'industryDetails' ,params:data});
+            }
+
         },
         created() {
-
+            this.getshufflingData();
         },
         mounted() {
-            for (let i = 0; i < 5; i++) {
+           /* for (let i = 0; i < 5; i++) {
                 this.topCarousels.push(require(`@/assets/images/client/carousels/${i + 1}.jpg`));
-            }
+            }*/
 
         },
         beforeDestroy() {

src/views/client/industryDetails.vue

@@ -0,0 +1,72 @@
+<template>
+    <div>
+        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
+            <el-menu-item index="首页">首页</el-menu-item>
+            <el-menu-item index="考试平台">考试平台</el-menu-item>
+            <el-menu-item index="培训平台">培训平台</el-menu-item>
+            <el-menu-item index="课程开发">课程开发</el-menu-item>
+            <el-menu-item index="新闻资讯">新闻资讯</el-menu-item>
+            <el-menu-item index="帮助中心">帮助中心</el-menu-item>
+            <el-menu-item index="关于我们">关于我们</el-menu-item>
+        </el-menu>
+        <MtaBreadcrumb style="margin-left: 0"></MtaBreadcrumb>
+    </div>
+</template>
+
+<script>
+    import MtaBreadcrumb    from '@/components/client/common/MtaBreadcrumb.vue';
+    import { homeIndustryInfo } from '@/api/login.js';
+    export default {
+        name:       'courseDev',
+        props:      {
+        },
+        data() {
+            return {
+                activeIndex:  '首页',
+                iiId:  '',
+                infoData:{}
+            };
+        },
+        components: {
+            MtaBreadcrumb
+        },
+        computed:   {},
+        methods:    {
+            handleSelect(key, keyPath) {
+                if (key === '考试平台') {
+                    window.location.href = "https://www.baidu.com";
+                } else if (key === '培训平台') {
+                    window.location.href = "http://39.97.175.90:7788/zentao/my/";
+                } else {
+                    this.$router.push({ name: key });
+                }
+            },
+            getIndustryInfo(){
+                let req = {
+                    iiId  : this.iiId,
+                    }
+                homeIndustryInfo(req).then(res=>{
+                       if(res.code===0){
+                           console.log(res.data);
+                          this.infoData =  res.data
+                       }
+                })
+
+            }
+
+        },
+        created() {
+           console.log(this.$route.params);
+           this.iiId = this.$route.params.iiId;
+           this.getIndustryInfo()
+        },
+        mounted() {
+
+        },
+        beforeDestroy() {
+        },
+    };
+</script>
+<style>
+
+</style>