Commit 8f611af2 authored by versiondown's avatar versiondown

Z: Dot: login api is done. Redirect has problem.

parent fbba3f2c
...@@ -303,6 +303,7 @@ ...@@ -303,6 +303,7 @@
</template> </template>
<script> <script>
import { ApiLoginSubmit } from "@api/login/main"; import { ApiLoginSubmit } from "@api/login/main";
import md5 from "js-md5";
export default { export default {
components: {}, components: {},
......
<template> <template>
<div class="page-login"> <div class="page-login">
<div class="page-login--layer page-login--layer-area"> <div class="page-login--layer page-login--layer-area">
<ul class="circles"> <ul class="circles" style="2px solid greed;">
<li v-for="n in 10" :key="n"></li> <li v-for="n in 10" :key="n"></li>
</ul> </ul>
</div> </div>
<div <div
class="page-login--layer page-login--layer-time" class="page-login--layer page-login--layer-time loginbktime"
flex="main:center cross:center"> flex="main:center cross:center"
style="border: 2px solid red;">
{{time}} {{time}}
</div> </div>
<div class="page-login--layer"> <div class="page-login--layer">
...@@ -15,9 +16,9 @@ ...@@ -15,9 +16,9 @@
class="page-login--content" class="page-login--content"
flex="dir:top main:justify cross:stretch box:justify"> flex="dir:top main:justify cross:stretch box:justify">
<div class="page-login--content-header"> <div class="page-login--content-header">
<p class="page-login--content-header-motto"> <!-- <p class="page-login--content-header-motto">
时间是一切财富中最宝贵的财富 时间是一切财富中最宝贵的财富
</p> </p> -->
</div> </div>
<div <div
class="page-login--content-main" class="page-login--content-main"
...@@ -50,38 +51,45 @@ ...@@ -50,38 +51,45 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code"> <el-form-item prop="code">
<el-input <!-- <el-input
type="text" type="text"
v-model="formLogin.code" v-model="formLogin.code"
placeholder="验证码"> placeholder="验证码">
<template slot="append"> <template slot="append">
<img class="login-code" src="./image/login-code.png"> <img class="login-code" src="./image/login-code.png">
</template> </template>
</el-input> </el-input> -->
</el-form-item> </el-form-item>
<el-button <!-- <el-button
size="default" size="default"
@click="submit" @click="submit"
type="primary" type="primary"
class="button-login"> class="button-login">
登录 登录
</el-button> -->
<el-button
size="default"
@click="loginSubmit"
type="primary"
class="button-login">
登录
</el-button> </el-button>
</el-form> </el-form>
</el-card> </el-card>
<p <p
class="page-login--options" class="page-login--options"
flex="main:justify cross:center"> flex="main:justify cross:center">
<span><d2-icon name="question-circle"/> 忘记密码</span> <!-- <span><d2-icon name="question-circle"/> 忘记密码</span> -->
<span>注册用户</span> <!-- <span>注册用户</span> -->
</p> </p>
<!-- quick login --> <!-- quick login -->
<el-button class="page-login--quick" size="default" type="info" @click="dialogVisible = true"> <!-- <el-button class="page-login--quick" size="default" type="info" @click="dialogVisible = true">
快速选择用户(测试功能) 快速选择用户(测试功能)
</el-button> </el-button> -->
</div> </div>
</div> </div>
<div class="page-login--content-footer"> <div class="page-login--content-footer">
<p class="page-login--content-footer-locales"> <!-- <p class="page-login--content-footer-locales">
<a <a
v-for="language in $languages" v-for="language in $languages"
:key="language.value" :key="language.value"
...@@ -101,11 +109,11 @@ ...@@ -101,11 +109,11 @@
<a href="#">帮助</a> <a href="#">帮助</a>
<a href="#">隐私</a> <a href="#">隐私</a>
<a href="#">条款</a> <a href="#">条款</a>
</p> </p> -->
</div> </div>
</div> </div>
</div> </div>
<el-dialog <!-- <el-dialog
title="快速选择用户" title="快速选择用户"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
width="400px"> width="400px">
...@@ -117,7 +125,7 @@ ...@@ -117,7 +125,7 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-dialog> </el-dialog> -->
</div> </div>
</template> </template>
...@@ -125,6 +133,9 @@ ...@@ -125,6 +133,9 @@
import dayjs from 'dayjs' import dayjs from 'dayjs'
import { mapActions } from 'vuex' import { mapActions } from 'vuex'
import localeMixin from '@/locales/mixin.js' import localeMixin from '@/locales/mixin.js'
import { ApiLoginSubmit } from "@api/login/main";
import md5 from "js-md5";
export default { export default {
mixins: [ mixins: [
localeMixin localeMixin
...@@ -196,6 +207,27 @@ export default { ...@@ -196,6 +207,27 @@ export default {
...mapActions('d2admin/account', [ ...mapActions('d2admin/account', [
'login' 'login'
]), ]),
loginSubmit(){
let postData = {
loginName: this.formLogin.username,
loginPwd: md5(this.formLogin.password),
}
ApiLoginSubmit(postData)
.then(res => {
if(res.result === 'success'){
console.log('--->login: res =', res)
this.$router.replace(this.$route.query.redirect || '/')
// this.$router.push('/')
}
})
},
refreshTime () { refreshTime () {
this.time = dayjs().format('HH:mm:ss') this.time = dayjs().format('HH:mm:ss')
}, },
...@@ -224,7 +256,7 @@ export default { ...@@ -224,7 +256,7 @@ export default {
}) })
.then(() => { .then(() => {
// 重定向对象不存在则返回顶层路径 // 重定向对象不存在则返回顶层路径
this.$router.replace(this.$route.query.redirect || '/') this.$router.replace(this.$route.query.redirect || '/homeMain')
}) })
} else { } else {
// 登录表单校验失败 // 登录表单校验失败
...@@ -483,3 +515,9 @@ export default { ...@@ -483,3 +515,9 @@ export default {
} }
} }
</style> </style>
<style scoped>
.loginbktime{
border: 2px solid red;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment