feat(Login): login module implementation

Author: lbwa

src/pages/Home.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script>
-
 export default {
   name: 'home'
 }

src/pages/Login/index.vue

@@ -68,13 +68,8 @@ export default {
     onSubmit () {
       this.$refs.login.validate(isValid => {
         if (!isValid) return
-        this.loading = true
-        // this.pushLogin({
-        //   userInfo: this.loginForm,
-        //   replace: this.$router.replace.bind(this.$router)
-        // })
-        //   .finally(() => { this.loading = false })
-        this.$router.push('/')
+        this.$store.dispatch('login/userLogin', this.userInfo)
+          .then(() => this.$router.push('/'))
       })
     }
   }

src/store/modules/index.js

@@ -1,8 +1,5 @@
 import login from './login'
 
 export default {
-  login: {
-    namespaced: true,
-    ...login
-  }
+  login
 }

src/store/modules/login/actions.js

@@ -0,0 +1,16 @@
+import { userLogin } from 'API'
+import types from './mutations/types'
+
+export default {
+  userLogin ({ commit }, { username, password }) {
+    return userLogin({
+      username,
+      password
+    })
+      .then(res => {
+        commit(types.SET_USERNAME, username)
+        commit(types.SET_ACCESS_TOKEN, res.access_token)
+      })
+      .catch(console.error)
+  }
+}

src/store/modules/login/index.js

@@ -1,6 +1,10 @@
+import state from './state'
+import mutations from './mutations'
+import actions from './actions'
+
 export default {
-  state: {},
-  getters: {},
-  mutations: {},
-  actions: {}
+  namespaced: true,
+  state,
+  mutations,
+  actions
 }

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

@@ -0,0 +1,10 @@
+import types from './types'
+
+export default {
+  [types.SET_USERNAME] (state, username) {
+    state.username = username
+  },
+  [types.SET_ACCESS_TOKEN] (state, accessToken) {
+    state.accessToken = accessToken
+  }
+}

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

@@ -0,0 +1,4 @@
+export default {
+  SET_USERNAME: 'SET_USERNAME',
+  SET_ACCESS_TOKEN: 'SET_ACCESS_TOKEN'
+}

src/store/modules/login/state.js

@@ -0,0 +1,4 @@
+export default {
+  username: '',
+  accessToken: ''
+}