快速选择用户登陆

Former-commit-id: 610c12b2a8679bfcad918e3d24d04a1a6af41c4c [formerly 610c12b2a8679bfcad918e3d24d04a1a6af41c4c [formerly 610c12b2a8679bfcad918e3d24d04a1a6af41c4c [formerly 610c12b2a8679bfcad918e3d24d04a1a6af41c4c [formerly cc710028c0810b73facbb1f00ba054da58bd88da [formerly 39767add7846a4a3f27fb79c47d121ceb1d3d6a0]]]]]
Former-commit-id: 740804501e73b47382d505ce1fa24e7bba3beb3b
Former-commit-id: a61192c10d96e687b6fe7ebd5e40e2a2cc816d8b
Former-commit-id: e142163ddd0be72d2de796dc90a54de29e64da4d [formerly 1f32a6afe0a2302808606bcb9c9776e93d4d805b]
Former-commit-id: 2bd41fd483228f0aff6255f5be5b72aa72e4b64e
Former-commit-id: bfd7e5e99f4774d60e8433e4f519d1d44db187ad
Former-commit-id: 8c4f66b40505956019099d80abbdaaa88808b011
Former-commit-id: aa887c968ab01b652512c95dc5b8503f68230c49
Former-commit-id: 0785746511cac0ba75c813f15e5b0914fbd916c1

src/pages/error-page-is-low-ie/image/icon@2x.png.REMOVED.git-id

@@ -0,0 +1 @@
+468b5c0e8223d984392890b8854d37acc8a5af38

src/pages/error-page-is-low-ie/index.js

@@ -0,0 +1,3 @@
+import page from './page'
+
+export default page

src/pages/error-page-is-low-ie/page.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="page">
+    <img src="./image/icon@2x.png" class="icon">
+    <p class="title">您的 IE 浏览器版本过低</p>
+    <p class="sub-title">请使用 IE 11+</p>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+@import '~@/assets/style/public.scss';
+.page {
+  @extend %full;
+  @extend %flex-center-col;
+  background-color: #EDF4FA;
+  .icon {
+    width: 42px;
+  }
+  .title {
+    font-size: 14px;
+    color: #35495E;
+  }
+  .sub-title {
+    font-size: 12px;
+    color: #35495E;
+    margin: 0px;
+  }
+}
+</style>

src/pages/login/index.js

@@ -1,3 +1,3 @@
-import page from './login'
+import page from './page'
 
 export default page

src/pages/login/page.vue

@@ -32,12 +32,24 @@
           </el-form>
         </el-card>
       </div>
-      <!-- 帮助按钮 -->
-      <el-button type="info" class="button-help">
-        需要帮助
-        <i class="fa fa-question-circle"></i>
+      <!-- 快速登陆按钮 -->
+      <el-button type="info" class="button-help" @click="dialogVisible = true">
+        快速选择用户（测试功能）
       </el-button>
     </div>
+    <el-dialog
+      title="快速选择用户"
+      :visible.sync="dialogVisible"
+      width="400px">
+      <el-row :gutter="10" style="margin: -20px 0px -10px 0px;">
+        <el-col v-for="(user, index) in users" :key="index" :span="8">
+          <div class="user-btn" @click="handleUserBtnClick(user)">
+            <d2-icon name="user-circle-o"/>
+            <span>{{user.name}}</span>
+          </div>
+        </el-col>
+      </el-row>
+    </el-dialog>
   </div>
 </template>
 
@@ -53,11 +65,32 @@ import { mapMutations } from 'vuex'
 export default {
   data () {
     return {
+      // 快速选择用户
+      dialogVisible: false,
+      users: [
+        {
+          name: '管理员',
+          username: 'admin',
+          password: 'admin'
+        },
+        {
+          name: '编辑',
+          username: 'editor',
+          password: 'editor'
+        },
+        {
+          name: '用户',
+          username: 'user',
+          password: 'user'
+        }
+      ],
+      // 表单
       formLogin: {
         username: 'admin',
         password: 'admin',
         code: 'v9am'
       },
+      // 校验
       rules: {
         username: [
           { required: true, message: '请输入用户名', trigger: 'blur' }
@@ -77,8 +110,21 @@ export default {
   },
   methods: {
     ...mapMutations([
-      'd2adminUsernameSet'
+      'd2adminUserInfoSet',
+      'd2adminLoginSuccessLoad'
     ]),
+    /**
+     * @description 接收选择一个用户快速登陆的事件
+     * @param {object} user 用户信息
+     */
+    handleUserBtnClick (user) {
+      this.formLogin.username = user.username
+      this.formLogin.password = user.password
+      this.submit()
+    },
+    /**
+     * @description 提交表单
+     */
     // 提交登陆信息
     submit () {
       this.$refs.loginForm.validate((valid) => {
@@ -93,18 +139,19 @@ export default {
             }
           })
             .then(res => {
-              console.group('登陆结果')
-              console.log('res: ', res)
-              console.groupEnd()
               // cookie 一天的有效期
               const setting = {
                 expires: 1
               }
               // 设置 cookie 一定要存 uuid 和 token 两个 cookie，整个系统依赖这两个数据进行校验和存储
-              Cookies.set('uuid', res.uuid, setting)
-              Cookies.set('token', res.token, setting)
-              // 设置 vuex
-              this.d2adminUsernameSet(res.name)
+              Cookies.set('uuid', res.data.uuid, setting)
+              Cookies.set('token', res.data.token, setting)
+              // 设置 vuex 用户信息
+              this.d2adminUserInfoSet({
+                name: res.data.name
+              })
+              // 用户登陆后从数据库加载一系列的设置
+              this.d2adminLoginSuccessLoad()
               // 跳转路由
               this.$router.push({
                 name: 'index'
@@ -127,4 +174,3 @@ export default {
 <style lang="scss">
 @import './style.scss';
 </style>
-

src/pages/login/style.scss

@@ -63,4 +63,28 @@
     width: 300px;
     margin-top: 20px;
   }
+  .user-btn {
+    @extend %flex-center-col;
+    @extend %unable-select;
+    padding: 10px 0px;
+    border-radius: 4px;
+    &:hover {
+      background-color: $color-bg;
+      i {
+        color: $color-text-normal;
+      }
+      span {
+        color: $color-text-normal;
+      }
+    }
+    i {
+      font-size: 36px;
+      color: $color-text-sub;
+    }
+    span {
+      font-size: 12px;
+      margin-top: 10px;
+      color: $color-text-sub;
+    }
+  }
 }