From cb5849d8a14f55241c44bdf6724b18de7950564d Mon Sep 17 00:00:00 2001
From: panlinlin <648540858@qq.com>
Date: 星期三, 14 四月 2021 16:33:10 +0800
Subject: [PATCH] 支持接口鉴权，支持修改密码，
---
web_src/src/components/Login.vue | 68 +++++++++++++++++++---------------
1 files changed, 38 insertions(+), 30 deletions(-)
diff --git a/web_src/src/components/Login.vue b/web_src/src/components/Login.vue
index 030d3ee..65c27f6 100644
--- a/web_src/src/components/Login.vue
+++ b/web_src/src/components/Login.vue
@@ -10,16 +10,14 @@
<div class="log-logo">Welcome!</div>
<div class="log-text"></div>
</div>
- <div class="log-email">
+ <div class="log-email" v-loading="isLoging" >
<input type="text" placeholder="鐢ㄦ埛鍚�" :class="'log-input' + (username==''?' log-input-empty':'')" v-model="username"><input type="password" placeholder="瀵嗙爜" :class="'log-input' + (password==''?' log-input-empty':'')" v-model="password">
<a href="javascript:;" class="log-btn" @click="login" >鐧诲綍</a>
</div>
- <Loading v-if="isLoging" marginTop="-30%"></Loading>
</div>
</template>
<script>
-import Loading from './Loading.vue'
import crypto from 'crypto'
export default {
name: 'Login',
@@ -30,18 +28,14 @@
password: ''
}
},
- components:{
- Loading
- },
created(){
- var that = this;
- document.onkeydown = function(e) {
- var key = window.event.keyCode;
- if (key == 13) {
- that.login();
+ var that = this;
+ document.onkeydown = function(e) {
+ var key = window.event.keyCode;
+ if (key == 13) {
+ that.login();
+ }
}
- }
-
},
methods:{
@@ -67,32 +61,46 @@
//璁剧疆鍦ㄧ櫥褰曠姸鎬�
this.isLoging = true;
- this.$axios.get("/auth/login",{
+ this.$axios({
+ method: 'get',
+ url:"/api/user/login",
params: loginParam
- } )
- .then(function (res) {
+ }).then(function (res) {
console.log(JSON.stringify(res));
if (res.data == "success") {
that.$cookies.set("session", {"username": that.username}) ;
//鐧诲綍鎴愬姛鍚�
+ that.cancelEnterkeyDefaultAction();
that.$router.push('/');
+ }else{
+ that.isLoging = false;
+ that.$message({
+ showClose: true,
+ message: '鐧诲綍澶辫触锛岀敤鎴峰悕鎴栧瘑鐮侀敊璇�',
+ type: 'error'
+ });
}
- })
- .catch(function (error) {
- console.log(error);
+ }).catch(function (error) {
+ that.$message.error(error.response.data.msg);
+ that.isLoging = false;
});
-
-
-
},
- setCookie: function (cname, cvalue, exdays) {
- var d = new Date();
- d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
- var expires = "expires=" + d.toUTCString();
- console.info(cname + "=" + cvalue + "; " + expires);
- document.cookie = cname + "=" + cvalue + "; " + expires;
- console.info(document.cookie);
- },
+ setCookie: function (cname, cvalue, exdays) {
+ var d = new Date();
+ d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
+ var expires = "expires=" + d.toUTCString();
+ console.info(cname + "=" + cvalue + "; " + expires);
+ document.cookie = cname + "=" + cvalue + "; " + expires;
+ console.info(document.cookie);
+ },
+ cancelEnterkeyDefaultAction: function() {
+ document.onkeydown = function(e) {
+ var key = window.event.keyCode;
+ if (key == 13) {
+ return false;
+ }
+ }
+ }
}
}
</script>
--
Gitblit v1.8.0