95 lines
2.6 KiB
JavaScript
95 lines
2.6 KiB
JavaScript
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
|
|
}
|
|
}) |