first commit

src/store/index.js

@@ -0,0 +1,5 @@
+import { createPinia } from 'pinia'
+
+export function setupStore(app) {
+  app.use(createPinia())
+}

src/store/modules/app.js

@@ -0,0 +1,17 @@
+import { defineStore } from 'pinia'
+
+export const useAppStore = defineStore('app', {
+  state() {
+    return {
+      themeOverrides: {
+        common: {
+          primaryColor: '#316c72',
+          primaryColorSuppl: '#316c72',
+          primaryColorHover: '#316c72',
+          successColorHover: '#316c72',
+          successColorSuppl: '#316c72',
+        },
+      },
+    }
+  },
+})

src/store/modules/permission.js

@@ -0,0 +1,50 @@
+import { defineStore } from 'pinia'
+import { asyncRoutes, basicRoutes } from '@/router/routes'
+import { difference } from 'lodash-es'
+
+function hasPermission(route, role) {
+  const routeRole = route.meta?.role ? route.meta.role : []
+  if (!role.length || !routeRole.length) {
+    return false
+  }
+  return difference(routeRole, role).length < routeRole.length
+}
+
+function filterAsyncRoutes(routes = [], role) {
+  const ret = []
+  routes.forEach((route) => {
+    if (hasPermission(route, role)) {
+      const curRoute = {
+        ...route,
+        children: [],
+      }
+      if (route.children && route.children.length) {
+        curRoute.children = filterAsyncRoutes(route.children, role)
+      } else {
+        Reflect.deleteProperty(curRoute, 'children')
+      }
+      ret.push(curRoute)
+    }
+  })
+  return ret
+}
+
+export const usePermissionStore = defineStore('permission', {
+  state() {
+    return {
+      accessRoutes: [],
+    }
+  },
+  getters: {
+    routes() {
+      return basicRoutes.concat(this.accessRoutes)
+    },
+  },
+  actions: {
+    generateRoutes(role = []) {
+      const accessRoutes = filterAsyncRoutes(asyncRoutes, role)
+      this.accessRoutes = accessRoutes
+      return accessRoutes
+    },
+  },
+})

src/store/modules/user.js

@@ -0,0 +1,46 @@
+import { defineStore } from 'pinia'
+import { getUser } from '@/api/user'
+import { removeToken } from '@/utils/token'
+
+export const useUserStore = defineStore('user', {
+  state() {
+    return {
+      userInfo: {},
+    }
+  },
+  getters: {
+    userId() {
+      return this.userInfo?.id
+    },
+    name() {
+      return this.userInfo?.name
+    },
+    avatar() {
+      return this.userInfo?.avatar
+    },
+    role() {
+      return this.userInfo?.role || []
+    },
+  },
+  actions: {
+    async getUserInfo() {
+      try {
+        const res = await getUser()
+        if (res.code === 0) {
+          const { id, name, avatar, role } = res.data
+          this.userInfo = { id, name, avatar, role }
+          return Promise.resolve(res.data)
+        } else {
+          return Promise.reject(res.message)
+        }
+      } catch (error) {
+        console.error(error)
+        return Promise.reject(error.message)
+      }
+    },
+    logout() {
+      removeToken()
+      this.userInfo = {}
+    },
+  },
+})