init

src/stores/permisstion.js

@@ -0,0 +1,95 @@
+import { defineStore } from "pinia";
+import { defineAsyncComponent, ref } from "vue";
+import { getRouters } from "@/api/system/menu";
+import Layout from '@/layout/index.vue'
+import ParentView from '@/components/ParentView.vue'
+import router from "../router";
+const VueComUrl = import.meta.glob('../views/**/*.vue')
+
+export const usePermisstionStroe = defineStore('permisstion', () => {
+  const asyncRouters = ref([])
+  //定义是否加载路由变量
+  const isLoadRoutes = ref(false)
+  const menuList = ref([])
+
+  const setIsLoadRoutes = (status) => {
+    return isLoadRoutes.value = status
+  }
+  const setAsyncRouters = async () => {
+    await getRouters().then(res => {
+      if (res.code === 1000) {
+        const sRouter = JSON.parse(JSON.stringify(res.data))
+        const mData = JSON.parse(JSON.stringify(res.data))
+        asyncRouters.value = formatAsyncRouters(sRouter)
+        menuList.value = generateMenu(mData)
+        addAsyncRouters(asyncRouters.value)
+        isLoadRoutes.value = false
+      } else {
+        isLoadRoutes.value = true
+        setTimeout(() => setAsyncRouters(), 3000)
+      }
+    })
+  }
+
+  const formatAsyncRouters = (routers) => {
+    return routers.filter(route => {
+      if (route.component) {
+        if (route.component === 'Layout') {
+          route.component = Layout
+        } else if (route.component === 'ParentView') {
+          route.component = ParentView
+        }
+        else {
+          route.component = loadView(route.component)
+        }
+      }
+      if (route.pathParams != null) {
+        let pathParams = route.pathParams
+        route.pathParams = JSON.parse(route.pathParams)
+        route.query = {}
+        for (const key in route.pathParams) {
+          route.query = {[key]: route.pathParams[key]}
+        }
+      }
+      if (route.children !== null && route.children && route.children.length !== 0) {
+        route.children = formatAsyncRouters(route.children)
+      }
+      return true
+    })
+  }
+
+  const addAsyncRouters = (routers) => {
+    routers.forEach(route => {
+      router.addRoute(route)
+    })
+  }
+
+  const generateMenu = (routes) => {
+    return routes.filter(item => {
+      if (item.children && item.children.length !== 0) {
+        generateMenu(item.children)
+      }
+      item.title = item.meta.title
+      item.icon = item.meta.icon
+      return true
+    })
+  }
+
+
+  const loadView = (view) => {
+    if (import.meta.env.MODE === 'development') {
+      return () => import(/* @vite-ignore */`/src/views/${view}.vue`)
+    } else {
+      return VueComUrl['../views/' + view + '.vue']
+    }
+  }
+
+
+  return {
+    asyncRouters,
+    menuList,
+    isLoadRoutes,
+    setAsyncRouters,
+    setIsLoadRoutes
+  }
+})