完善手机密码登录和Vuex状态管理

yudao-ui-app/store/index.js

@@ -1,26 +1,64 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
+import { getUserInfo } from '@/common/api'
 
 Vue.use(Vuex) // vue的插件机制
 
 // Vuex.Store 构造器选项
 const store = new Vuex.Store({
-    // 为了不和页面或组件的data中的造成混淆，state中的变量前面建议加上$符号
-    state: {
-        // 用户信息
-        $userInfo: {
-            id: ''
-        }
-    },
-    mutations: {
-
-    },
-    actions: {
-
-    },
-    getters:{
-
+  state: {
+    openExamine: false, // 是否开启审核状态。用于小程序、App 等审核时，关闭部分功能。TODO 芋艿：暂时没找到刷新的地方
+    token: uni.getStorageSync('token'), // 用户身份 Token
+    userInfo: {}, // 用户基本信息
+    timerIdent: false // 全局 1s 定时器，只在全局开启一个，所有需要定时执行的任务监听该值即可，无需额外开启 TODO 芋艿：需要看看
+  },
+  getters: {
+    hasLogin(state) {
+      return !!state.token
     }
+  },
+  mutations: {
+    // 更新 state 的通用方法
+    setStateAttr(state, param) {
+      if (param instanceof Array) {
+        for (let item of param) {
+          state[item.key] = item.val
+        }
+      } else {
+        state[param.key] = param.val
+      }
+    },
+    // 更新token
+    setToken(state, data) {
+      // 设置 Token
+      const { token } = data
+      state.token = token
+      uni.setStorageSync('token', token)
+
+      // 加载用户信息
+      this.dispatch('obtainUserInfo')
+    },
+    // 退出登录
+    logout(state) {
+      // 清空 Token
+      state.token = ''
+      uni.removeStorageSync('token')
+      // 清空用户信息 TODO 芋艿：这里 setTimeout 的原因是，上面可能还有一些 request 请求。后续得优化下
+      setTimeout(() => {
+        state.userInfo = {}
+      }, 1100)
+    }
+  },
+  actions: {
+    // 获得用户基本信息
+    async obtainUserInfo({ state, commit }) {
+      const res = await getUserInfo()
+      commit('setStateAttr', {
+        key: 'userInfo',
+        val: res.data
+      })
+    }
+  }
 })
 
 export default store