import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
import Layout from '@/layout/admin.vue';

const routes: Array<RouteRecordRaw> = [
  {
    path: '/',
    component: Layout,
    name: 'admin',
  },
  {
    path: '/login',
    name: 'login',
    component: () => import('@/pages/login/index.vue'),
    meta: { title: '登錄頁' },
  },
  {
    path: '/:pathMatch(.*)*',
    name: 'NotFound',
    component: () => import('@/pages/404/index.vue'),
    meta: { title: '404' },
  },
];

const asyncRoutes: Array<RouteRecordRaw> = [
  {
    path: '/',
    name: '/',
    component: () => import('@/pages/index/index.vue'),
    meta: { title: '首頁' },
  },
  {
    path: '/goods/list',
    name: '/goods/list',
    component: () => import('@/pages/goods/list.vue'),
    meta: { title: '商品列表' },
  },
  {
    path: '/category/list',
    name: '/category/list',
    component: () => import('@/pages/category/list.vue'),
    meta: { title: '分類列表' },
  },
];

import { router } from '@/router/index';

export const addRoutes = (routesArray: Array<MenusArray>) => {
  let hasNewRoutes = false;

  const addRoutesFromMenus = (menus: Array<MenusArray>) => {
    menus.forEach((menu) => {
      // 查找匹配的動態(tài)路由
      const route = asyncRoutes.find((r) => r.path === menu.frontpath);
      // 添加到router中
      if (route && !router.hasRoute(route.path)) {
        router.addRoute('admin', route);
        hasNewRoutes = true;
      }
      // 遞歸處理子菜單
      if (menu.child && menu.child.length > 0) {
        addRoutesFromMenus(menu.child);
      }
    });
  };

  addRoutesFromMenus(routesArray);
  return hasNewRoutes;
};

import { getToken } from '@/utils/auth';
import store from '@/store';
import { addRoutes } from '@/router/index';

router.beforeEach(async (to, from, next) => {
  const token = getToken();
  let hasNewRoutes = false;

  // 顯示全局加載狀態(tài)
  showFullLoading();

  // 未登錄跳轉(zhuǎn)到登錄頁
  if (!token && to.name !== 'login' && to.name !== 'NotFound') {
    return next('/login');
  }

  // 已登錄訪問登錄頁，重定向到主頁
  if (token && to.name === 'login') {
    return next('/');
  }

  // 已登錄狀態(tài)下，動態(tài)添加路由
  if (token) {
    await store.dispatch('user/getUserInfo'); // 拉取用戶信息
    hasNewRoutes = addRoutes(store.getters['menu/getMenus']); // 添加動態(tài)路由
  }

  // 設(shè)置頁面標題
  if (to.meta.title) {
    document.title = `${to.meta.title}-測試后臺管理`;
  } else {
    document.title = '測試后臺管理';
  }

  // 手動導(dǎo)航：如果添加了新路由，重新跳轉(zhuǎn)當(dāng)前頁面
  hasNewRoutes ? next(to.fullPath) : next();
});