foster-pc-vue/src/plugins/permission.js

/*
 * @Author: your name
 * @Date: 2021-01-13 17:32:55
 * @LastEditTime: 2021-12-02 17:02:24
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue3-element-admin\src\plugins\permission.js
 */
import { SET_MENU_LIST } from "@/store/modules/app/type";

import globalRoutes from "@/router/globalRoutes";
import mainRoutes from "@/router/mainRoutes";
import NProgress from "nprogress";

/**
 * 判断当前路由类型, global: 全局路由, main: 主入口路由
 * @param {*} route 当前路由
 */
function fnCurrentRouteType(route, globalRoutes = []) {
    let temp = [];
    for (let i = 0; i < globalRoutes.length; i++) {
        if (route.name === globalRoutes[i].name) {
            return "global";
        } else if (
            globalRoutes[i].children &&
            globalRoutes[i].children.length >= 1
        ) {
            temp = temp.concat(globalRoutes[i].children);
        }
    }
    return temp.length >= 1 ? fnCurrentRouteType(route, temp) : "main";
}

export default {
    install: (app, { router, store }) => {
        // let router = opt;
        router.beforeEach(async (to, from, next) => {
            if (
                fnCurrentRouteType(to, globalRoutes) === "global"
            ) {
                //* 1. 已经添加 or 全局路由, 直接访问
                if (to.meta.title) {
                    document.title = to.meta.title;
                }
                NProgress.start();
                next();
            } else {
                let token = sessionStorage.getItem("token");
                if (!token || !/\S/.test(token)) {
                    next({ name: "Login" });
                } else {
                    NProgress.start();
                    next();
                }
            }
        });
        router.afterEach(() => {
            NProgress.done();
        });

        /**
         * 添加动态(菜单)路由
         * @param {*} menuList 菜单列表
         * @param {*} routes 递归创建的动态(菜单)路由
         */
        // eslint-disable-next-line no-unused-vars
        // const fnAddDynamicMenuRoutes = async (menuList = [], routes = []) => {
        //     let temp = [];
        //     for (let i = 0; i < menuList.length; i++) {
        //         if (
        //             menuList[i].type == 0 &&
        //             menuList[i].children &&
        //             menuList[i].children.length >= 1
        //         ) {
        //             temp = temp.concat(menuList[i].children);
        //         } else if (menuList[i].type == 1) {
        //             // } else if (menuList[i].type==1 && /\S/.test(menuList[i].url)) {
        //             // const url = menuList[i].url.replace(/\//g, "_");
        //             let route = {
        //                 path:
        //                     menuList[i].url.replace(/\//g, "-") +
        //                     `-${menuList[i].id}`,
        //                 component: null,
        //                 name: menuList[i].url
        //                     // menuList[i].url.replace(/\//g, "-") +
        //                     // `-${menuList[i].id}`,
        //                 // meta: {
        //                 // }
        //             };
        //             // url以http[s]://开头, 通过iframe展示
        //             if (menuList[i].iframe == 1) {
        //                 route["path"] = `i-${menuList[i].id}`;
        //                 route["name"] = `i-${menuList[i].id}`;
        //                 route["props"] = { url: menuList[i].url };
        //                 route["component"] = () => import("@/views/IFrame.vue");
        //             } else {
        //                 const l = "views/layoutpages/" + menuList[i].url;
        //                 let component = () => import("@/" + l + ".vue");
        //                 route["component"] = component;
        //             }
        //             routes.push(route);
        //         }
        //     }
        //     if (temp.length >= 1) {
        //         fnAddDynamicMenuRoutes(temp, routes);
        //     } else {
        //         let homeRoute = mainRoutes[0].children[0];
        //
        //         homeRoute.children = homeRoute.children.concat(routes);
        //         // mainRoutes.children = routes;
        //         console.log(
        //             "控制台打印--> ~ file: permission.js ~ line 127 ~ fnAddDynamicMenuRoutes ~ mainRoutes.children",
        //             homeRoute.children
        //         );
        //         mainRoutes[0].children[0] = homeRoute;
        //         await router.addRoute(mainRoutes);
        //         await router.addRoute({
        //             path: "/:w+",
        //             redirect: { name: "404" },
        //         });
        //     }
        // };
    },
};