quanyawei
2023-11-23 25aaab3aabb463d73015a1d051799692a24ed04d
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
121
122
123
124
125
126
127
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 = []
          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
}