小时费率

2024-06-12 09:50:18 +08:00
parent b159ccd420
commit 8de5841fb5
325 changed files with 4969 additions and 22249 deletions
@@ -1,19 +0,0 @@
-const getters = {
-  sidebar: state => state.app.sidebar,
-  size: state => state.app.size,
-  device: state => state.app.device,
-  dict: state => state.dict.dict,
-  visitedViews: state => state.tagsView.visitedViews,
-  cachedViews: state => state.tagsView.cachedViews,
-  token: state => state.user.token,
-  avatar: state => state.user.avatar,
-  name: state => state.user.name,
-  introduction: state => state.user.introduction,
-  roles: state => state.user.roles,
-  permissions: state => state.user.permissions,
-  permission_routes: state => state.permission.routes,
-  topbarRouters:state => state.permission.topbarRouters,
-  defaultRoutes:state => state.permission.defaultRoutes,
-  sidebarRouters:state => state.permission.sidebarRouters,
-}
-export default getters
@@ -1,25 +1,5 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
-import app from './modules/app'
-import dict from './modules/dict'
-import user from './modules/user'
-import tagsView from './modules/tagsView'
-import permission from './modules/permission'
-import settings from './modules/settings'
-import getters from './getters'
+import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
+const store = createPinia();
+store.use(piniaPluginPersistedstate);

-Vue.use(Vuex)
-
-const store = new Vuex.Store({
-  modules: {
-    app,
-    dict,
-    user,
-    tagsView,
-    permission,
-    settings
-  },
-  getters
-})
-
-export default store
+export default store;
@@ -1,66 +1,47 @@
-import Cookies from 'js-cookie'
+import Cookies from "js-cookie";

