From c5044f24d0c299504b771df26cec4b3bf2ac20bc Mon Sep 17 00:00:00 2001
From: RogerWork <roger.x.sun@qq.com>
Date: Wed, 1 Nov 2023 11:26:57 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E7=AC=AC=E4=B9=9D=E7=AB=A0?=
 =?UTF-8?q?=E5=AD=A6=E4=B9=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis/personal.js                   |   8 ++
 src/layout/components/PageFrame.vue    |  13 +++
 src/layout/components/PageSiderbar.vue |   5 +-
 src/router/index.js                    | 109 +++++++++++++++++++++++--
 4 files changed, 127 insertions(+), 8 deletions(-)
 create mode 100644 src/layout/components/PageFrame.vue

diff --git a/src/apis/personal.js b/src/apis/personal.js
index d2f170e..1de0e15 100644
--- a/src/apis/personal.js
+++ b/src/apis/personal.js
@@ -7,3 +7,11 @@ export const userInfo = (data) => {
         data,
     })
 }
+
+export const menuTree = (data) => {
+    return request({
+        url: '/personal/menuTree',
+        method: 'get',
+        data,
+    })
+}
\ No newline at end of file
diff --git a/src/layout/components/PageFrame.vue b/src/layout/components/PageFrame.vue
new file mode 100644
index 0000000..f00bcb3
--- /dev/null
+++ b/src/layout/components/PageFrame.vue
@@ -0,0 +1,13 @@
+<template>
+  <router-view></router-view>
+</template>
+
+<script>
+export default {
+  name: "PageFrame"
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/layout/components/PageSiderbar.vue b/src/layout/components/PageSiderbar.vue
index 37eb547..1072240 100644
--- a/src/layout/components/PageSiderbar.vue
+++ b/src/layout/components/PageSiderbar.vue
@@ -33,12 +33,15 @@ import {useRoute} from "vue-router";
 import {useI18n} from "vue-i18n";
 import {ref, computed} from "vue";
 import {Expand, Fold} from "@element-plus/icons-vue";
+import {useStore} from "vuex";
+
 
 
 const route = useRoute();
 const {t} = useI18n();
+const store = useStore();
 
-const treeData = menuTreeData;
+const treeData = computed(() => store.state.menuTree);
 const defaultActive = computed(() => route.path || treeData.value[0].path);
 
 const isCollapse = ref(false)
diff --git a/src/router/index.js b/src/router/index.js
index 17bdd45..c29a57d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,5 +1,8 @@
 import {createRouter, createWebHashHistory} from 'vue-router'
 import Layout from '@/layout/index.vue'
+import pageFrame from "@/layout/components/PageFrame.vue";
+import store from "@/store/index.js";
+import {menuTree} from "@/apis/personal.js";
 
 const routes = [
     {
@@ -53,18 +56,110 @@ const routes = [
 ];
 
 const route404 = {
-    path:" /:pathMatch(.*)*",
+    path: "/:pathMatch(.*)*",
     name: "404",
     redirect: "/404"
 }
 const router = createRouter({history: createWebHashHistory(), routes})
 
-router.beforeEach((to) => {
-    const token = localStorage.getItem("pm_token");
-    if (to.meta.requireAuth && !token) {
-        return {name: 'Login'}
+// router.beforeEach((to) => {
+//     const token = localStorage.getItem("pm_token");
+//     if (to.meta.requireAuth && !token) {
+//         return {name: 'Login'}
+//     }
+//     return true;
+// });
+
+router.beforeEach(async (to) => {
+    const isLogin = store.getters['user/isLogin'];
+
+    if (to.path === '/login') {
+        if (isLogin) {
+            return {name: "Home"};
+        }
+        return true
+    }
+    if (to.meta.requireAuth) {
+        if (!isLogin) {
+            return {name: "Login"};
+        }
+    }
+    await addDynamic();
+
+    if (!to.name && hasRoute(to)) {
+        return {...to};
     }
-    return true;
-});
+    if (to.path === "/" && store.state.firstRoute) {
+        return store.state.firstRoute;
+    }
+    return true
+})
+
+
+function hasRoute(to) {
+    const item = router.getRoutes().find((item) => item.path === to.path);
+    return !!item
+}
+
+function addDynamic() {
+    if (store.state.routeLoaded) {
+        return;
+    }
+    return menuTree().then((res) => {
+        if (res.data && res.data.length) {
+            addDynamicRoutes(res.data)
+        }
+        router.addRoute(route404);
+        store.commit("setRouteLoaded", true);
+        store.commit("setMenuTree", res.data);
+    })
+}
+// 动态引入views下的所有.vue文件（组件）
+const modules = import.meta.glob('../views/**/*.vue');
+console.log(modules)
+
+function addDynamicRoutes(data, parent) {
+    data.forEach(
+        (item, i) => {
+            console.log(item);
+            const route = {
+                path: item.path,
+                name: item.name,
+                meta: {
+                    title: item.title,
+                    icon: item.icon,
+                },
+                children: []
+            };
+            if (parent) {
+                if (item.parentId !== 0) {
+                    const compParr = item.path.replace("/", "").split("/");
+                    const l = compParr.length - 1;
+                    const compPath = compParr
+                        .map((v, i) => {
+                        return i === l ? v.replace(/\w/, (L) => L.toUpperCase()) + ".vue" : v;
+                    }).join("/");
+                    console.log(compParr);
+                    console.log(l);
+                    console.log(compPath);
+
+                    route.path = compParr[l];
+                    route.component = modules[`../views/${compPath}`];
+                    parent.children.push(route);
+                }
+            } else {
+                if (item.children && item.children.length) {
+                    route.redirect = item.children[0].path;
+                    addDynamicRoutes(item.children, route)
+                }
+                route.component = pageFrame;
+                if (i === 0) {
+                    store.commit("setFirstRoute", route);
+                }
+                router.addRoute("Home", route);
+            }
+        }
+    )
+}
 
 export default router