index.js 4.19 KB
import Vue from 'vue'
import Router from 'vue-router'
import ActivePage from '@/pages/activePage'
import Detail from '@/pages/activePage/detail'
import Forms from '@/pages/activePage/form'
import Index from '@/pages/index'
import Master from '@/pages/master'
import Major from '@/pages/master/major'
import Feature from '@/pages/master/feature'
import Curse from '@/pages/master/curse'
import Teacher from '@/pages/master/teacher'
import Contact from '@/pages/master/contact'
import Maintab from '@/pages/master/maintab'
import Java from '@/pages/tzkc/java'
import Python from '@/pages/tzkc/python'
import Jqxx from '@/pages/tzkc/jqxx'
import Tzkc from '@/pages/tzkc'
import Consult from '@/pages/consult'
import Core from '@/pages/core'
import Coredetail from '@/pages/core/detail'
import University from '@/pages/university'
import UniDetail from '@/pages/university/detail'

Vue.use(Router)

const routerInstance = new Router({
  routes: [
    {
      path: '/',
      name: 'Index',
      component: Index,
      meta: {
        title: '免费送课'
      }
    },
    {
      path: '/master',
      name: 'Master',
      component: Master,
      meta: {
        title: '硕士课程'
      }
    },
    {
      path: '/master/maintab',
      name: 'maintab',
      redirect: '/master/maintab/major',
      component: Maintab,
      children: [
        {
          path: 'major',
          component: Major,
          meta: {
            title: '金融科技'
          }
        },
        {
          path: 'feature',
          component: Feature,
          meta: {
            title: '商业分析与大数据'
          }
        },
        {
          path: 'curse',
          component: Curse,
          meta: {
            title: '商业分析与大数据'
          }
        },
        {
          path: 'teacher',
          component: Teacher,
          meta: {
            title: '商业分析与大数据'
          }
        },
        {
          path: 'contact',
          component: Contact,
          meta: {
            title: '商业分析与大数据'
          }
        }
      ]
    },
    {
      path: '/activePage',
      name: 'ActivePage',
      component: ActivePage,
      meta: {
        title: '公开讲座'
      }
    },
    {
      path: '/activePage/form',
      name: 'Forms',
      component: Forms,
      meta: {
        title: '填写报名信息'
      }
    },
    {
      path: '/activePage/detail',
      name: 'Detail',
      component: Detail,
      meta: {
        title: '讲座详情'
      }
    },
    {
      path: '/tzkc',
      name: 'Tzkc',
      component: Tzkc,
      meta: {
        title: '拓展课程'
      }
    },
    {
      path: '/tzkc/java',
      name: 'Java',
      component: Java,
      meta: {
        title: 'java'
      }
    },
    {
      path: '/tzkc/python',
      name: 'Python',
      component: Python,
      meta: {
        title: 'Python'
      }
    },
    {
      path: '/tzkc/jqxx',
      name: 'Jqxx',
      component: Jqxx,
      meta: {
        title: '人工智能'
      }
    },
    {
      path: '/consult',
      name: 'Consult',
      component: Consult,
      meta: {
        title: '我要咨询'
      }
    },
    {
      path: '/core',
      name: 'Core',
      component: Core,
      meta: {
        title: '校友中心'
      }
    },
    {
      path: '/core/detail',
      name: 'Coredetail',
      component: Coredetail,
      meta: {
        title: '校友中心'
      }
    },
    {
      path: '/university',
      name: 'University',
      component: University,
      meta: {
        title: '院校风采'
      }
    },
    {
      path: '/university/detail',
      name: 'UniDetail',
      component: UniDetail,
      meta: {
        title: '院校风采'
      }
    }],
  linkActiveClass: 'is-active'
})
routerInstance.beforeEach((to, from, next) => {
  document.getElementById('titleId').innerHTML = to.meta.title;
  switch(to.query.index) {
    case 0: document.getElementById('titleId').innerHTML = '商业分析与大数据';  break;
    case 1: document.getElementById('titleId').innerHTML = '金融科技';  break;
    case 2: document.getElementById('titleId').innerHTML = '新媒体与数字营销';  break;
  }  
  next()
})
export default routerInstance;