cli3改版基本完成

Former-commit-id: 637e58a7d3aef389a4ea51c179aaee17f421f34c [formerly 637e58a7d3aef389a4ea51c179aaee17f421f34c [formerly 637e58a7d3aef389a4ea51c179aaee17f421f34c [formerly 637e58a7d3aef389a4ea51c179aaee17f421f34c [formerly fc66dcb2e437ff46b2c36ec1e3bcce71a6461250 [formerly b6451dc60d4c1e6006a9fcd380656d2023436e64]]]]]
Former-commit-id: c791410cda91e2df1b9808bfb032f0d3d68106ef
Former-commit-id: 0c5197800cfae6f27f7ab792c887fb25a73a23e0
Former-commit-id: 208a8e77c0fada6e9d191a7d495615ec2ef9704d [formerly af8c1367ed65b626196ac156c8521257cc804d60]
Former-commit-id: 1fdb571cea6ed9dba9ea02f4ba6ebfb5d89e1b2f
Former-commit-id: 774a145ae0694612edf988d9992ef797ddf4f21d
Former-commit-id: 03fc24d70365836d60360aa24e24dc7cb4520b91
Former-commit-id: bba4fd5552fa42da029fd6b310f5ee48558d5508
Former-commit-id: 2de81d34fb07248965677e8a3866c13089fa95e7

src/views/core/login/index.vue

@@ -0,0 +1,126 @@
+<template>
+  <div class="login-page">
+    <div class="layer bg" id="login"></div>
+    <div class="layer flex-center">
+      <!-- logo部分 -->
+      <div class="logo-group">
+        <img src="@/assets/image/logo/w500.png" alt="logo">
+      </div>
+      <!-- 表单部分 -->
+      <div class="form-group">
+        <el-card>
+          <el-form ref="loginForm" label-position="top" :rules="rules" :model="formLogin">
+            <el-form-item  prop="username">
+              <el-input type="text" v-model="formLogin.username" placeholder="用户名">
+                <i slot="prepend" class="fa fa-user-circle-o"></i>
+              </el-input>
+            </el-form-item>
+            <el-form-item prop="password">
+              <el-input type="password" v-model="formLogin.password" placeholder="密码">
+                <i slot="prepend" class="fa fa-keyboard-o"></i>
+              </el-input>
+            </el-form-item>
+            <el-form-item prop="code">
+              <el-input type="text" v-model="formLogin.code" placeholder="- - - -">
+                <template slot="prepend">验证码</template>
+                <template slot="append">
+                  <img class="login-code" :src="`${$baseUrl}image/login-code.png`">
+                </template>
+              </el-input>
+            </el-form-item>
+            <el-button @click="submit" type="primary" class="button-login">登录</el-button>
+          </el-form>
+        </el-card>
+      </div>
+      <!-- 帮助按钮 -->
+      <el-button type="info" class="button-help">
+        需要帮助
+        <i class="fa fa-question-circle"></i>
+      </el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+/* eslint-disable */
+require('particles.js')
+// 配置地址
+// https://vincentgarreau.com/particles.js/#default
+import config from './config/default'
+import Cookies from 'js-cookie'
+import { mapMutations } from 'vuex'
+
+export default {
+  data () {
+    return {
+      formLogin: {
+        username: 'admin',
+        password: 'admin',
+        code: 'v9am'
+      },
+      rules: {
+        username: [
+          { required: true, message: '请输入用户名', trigger: 'blur' }
+        ],
+        password: [
+          { required: true, message: '请输入密码', trigger: 'blur' }
+        ],
+        code: [
+          { required: true, message: '请输入验证码', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  mounted () {
+    // 初始化例子插件
+    particlesJS('login', config)
+  },
+  methods: {
+    ...mapMutations([
+      'd2adminUsernameSet'
+    ]),
+    // 提交登陆信息
+    submit () {
+      this.$refs.loginForm.validate((valid) => {
+        if (valid) {
+          // 开始请求登录接口
+          this.$axios({
+            method: 'post',
+            url: '/login',
+            data: {
+              username: this.formLogin.username,
+              password: this.formLogin.password
+            }
+          })
+            .then(res => {
+              this.$log('登录结果', res)
+              // 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)
+              // 跳转路由
+              this.$router.push({
+                name: 'index'
+              })
+            })
+            .catch(err => {
+              this.$log('错误信息', err)
+            })
+        } else {
+          return false
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
+