From abb574edd3a4ce7e239e43eda401b7ef8268a301 Mon Sep 17 00:00:00 2001
From: kimi <kimi42345@gmail.com>
Date: 星期三, 22 一月 2020 17:37:32 +0800
Subject: [PATCH] no message
---
src/views/login.vue | 81 ++++++++++++++++++++--------------------
1 files changed, 41 insertions(+), 40 deletions(-)
diff --git a/src/views/login.vue b/src/views/login.vue
index 194a614..c126ee2 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -1,20 +1,18 @@
<template>
<div class="login">
- <div class="img-container">
+ <!-- <div class="img-container">
<img :src="loginImg" alt="">
- </div>
- <el-form ref="loginForm" :model="loginForm" class="login-form" auto-complete="on" label-position="left">
- <el-form-item prop="username">
+ </div> -->
+ <el-form ref="loginForm" :model="loginForm" class="login-form" label-position="left">
+ <el-form-item prop="loginName">
<el-input
- v-model="loginForm.username"
+ v-model="loginForm.loginName"
placeholder="杈撳叆鐢ㄦ埛鍚�"
- name="username"
+ name="loginName"
type="text"
- auto-complete="on"
+
>
- <span v-show="isClearIconShow" slot="suffix" class="suffix-icon" @click="clearUsername">
- <svg-icon icon-class="close-circle" />
- </span>
+
</el-input>
</el-form-item>
<el-form-item prop="password">
@@ -23,7 +21,7 @@
v-model="loginForm.password"
placeholder="杈撳叆瀵嗙爜"
name="password"
- auto-complete="on"
+
@keyup.enter.native="handleLogin"
>
<span slot="suffix" class="suffix-icon" :class="{eyeOpen: isOpen}" @click="showPwd">
@@ -31,11 +29,7 @@
</span>
</el-input>
</el-form-item>
- <div class="user-action">
- <a @click="handleForgetPassword">
- <span>蹇樿瀵嗙爜</span>
- </a>
- </div>
+
<el-button :loading="loading" class="loginButton" type="primary" @click.native.prevent="handleLogin">鐧诲綍</el-button>
</el-form>
</div>
@@ -47,14 +41,14 @@
* @author Sky
*/
export default {
- name: 'Login',
+
data () {
return {
// path: '/' + process.env.VUE_APP_FACTORY_KEY + '/user/confirm-password',
- // loginImg: require('@/assets/img/login-logo.png'),
+ loginImg: require('@/assets/login-left.jpg'),
loginForm: { // 琛ㄥ崟鏁版嵁
- username: process.env.VUE_APP_BUILD_MODE === 'production' ? '' : 'bayer_admin',
- password: process.env.VUE_APP_BUILD_MODE === 'production' ? '' : '123456'
+ loginName: '',
+ password: ''
},
passwordType: 'password', // 杈撳叆妗嗙被鍨�
loading: false, // 鍔犺浇涓�
@@ -62,26 +56,12 @@
isOpen: false // 鏍规嵁鐘舵�佹樉绀轰笉鍚屾牱寮忕被鍚�
}
},
- computed: {
- isClearIconShow () {
- return this.loginForm.username.length
- }
- },
+
methods: {
// 蹇樿瀵嗙爜鍥炶皟
- handleForgetPassword () {
- this.$alert('', '璇疯仈绯诲叕鍙哥鐞嗗憳淇敼瀵嗙爜', {
- confirmButtonText: '鐭ラ亾浜�',
- center: true,
- showClose: true
- })
- },
+
// 娓呴櫎鐢ㄦ埛鍚�
- clearUsername () {
- if (this.loginForm.username) {
- this.loginForm.username = ''
- }
- },
+
// 瀵嗙爜鏄剧ず鍒囨崲
showPwd () {
if (this.passwordType === 'password') {
@@ -97,13 +77,34 @@
// 鐧诲綍
handleLogin () {
- localStorage.setItem('userId','user001');
- this.$router.push('/');
+ let url = "/api/user/login";
+ let params = this.loginForm;
+ this.$axios.get(url,{
+ params
+ }).then(data_ => {
+ console.log(data_);
+ if(data_.data.success) {
+ localStorage.setItem('userId',data_.data.data.id);
+ localStorage.setItem('userName',data_.data.data.id);
+ localStorage.setItem('roleId',data_.data.data.roleCode);
+ localStorage.setItem('roleName',data_.data.data.roleName);
+ localStorage.setItem('departId',data_.data.data.departCode);
+ localStorage.setItem('departName',data_.data.data.departName);
+ this.$router.push('/');
+ }else {
+ this.$message({message:'鐧婚檰澶辫触', type: 'warning'});
+ }
+
+ }).catch(error =>{
+ console.log(error);
+ })
+
+
},
}
}
</script>
-<style rel="stylesheet/scss" lang="scss">
+<style >
</style>
--
Gitblit v1.8.0