/**
 * 默認(rèn)路由
 * 具體業(yè)務(wù)路由，應(yīng)在src/modules/router里定義，或者從后端動(dòng)態(tài)加載
 */
export default [
  /**
   * 路由項(xiàng)結(jié)構(gòu)：
   *{
      path: "/",//路徑，（必選；path、name、component是路由規(guī)定必選的元素）
                  也可以帶參數(shù)，如 path: "/resource/detail/:id",
      name: "路由名稱(chēng)，是路由唯一標(biāo)識(shí)",（必選）
      component: 指向組件，如 Home,或者() => import("../views/login/PageIndex.vue")，（必選）
      meta: {//meta里的屬性可以自定義，全部為可選項(xiàng)
        text: "名稱(chēng)",//展示在菜單里，（可選）
        navi: true, //導(dǎo)航條(一級(jí)菜單)，（可選）
        noLogin: true, //無(wú)須登錄即可瀏覽，（可選）
        access: "work:sysmanage,work:resourcemanage",//權(quán)限標(biāo)識(shí)，（可選）
      },
      children: [],
    },
   */
  {
    path: "/login",
    name: "login",
    component: () => import("../views/login/PageIndex.vue"),
    meta: {
      noLogin: true, //無(wú)須登錄即可瀏覽
    },
  },
  {
    path: "/",
    name: "Home",
    component: () => import("../views/PageIndex.vue"),
  },
  {
    path: "/notAllow",
    name: "notAllow",
    component: () => import("../views/sys/notAllow.vue"),
  },
];

export const HomeName = "Home";

import { createRouter, createWebHashHistory } from "vue-router";
import routes from "./default";
import routeAssembler from "./setup";
import { hasAuthority } from "@/utils/login.js";

const router = createRouter({
  history: createWebHashHistory(),
  routes,
});

// 路由守衛(wèi)
let registerRouteFresh = true;//是否還沒(méi)有動(dòng)態(tài)加載過(guò)
router.beforeEach((to, from, next) => {
  const isLogin = localStorage.isLogin ? true : false;
  if (isLogin) {
    //已登錄情況下驗(yàn)證權(quán)限
    let isAccess = hasAuthority(to.meta.access);
    if (!isAccess) {//沒(méi)有權(quán)限
      next("/notAllow");
      return;
    }
    if (registerRouteFresh) {//還沒(méi)有動(dòng)態(tài)加載過(guò)
      //動(dòng)態(tài)注冊(cè)路由 <----------------------------------------
      routeAssembler(router);
      registerRouteFresh = false;
      next({ ...to, replace: true });
    } else {
      //已經(jīng)登錄了，不能再打開(kāi)登錄頁(yè)
      to.path === "/login" ? next("home") : next();
    }
  } else {
    //如果無(wú)須登錄則直接打開(kāi)，否則轉(zhuǎn)向登錄頁(yè)面
    to.meta.noLogin || to.path === "/login" ? next() : next("/login");
  }
});

export default router;

/*
  裝配路由及菜單
 */
import fixItems from "./default"; //默認(rèn)路由
import { HomeName } from "./default"; //統(tǒng)一命名首頁(yè)路由項(xiàng)（參考前面的默認(rèn)路由）
import projectItems from "@/modules/router"; //具體業(yè)務(wù)系統(tǒng)的路由

export default (router) => {
  //獲得動(dòng)態(tài)路由
  const dynaItems = getDynamicItems();

  //對(duì)齊首頁(yè)(統(tǒng)一命名首頁(yè))
  adpatHome(HomeName, dynaItems);

  //添加動(dòng)態(tài)路由
  dynaItems.forEach((value) => {
    router.addRoute(value);
  });
};

const getDynamicItems = () => {
  /*
    獲取動(dòng)態(tài)路由，從指定文件加載或從后端獲取
  */
  return projectItems;
};

//默認(rèn)路由與業(yè)務(wù)路由對(duì)齊首頁(yè)的路由信息
//所謂對(duì)齊，就是大家的name保持一致，這樣才能保證動(dòng)態(tài)加入的路由項(xiàng)，覆蓋掉前面的path和name相同的路由
const adpatHome = (HomeName, dynaItems) => {
  let home = dynaItems.filter((item) => {
    return item.path === "/";
  });
  if (home.length > 0 && home[0].name !== HomeName) {
    /**
     * 如果業(yè)務(wù)路由定義了首頁(yè)，但其name與默認(rèn)路由首頁(yè)的name不相同
     * 則將業(yè)務(wù)路由中首頁(yè)項(xiàng)的name置為默認(rèn)名稱(chēng)
     * 因?yàn)榘凑誺ue-router的規(guī)則，addRoute的時(shí)候，如果存在同名同路徑的路由項(xiàng)，則覆蓋之
     * 我們要的就是覆蓋默認(rèn)，以業(yè)務(wù)路由設(shè)置為準(zhǔn)
     */
    home[0].name = HomeName;
  }
};