feat(login): set default account

Author: lbwa

src/permission/controller/routes.js src/access/controller/routes.jssrc/permission/controller/routes.js renamed to src/access/controller/routes.js

@@ -6,8 +6,8 @@ import App from './App'
 // Including Vue prototype functions (eg. this.$_plugins_messageBox())
 import './plugins/element.js'
 
-// Shouldn't use Router instance directly without 'PERMISSION/index' processing.
-import router from './permission'
+// Shouldn't use Router instance directly without 'access/index' processing.
+import router from './access'
 import store from './store'
 
 import 'STYLE/transition/index.scss'

src/permission/index.js src/access/index.jssrc/permission/index.js renamed to src/access/index.js

@@ -1,16 +1,29 @@
-<template functional>
-  <div class="home">
-    <h3>{{ parent.$t('pages.withoutVerification') }}</h3>
+<template>
+  <div class="home" v-if="isCompleted">
+    <h3>{{ $t('pages.withoutVerification') }}</h3>
     <p>
-      {{ parent.$t('pages.currentRoute') }}
-      <strong>{{ parent.$route.path }}</strong>
+      {{ $t('pages.currentRoute') }}
+      <strong>{{ $route.path }}</strong>
     </p>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'home'
+  name: 'home',
+
+  data() {
+    return {
+      isCompleted: false
+    }
+  },
+
+  created() {
+    // simulate data fetching
+    setTimeout(() => {
+      this.isCompleted = true
+    }, 2000)
+  }
 }
 </script>
 

src/main.js

@@ -40,6 +40,23 @@
             >{{ $t('submitButton') }}</el-button
           >
         </el-form-item>
+
+        <div class="login__way">
+          <el-button
+            class="login__way__item"
+            size="mini"
+            type="text"
+            @click="asDefault('admin')"
+            >as admin</el-button
+          >
+          <el-button
+            class="login__way__item"
+            size="mini"
+            type="text"
+            @click="asDefault('user')"
+            >as user</el-button
+          >
+        </div>
       </el-form>
     </div>
     <el-footer class="login__footer">
@@ -85,6 +102,10 @@ export default {
     switchLoading(state) {
       this.isLoading = state
     },
+    asDefault(type = 'admin') {
+      this.userInfo.username = type
+      this.userInfo.password = type
+    },
     ...mapActions('login', ['userLogout'])
   },
 
@@ -162,6 +183,10 @@ export default {
     &__submit
       width: 100%
 
+  &__way
+    &__item
+      text-transform: uppercase
+
   &__footer
     .author__info
       margin: 0

src/pages/Home/index.vue

@@ -25,6 +25,6 @@ export function resetRouter() {
 /**
  * ! NOTICE
  * This router instance should not be added directly without
- * `PERMISSION/index` processing.
+ * `ACCESS/index` processing.
  */
 export default router

src/pages/Login/index.vue

@@ -84,7 +84,7 @@ function aliasCreator(chainConfig) {
     .set('STORE', path.resolve(PATH.SOURCE_PATH, './store'))
     .set('UTILS', path.resolve(PATH.SOURCE_PATH, './utils'))
     .set('API', path.resolve(PATH.SOURCE_PATH, './api'))
-    .set('PERMISSION', path.resolve(PATH.SOURCE_PATH, './permission'))
+    .set('ACCESS', path.resolve(PATH.SOURCE_PATH, './access'))
     .set('ASSETS', path.resolve(PATH.SOURCE_PATH, './assets'))
     .set('LANG', path.resolve(PATH.SOURCE_PATH, './lang'))
 }