user.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. import Vue from 'vue'
  2. import { login, logout } from '@/api/login'
  3. import { ACCESS_TOKEN } from '@/store/mutation-types'
  4. import { welcome } from '@/utils/util'
  5. import VueCookies from 'vue-cookies'
  6. const user = {
  7. state: {
  8. token: '',
  9. name: '',
  10. welcome: '',
  11. avatar: '',
  12. roles: { permissionList: [] },
  13. info: {}
  14. },
  15. mutations: {
  16. SET_TOKEN: (state, token) => {
  17. state.token = token
  18. sessionStorage.setItem(ACCESS_TOKEN, token)
  19. },
  20. SET_NAME: (state, { name, welcome }) => {
  21. state.name = name
  22. state.welcome = welcome
  23. Vue.ls.set('userName', name, 7 * 24 * 60 * 60 * 1000)
  24. },
  25. SET_AVATAR: (state, avatar) => {
  26. state.avatar = avatar
  27. },
  28. SET_ROLES: (state, roles) => {
  29. state.roles = roles
  30. },
  31. SET_INFO: (state, info) => {
  32. state.info = info
  33. }
  34. },
  35. actions: {
  36. // 登录
  37. Login ({ commit }, userInfo) {
  38. console.log(userInfo, 'userInfo----')
  39. return new Promise((resolve, reject) => {
  40. login(userInfo).then(ret => {
  41. console.log(ret, 'login success')
  42. if (ret.status == 200) {
  43. const res = ret.data
  44. if (res.access_token && res.auth_user) {
  45. const users = res.auth_user
  46. Vue.ls.set('hasError', 0)
  47. commit('SET_TOKEN', res.access_token)
  48. commit('SET_NAME', { name: users.userNameCN, welcome: welcome() })
  49. Vue.ls.set('rolesAccess', { permissionList: users.permCodes }, 7 * 24 * 60 * 60 * 1000)
  50. commit('SET_AVATAR', res.avatar ? res.avatar : '')
  51. // 记住密码
  52. if (userInfo.rememberMe) {
  53. VueCookies.set('REMEMBER_ME', JSON.stringify(userInfo))
  54. } else {
  55. VueCookies.remove('REMEMBER_ME')
  56. }
  57. }
  58. resolve(res)
  59. } else {
  60. reject(ret)
  61. }
  62. }).catch(error => {
  63. reject(error)
  64. })
  65. })
  66. },
  67. // 从本地存储更新用户信息
  68. SetInfo ({ commit }, userInfo) {
  69. commit('SET_NAME', { name: userInfo, welcome: '' })
  70. },
  71. // 获取用户信息
  72. GetInfo ({ commit, state }) {
  73. const roles = Vue.ls.get('rolesAccess')
  74. commit('SET_ROLES', roles)
  75. // commit('SET_TOKEN', sessionStorage.getItem(ACCESS_TOKEN) || state.token)
  76. commit('SET_NAME', { name: Vue.ls.get('userName'), welcome: '' })
  77. return roles
  78. },
  79. // 登出
  80. Logout ({ commit, state }) {
  81. console.log(state)
  82. return new Promise((resolve) => {
  83. logout(state.token).then((res) => {
  84. resolve(res.data)
  85. }).catch((error) => {
  86. resolve(error)
  87. }).finally(() => {
  88. commit('SET_NAME', { name: '', welcome: '' })
  89. commit('SET_AVATAR', '')
  90. commit('SET_TOKEN', '')
  91. commit('SET_ROLES', { permissionList: [] })
  92. Vue.ls.remove(ACCESS_TOKEN)
  93. Vue.ls.remove('userName')
  94. Vue.ls.set('hasError', 0)
  95. sessionStorage.clear()
  96. })
  97. })
  98. }
  99. }
  100. }
  101. export default user