user.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. import { login, logout, getInfo } from "@/api/user";
  2. import { getToken, setToken, removeToken } from "@/utils/auth";
  3. import { resetRouter } from "@/router";
  4. const getDefaultState = () => {
  5. return {
  6. token: getToken(),
  7. name: "",
  8. avatar: "",
  9. userinfo: {},
  10. roles: []
  11. };
  12. };
  13. const state = getDefaultState();
  14. const mutations = {
  15. RESET_STATE: state => {
  16. Object.assign(state, getDefaultState());
  17. },
  18. SET_TOKEN: (state, token) => {
  19. state.token = token;
  20. },
  21. SET_NAME: (state, name) => {
  22. state.name = name;
  23. },
  24. SET_AVATAR: (state, avatar) => {
  25. state.avatar = avatar;
  26. },
  27. SET_USERINFO: (state, userinfo) => {
  28. state.userinfo = userinfo;
  29. },
  30. SET_ROLES: (state, roles) => {
  31. state.roles = roles;
  32. }
  33. };
  34. const actions = {
  35. setroles({ commit }) {
  36. return new Promise((resolve, reject) => {
  37. const roles = ["用户"];
  38. commit("SET_ROLES", roles);
  39. resolve(roles);
  40. });
  41. },
  42. // user login
  43. login({ commit }, userInfo) {
  44. const { username, password } = userInfo;
  45. return new Promise((resolve, reject) => {
  46. login({ phone: username.trim(), token: password })
  47. .then(response => {
  48. const { data } = response;
  49. commit("SET_USERINFO", data);
  50. localStorage.setItem("userinfo", JSON.stringify(data));
  51. setToken(data.openid);
  52. resolve();
  53. })
  54. .catch(error => {
  55. reject(error);
  56. });
  57. });
  58. },
  59. // get user info
  60. getInfo({ commit, state }) {
  61. return new Promise((resolve, reject) => {
  62. getInfo(state.token)
  63. .then(response => {
  64. const { data } = response;
  65. if (!data) {
  66. return reject("Verification failed, please Login again.");
  67. }
  68. const { name, avatar } = data;
  69. commit("SET_NAME", name);
  70. commit("SET_AVATAR", avatar);
  71. resolve(data);
  72. })
  73. .catch(error => {
  74. reject(error);
  75. });
  76. });
  77. },
  78. // user logout
  79. logout({ commit, state }) {
  80. // return new Promise((resolve, reject) => {
  81. // logout(state.token).then(() => {
  82. removeToken(); // must remove token first
  83. resetRouter();
  84. localStorage.removeItem("userinfo");
  85. commit("RESET_STATE");
  86. // resolve()
  87. // }).catch(error => {
  88. // reject(error)
  89. // })
  90. // })
  91. },
  92. // remove token
  93. resetToken({ commit }) {
  94. return new Promise(resolve => {
  95. removeToken(); // must remove token first
  96. commit("RESET_STATE");
  97. resolve();
  98. });
  99. }
  100. };
  101. export default {
  102. namespaced: true,
  103. state,
  104. mutations,
  105. actions
  106. };