Files
td_official/src/store/modules/user.ts

132 lines
3.6 KiB
TypeScript
Raw Normal View History

2025-03-04 16:25:44 +08:00
import { to } from 'await-to-js';
import { getToken, removeToken, setToken } from '@/utils/auth';
2025-03-06 11:50:32 +08:00
import { login as loginApi, logout as logoutApi, getInfo as getUserInfo, getUserProject } from '@/api/login';
import { LoginData, UserProject } from '@/api/types';
2025-03-04 16:25:44 +08:00
import defAva from '@/assets/images/profile.jpg';
import store from '@/store';
2025-03-06 11:50:32 +08:00
import { defineStore } from 'pinia';
2025-03-04 16:25:44 +08:00
export const useUserStore = defineStore('user', () => {
const token = ref(getToken());
const name = ref('');
const nickname = ref('');
const userId = ref<string | number>('');
const tenantId = ref<string>('');
const avatar = ref('');
const roles = ref<Array<string>>([]); // 用户角色编码集合 → 判断路由权限
const permissions = ref<Array<string>>([]); // 用户权限编码集合 → 判断按钮权限
2025-03-06 11:50:32 +08:00
const projects = ref<Array<{ id: string; name: string }>>([]);
const selectedProject = ref<{ id: string; name: string } | null>(projects.value[0]); // 默认选中第一个
2025-03-04 16:25:44 +08:00
/**
*
* @param userInfo
* @returns
*/
const login = async (userInfo: LoginData): Promise<void> => {
const [err, res] = await to(loginApi(userInfo));
if (res) {
const data = res.data;
setToken(data.access_token);
token.value = data.access_token;
return Promise.resolve();
}
return Promise.reject(err);
};
// 获取用户信息
const getInfo = async (): Promise<void> => {
const [err, res] = await to(getUserInfo());
if (res) {
const data = res.data;
const user = data.user;
const profile = user.avatar == '' || user.avatar == null ? defAva : user.avatar;
if (data.roles && data.roles.length > 0) {
roles.value = data.roles;
permissions.value = data.permissions;
} else {
roles.value = ['ROLE_DEFAULT'];
}
name.value = user.userName;
nickname.value = user.nickName;
avatar.value = profile;
userId.value = user.userId;
tenantId.value = user.tenantId;
2025-03-06 11:50:32 +08:00
// **新增项目数据获取**
const [projectErr, projectRes] = await to(getUserProject());
if (projectRes?.data) {
const projectList = projectRes.data.map(p => ({
id: p.projectId,
name: p.projectName || '未知项目'
}));
setProjects(projectList);
if (projectList.length > 0) {
setSelectedProject(projectList[0]);
}
}
2025-03-04 16:25:44 +08:00
return Promise.resolve();
}
return Promise.reject(err);
};
2025-03-06 11:50:32 +08:00
2025-03-04 16:25:44 +08:00
// 注销
const logout = async (): Promise<void> => {
await logoutApi();
token.value = '';
roles.value = [];
permissions.value = [];
removeToken();
};
const setAvatar = (value: string) => {
avatar.value = value;
};
2025-03-06 11:50:32 +08:00
const setProjects = (projectList: Array<{ id: string; name: string }>) => {
projects.value = projectList;
};
const setSelectedProject = (project: { id: string; name: string }) => {
selectedProject.value = project;
// ** 切换项目后,需要清空当前项目下的所有缓存数据 **
// 清空 pinia 缓存
// store.$reset();
// console.log("选择的新项目名称:" + selectedProject.value.name)
// console.log("选择的新项目id" + selectedProject.value.id)
};
2025-03-04 16:25:44 +08:00
return {
userId,
tenantId,
token,
nickname,
avatar,
roles,
permissions,
login,
getInfo,
logout,
2025-03-06 11:50:32 +08:00
setAvatar,
setProjects,
setSelectedProject,
projects,
selectedProject
2025-03-04 16:25:44 +08:00
};
});
export default useUserStore;
2025-03-06 11:50:32 +08:00
// 非 setup 方式
2025-03-04 16:25:44 +08:00
export function useUserStoreHook() {
return useUserStore(store);
}