import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
    {
        path: '/',
        redirect: '/home'
    },
    {
        path: '/login',
        name: 'login',
        component: () => import('../views/Login.vue')
    },
    {
        path: '/home',
        name: 'home',
        redirect: '/workbench',
        component: () => import('../views/Home.vue'),
        children: [
            {
                path: '/workbench',
                name: 'workbench',
                component: () => import('../views/workbench/Workbench.vue')
            },
            // {
            //     path: '/people',
            //     name: 'people',
            //     component: () => import('../views/manager/People.vue')
            // },
            {
                path: '/user',
                name: 'user',
                component: () => import('../views/manager/User.vue')
            },
            {
                path: '/police',
                name: 'police',
                component: () => import('../views/manager/Police.vue')
            },
            {
                path: '/entry',
                name: 'entry',
                component: () => import('../views/cause/Entry.vue')
            },
            {
                path: '/group',
                name: 'group',
                component: () => import('../views/cause/Group.vue')
            },
            // {
            //     path: '/search',
            //     name: 'search',
            //     component: () => import('../views/cause/Search.vue')
            // },
            {
                path: '/audit',
                name: 'audit',
                component: () => import('../views/common/Audit.vue')
            },
            {
                path: '/publicity',
                name: 'publicity',
                component: () => import('../views/common/Publicity.vue')
            },
            {
                path: '/announcement',
                name: 'announcement',
                component: () => import('../views/common/announcement.vue')
            },
            {
                path: '/question',
                name: 'question',
                component: () => import('../views/common/Question.vue')
            },
            {
                path: '/sensitive',
                name: 'sensitive',
                component: () => import('../views/common/Sensitive.vue')
            },
        ]
    }
]

const router = new VueRouter({
    routes
})

// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
    // to 将要访问的路径
    // from 代表从哪个路径跳转
    // next 是一个函数，表示放行
    // next() 放行   next('/login') 强制跳转
    if (to.path === '/login') return next()
    const tokenStr = window.sessionStorage.getItem('token')
    if (!tokenStr) return next('/login')
    next()
})

export default router