user.ts 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380
  1. import type { UserInfo, LoginInfo } from '/#/store';
  2. import type { ErrorMessageMode } from '/#/axios';
  3. import { defineStore } from 'pinia';
  4. import { store } from '/@/store';
  5. import { RoleEnum } from '/@/enums/roleEnum';
  6. import { PageEnum } from '/@/enums/pageEnum';
  7. import { ROLES_KEY, TOKEN_KEY, USER_INFO_KEY, LOGIN_INFO_KEY, DB_DICT_DATA_KEY, TENANT_ID, OAUTH2_THIRD_LOGIN_TENANT_ID } from '/@/enums/cacheEnum';
  8. import { getAuthCache, setAuthCache, removeAuthCache } from '/@/utils/auth';
  9. import { GetUserInfoModel, LoginParams, ThirdLoginParams } from '/@/api/sys/model/userModel';
  10. import { doLogout, getUserInfo, loginApi, phoneLoginApi, thirdLogin } from '/@/api/sys/user';
  11. import { useI18n } from '/@/hooks/web/useI18n';
  12. import { useMessage } from '/@/hooks/web/useMessage';
  13. import { router } from '/@/router';
  14. import { usePermissionStore } from '/@/store/modules/permission';
  15. import { RouteRecordRaw } from 'vue-router';
  16. import { PAGE_NOT_FOUND_ROUTE, QIANKUN_ROUTE } from '/@/router/routes/basic';
  17. import { isArray } from '/@/utils/is';
  18. import { useGlobSetting } from '/@/hooks/setting';
  19. import { JDragConfigEnum } from '/@/enums/jeecgEnum';
  20. import { useSso } from '/@/hooks/web/useSso';
  21. import { getActions } from '/@/qiankun/state';
  22. import { useGlobSetting } from '/@/hooks/setting';
  23. interface UserState {
  24. userInfo: Nullable<UserInfo>;
  25. token?: string;
  26. roleList: RoleEnum[];
  27. dictItems?: [];
  28. sessionTimeout?: boolean;
  29. lastUpdateTime: number;
  30. tenantid?: string | number;
  31. shareTenantId?: Nullable<string | number>;
  32. loginInfo?: Nullable<LoginInfo>;
  33. }
  34. export const useUserStore = defineStore({
  35. id: 'app-user',
  36. state: (): UserState => ({
  37. // 用户信息
  38. userInfo: null,
  39. // token
  40. token: undefined,
  41. // 角色列表
  42. roleList: [],
  43. // 字典
  44. dictItems: [],
  45. // session过期时间
  46. sessionTimeout: false,
  47. // Last fetch time
  48. lastUpdateTime: 0,
  49. //租户id
  50. tenantid: '',
  51. // 分享租户ID
  52. // 用于分享页面所属租户与当前用户登录租户不一致的情况
  53. shareTenantId: null,
  54. //登录返回信息
  55. loginInfo: null,
  56. }),
  57. getters: {
  58. getUserInfo(): UserInfo {
  59. return this.userInfo || getAuthCache<UserInfo>(USER_INFO_KEY) || {};
  60. },
  61. getLoginInfo(): LoginInfo {
  62. return this.loginInfo || getAuthCache<LoginInfo>(LOGIN_INFO_KEY) || {};
  63. },
  64. getToken(): string {
  65. return this.token || getAuthCache<string>(TOKEN_KEY);
  66. },
  67. getAllDictItems(): [] {
  68. return this.dictItems || getAuthCache(DB_DICT_DATA_KEY);
  69. },
  70. getRoleList(): RoleEnum[] {
  71. return this.roleList.length > 0 ? this.roleList : getAuthCache<RoleEnum[]>(ROLES_KEY);
  72. },
  73. getSessionTimeout(): boolean {
  74. return !!this.sessionTimeout;
  75. },
  76. getLastUpdateTime(): number {
  77. return this.lastUpdateTime;
  78. },
  79. getTenant(): string | number {
  80. return this.tenantid || getAuthCache<string | number>(TENANT_ID);
  81. },
  82. // 是否有分享租户id
  83. hasShareTenantId(): boolean {
  84. return this.shareTenantId != null && this.shareTenantId !== '';
  85. },
  86. },
  87. actions: {
  88. setToken(info: string | undefined) {
  89. this.token = info ? info : ''; // for null or undefined value
  90. setAuthCache(TOKEN_KEY, info);
  91. },
  92. setRoleList(roleList: RoleEnum[]) {
  93. this.roleList = roleList;
  94. setAuthCache(ROLES_KEY, roleList);
  95. },
  96. setUserInfo(info: UserInfo | null) {
  97. this.userInfo = info;
  98. this.lastUpdateTime = new Date().getTime();
  99. setAuthCache(USER_INFO_KEY, info);
  100. },
  101. setLoginInfo(info: LoginInfo | null) {
  102. this.loginInfo = info;
  103. setAuthCache(LOGIN_INFO_KEY, info);
  104. },
  105. setAllDictItems(dictItems) {
  106. this.dictItems = dictItems;
  107. setAuthCache(DB_DICT_DATA_KEY, dictItems);
  108. },
  109. setTenant(id) {
  110. this.tenantid = id;
  111. setAuthCache(TENANT_ID, id);
  112. },
  113. setShareTenantId(id: NonNullable<typeof this.shareTenantId>) {
  114. this.shareTenantId = id;
  115. },
  116. setSessionTimeout(flag: boolean) {
  117. this.sessionTimeout = flag;
  118. },
  119. resetState() {
  120. this.userInfo = null;
  121. this.dictItems = [];
  122. this.token = '';
  123. this.roleList = [];
  124. this.sessionTimeout = false;
  125. },
  126. /**
  127. * 登录事件
  128. */
  129. async login(
  130. params: LoginParams & {
  131. goHome?: boolean;
  132. mode?: ErrorMessageMode;
  133. }
  134. ): Promise<GetUserInfoModel | null> {
  135. try {
  136. const { goHome = true, mode, ...loginParams } = params;
  137. const data = await loginApi(loginParams, mode);
  138. const { token, userInfo } = data;
  139. // save token
  140. this.setToken(token);
  141. this.setTenant(userInfo.loginTenantId);
  142. return this.afterLoginAction(goHome, data);
  143. } catch (error) {
  144. return Promise.reject(error);
  145. }
  146. },
  147. /**
  148. * 扫码登录事件
  149. */
  150. async qrCodeLogin(token): Promise<GetUserInfoModel | null> {
  151. try {
  152. // save token
  153. this.setToken(token);
  154. return this.afterLoginAction(true, {});
  155. } catch (error) {
  156. return Promise.reject(error);
  157. }
  158. },
  159. /**
  160. * 登录完成处理
  161. * @param goHome
  162. */
  163. async afterLoginAction(goHome?: boolean, data?: any): Promise<any | null> {
  164. const glob = useGlobSetting();
  165. if (!this.getToken) return null;
  166. //获取用户信息
  167. const userInfo = await this.getUserInfoAction();
  168. const sessionTimeout = this.sessionTimeout;
  169. if (sessionTimeout) {
  170. this.setSessionTimeout(false);
  171. } else {
  172. const permissionStore = usePermissionStore();
  173. if (!permissionStore.isDynamicAddedRoute) {
  174. const routes = await permissionStore.buildRoutesAction();
  175. routes.forEach((route) => {
  176. router.addRoute(route as unknown as RouteRecordRaw);
  177. });
  178. router.addRoute(PAGE_NOT_FOUND_ROUTE as unknown as RouteRecordRaw);
  179. router.addRoute(QIANKUN_ROUTE as unknown as RouteRecordRaw);
  180. permissionStore.setDynamicAddedRoute(true);
  181. }
  182. await this.setLoginInfo({ ...data, isLogin: true });
  183. //update-begin-author:liusq date:2022-5-5 for:登录成功后缓存拖拽模块的接口前缀
  184. localStorage.setItem(JDragConfigEnum.DRAG_BASE_URL, useGlobSetting().domainUrl);
  185. //update-end-author:liusq date:2022-5-5 for: 登录成功后缓存拖拽模块的接口前缀
  186. goHome && (await router.replace((userInfo && userInfo.homePath) || glob.homePath || PageEnum.BASE_HOME));
  187. // update-begin-author:sunjianlei date:20230306 for: 修复登录成功后,没有正确重定向的问题
  188. const redirect = router.currentRoute.value?.query?.redirect as string;
  189. // 判断是否有 redirect 重定向地址
  190. //update-begin---author:wangshuai ---date:20230424 for:【QQYUN-5195】登录之后直接刷新页面导致没有进入创建组织页面------------
  191. if (redirect && goHome) {
  192. //update-end---author:wangshuai ---date:20230424 for:【QQYUN-5195】登录之后直接刷新页面导致没有进入创建组织页面------------
  193. // 当前页面打开
  194. window.open(redirect, '_self');
  195. return data;
  196. }
  197. // update-end-author:sunjianlei date:20230306 for: 修复登录成功后,没有正确重定向的问题
  198. goHome && (await router.replace((userInfo && userInfo.homePath) || glob.homePath || PageEnum.BASE_HOME));
  199. }
  200. if (useGlobSetting().openQianKun) {
  201. const actions = getActions();
  202. actions.setGlobalState({ token: this.getToken, userInfo: userInfo, isMounted: false });
  203. }
  204. return data;
  205. },
  206. /**
  207. * 手机号登录
  208. * @param params
  209. */
  210. async phoneLogin(
  211. params: LoginParams & {
  212. goHome?: boolean;
  213. mode?: ErrorMessageMode;
  214. }
  215. ): Promise<GetUserInfoModel | null> {
  216. try {
  217. const { goHome = true, mode, ...loginParams } = params;
  218. const data = await phoneLoginApi(loginParams, mode);
  219. const { token } = data;
  220. // save token
  221. this.setToken(token);
  222. return this.afterLoginAction(goHome, data);
  223. } catch (error) {
  224. return Promise.reject(error);
  225. }
  226. },
  227. /**
  228. * 获取用户信息
  229. */
  230. async getUserInfoAction(): Promise<UserInfo | null> {
  231. if (!this.getToken) {
  232. return null;
  233. }
  234. const { userInfo, sysAllDictItems } = await getUserInfo();
  235. if (userInfo) {
  236. const { roles = [] } = userInfo;
  237. if (isArray(roles)) {
  238. const roleList = roles.map((item) => item.value) as RoleEnum[];
  239. this.setRoleList(roleList);
  240. } else {
  241. userInfo.roles = [];
  242. this.setRoleList([]);
  243. }
  244. this.setUserInfo(userInfo);
  245. }
  246. /**
  247. * 添加字典信息到缓存
  248. * @updateBy:lsq
  249. * @updateDate:2021-09-08
  250. */
  251. if (sysAllDictItems) {
  252. this.setAllDictItems(sysAllDictItems);
  253. }
  254. return userInfo;
  255. },
  256. /**
  257. * 退出登录
  258. */
  259. async logout(goLogin = false) {
  260. if (this.getToken) {
  261. try {
  262. await doLogout();
  263. } catch {
  264. console.log('注销Token失败');
  265. }
  266. }
  267. // //update-begin-author:taoyan date:2022-5-5 for: src/layouts/default/header/index.vue showLoginSelect方法 获取tenantId 退出登录后再次登录依然能获取到值,没有清空
  268. // let username:any = this.userInfo && this.userInfo.username;
  269. // if(username){
  270. // removeAuthCache(username)
  271. // }
  272. // //update-end-author:taoyan date:2022-5-5 for: src/layouts/default/header/index.vue showLoginSelect方法 获取tenantId 退出登录后再次登录依然能获取到值,没有清空
  273. this.setToken('');
  274. setAuthCache(TOKEN_KEY, null);
  275. this.setSessionTimeout(false);
  276. this.setUserInfo(null);
  277. this.setLoginInfo(null);
  278. this.setTenant(null);
  279. //update-begin-author:liusq date:2022-5-5 for:退出登录后清除拖拽模块的接口前缀
  280. localStorage.removeItem(JDragConfigEnum.DRAG_BASE_URL);
  281. //update-end-author:liusq date:2022-5-5 for: 退出登录后清除拖拽模块的接口前缀
  282. //如果开启单点登录,则跳转到单点统一登录中心
  283. const openSso = useGlobSetting().openSso;
  284. if (openSso == 'true') {
  285. await useSso().ssoLoginOut();
  286. }
  287. //update-begin---author:wangshuai ---date:20230224 for:[QQYUN-3440]新建企业微信和钉钉配置表,通过租户模式隔离------------
  288. //退出登录的时候需要用的应用id
  289. // if(isOAuth2AppEnv()){
  290. // let tenantId = getAuthCache(OAUTH2_THIRD_LOGIN_TENANT_ID);
  291. // removeAuthCache(OAUTH2_THIRD_LOGIN_TENANT_ID);
  292. // goLogin && await router.push({ name:"Login",query:{ tenantId:tenantId }})
  293. // }else{
  294. // // update-begin-author:sunjianlei date:20230306 for: 修复登录成功后,没有正确重定向的问题
  295. // goLogin && (await router.push({
  296. // path: PageEnum.BASE_LOGIN,
  297. // query: {
  298. // // 传入当前的路由,登录成功后跳转到当前路由
  299. // redirect: router.currentRoute.value.fullPath,
  300. // }
  301. // }));
  302. // // update-end-author:sunjianlei date:20230306 for: 修复登录成功后,没有正确重定向的问题
  303. // }
  304. goLogin &&
  305. (await router.push({
  306. path: PageEnum.BASE_LOGIN,
  307. query: {
  308. // 传入当前的路由,登录成功后跳转到当前路由
  309. redirect: router.currentRoute.value.fullPath,
  310. },
  311. }));
  312. //update-end---author:wangshuai ---date:20230224 for:[QQYUN-3440]新建企业微信和钉钉配置表,通过租户模式隔离------------
  313. },
  314. /**
  315. * 登录事件
  316. */
  317. async ThirdLogin(
  318. params: ThirdLoginParams & {
  319. goHome?: boolean;
  320. mode?: ErrorMessageMode;
  321. }
  322. ): Promise<any | null> {
  323. try {
  324. const { goHome = true, mode, ...ThirdLoginParams } = params;
  325. const data = await thirdLogin(ThirdLoginParams, mode);
  326. const { token } = data;
  327. // save token
  328. this.setToken(token);
  329. return this.afterLoginAction(goHome, data);
  330. } catch (error) {
  331. return Promise.reject(error);
  332. }
  333. },
  334. /**
  335. * 退出询问
  336. */
  337. confirmLoginOut() {
  338. // debugger;
  339. const { createConfirm } = useMessage();
  340. const { t } = useI18n();
  341. createConfirm({
  342. iconType: 'warning',
  343. title: t('sys.app.logoutTip'),
  344. content: t('sys.app.logoutMessage'),
  345. onOk: async () => {
  346. await this.logout(true);
  347. },
  348. });
  349. },
  350. async autoLogin() {
  351. try {
  352. const loginParams = {
  353. username: 'autoAdmin',
  354. password: 'autoAdmin123',
  355. checkKey: new Date().getTime(),
  356. };
  357. const data = await loginApi(loginParams);
  358. const { token } = data;
  359. this.setToken(token);
  360. const userInfo = data['userInfo'];
  361. this.setUserInfo(userInfo);
  362. } catch (error) {
  363. return Promise.reject(error);
  364. }
  365. },
  366. },
  367. });
  368. // Need to be used outside the setup
  369. export function useUserStoreWithOut() {
  370. return useUserStore(store);
  371. }