使用Pinia代替Vuex进行数据存储

src/utils/dynamicTitle.js

@@ -1,12 +1,14 @@
 import store from '@/store'
 import defaultSettings from '@/settings'
+import useSettingsStore from '@/store/modules/settings'
 
 /**
  * 动态修改标题
  */
 export function useDynamicTitle() {
-  if (store.state.settings.dynamicTitle) {
-    document.title = store.state.settings.title + ' - ' + defaultSettings.title;
+  const settingsStore = useSettingsStore()
+  if (settingsStore.dynamicTitle) {
+    document.title = settingsStore.title + ' - ' + defaultSettings.title;
   } else {
     document.title = defaultSettings.title;
   }

src/utils/permission.js

@@ -1,51 +0,0 @@
-import store from '@/store'
-
-/**
- * 字符权限校验
- * @param {Array} value 校验值
- * @returns {Boolean}
- */
-export function checkPermi(value) {
-  if (value && value instanceof Array && value.length > 0) {
-    const permissions = store.getters && store.getters.permissions
-    const permissionDatas = value
-    const all_permission = "*:*:*";
-
-    const hasPermission = permissions.some(permission => {
-      return all_permission === permission || permissionDatas.includes(permission)
-    })
-
-    if (!hasPermission) {
-      return false
-    }
-    return true
-  } else {
-    console.error(`need roles! Like checkPermi="['system:user:add','system:user:edit']"`)
-    return false
-  }
-}
-
-/**
- * 角色权限校验
- * @param {Array} value 校验值
- * @returns {Boolean}
- */
-export function checkRole(value) {
-  if (value && value instanceof Array && value.length > 0) {
-    const roles = store.getters && store.getters.roles
-    const permissionRoles = value
-    const super_admin = "admin";
-
-    const hasRole = roles.some(role => {
-      return super_admin === role || permissionRoles.includes(role)
-    })
-
-    if (!hasRole) {
-      return false
-    }
-    return true
-  } else {
-    console.error(`need roles! Like checkRole="['admin','editor']"`)
-    return false
-  }
-}

src/utils/request.js

@@ -1,7 +1,7 @@
 import axios from 'axios'
 import { ElMessageBox, ElMessage } from 'element-plus'
-import store from '@/store'
 import { getToken } from '@/utils/auth'
+import useUserStore from '@/store/modules/user'
 
 // 解决后端跨域获取不到cookie问题
 // axios.defaults.withCredentials = true
@@ -20,7 +20,7 @@ service.interceptors.request.use(config => {
   if (getToken()) {
     //将token放到请求头发送给服务器,将tokenkey放在请求头中
     config.headers['Authorization'] = 'Bearer ' + getToken();
-    config.headers['userid'] = store.getters.userId;
+    config.headers['userid'] = useUserStore().userId;
   }
   return config;
 }, error => {
@@ -46,7 +46,7 @@ service.interceptors.response.use(res => {
         cancelButtonText: '取消',
         type: 'warning'
       }).then(() => {
-        store.dispatch('LogOut').then(() => {
+        useUserStore().logOut().then(() => {
           location.href =
             import.meta.env.VITE_APP_ROUTER_PREFIX + 'index';
         })

src/utils/signalR.js

@@ -1,10 +1,9 @@
 // 官方文档：https://docs.microsoft.com/zh-cn/aspnet/core/signalr/javascript-client?view=aspnetcore-6.0&viewFallbackFrom=aspnetcore-2.2&tabs=visual-studio
 import * as signalR from '@microsoft/signalr'
-import store from '../store'
 import { getToken } from '@/utils/auth'
 import { ElNotification } from 'element-plus'
 import { useWebNotification } from '@vueuse/core'
-
+import useSocketStore from '@/store/modules/socket'
 export default {
   // signalR对象
   SR: {},
@@ -49,8 +48,8 @@ export default {
       return true
     } catch (error) {
       that.failNum--;
-      console.log(`失败重试剩余次数${that.failNum}`, error)
-      if (that.failNum > 0) {
+      // console.log(`失败重试剩余次数${that.failNum}`, error)
+      if (that.failNum > 0 && this.SR.state.Disconnected) {
         setTimeout(async () => {
           await this.SR.start()
         }, 5000)
@@ -61,11 +60,10 @@ export default {
   // 接收消息处理
   receiveMsg(connection) {
     connection.on("onlineNum", (data) => {
-      store.dispatch("socket/changeOnlineNum", data);
+			useSocketStore().setOnlineUserNum(data)
     });
     // 接收欢迎语
     connection.on("welcome", (data) => {
-      console.log('welcome', data)
       ElNotification.info(data)
     });
     // 接收后台手动推送消息
@@ -91,13 +89,13 @@ export default {
     // 接收系统通知/公告
     connection.on("moreNotice", (data) => {
       if (data.code == 200) {
-        store.dispatch("socket/getNoticeList", data.data);
+				useSocketStore().setNoticeList(data.data)
       }
     })
 
     // 接收在线用户
     connection.on("onlineUser", (data) => {
-      store.dispatch("socket/getOnlineUsers", data);
+			useSocketStore().setOnlineUsers(data)
     })
   }
 }