-const state = {
-  sidebar: {
-    opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
-    withoutAnimation: false,
-    hide: false
-  },
-  device: 'desktop',
-  size: Cookies.get('size') || 'medium'
-}
-
-const mutations = {
-  TOGGLE_SIDEBAR: state => {
-    if (state.sidebar.hide) {
-      return false;
-    }
-    state.sidebar.opened = !state.sidebar.opened
-    state.sidebar.withoutAnimation = false
-    if (state.sidebar.opened) {
-      Cookies.set('sidebarStatus', 1)
-    } else {
-      Cookies.set('sidebarStatus', 0)
+const useAppStore = defineStore("app", {
+  state: () => ({
+    sidebar: {
+      opened: Cookies.get("sidebarStatus")
+        ? !!+Cookies.get("sidebarStatus")
+        : true,
+      withoutAnimation: false,
+      hide: false
+    },
+    device: "desktop",
+    size: Cookies.get("size") || "default"
+  }),
+  actions: {
+    toggleSideBar(withoutAnimation) {
+      if (this.sidebar.hide) {
+        return false;
+      }
+      this.sidebar.opened = !this.sidebar.opened;
+      this.sidebar.withoutAnimation = withoutAnimation;
+      if (this.sidebar.opened) {
+        Cookies.set("sidebarStatus", 1);
+      } else {
+        Cookies.set("sidebarStatus", 0);
+      }
+    },
+    closeSideBar({ withoutAnimation }) {
+      Cookies.set("sidebarStatus", 0);
+      this.sidebar.opened = false;
+      this.sidebar.withoutAnimation = withoutAnimation;
+    },
+    toggleDevice(device) {
+      this.device = device;
+    },
+    setSize(size) {
+      this.size = size;
+      Cookies.set("size", size);
+    },
+    toggleSideBarHide(status) {
+      this.sidebar.hide = status;
    }
  },
-  CLOSE_SIDEBAR: (state, withoutAnimation) => {
-    Cookies.set('sidebarStatus', 0)
-    state.sidebar.opened = false
-    state.sidebar.withoutAnimation = withoutAnimation
-  },
-  TOGGLE_DEVICE: (state, device) => {
-    state.device = device
-  },
-  SET_SIZE: (state, size) => {
-    state.size = size
-    Cookies.set('size', size)
-  },
-  SET_SIDEBAR_HIDE: (state, status) => {
-    state.sidebar.hide = status
-  }
-}
+  persist: true
+});

-const actions = {
-  toggleSideBar({ commit }) {
-    commit('TOGGLE_SIDEBAR')
-  },
-  closeSideBar({ commit }, { withoutAnimation }) {
-    commit('CLOSE_SIDEBAR', withoutAnimation)
-  },
-  toggleDevice({ commit }, device) {
-    commit('TOGGLE_DEVICE', device)
-  },
-  setSize({ commit }, size) {
-    commit('SET_SIZE', size)
-  },
-  toggleSideBarHide({ commit }, status) {
-    commit('SET_SIDEBAR_HIDE', status)
-  }
-}
-
-export default {
-  namespaced: true,
-  state,
-  mutations,
-  actions
-}
+export default useAppStore;
@@ -1,50 +0,0 @@
-const state = {
-  dict: new Array()
-}
-const mutations = {
-  SET_DICT: (state, { key, value }) => {
-    if (key !== null && key !== "") {
-      state.dict.push({
-        key: key,
-        value: value
-      })
-    }
-  },
-  REMOVE_DICT: (state, key) => {
-    try {
-      for (let i = 0; i < state.dict.length; i++) {
-        if (state.dict[i].key == key) {
-          state.dict.splice(i, 1)
-          return true
-        }
-      }
-    } catch (e) {
-    }
-  },
-  CLEAN_DICT: (state) => {
-    state.dict = new Array()
-  }
-}
-
-const actions = {
-  // 设置字典
-  setDict({ commit }, data) {
-    commit('SET_DICT', data)
-  },
-  // 删除字典
-  removeDict({ commit }, key) {
-    commit('REMOVE_DICT', key)
-  },
-  // 清空字典
-  cleanDict({ commit }) {
-    commit('CLEAN_DICT')
-  }
-}
-
-export default {
-  namespaced: true,
-  state,
-  mutations,
-  actions
-}
-
@@ -1,137 +1,198 @@
-import auth from '@/plugins/auth'
-import router, { constantRoutes, dynamicRoutes } from '@/router'
-import { getRouters } from '@/api/menu'
-import Layout from '@/layout/index'
-import ParentView from '@/components/ParentView'
-import InnerLink from '@/layout/components/InnerLink'
+import auth from "@/plugins/auth";
+import router, { constantRoutes, dynamicRoutes } from "@/router";
+import Layout from "@/layout/index";
+import ParentView from "@/components/ParentView";
+import InnerLink from "@/layout/components/InnerLink";
+import menu from "@/utils/menu.test";
+import { listByApp } from "@/api/menu";
+import { qiankunWindow } from "vite-plugin-qiankun/dist/helper";

-const permission = {
-  state: {
+// 匹配views里面所有的.vue文件
+const modules = import.meta.glob("./../../views/**/*.vue");
+const appPath = import.meta.env.VITE_APP_PATH;
+
+const usePermissionStore = defineStore("permission", {
+  state: () => ({
    routes: [],
    addRoutes: [],
    defaultRoutes: [],
    topbarRouters: [],
    sidebarRouters: []
-  },
-  mutations: {
-    SET_ROUTES: (state, routes) => {
-      state.addRoutes = routes
-      state.routes = constantRoutes.concat(routes)
-    },
-    SET_DEFAULT_ROUTES: (state, routes) => {
-      state.defaultRoutes = constantRoutes.concat(routes)
-    },
-    SET_TOPBAR_ROUTES: (state, routes) => {
-      state.topbarRouters = routes
-    },
-    SET_SIDEBAR_ROUTERS: (state, routes) => {
-      state.sidebarRouters = routes
-    },
-  },
+  }),
  actions: {
-    // 生成路由
-    GenerateRoutes({ commit }) {
-      return new Promise(resolve => {
-        // 向后端请求路由数据
-        getRouters().then(res => {
-          const sdata = JSON.parse(JSON.stringify(res.data))
-          const rdata = JSON.parse(JSON.stringify(res.data))
-          const sidebarRoutes = filterAsyncRouter(sdata)
-          const rewriteRoutes = filterAsyncRouter(rdata, false, true)
-          const asyncRoutes = filterDynamicRoutes(dynamicRoutes);
-          rewriteRoutes.push({ path: '*', redirect: '/404', hidden: true })
-          router.addRoutes(asyncRoutes);
-          commit('SET_ROUTES', rewriteRoutes)
-          commit('SET_SIDEBAR_ROUTERS', constantRoutes.concat(sidebarRoutes))
-          commit('SET_DEFAULT_ROUTES', sidebarRoutes)
-          commit('SET_TOPBAR_ROUTES', sidebarRoutes)
-          resolve(rewriteRoutes)
-        })
-      })
+    setRoutes(routes) {
+      this.addRoutes = routes;
+      this.routes = constantRoutes.concat(routes);
+    },
+    setDefaultRoutes(routes) {
+      this.defaultRoutes = constantRoutes.concat(routes);
+    },
+    setTopbarRoutes(routes) {
+      this.topbarRouters = routes;
+    },
+    setSidebarRouters(routes) {
+      this.sidebarRouters = routes;
+    },
+    generateRoutes(roles = []) {
+      return new Promise(async resolve => {
+        //const sdata = JSON.parse(JSON.stringify(res.result))
+        let data = [];
+        if (!qiankunWindow.__POWERED_BY_QIANKUN__) {
+          data = menu;
+        } else {
+          const menus = await listByApp({
+            appId: this.$state.app.id
+          });
+          data = filterChangeType(menus);
+        }
+        const sdata = JSON.parse(JSON.stringify(data));
+        const rdata = JSON.parse(JSON.stringify(data));
+        const defaultData = JSON.parse(JSON.stringify(data));
+        const sidebarRoutes = filterAsyncRouter(sdata);
+        const rewriteRoutes = filterAsyncRouter(rdata, false, true);
+        const defaultRoutes = filterAsyncRouter(defaultData);
+        const asyncRoutes = filterDynamicRoutes(dynamicRoutes);
+        asyncRoutes.forEach(route => {
+          router.addRoute(route);
+        });
+        this.setRoutes(rewriteRoutes);
+        this.setSidebarRouters(constantRoutes.concat(sidebarRoutes));
+        this.setDefaultRoutes(sidebarRoutes);
+        this.setTopbarRoutes(defaultRoutes);
+        router.addRoute(rewriteRoutes);
+        resolve(rewriteRoutes);
+      });
    }
+  },
+  persist: true
+});
+
+function filterChangeType(routes) {
+  function processRoute(route) {
+    return {
+      component: route.menuType === 0 ? undefined : route.component,
+      hidden: route.hidden,
+      path: route.url.replace(appPath, ""),
+      name: route.menuType === 0 ? undefined : route.name,
+      menuType: route.menuType,
+      externalLinks: route.externalLinks,
+      redirect: route.url.replace(appPath, "") + "/" + route.children[0]?.url,
+      meta: {
+        title: route.name,
+        icon: route.icon,
+        noCache: route.noCache,
+        link: route.link
+      },
+      children: route.children
+        ? route.children.map(child => processRoute(child))
+        : []
+    };
  }
+
+  return routes.map(route => processRoute(route));
 }

-// 遍历后台传来的路由字符串，转换为组件对象
+/**
+ * @description: 遍历后台传来的路由字符串，转换为组件对象
+ * @param {*} asyncRouterMap
+ * @param {*} lastRouter
+ * @param {*} type
+ * @returns
+ */
 function filterAsyncRouter(asyncRouterMap, lastRouter = false, type = false) {
  return asyncRouterMap.filter(route => {
    if (type && route.children) {
-      route.children = filterChildren(route.children)
+      route.children = filterChildren(route.children);
    }
    if (route.component) {
      // Layout ParentView 组件特殊处理
-      if (route.component === 'Layout') {
-        route.component = Layout
-      } else if (route.component === 'ParentView') {
-        route.component = ParentView
-      } else if (route.component === 'InnerLink') {
-        route.component = InnerLink
+      if (route.component === "Layout") {
+        //route.component = Layout;
+      } else if (route.component === "ParentView") {
+        route.component = ParentView;
+      } else if (route.component === "InnerLink") {
+        route.component = InnerLink;
      } else {
-        route.component = loadView(route.component)
+        route.component = loadView(route.component);
      }
    }
    if (route.children != null && route.children && route.children.length) {
-      route.children = filterAsyncRouter(route.children, route, type)
+      route.children = filterAsyncRouter(route.children, route, type);
    } else {
-      delete route['children']
-      delete route['redirect']
+      delete route["children"];
+      delete route["redirect"];
    }
-    return true
-  })
+    return true;
+  });
 }

 function filterChildren(childrenMap, lastRouter = false) {
-  var children = []
+  var children = [];
  childrenMap.forEach((el, index) => {
    if (el.children && el.children.length) {
-      if (el.component === 'ParentView' && !lastRouter) {
+      if (el.component === "ParentView" && !lastRouter) {
        el.children.forEach(c => {
-          c.path = el.path + '/' + c.path
+          c.path = el.path + "/" + c.path;
          if (c.children && c.children.length) {
-            children = children.concat(filterChildren(c.children, c))
-            return
+            children = children.concat(filterChildren(c.children, c));
+            return;
          }
-          children.push(c)
-        })
-        return
+          children.push(c);
+        });
+        return;
      }
    }
    if (lastRouter) {
-      el.path = lastRouter.path + '/' + el.path
+      el.path = lastRouter.path + "/" + el.path;
      if (el.children && el.children.length) {
-        children = children.concat(filterChildren(el.children, el))
-        return
+        children = children.concat(filterChildren(el.children, el));
+        return;
      }
    }
-    children = children.concat(el)
-  })
-  return children
+    children = children.concat(el);
+  });
+  return children;
 }

