修改header

src/components/client/common/footer.vue

@@ -93,9 +93,7 @@
             getLinksData(){
                 homeLinksList().then(res=>{
                        if(res.code===0){
-                           console.log(res.data.data);
                            this.linksData = res.data.data
-                           console.log(this.linksData);
                        }
                 })
             },

src/components/client/common/header.vue

@@ -6,20 +6,16 @@
                 <el-menu
                         :default-active="activeIndex"
                         class="el-menu-demo"
-                        :router="true"
                         mode="horizontal"
-                       >
-                    <template v-for="(item,index) in headerArr">
-                        <el-submenu :index="`${item.keyPath}`" v-if="item.children && item.children.length > 0" popper-class="mta-menu-two">
-                            <template slot="title">{{item.content}}</template>
-                            <el-menu-item :index="`${child.keyPath}`" v-for="child of item.children"
-                                          :key="child.keyPath">{{child.content}}
-                            </el-menu-item>
-                        </el-submenu>
-                        <el-menu-item :index="`${item.keyPath}`" v-else>
-                            {{item.content}}
-                        </el-menu-item>
-                    </template>
+                        @select="handleSelect"
+                >
+                    <el-menu-item index="0">首页</el-menu-item>
+                    <el-menu-item index="1">考试平台</el-menu-item>
+                    <el-menu-item index="2">培训平台</el-menu-item>
+                    <el-menu-item index="3">课程开发</el-menu-item>
+                    <el-menu-item index="4">新闻资讯</el-menu-item>
+                    <el-menu-item index="5">帮助中心</el-menu-item>
+                    <el-menu-item index="6">关于我们</el-menu-item>
                 </el-menu>
 
             </div>
@@ -37,137 +33,63 @@
     import { mapGetters }          from 'vuex';
     import { setAuth, removeAuth } from '@/utils/auth';
 
