Faster.Zheng.Winin/Code/Fe/src/store/modules/user.js

import {
  token,
  logout,
  getUsersByUserName
} from '@/api/wms-auth'
import {
  getToken,
  setToken,
  removeToken,
} from '@/utils/auth'
import router, {
  resetRouter
} from '@/router'
import qs from 'qs'
import store from '@/store'

const state = {
  token: getToken(),
  introduction: '',
  roles: [],
  userInfo:null
}

const mutations = {
  SET_TOKEN: (state, token) => {
    state.token = token
  },
  SET_INTRODUCTION: (state, introduction) => {
    state.introduction = introduction
  },
  // 设置权限（v-permission）
  SET_ROLES: (state, roles) => {
    let _roles = [
      'IncomingDataHistory.filter',
      'IncomingData.export',
      'MesProductL7PartsNote.filter',
      'MesProductL7PartsNote.export'
    ]
    state.roles = _roles
  },
  SET_USERINFO: (state, data) => {
    state.userInfo = data
  }
}

// 登录（token）成功后处理
const loginSuccess = (res,username,resolve,reject,commit) => {
  commit('SET_TOKEN', res.access_token)
  setToken(res.token_type + ' ' + res.access_token)
  localStorage.setItem('isLoginTokenName',username)

  store.dispatch('user/getUserInfo',username).then(()=>{
    resolve()
  }).catch(()=>{
    reject()
  })
}

const actions = {
  // 登录，需要密码
  login({
    commit,
  }, userInfo) {
    const {
      password,
      username,
    } = userInfo
    return new Promise((resolve, reject) => {
      let params = qs.stringify({
        password: password,
        username: username,
        client_id:localStorage.getItem('appClientId'),
        scopes:localStorage.getItem('appClientScope'),
        grant_type:'password'
      });
      token(params).then(response => {
        if (response.access_token == null) {
          reject()
        } else {
          loginSuccess(response,username,resolve,reject,commit)
        }
      }).catch(error => {
        reject(error)
      })
    })
  },

  // 自动登录，不需要密码 todo：更改接口，去掉password
  loginOnlyName({
    commit,
  }, userInfo) {
    const {
      password,
      username,
    } = userInfo
    return new Promise((resolve, reject) => {
      let params = qs.stringify({
        password: '1q2w3E*',
        username: username,
        client_id:localStorage.getItem('appClientId'),
        scopes:localStorage.getItem('appClientScope'),
        grant_type:'password'
      });
      token(params).then(response => {
        if (response.access_token == null) {
          reject()
        } else {
          loginSuccess(response,username,resolve,reject,commit)
        }
      }).catch(error => {
        reject(error)
      })
    })
  },

  // user logout
  logout({
    commit,
    dispatch
  }) {
    return new Promise((resolve, reject) => {
      logout().then(() => {
        commit('SET_TOKEN', '')
        commit('SET_ROLES', [])
        removeToken()
        resetRouter()
        // reset visited views and cached views
        // to fixed https://github.com/PanJiaChen/vue-element-admin/issues/2485
        dispatch('tagsView/delAllViews', null, {
          root: true
        })
        resolve()
        // 防止路由叠加
        location.reload()
      }).catch(error => {
        reject(error)
      })
    })
  },

  // remove token
  resetToken({
    commit
  }) {
    return new Promise(resolve => {
      commit('SET_TOKEN', '')
      commit('SET_ROLES', [])
      localStorage.setItem('isLoginTokenName',null)
      removeToken()
      resolve()
    })
  },

  // get userInfo
  getUserInfo({
    commit
  },username) {
    return new Promise((resolve, reject) => {
      getUsersByUserName(username).then(res=>{
        if(res && JSON.stringify(res).length > 0){
          // commit('SET_ROLES', res)
          commit('SET_USERINFO', res)
          resolve(res)
        }else{
          reject('获取用户信息失败，请重试')
        }
      })
      .catch(err => {
        reject(err)
        console.log('获取用户信息失败，请重试')
      })
    })
  },
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}