user.js 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  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(res => {
  41. console.log(res, 'login success')
  42. if (res && res.userid) {
  43. Vue.ls.set('hasError', 0)
  44. commit('SET_TOKEN', res.userid)
  45. commit('SET_NAME', { name: res.userNameCN, welcome: welcome() })
  46. commit('SET_AVATAR', res.avatar ? res.avatar : '')
  47. Vue.ls.set('rolesAccess', { permissionList: res.permCodes }, 7 * 24 * 60 * 60 * 1000)
  48. // 记住密码
  49. if (userInfo.rememberMe) {
  50. VueCookies.set('REMEMBER_ME', JSON.stringify(userInfo))
  51. } else {
  52. VueCookies.remove('REMEMBER_ME')
  53. }
  54. }
  55. resolve()
  56. }).catch(error => {
  57. reject(error)
  58. })
  59. })
  60. },
  61. // 从本地存储更新用户信息
  62. SetInfo ({ commit }, userInfo) {
  63. commit('SET_NAME', { name: userInfo, welcome: '' })
  64. },
  65. // 获取用户信息
  66. GetInfo ({ commit, state }) {
  67. const roles = Vue.ls.get('rolesAccess')
  68. commit('SET_ROLES', roles)
  69. // commit('SET_TOKEN', sessionStorage.getItem(ACCESS_TOKEN) || state.token)
  70. commit('SET_NAME', { name: Vue.ls.get('userName'), welcome: '' })
  71. return roles
  72. },
  73. // 登出
  74. Logout ({ commit, state }) {
  75. console.log(state)
  76. return new Promise((resolve) => {
  77. logout(state.token).then((res) => {
  78. resolve(res.data)
  79. }).catch((error) => {
  80. resolve(error)
  81. }).finally(() => {
  82. commit('SET_NAME', { name: '', welcome: '' })
  83. commit('SET_AVATAR', '')
  84. commit('SET_TOKEN', '')
  85. commit('SET_ROLES', { permissionList: [] })
  86. Vue.ls.remove(ACCESS_TOKEN)
  87. Vue.ls.remove('userName')
  88. Vue.ls.set('hasError', 0)
  89. sessionStorage.clear()
  90. })
  91. })
  92. }
  93. }
  94. }
  95. export default user