-    import { setUserIcon, checkUrlIsNotHttpUrl, getTrimData, }                              from '@/utils/common';
-    import { initThemeColor }      from '@/utils/theme';
+    import { setUserIcon, checkUrlIsNotHttpUrl, getTrimData } from '@/utils/common';
+    import { initThemeColor }                                  from '@/utils/theme';
 
     export default {
         name:       'mtaHeader',
         props:      {
-            activeNav: {
-                type:    String,
-                require: true,
-                default: '0',
-            },
-        },
-        components: {
         },
+        components: {},
         data() {
             return {
-                activeIndex:          this.activeNav,
-                headerArr:            [
-                    {
-                        content: '首页',
-                        keyPath: '/index',
-                    },
-                /*    {
-                        content:  '考试平台',
-                        keyPath:  '/c/kecheng/lists',
-                        children: [
-                            {
-                                content:  'xxxxxx',
-                                keyPath:  '/c/kecheng/lists',
-                            },
-                        ],
-                    },*/
-                    {
-                        content:  '考试平台',
-                        keyPath:  '/c/examPlatform',
-                        children: [],
-                    },
-                    {
-                        content:  '培训平台',
-                        keyPath:  '/c/peixunPlatform',
-                        children: [],
-                    },
-                    {
-                        content:  '课程开发',
-                        keyPath:  '/c/courseDev',
-                        children: [],
-                    },
-                    {
-                        content:  '新闻资讯',
-                        keyPath:  '/c/newsInfor',
-                        children: [],
-                    },
-                    {
-                        content:  '帮助中心',
-                        keyPath:  '/c/helpCenter',
-                        children: [],
-                    }, {
-                        content:  '关于我们',
-                        keyPath:  '/c/aboutUs',
-                        children: [],
-                    },
-
-                ],
+                activeIndex:'0',
             };
         },
         watch:      {
-            '$route.path': function (newVal, oldVal) {
-                this.activeIndexSync();
-            },
-        },
-        computed:   {
         },
-        methods:{
-            // ************** 导航状态 ****************************
-            activeIndexSync() {
-                const path = this.$route.path;
-                const idx = _.findIndex(this.headerArr, function (o) {
-                    return o.keyPath === path;
-                });
-                if (idx > -1) {
-                    this.activeIndex = this.headerArr[idx].keyPath;
-                } else {
-                    for (const header of this.headerArr) {
-                        if (header.children) {
-                            const idx2 = _.findIndex(header.children, function (o) {
-                                return o.keyPath === path;
-                            });
-                            if (idx2 > -1) {
-                                this.activeIndex = header.keyPath;
-                                return;
-                            }
-                        }
-                    }
-                }
-            },
+        computed:   {},
+        methods:    {
+            handleSelect(key, keyPath) {
+                console.log(key);
+                switch (Number(key)) {
+                    case 0:
+                        this.$router.push({ name: 'index'});
+                        this.activeIndex = '0';
+                        break;
+                    case 1:
+                        this.$router.push({ name: 'examPlatform'});
+                        this.activeIndex = '1';
+                        break;
+                    case 2:
+                        this.$router.push({ name: 'peixunPlatform'});
+                        this.activeIndex = '2';
+                        break;
+                    case 3:
+                        this.$router.push({ name: 'courseDev'});
+                        this.activeIndex = '3';
+                        break;
+                    case 4:
+                        this.$router.push({ name: 'newsInfor'});
+                        this.activeIndex = '4';
+                        break;
+                    case 5:
+                        this.$router.push({ name: 'helpCenter'});
+                        this.activeIndex = '5';
+                        break;
+                    case 6:
+                        this.$router.push({ name: 'aboutUs'});
+                        this.activeIndex = '6';
+                        break;
 
-            checkArray() {
-              /*  if (JSON.parse(this.menuFlag) == 1) {
+                    default:
 
-                    for (let i = this.headerArr.length - 1; i >= 0; i--) {
-                        if (this.headerArr[i].content == '课程中心') {
-                            this.headerArr.splice(i, 1);
-                        }
-                        if (this.headerArr[i].keyPath === '/c/IndexPeixun') {
-                            this.headerArr.splice(i, 1);
-                        }
-                        if (this.headerArr[i].children && this.headerArr[i].children.length >= 2 && this.headerArr[i].children[1].content == '课程成绩') {
-                            this.headerArr[i].children.splice(1, 1);
-                        }
-                        if (this.headerArr[i].keyPath === '/c/resource/library') {
-                            this.headerArr.splice(i, 1);
-                        }
-                        if (this.headerArr[i].keyPath === '/c/QuestionAndAnswer/lists') {
-                            this.headerArr.splice(i, 1);
-                        }
-                    }
-                } else {
-                    for (let i = this.headerArr.length - 1; i >= 0; i--) {
-                        if (this.headerArr[i].keyPath === '/c/Index') {
-                            this.headerArr.splice(i, 1);
-                        }
-                    }
-                }*/
-                this.activeIndexSync();
-            },
+                }
 
+            },
         }
         ,
         created() {
-            console.log(this.activeIndex);
-            this.checkArray();
             initThemeColor();
         },
     };

src/router.js

@@ -9,7 +9,10 @@ import {
 }                   from '@/utils/common';
 
 Vue.use(Router);
-
+const originalPush = Router.prototype.push
+Router.prototype.push = function push (location) {
+    return originalPush.call(this, location).catch(err => err)
+};
 const router = new Router({
                               mode:   'history',
                               base:   process.env.BASE_URL,
@@ -37,21 +40,21 @@ const router = new Router({
                                       component: () => import(/* webpackChunkName: "Cframe" */ './components/client/common/Cframe.vue'),
                                       children:  [
                                           {
-                                              name:      '考试平台',
-                                              path:      'https://www.mtavip.com/examsystem',
+                                              name:      'examPlatform',
+                                              path:      '/examPlatform',
                                               meta:      {
                                                   parentPath: 'croot',
                                                   breadcrumb: {
                                                       display: '考试平台',
                                                   },
                                               },
-                                             /* component: () => {
-                                                  return import(/!* webpackChunkName: "index" *!/ './views/client/examPlatform.vue');
-                                              },*/
+                                              component: () => {
+                                                  return import(/* webpackChunkName: "examPlatform" */ './views/client/examPlatform.vue');
+                                              },
                                           },
                                           {
-                                              name:      '培训平台',
-                                              path:      'peixunPlatform',
+                                              name:      'peixunPlatform',
+                                              path:      '/peixunPlatform',
                                               meta:      {
                                                   parentPath: 'croot',
                                                   breadcrumb: {
@@ -59,12 +62,12 @@ const router = new Router({
                                                   },
                                               },
                                               component: () => {
-                                                  return import(/* webpackChunkName: "index" */ './views/client/peixunPlatform.vue');
+                                                  return import(/* webpackChunkName: "peixunPlatform" */ './views/client/peixunPlatform.vue');
                                               },
                                           },
                                           {
-                                              name:      '课程开发',
-                                              path:      'courseDev',
+                                              name:      'courseDev',
+                                              path:      '/courseDev',
                                               meta:      {
                                                   parentPath: 'croot',
                                                   breadcrumb: {
@@ -72,12 +75,12 @@ const router = new Router({
                                                   },
                                               },
                                               component: () => {
-                                                  return import(/* webpackChunkName: "index" */ './views/client/CourseDev.vue');
+                                                  return import(/* webpackChunkName: "incourseDevdex" */ './views/client/CourseDev.vue');
                                               },
                                           },
                                           {
-                                              name:      '新闻资讯',
-                                              path:      'newsInfor',
+                                              name:      'newsInfor',
+                                              path:      '/newsInfor',
                                               meta:      {
                                                   parentPath: 'croot',
                                                   breadcrumb: {
@@ -85,12 +88,12 @@ const router = new Router({
                                                   },
                                               },
                                               component: () => {
-                                                  return import(/* webpackChunkName: "index" */ './views/client/newsInfor.vue');
+                                                  return import(/* webpackChunkName: "newsInfor" */ './views/client/newsInfor.vue');
                                               },
                                           },
                                           {
-                                              name:      '帮助中心',
-                                              path:      'helpCenter',
+                                              name:      'helpCenter',
+                                              path:      '/helpCenter',
                                               meta:      {
                                                   parentPath: 'croot',
                                                   breadcrumb: {
@@ -98,12 +101,12 @@ const router = new Router({
                                                   },
                                               },
                                               component: () => {
-                                                  return import(/* webpackChunkName: "index" */ './views/client/helpCenter.vue');
+                                                  return import(/* webpackChunkName: "helpCenter" */ './views/client/helpCenter.vue');
                                               },
                                           },
                                           {
-                                              name:      '关于我们',
-                                              path:      'aboutUs',
+                                              name:      'aboutUs',
+                                              path:      '/aboutUs',
                                               meta:      {
                                                   parentPath: 'croot',
                                                   breadcrumb: {
@@ -111,12 +114,12 @@ const router = new Router({
                                                   },
                                               },
                                               component: () => {
-                                                  return import(/* webpackChunkName: "index" */ './views/client/aboutUs.vue');
+                                                  return import(/* webpackChunkName: "aboutUs" */ './views/client/aboutUs.vue');
                                               },
                                           },
                                           {
                                               path: 'newsInforDetails',
-                                              name: 'newsInforDetails',
+                                              name: '/newsInforDetails',
                                               meta:      {
                                                   parentPath: 'croot',
                                                   breadcrumb: {
@@ -124,7 +127,7 @@ const router = new Router({
                                                   },
                                               },
                                               component: () => {
-                                                  return import(/* webpackChunkName: "index" */ './views/client/newsInforDetails.vue');
+                                                  return import(/* webpackChunkName: "newsInforDetails" */ './views/client/newsInforDetails.vue');
                                               },
                                           },
                                       ],

src/views/client/Index.vue

@@ -37,7 +37,8 @@
                         <div class="products-services-img"><i></i></div>
                         <div class="products-services-content">
                             <h2>考试系统</h2>
-                            <p>麦塔在线考试系统满足不同行业考试考核需求：教育机构出题判卷、课后练习布置；企事业单位企业文化、业务水平提升；政府机构党建知识考核、提高服务意识；电力金融医疗专业技能、安全生产通通交给我们！</p>
+                            <p>
+                                麦塔在线考试系统满足不同行业考试考核需求：教育机构出题判卷、课后练习布置；企事业单位企业文化、业务水平提升；政府机构党建知识考核、提高服务意识；电力金融医疗专业技能、安全生产通通交给我们！</p>
                             <a>了解详情</a>
                         </div>
                     </li>
@@ -45,7 +46,8 @@
                         <div class="products-services-img"><i></i></div>
                         <div class="products-services-content">
                             <h2>培训系统</h2>
-                            <p>麦塔在线培训系统满足企业全流程培训场景，支持移动web端、PC端、APP端答题和学习，多种学习模式保障学习效果，结果及时反馈，让知识转化为行动，提升培训成效，让学员充分获取学习乐趣与动力，满足您的个性化培训考试需求。</p>
+                            <p>
+                                麦塔在线培训系统满足企业全流程培训场景，支持移动web端、PC端、APP端答题和学习，多种学习模式保障学习效果，结果及时反馈，让知识转化为行动，提升培训成效，让学员充分获取学习乐趣与动力，满足您的个性化培训考试需求。</p>
                             <a>了解详情</a>
                         </div>
                     </li>
@@ -53,7 +55,8 @@
                         <div class="products-services-img"><i></i></div>
                         <div class="products-services-content">
                             <h2>课件制作</h2>
-                            <p>麦塔能够快速搭建企业单位、教育机构学习资源库，满足学习平台需求，针对目标对象的学习习惯和学习方式个性化开发课程核心内容，将零散、隐性的知识系统化、显性化，现已开发了管理类通用课程、医药类课程、银行业课程等数千门课程内容。</p>
+                            <p>
+                                麦塔能够快速搭建企业单位、教育机构学习资源库，满足学习平台需求，针对目标对象的学习习惯和学习方式个性化开发课程核心内容，将零散、隐性的知识系统化、显性化，现已开发了管理类通用课程、医药类课程、银行业课程等数千门课程内容。</p>
                             <a>了解详情</a>
                         </div>
                     </li>
@@ -66,18 +69,55 @@
             <div class="client-container">
                 <h1 class="client-index-title">满足不同行业学习需求</h1>
                 <ul class="industry-box">
-                    <li><img :src="demandImg1" alt="政府机构"><div><h2>政府机构</h2><p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a>了解更多</a></div></li>
-                    <li><img :src="demandImg2" alt="医药卫生"><div><h2>医药卫生</h2><p>应对种类繁多的专业医疗资格考试，“三基、三严”考试，辅助人才队伍建设</p><a>了解更多</a></div></li>
-                    <li><img :src="demandImg3" alt="能源化工"><div><h2>能源化工</h2><p>提高安全生产培训效率，分析不足、排查隐患</p><a>了解更多</a></div></li>
-                    <li><img :src="demandImg4" alt="信息产业"><div><h2>信息产业</h2><p>创新学习方式，打造在线学习品牌，提高全员移动学习的积极性</p><a>了解更多</a></div></li>
-                    <li><img :src="demandImg5" alt="交通运输"><div><h2>交通运输</h2><p>推动技能领域交流互鉴，进一步培养和选拔高技能人才</p><a>了解更多</a></div></li>
-                    <li><img :src="demandImg6" alt="机械机电"><div><h2>机械机电</h2><p>帮助用户创建优质工程，打造一流企业的管理方针</p><a>了解更多</a></div></li>
-                    <li><img :src="demandImg7" alt="教育培训"><div><h2>教育培训</h2><p>不受时间、地点等因素限制，学员与教师相隔万里也可以开展教学活动</p><a>了解更多</a></div></li>
-                    <li><img :src="demandImg8" alt="食品餐饮"><div><h2>食品餐饮</h2><p>定期培训考核，严格把控服务质量、食品安全标准</p><a>了解更多</a></div></li>
-                    <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="demandImg1" alt="政府机构">
+                        <div><h2>政府机构</h2>
+                            <p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a @click="goThirdParty(0)">了解更多</a></div>
+                    </li>
+                    <li><img :src="demandImg2" alt="医药卫生">
+                        <div><h2>医药卫生</h2>
+                            <p>应对种类繁多的专业医疗资格考试，“三基、三严”考试，辅助人才队伍建设</p><a @click="goThirdParty(1)">了解更多</a></div>
+                    </li>
+                    <li><img :src="demandImg3" alt="能源化工">
+                        <div><h2>能源化工</h2>
+                            <p>提高安全生产培训效率，分析不足、排查隐患</p><a @click="goThirdParty(2)">了解更多</a></div>
+                    </li>
+                    <li><img :src="demandImg4" alt="信息产业">
+                        <div><h2>信息产业</h2>
+                            <p>创新学习方式，打造在线学习品牌，提高全员移动学习的积极性</p><a @click="goThirdParty(3)">了解更多</a></div>
+                    </li>
+                    <li><img :src="demandImg5" alt="交通运输">
+                        <div><h2>交通运输</h2>
+                            <p>推动技能领域交流互鉴，进一步培养和选拔高技能人才</p><a @click="goThirdParty(4)">了解更多</a></div>
+                    </li>
+                    <li><img :src="demandImg6" alt="机械机电">
+                        <div><h2>机械机电</h2>
+                            <p>帮助用户创建优质工程，打造一流企业的管理方针</p><a @click="goThirdParty(5)">了解更多</a></div>
+                    </li>
+                    <li><img :src="demandImg7" alt="教育培训">
+                        <div><h2>教育培训</h2>
+                            <p>不受时间、地点等因素限制，学员与教师相隔万里也可以开展教学活动</p><a @click="goThirdParty(6)">了解更多</a></div>
+                    </li>
+                    <li><img :src="demandImg8" alt="食品餐饮">
+                        <div><h2>食品餐饮</h2>
+                            <p>定期培训考核，严格把控服务质量、食品安全标准</p><a @click="goThirdParty(7)">了解更多</a></div>
+                    </li>
+                    <li><img :src="demandImg9" alt="金融保险">
+                        <div><h2>金融保险</h2>
+                            <p>针对员工岗位性质、能力素质和业务需求，精心设计考试内容，选备了相应的题库，分岗位进行集中测试。</p><a @click="goThirdParty(8)">了解更多</a>
+                        </div>
+                    </li>
+                    <li><img :src="demandImg10" alt="汽车制造">
+                        <div><h2>汽车制造</h2>
+                            <p>一线门店轻量化练习，边看边练，提高工作效率、增加企业利润</p><a @click="goThirdParty(9)">了解更多</a></div>
+                    </li>
+                    <li><img :src="demandImg11" alt="新闻出版">
+                        <div><h2>新闻出版</h2>
+                            <p>推进编辑出版专业水平提高，出版专业技术人员职业资格考试等</p><a @click="goThirdParty(10)">了解更多</a></div>
+                    </li>
+                    <li><img :src="demandImg12" alt="更多">
+                        <div><h2>更多</h2>
+                            <p>更多行业学习需求</p><a @click="goThirdParty(11)">了解更多</a></div>
+                    </li>
                 </ul>
             </div>
         </div>
@@ -136,10 +176,18 @@
             <div class="client-container">
                 <h1 class="client-index-title">为什么选择我们</h1>
                 <ul class="chose-img-box">
-                    <li><div><i></i></div><h2>专业的顾问服务</h2></li>
-                    <li><div><i></i></div><h2>完善的培训体系</h2></li>
-                    <li><div><i></i></div><h2>可靠的开发技术</h2></li>
-                    <li><div><i></i></div><h2>成熟的运营能力</h2></li>
+                    <li>
+                        <div><i></i></div>
+                        <h2>专业的顾问服务</h2></li>
+                    <li>
+                        <div><i></i></div>
+                        <h2>完善的培训体系</h2></li>
+                    <li>
+                        <div><i></i></div>
+                        <h2>可靠的开发技术</h2></li>
+                    <li>
+                        <div><i></i></div>
+                        <h2>成熟的运营能力</h2></li>
                 </ul>
             </div>
         </div>
@@ -164,8 +212,9 @@
 
 <script>
     import { homeIndustryList } from '@/api/login.js';
-    import MtaHeader                                 from '@/components/client/common/header.vue';
-    import MtaFooter                                 from '@/components/client/common/footer.vue';
+    import MtaHeader            from '@/components/client/common/header.vue';
+    import MtaFooter            from '@/components/client/common/footer.vue';
+
     export default {
         name:       'index',
         props:      {},
@@ -225,6 +274,61 @@
         },
         computed:   {},
         methods:    {
+            goThirdParty(data) {
+                switch (Number(data)) {
+                    case 0:
+                        //政府机构对应的链接为https://www.mtavip.com/government
+                       // window.location.href = 'https://www.mtavip.com/government';
+                        window.open("https://www.mtavip.com/government",'top');
+                        break;
+                    case 1:
+                        //医药卫生对应的链接为https://www.mtavip.com/medical
+                      //  window.location.href = 'https://www.mtavip.com/medical';
+                        window.open("https://www.mtavip.com/medical",'top');
+                        break;
+                    case 2:
+                        //医药卫生对应的链接为https://www.mtavip.com/medical
+                        //window.location.href = 'https://www.mtavip.com/medical';
+                        window.open("https://www.mtavip.com/medical",'top');
+                        break;
+                    case 3:
+
+                        break;
+                    case 4:
+
+                        break;
+                    case 5:
+
+                        break;
+                    case 6:
+                        //教育培训对应的链接为https://www.mtavip.com/education
+                      //  window.location.href = 'https://www.mtavip.com/education';
+                        window.open("https://www.mtavip.com/education",'top');
+                        break;
+                    case 7:
+
+                        break;
+                    case 8:
+                        //金融保险对应的链接https://www.mtavip.com/financial
+                      //  window.location.href = 'https://www.mtavip.com/financial';
+                        window.open("https://www.mtavip.com/financial",'top');
+                        break;
+                    case 9:
+
+                        break;
+                    case 10:
+
+                        break;
+                    case 11:
+
+                        break;
+
+                    default:
+
+                }
+
+            },
+
             handleSelect(key, keyPath) {
                 if (key === '考试平台') {
                     window.location.href = 'https://www.baidu.com';
@@ -235,25 +339,25 @@
                 }
             },
             getshufflingData() {
-                homeIndustryList().then(res=>{
-                       if(res.code===0){
-                           console.log(res);
-                           this.topCarousels = res.data.data
-                       }
-                })
+                homeIndustryList().then(res => {
+                    if (res.code === 0) {
+                        console.log(res);
+                        this.topCarousels = res.data.data;
+                    }
+                });
+            },
+            checkInfo(data) {
+                this.$router.push({ name: 'newsInforDetails', params: data });
             },
-            checkInfo(data){
-                this.$router.push({ name: 'newsInforDetails' ,params:data});
-            }
 
         },
         created() {
             this.getshufflingData();
         },
         mounted() {
-           /* for (let i = 0; i < 5; i++) {
-                this.topCarousels.push(require(`@/assets/images/client/carousels/${i + 1}.jpg`));
-            }*/
+            /* for (let i = 0; i < 5; i++) {
+                 this.topCarousels.push(require(`@/assets/images/client/carousels/${i + 1}.jpg`));
+             }*/
 
         },
         beforeDestroy() {