-// 动态路由遍历，验证是否具备权限
+/**
+ * @description: 遍历动态路由，验证是否具备权限
+ * @param {*} routes
+ * @returns
+ */
 export function filterDynamicRoutes(routes) {
-  const res = []
+  const res = [];
  routes.forEach(route => {
    if (route.permissions) {
      if (auth.hasPermiOr(route.permissions)) {
-        res.push(route)
+        res.push(route);
      }
    } else if (route.roles) {
      if (auth.hasRoleOr(route.roles)) {
-        res.push(route)
+        res.push(route);
      }
    }
-  })
-  return res
+  });
+  return res;
 }

-export const loadView = (view) => {
-  if (process.env.NODE_ENV === 'development') {
-    return (resolve) => require([`@/views/${view}`], resolve)
-  } else {
-    // 使用 import 实现生产环境的路由懒加载
-    return () => import(`@/views/${view}`)
+export const loadView = view => {
+  let res;
+  for (const path in modules) {
+    const dir = path.split("views/")[1].split(".vue")[0];
+    if (dir === view) {
+      res = () => modules[path]();
+    }
  }
-}
+  console.log(res);
+  return res;
+};
+// export const loadView = (view) => {
+//   if (process.env.NODE_ENV === 'development') {
+//     return (resolve) => require([`@/views/latestMonthSch`], resolve)
+//   } else {
+//     // 使用 import 实现生产环境的路由懒加载
+//     return () => import(`@/views/${view}`)
+//   }
+// }

-export default permission
+export default usePermissionStore;
@@ -1,42 +1,58 @@
-import defaultSettings from '@/settings'
+import defaultSettings from "@/settings";
+import { useDynamicTitle } from "@/utils/dynamicTitle";

-const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dynamicTitle } = defaultSettings
+const {
+  sideTheme,
+  showSettings,
+  topNav,
+  tagsView,
+  fixedHeader,
+  sidebarLogo,
+  dynamicTitle
+} = defaultSettings;

