张卓
2022-09-29 4ef1c909df36c48f7f040e9ec408fc15e6745e71
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
import { login, logout, getInfo } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'
import { resetRouter } from '@/router'
import axios from 'axios'
 
const state = {
  token: getToken(),
  name: '',
  avatar: ''
}
 
const mutations = {
  SET_TOKEN: (state, token) => {
    state.token = token
  },
  SET_NAME: (state, name) => {
    state.name = name
  },
  SET_AVATAR: (state, avatar) => {
    state.avatar = avatar
  }
}
 
const actions = {
  // user login  是index.vue中调用的方法名, commit是vuex内部函数,为了调用mutation,因为action中不能直接修改state数据
  login({ commit }, userInfo) {
    const { account, password } = userInfo
    return new Promise((resolve, reject) => {
      login({ account: account.trim(), password: password }).then(response => {
        // 为所有请求在请求头带上token
        axios.defaults.headers['token'] = response.data.token
        // const { data } = response
        console.log('这是登录方法的返回')
        window.loginInfo = response.message
        if (response.code === 0) {
          commit('SET_TOKEN', response.data.token)
          setToken(response.data.token)
          // axios.interceptors.request.use(config => {
          //   config.headers.token = response.data.token
          // })
          // console.log('设置axios的token')
        } else {
          this.$store.state.loginInfo = response.message
          // console.log(this.$store.state.loginInfo)
          reject()
        }
        resolve(response)
      }).catch(error => {
        console.log('这里是登录错误信息')
        reject(error)
      })
    })
  },
 
  // get user info
  getInfo({ commit, state }) {
    return new Promise((resolve, reject) => {
      getInfo(state.token).then(response => {
        console.log(response, 'res')
        // 把accountId存入sotre
        // console.log(66777)
        // console.log(response)
        this.state.accountId = response.data.userId
        // 把orgId存入sotre
        this.state.orgId = response.data.organization.id
        // 把regionCode存入sotre
        this.state.regionCode = response.data.organization.locationLevelCode
        // monitorPointId集合存入sotre
        this.state.monitorPointId = response.data.monitorPointIds
        this.state.user.name = response.data.userName
        this.state.user.menus = JSON.stringify(response.data.menus)
        // 将menu信息存入store
        // sessionStorage.setItem('menus', )
        // this.state.menus = response.data.menus
        if (!response) {
          reject('Verification failed, please Login again.')
        }
        resolve(response)
      }).catch(error => {
        console.log('这里是token错误信息')
        // this.$router.push({ path: '/login' })
        reject(error)
      })
    })
  },
 
  // user logout
  logout({ commit, state }) {
    return new Promise((resolve, reject) => {
    //   console.log('以下是退出登录之前的token')
    //   console.log(state.token)
      logout(state.token).then((res) => {
        commit('SET_TOKEN', '')
        removeToken()
        resetRouter()
        sessionStorage.clear()
        resolve()
      }).catch(error => {
        console.log('退出错误信息')
        reject(error)
      })
    })
  },
 
  // remove token
  resetToken({ commit }) {
    return new Promise(resolve => {
      commit('SET_TOKEN', '')
      removeToken()
      resolve()
    })
  }
}
 
export default {
  namespaced: true,
  state,
  mutations,
  actions
}