//src/router/index.js
import Router from 'vue-router'
Vue.use(Router)
const Routes = [
    {
        path:'/',
        component:Login,
        meta: {
            title: '登錄頁'
        }
    },
    {
        path:'/Home',
        component:Home,
        meta: {
            title: 'Home主頁'
        }
    }
]
const Routers = new Router({
    routes: Routes
})
export default Routers;

//stc/router/index.js
const defaultRoutes = [
//...這默認(rèn)路由就是上面代碼內(nèi)的登錄頁/404頁面...
]
const allRouters = [//這里就是全部動態(tài)路由
    {
        path:'/UserList',
        component:UserList,
        meta: {
            title: '人員管理'
        }
    },
    {
        path:'/PwdList',
        component:PwdList,
        meta: {
            title: '密碼管理'
        }
    }
]
const Routers = new Router({
    routes: defaultRoutes//默認(rèn)渲染 -> 默認(rèn)路由
})
export default Routers;

Routers.beforeEach((to,from,next) => {
    if(to.path != '/' && !store.state.isLogin) {
        //跳轉(zhuǎn)的不是首頁 同時(shí) 用戶還未登陸
        //這個(gè)判斷，我們就可以基本判定用戶是在做登陸時(shí)候的跳轉(zhuǎn)
        //↓拿到登陸時(shí)，接口返回的路由數(shù)組（vuex內(nèi)）,大致是這樣的
        let resRouterArr = [
            {
                routeName: '人員管理',
                children: [
                    {
                        routeName: '銷售管理',
                        ...
                    },
                    {
                        routeName: '內(nèi)勤管理',
                        ...
                    }
                ]
            }
        ]
        let routerArr = []
        resRouterArr.forEach(item => {
            allRouters.forEach(all => {
                if(item.routeName == all.routeName) {
                    //拿到本地路由對象
                    let obj = JSON.parse(JSON.stringify(all))
                    let childrenRouter = []
                    if(item.children && item.children.length > 0) {
                        item.children.forEach(childItem => {
                            all.children.forEach(allItem => {
                                if(childItem.routeName == allItem.routerName) {
                                    childrenRouter.push(allItem)
                                }
                            })
                        })
                        obj.children = childrenRouter
                    }
                    routerArr.push(obj)
                }
            })
        })
        Routers.addroutes(routerArr)//addroutes為添加路由數(shù)組的方法
        store.commit('domRouteTree',rousterArr)//存儲進(jìn)vuex，之后頁面左右路由列表渲染使用
        next({...to,replace:true})//進(jìn)行路由跳轉(zhuǎn)
    } else {
        next()
    }
})

import UserList from '@/views/User/UserList'

import UserList from '@/views/User/UserList.vue'