feat: fetch userInfo logic

mock/server/config/routes.js

@@ -4,12 +4,12 @@ const api = require('../../api')
 
 module.exports = {
   'GET /api/user': {
+    errno: 0,
     name: 'Bowen Liu',
-    avatar: '',
-    token: Math.random().toString(16).slice(2),
+    avatar: 'https://assets-cdn.github.com/apple-touch-icon-120x120.png',
     notify: 12,
     position: '前端开发',
-    department: '蚂蚁金服－某某某事业群－某某平台部－某某技术部－UED'
+    department: '蚂蚁金服－某某某事业群－某某平台部－某某技术部'
   },
 
   'GET /api/analysis': analysis,

src/services/index.js

@@ -14,12 +14,12 @@ export function pushBasicForm (formData) {
   return baseRequest.post(routes.FORM_BASIC, formData)
 }
 
-export function fetchAllAnalysis () {
-  return baseRequest.get(routes.ANALYSIS)
+export function fetchUserInfo () {
+  return baseRequest.get(routes.CURRENT_USER)
 }
 
-export function fetchSpaceUser () {
-  return baseRequest.get(routes.CURRENT_USER)
+export function fetchAllAnalysis () {
+  return baseRequest.get(routes.ANALYSIS)
 }
 
 export function fetchSpaceProjects () {

src/store/modules/login/actions.js

@@ -1,6 +1,6 @@
-import { pushLogin } from 'SERVICES'
+import { pushLogin, fetchUserInfo } from 'SERVICES'
 import { setTokenToLocal } from 'AUTH'
-import types from 'STORE/mutations/types'
+import types from './mutations/types'
 import { Notification } from 'element-ui'
 
 export default {
@@ -24,7 +24,7 @@ export default {
       })
       .then(data => {
         if (!data.token) throw new Error(`[pushLogin]: token's error`)
-        commit(types.SET_TOKEN, data.token, { root: true })
+        commit(types.SET_TOKEN, data.token)
         setTokenToLocal({ token: data.token })
         replace('/dashboard/analysis')
       })
@@ -35,5 +35,15 @@ export default {
         })
         console.error(e)
       })
+  },
+  fetchUserInfo ({ commit }) {
+    return fetchUserInfo({ commit })
+      .then(res => res.data)
+      .then(data => {
+        if (data.errno !== 0) throw new Error(`[fetchUserInfo]: Token error`)
+        commit(types.SET_USERNAME, data.name)
+        commit(types.SET_ROLE, data.role)
+      })
+      .catch(e => console.error(e))
   }
 }

src/store/modules/login/getters.js

@@ -0,0 +1,9 @@
+// We do not use `state` directly for strong scalability.
+export default {
+  username (state) {
+    return state.username
+  },
+  role (state) {
+    return state.role
+  }
+}

src/store/modules/login/index.js

@@ -1,5 +1,11 @@
+import state from './state'
+import getters from './getters'
+import mutations from './mutations'
 import actions from './actions'
 
 export default {
+  state,
+  getters,
+  mutations,
   actions
 }

src/store/modules/login/mutations/index.js

@@ -0,0 +1,13 @@
+import types from './types'
+
+export default {
+  [types.SET_USERNAME] (state, username) {
+    state.username = username
+  },
+  [types.SET_ROLE] (state, role) {
+    state.role = role
+  },
+  [types.SET_TOKEN] (state, token) {
+    state.token = token
+  }
+}

src/store/modules/login/mutations/types.js

@@ -0,0 +1,5 @@
+export default {
+  SET_USERNAME: 'SET_USERNAME',
+  SET_ROLE: 'SET_ROLE',
+  SET_TOKEN: 'SET_TOKEN'
+}

src/store/modules/login/state.js

@@ -0,0 +1,5 @@
+export default {
+  username: '',
+  role: [],
+  token: ''
+}

src/store/modules/workspace/actions.js

@@ -1,5 +1,5 @@
 import {
-  fetchSpaceUser,
+  fetchUserInfo,
   fetchSpaceProjects,
   fetchSpaceActivities,
   fetchSpaceRadar,
@@ -10,7 +10,7 @@ import types from './mutations/types'
 export default {
   fetchWorkspace ({ commit }) {
     Promise.all([
-      fetchSpaceUser(),
+      fetchUserInfo(),
       fetchSpaceProjects(),
       fetchSpaceActivities(),
       fetchSpaceRadar(),

src/store/mutations/index.js

@@ -3,8 +3,5 @@ import types from './types'
 export default {
   [types.TOGGLE_ASIDE] (state) {
     state.isCollapse = !state.isCollapse
-  },
-  [types.SET_TOKEN] (state, token) {
-    state.token = token
   }
 }

src/store/mutations/types.js

@@ -1,4 +1,3 @@
 export default {
-  TOGGLE_ASIDE: 'TOGGLE_ASIDE',
-  SET_TOKEN: 'SET_TOKEN'
+  TOGGLE_ASIDE: 'TOGGLE_ASIDE'
 }

src/store/state.js

@@ -1,4 +1,3 @@
 export default {
-  isCollapse: false,
-  token: ''
+  isCollapse: false
 }