useAutoLogin.ts 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. import QueryString from 'qs';
  2. import { useUserStore } from '/@/store/modules/user';
  3. import { RouteLocationNormalized } from 'vue-router';
  4. import { useMessage } from '../web/useMessage';
  5. import { AUTO_LOGIN_URL_QUERY } from '/@/router/constant';
  6. import { AxiosError } from 'axios';
  7. import { tokenLogin, getUserInfo } from '/@/api/sys/user';
  8. import { isArray } from '/@/utils/is';
  9. import { RoleEnum } from '/@/enums/roleEnum';
  10. /** 自动登录功能的Hook,该Hook是为了部署在同一局域网内的多套系统之间能够无缝切换 */
  11. export function useAutoLogin() {
  12. const userStore = useUserStore();
  13. /** 获取自动登录的url */
  14. function getUrl(baseUrl: string, extraQuery: Record<string, string> = {}) {
  15. const qs = QueryString.stringify({
  16. [AUTO_LOGIN_URL_QUERY.key]: AUTO_LOGIN_URL_QUERY.val,
  17. realname: userStore.getUserInfo.realname,
  18. workNo: userStore.getUserInfo.workNo,
  19. ...extraQuery,
  20. });
  21. return `${baseUrl}?${qs}`;
  22. }
  23. /** 启用自动登录功能来跳转新的页面 */
  24. function open(url: string, target?: string) {
  25. window.open(getUrl(url), target);
  26. }
  27. /** 判断当前路由是否需要自动登录,本方法是同步方法,可以用于事先判断 */
  28. function validateRoute(route: RouteLocationNormalized) {
  29. if (route.query && route.query[AUTO_LOGIN_URL_QUERY.key] === AUTO_LOGIN_URL_QUERY.val) {
  30. return true;
  31. }
  32. return false;
  33. }
  34. /** 根据路由是否携带token,判断是否走根据token获取人员信息的接口试下假登录 */
  35. function tokenValidateRoute(route: RouteLocationNormalized) {
  36. if (route.query && Object.keys(route.query).length == 1 && route.query['token']) {
  37. return true;
  38. }
  39. return false;
  40. }
  41. /** 用在路由守卫里,执行自动登录的逻辑,如果存在符合自动登录标准的query则执行自动登录,返回是否自动登录
  42. *
  43. * 该方法需要修改query
  44. * */
  45. async function doAutoLogin(route: RouteLocationNormalized): Promise<void> {
  46. if (!validateRoute(route)) return;
  47. const { realname, workNo } = route.query;
  48. if (!realname || !workNo) return;
  49. const params = {
  50. username: realname as string,
  51. workNo: workNo as string,
  52. checkKey: new Date().getTime(),
  53. };
  54. const userStore = useUserStore();
  55. try {
  56. await userStore.autoLogin({
  57. ...params,
  58. goHome: false,
  59. });
  60. delete route.query[AUTO_LOGIN_URL_QUERY.key];
  61. delete route.query['realname'];
  62. delete route.query['workNo'];
  63. return;
  64. } catch (e) {
  65. const message = useMessage().createMessage;
  66. message.error((e as AxiosError).message);
  67. throw e;
  68. }
  69. }
  70. // token 登录
  71. async function doTokenLogin(token: string) {
  72. const res = await tokenLogin({ token });
  73. userStore.setUserInfo(res['userInfo']);
  74. userStore.setAllDictItems(res['sysAllDictItems']);
  75. userStore.setToken(res['token']);
  76. }
  77. return {
  78. /** 启用单点登录功能来跳转新的页面,参数与window.open一致 */
  79. open,
  80. /** 用在跳转到的页面上,执行单点登录的逻辑 */
  81. doAutoLogin,
  82. /** 获取自动登录的url */
  83. getUrl,
  84. /** 判断当前路由是否需要自动登录,本方法是同步方法,可以用于事先判断 */
  85. validateRoute,
  86. tokenValidateRoute,
  87. doTokenLogin,
  88. };
  89. }