-const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''
-const state = {
-  title: '',
-  theme: storageSetting.theme || '#409EFF',
-  sideTheme: storageSetting.sideTheme || sideTheme,
-  showSettings: showSettings,
-  topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,
-  tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView,
-  fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader,
-  sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo,
-  dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle
-}
-const mutations = {
-  CHANGE_SETTING: (state, { key, value }) => {
-    if (state.hasOwnProperty(key)) {
-      state[key] = value
+const storageSetting = JSON.parse(localStorage.getItem("layout-setting")) || "";
+
+const useSettingsStore = defineStore("settings", {
+  state: () => ({
+    title: "",
+    theme: storageSetting.theme || "#2474ff",
+    sideTheme: storageSetting.sideTheme || sideTheme,
+    showSettings: showSettings,
+    topNav:
+      storageSetting.topNav === undefined ? topNav : storageSetting.topNav,
+    tagsView:
+      storageSetting.tagsView === undefined
+        ? tagsView
+        : storageSetting.tagsView,
+    fixedHeader:
+      storageSetting.fixedHeader === undefined
+        ? fixedHeader
+        : storageSetting.fixedHeader,
+    sidebarLogo:
+      storageSetting.sidebarLogo === undefined
+        ? sidebarLogo
+        : storageSetting.sidebarLogo,
+    dynamicTitle:
+      storageSetting.dynamicTitle === undefined
+        ? dynamicTitle
+        : storageSetting.dynamicTitle
+  }),
+  actions: {
+    // 修改布局设置
+    changeSetting(data) {
+      const { key, value } = data;
+      if (this.hasOwnProperty(key)) {
+        this[key] = value;
+      }
+    },
+    // 设置网页标题
+    setTitle(title) {
+      this.title = title;
+      useDynamicTitle();
    }
-  }
-}
-
-const actions = {
-  // 修改布局设置
-  changeSetting({ commit }, data) {
-    commit('CHANGE_SETTING', data)
  },
-  // 设置网页标题
-  setTitle({ commit }, title) {
-    state.title = title
-  }
-}
-
-export default {
-  namespaced: true,
-  state,
-  mutations,
-  actions
-}
+  persist: true
+});

+export default useSettingsStore;
@@ -1,228 +1,187 @@
-const state = {
-  visitedViews: [],
-  cachedViews: [],
-  iframeViews: []
-}
+const useTagsViewStore = defineStore("tags-view", {
+  state: () => ({
+    visitedViews: [],
+    cachedViews: [],
+    iframeViews: []
+  }),
+  actions: {
+    addView(view) {
+      this.addVisitedView(view);
+      this.addCachedView(view);
+    },
+    addIframeView(view) {
+      if (this.iframeViews.some(v => v.path === view.path)) return;
+      this.iframeViews.push(
+        Object.assign({}, view, {
+          title: view.meta.title || "no-name"
+        })
+      );
+    },
+    addVisitedView(view) {
+      if (this.visitedViews.some(v => v.path === view.path)) return;
+      this.visitedViews.push(
+        Object.assign({}, view, {
+          title: view.meta.title || "no-name"
+        })
+      );
+    },
+    addCachedView(view) {
+      if (this.cachedViews.includes(view.name)) return;
+      if (!view.meta.noCache) {
+        this.cachedViews.push(view.name);
+      }
+    },
+    delView(view) {
+      return new Promise(resolve => {
+        this.delVisitedView(view);
+        this.delCachedView(view);
+        resolve({
+          visitedViews: [...this.visitedViews],
+          cachedViews: [...this.cachedViews]
+        });
+      });
+    },
+    delVisitedView(view) {
+      return new Promise(resolve => {
+        for (const [i, v] of this.visitedViews.entries()) {
+          if (v.path === view.path) {
+            this.visitedViews.splice(i, 1);
+            break;
+          }
+        }
+        this.iframeViews = this.iframeViews.filter(
+          item => item.path !== view.path
+        );
+        resolve([...this.visitedViews]);
+      });
+    },
+    delIframeView(view) {
+      return new Promise(resolve => {
+        this.iframeViews = this.iframeViews.filter(
+          item => item.path !== view.path
+        );
+        resolve([...this.iframeViews]);
+      });
+    },
+    delCachedView(view) {
+      return new Promise(resolve => {
+        const index = this.cachedViews.indexOf(view.name);
+        index > -1 && this.cachedViews.splice(index, 1);
+        resolve([...this.cachedViews]);
+      });
+    },
+    delOthersViews(view) {
+      return new Promise(resolve => {
+        this.delOthersVisitedViews(view);
+        this.delOthersCachedViews(view);
+        resolve({
+          visitedViews: [...this.visitedViews],
+          cachedViews: [...this.cachedViews]
+        });
+      });
+    },
+    delOthersVisitedViews(view) {
+      return new Promise(resolve => {
+        this.visitedViews = this.visitedViews.filter(v => {
+          return v.meta.affix || v.path === view.path;
+        });
+        this.iframeViews = this.iframeViews.filter(
+          item => item.path === view.path
+        );
+        resolve([...this.visitedViews]);
+      });
+    },
+    delOthersCachedViews(view) {
+      return new Promise(resolve => {
+        const index = this.cachedViews.indexOf(view.name);
+        if (index > -1) {
+          this.cachedViews = this.cachedViews.slice(index, index + 1);
+        } else {
+          this.cachedViews = [];
+        }
+        resolve([...this.cachedViews]);
+      });
+    },
+    delAllViews(view) {
+      return new Promise(resolve => {
+        this.delAllVisitedViews(view);
+        this.delAllCachedViews(view);
+        resolve({
+          visitedViews: [...this.visitedViews],
+          cachedViews: [...this.cachedViews]
+        });
+      });
+    },
+    delAllVisitedViews(view) {
+      return new Promise(resolve => {
+        const affixTags = this.visitedViews.filter(tag => tag.meta.affix);
+        this.visitedViews = affixTags;
+        this.iframeViews = [];
+        resolve([...this.visitedViews]);
+      });
+    },
+    delAllCachedViews(view) {
+      return new Promise(resolve => {
+        this.cachedViews = [];
+        resolve([...this.cachedViews]);
+      });
+    },
+    updateVisitedView(view) {
+      for (let v of this.visitedViews) {
+        if (v.path === view.path) {
+          v = Object.assign(v, view);
+          break;
+        }
+      }
+    },
+    delRightTags(view) {
+      return new Promise(resolve => {
+        const index = this.visitedViews.findIndex(v => v.path === view.path);
+        if (index === -1) {
+          return;
+        }
+        this.visitedViews = this.visitedViews.filter((item, idx) => {
+          if (idx <= index || (item.meta && item.meta.affix)) {
+            return true;
+          }
+          const i = this.cachedViews.indexOf(item.name);
+          if (i > -1) {
+            this.cachedViews.splice(i, 1);
+          }
+          if (item.meta.link) {
+            const fi = this.iframeViews.findIndex(v => v.path === item.path);
+            this.iframeViews.splice(fi, 1);
+          }
+          return false;
+        });
+        resolve([...this.visitedViews]);
+      });
+    },
+    delLeftTags(view) {
+      return new Promise(resolve => {
+        const index = this.visitedViews.findIndex(v => v.path === view.path);
+        if (index === -1) {
+          return;
+        }
+        this.visitedViews = this.visitedViews.filter((item, idx) => {
+          if (idx >= index || (item.meta && item.meta.affix)) {
+            return true;
+          }
+          const i = this.cachedViews.indexOf(item.name);
+          if (i > -1) {
+            this.cachedViews.splice(i, 1);
+          }
+          if (item.meta.link) {
+            const fi = this.iframeViews.findIndex(v => v.path === item.path);
+            this.iframeViews.splice(fi, 1);
+          }
+          return false;
+        });
+        resolve([...this.visitedViews]);
+      });
+    }
+  },
+  persist: true
+});

-const mutations = {
-  ADD_IFRAME_VIEW: (state, view) => {
-    if (state.iframeViews.some(v => v.path === view.path)) return
-    state.iframeViews.push(
-      Object.assign({}, view, {
-        title: view.meta.title || 'no-name'
-      })
-    )
-  },
-  ADD_VISITED_VIEW: (state, view) => {
-    if (state.visitedViews.some(v => v.path === view.path)) return
-    state.visitedViews.push(
-      Object.assign({}, view, {
-        title: view.meta.title || 'no-name'
-      })
-    )
-  },
-  ADD_CACHED_VIEW: (state, view) => {
-    if (state.cachedViews.includes(view.name)) return
-    if (view.meta && !view.meta.noCache) {
-      state.cachedViews.push(view.name)
-    }
-  },
-  DEL_VISITED_VIEW: (state, view) => {
-    for (const [i, v] of state.visitedViews.entries()) {
-      if (v.path === view.path) {
-        state.visitedViews.splice(i, 1)
-        break
-      }
-    }
-    state.iframeViews = state.iframeViews.filter(item => item.path !== view.path)
-  },
-  DEL_IFRAME_VIEW: (state, view) => {
-    state.iframeViews = state.iframeViews.filter(item => item.path !== view.path)
-  },
-  DEL_CACHED_VIEW: (state, view) => {
-    const index = state.cachedViews.indexOf(view.name)
-    index > -1 && state.cachedViews.splice(index, 1)
-  },
-
-  DEL_OTHERS_VISITED_VIEWS: (state, view) => {
-    state.visitedViews = state.visitedViews.filter(v => {
-      return v.meta.affix || v.path === view.path
-    })
-    state.iframeViews = state.iframeViews.filter(item => item.path === view.path)
-  },
-  DEL_OTHERS_CACHED_VIEWS: (state, view) => {
-    const index = state.cachedViews.indexOf(view.name)
-    if (index > -1) {
-      state.cachedViews = state.cachedViews.slice(index, index + 1)
-    } else {
-      state.cachedViews = []
-    }
-  },
-  DEL_ALL_VISITED_VIEWS: state => {
-    // keep affix tags
-    const affixTags = state.visitedViews.filter(tag => tag.meta.affix)
-    state.visitedViews = affixTags
-    state.iframeViews = []
-  },
-  DEL_ALL_CACHED_VIEWS: state => {
-    state.cachedViews = []
-  },
-  UPDATE_VISITED_VIEW: (state, view) => {
-    for (let v of state.visitedViews) {
-      if (v.path === view.path) {
-        v = Object.assign(v, view)
-        break
-      }
-    }
-  },
-  DEL_RIGHT_VIEWS: (state, view) => {
-    const index = state.visitedViews.findIndex(v => v.path === view.path)
-    if (index === -1) {
-      return
-    }
-    state.visitedViews = state.visitedViews.filter((item, idx) => {
-      if (idx <= index || (item.meta && item.meta.affix)) {
-        return true
-      }
-      const i = state.cachedViews.indexOf(item.name)
-      if (i > -1) {
-        state.cachedViews.splice(i, 1)
-      }
-      if(item.meta.link) {
-        const fi = state.iframeViews.findIndex(v => v.path === item.path)
-        state.iframeViews.splice(fi, 1)
-      }
-      return false
-    })
-  },
-  DEL_LEFT_VIEWS: (state, view) => {
-    const index = state.visitedViews.findIndex(v => v.path === view.path)
-    if (index === -1) {
-      return
-    }
-    state.visitedViews = state.visitedViews.filter((item, idx) => {
-      if (idx >= index || (item.meta && item.meta.affix)) {
-        return true
-      }
-      const i = state.cachedViews.indexOf(item.name)
-      if (i > -1) {
-        state.cachedViews.splice(i, 1)
-      }
-      if(item.meta.link) {
-        const fi = state.iframeViews.findIndex(v => v.path === item.path)
-        state.iframeViews.splice(fi, 1)
-      }
-      return false
-    })
-  }
-}
-
-const actions = {
-  addView({ dispatch }, view) {
-    dispatch('addVisitedView', view)
-    dispatch('addCachedView', view)
-  },
-  addIframeView({ commit }, view) {
-    commit('ADD_IFRAME_VIEW', view)
-  },
-  addVisitedView({ commit }, view) {
-    commit('ADD_VISITED_VIEW', view)
-  },
-  addCachedView({ commit }, view) {
-    commit('ADD_CACHED_VIEW', view)
-  },
-  delView({ dispatch, state }, view) {
-    return new Promise(resolve => {
-      dispatch('delVisitedView', view)
-      dispatch('delCachedView', view)
-      resolve({
-        visitedViews: [...state.visitedViews],
-        cachedViews: [...state.cachedViews]
-      })
-    })
-  },
-  delVisitedView({ commit, state }, view) {
-    return new Promise(resolve => {
-      commit('DEL_VISITED_VIEW', view)
-      resolve([...state.visitedViews])
-    })
-  },
-  delIframeView({ commit, state }, view) {
-    return new Promise(resolve => {
-      commit('DEL_IFRAME_VIEW', view)
-      resolve([...state.iframeViews])
-    })
-  },
-  delCachedView({ commit, state }, view) {
-    return new Promise(resolve => {
-      commit('DEL_CACHED_VIEW', view)
-      resolve([...state.cachedViews])
-    })
-  },
-  delOthersViews({ dispatch, state }, view) {
-    return new Promise(resolve => {
-      dispatch('delOthersVisitedViews', view)
-      dispatch('delOthersCachedViews', view)
-      resolve({
-        visitedViews: [...state.visitedViews],
-        cachedViews: [...state.cachedViews]
-      })
-    })
-  },
-  delOthersVisitedViews({ commit, state }, view) {
-    return new Promise(resolve => {
-      commit('DEL_OTHERS_VISITED_VIEWS', view)
-      resolve([...state.visitedViews])
-    })
-  },
-  delOthersCachedViews({ commit, state }, view) {
-    return new Promise(resolve => {
-      commit('DEL_OTHERS_CACHED_VIEWS', view)
-      resolve([...state.cachedViews])
-    })
-  },
-  delAllViews({ dispatch, state }, view) {
-    return new Promise(resolve => {
-      dispatch('delAllVisitedViews', view)
-      dispatch('delAllCachedViews', view)
-      resolve({
-        visitedViews: [...state.visitedViews],
-        cachedViews: [...state.cachedViews]
-      })
-    })
-  },
-  delAllVisitedViews({ commit, state }) {
-    return new Promise(resolve => {
-      commit('DEL_ALL_VISITED_VIEWS')
-      resolve([...state.visitedViews])
-    })
-  },
-  delAllCachedViews({ commit, state }) {
-    return new Promise(resolve => {
-      commit('DEL_ALL_CACHED_VIEWS')
-      resolve([...state.cachedViews])
-    })
-  },
-  updateVisitedView({ commit }, view) {
-    commit('UPDATE_VISITED_VIEW', view)
-  },
-  delRightTags({ commit }, view) {
-    return new Promise(resolve => {
-      commit('DEL_RIGHT_VIEWS', view)
-      resolve([...state.visitedViews])
-    })
-  },
-  delLeftTags({ commit }, view) {
-    return new Promise(resolve => {
-      commit('DEL_LEFT_VIEWS', view)
-      resolve([...state.visitedViews])
-    })
-  },
-}
-
-export default {
-  namespaced: true,
-  state,
-  mutations,
-  actions
-}
+export default useTagsViewStore;
@@ -1,101 +1,60 @@
-import { login, logout, getInfo } from '@/api/login'
-import { getToken, setToken, removeToken } from '@/utils/auth'
+import { login as apiLogin, getInfo } from "@/api/login";
+import { getToken, setToken, removeToken } from "@/utils/auth";
+import defAva from "@/assets/images/profile.jpg";

-const user = {
-  state: {
+const useUserStore = defineStore("user", {
+  state: () => ({
    token: getToken(),
-    id: '',
-    name: '',
-    avatar: '',
+    id: "",
+    name: "",
+    avatar:
+      "https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif",
    roles: [],
-    permissions: []
-  },
-
-  mutations: {
-    SET_TOKEN: (state, token) => {
-      state.token = token
-    },
-    SET_ID: (state, id) => {
-      state.id = id
-    },
-    SET_NAME: (state, name) => {
-      state.name = name
-    },
-    SET_AVATAR: (state, avatar) => {
-      state.avatar = avatar
-    },
-    SET_ROLES: (state, roles) => {
-      state.roles = roles
-    },
-    SET_PERMISSIONS: (state, permissions) => {
-      state.permissions = permissions
-    }
-  },
-
+    permissions: [],
+    userInfo: {}
+  }),
  actions: {
    // 登录
-    Login({ commit }, userInfo) {
-      const username = userInfo.username.trim()
-      const password = userInfo.password
-      const code = userInfo.code
-      const uuid = userInfo.uuid
+    login(userInfo) {
      return new Promise((resolve, reject) => {
-        login(username, password, code, uuid).then(res => {
-          setToken(res.token)
-          commit('SET_TOKEN', res.token)
-          resolve()
-        }).catch(error => {
-          reject(error)
-        })
-      })
+        apiLogin(userInfo)
+          .then(res => {
+            setToken(res.token);
+            this.token = res.token;
+
+            resolve();
+          })
+          .catch(error => {
+            reject(error);
+          });
+      });
    },

-    // 获取用户信息
-    GetInfo({ commit, state }) {
+    getInfo() {
      return new Promise((resolve, reject) => {
-        getInfo().then(res => {
-          const user = res.user
-          const avatar = (user.avatar == "" || user.avatar == null) ? require("@/assets/images/profile.jpg") : process.env.VUE_APP_BASE_API + user.avatar;
-          if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组
-            commit('SET_ROLES', res.roles)
-            commit('SET_PERMISSIONS', res.permissions)
-          } else {
-            commit('SET_ROLES', ['ROLE_DEFAULT'])
-          }
-          commit('SET_ID', user.userId)
-          commit('SET_NAME', user.userName)
-          commit('SET_AVATAR', avatar)
-          resolve(res)
-        }).catch(error => {
-          reject(error)
-        })
-      })
+        getInfo()
+          .then(res => {
+            const { result } = res;
+            this.userInfo = result.userInfo;
+            this.id = result.userInfo.id;
+            this.name = result.userInfo.realname;
+            if (result?.sysRoles && result?.sysRoles.length > 0) {
+              // 验证返回的roles是否是一个非空数组
+              this.roles = result.sysRoles.map(v => v.roleCode);
+              this.permissions = result.permissions ?? ["*:*:*"];
+            } else {
+              this.roles = ["ROLE_DEFAULT"];
+            }
+            resolve();
+          })
+          .catch(error => {
+            reject(error);
+          });
+      });
    },

-    // 退出系统
-    LogOut({ commit, state }) {
-      return new Promise((resolve, reject) => {
-        logout(state.token).then(() => {
-          commit('SET_TOKEN', '')
-          commit('SET_ROLES', [])
-          commit('SET_PERMISSIONS', [])
-          removeToken()
-          resolve()
-        }).catch(error => {
-          reject(error)
-        })
-      })
-    },
+  },
+  persist: true
+});

-    // 前端 登出
-    FedLogOut({ commit }) {
-      return new Promise(resolve => {
-        commit('SET_TOKEN', '')
-        removeToken()
-        resolve()
-      })
-    }
-  }
-}
-
-export default user
+export default useUserStore;