后台登录页面调通

This commit is contained in:
aoshiguchen
2022-08-27 14:34:58 +08:00
parent cfb6f589da
commit 6c4deb15aa
13 changed files with 153 additions and 43 deletions
+11 -17
View File
@@ -8,14 +8,14 @@
<span class="svg-container svg-container_login">
<svg-icon icon-class="user" />
</span>
<el-input name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="username" />
<el-input name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="用户名" />
</el-form-item>
<el-form-item prop="password">
<span class="svg-container">
<svg-icon icon-class="password" />
</span>
<el-input name="password" :type="passwordType" @keyup.enter.native="handleLogin" v-model="loginForm.password" autoComplete="on" placeholder="password" />
<el-input name="password" :type="passwordType" @keyup.enter.native="handleLogin" v-model="loginForm.password" autoComplete="on" placeholder="密码" />
<span class="show-pwd" @click="showPwd">
<svg-icon icon-class="eye" />
</span>
@@ -24,7 +24,7 @@
<el-button type="primary" style="width:100%;margin-bottom:30px;" :loading="loading" @click.native.prevent="handleLogin">{{$t('login.logIn')}}</el-button>
<div class="tips">
<span>{{$t('login.username')}} : admin</span>
<span>{{$t('login.username')}} : visitor</span>
<span>{{$t('login.password')}} : 123456</span>
</div>
@@ -36,7 +36,6 @@
import { isvalidUsername } from '@/utils/validate'
import LangSelect from '@/components/LangSelect'
import SocialSign from './socialsignin'
import { login } from '@/api/system'
export default {
components: { LangSelect, SocialSign },
@@ -44,21 +43,21 @@ export default {
data() {
const validateUsername = (rule, value, callback) => {
if (!isvalidUsername(value)) {
callback(new Error('Please enter the correct user name'))
callback(new Error('请输入用户名'))
} else {
callback()
}
}
const validatePassword = (rule, value, callback) => {
if (value.length < 6) {
callback(new Error('The password can not be less than 6 digits'))
callback(new Error('密码不能少于6位'))
} else {
callback()
}
}
return {
loginForm: {
username: 'admin',
username: 'visitor',
password: '123456'
},
loginRules: {
@@ -82,16 +81,11 @@ export default {
this.$refs.loginForm.validate(valid => {
if (valid) {
this.loading = true
login({
loginName: this.loginForm.username,
loginPassword: this.loginForm.password
}).then(() => {
this.$store.dispatch('LoginByUsername', this.loginForm).then(() => {
this.loading = false
this.$router.push({ path: '/' })
}).catch(() => {
this.loading = false
})
this.$store.dispatch('LoginByUsername', this.loginForm).then(() => {
this.loading = false
this.$router.push({ path: '/' })
}).catch(() => {
this.loading = false
})
} else {
console.log('error submit!!')