user.js 3.2 KB

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