blackteay/vue-element-admin
1
0
Fork 0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-08-10 12:01:57 +08:00
Code Issues Releases Wiki Activity

登录界面增加记住密码

Browse Source
This commit is contained in:
dengfuchuan 2021-06-22 14:03:39 +08:00
parent e326519aea
commit 8ec6784ce7
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/views/login/index.vue
View File

@ -46,7 +46,7 @@
</span> </span>
</el-form-item> </el-form-item>
<el-form-item prop="verification"> <!-- <el-form-item prop="verification">
<span class="svg-container"> <span class="svg-container">
<svg-icon icon-class="guide" /> <svg-icon icon-class="guide" />
</span> </span>
@ -59,13 +59,13 @@
tabindex="1" tabindex="1"
auto-complete="on" auto-complete="on"
/> />
</el-form-item> </el-form-item> -->
<div class="password-manage"> <div class="password-manage">
<el-checkbox v-model="checked">记住密码</el-checkbox> <el-checkbox v-model="checked">记住密码</el-checkbox>
</div> </div>
<el-button :loading="loading" type="primary" style="width:100%;margin-bottom:30px;" @click.native.prevent="handleLogin">登 录</el-button> <el-button :loading="loading" type="primary" style="width:100%;margin-top:30px;" @click.native.prevent="handleLogin">登 录</el-button>
<!-- <div class="tips"> <!-- <div class="tips">
<span style="margin-right:20px;">username: admin</span> <span style="margin-right:20px;">username: admin</span>
@ -100,8 +100,8 @@ export default {
} }
return { return {
loginForm: { loginForm: {
username: 'admin', username: '',
password: '888' password: ''
}, },
loginRules: { loginRules: {
username: [{ required: true, trigger: 'blur', validator: validateUsername }], username: [{ required: true, trigger: 'blur', validator: validateUsername }],
@ -129,6 +129,8 @@ export default {
}, },
created() { created() {
// window.addEventListener('storage', this.afterQRScan) // window.addEventListener('storage', this.afterQRScan)
this.loginForm.username = localStorage.getItem('UserName')
this.loginForm.password = localStorage.getItem('Password')
}, },
mounted() { mounted() {
if (this.loginForm.username === '') { if (this.loginForm.username === '') {
@ -161,6 +163,13 @@ export default {
this.loading = true this.loading = true
this.$store.dispatch('user/login', this.loginForm) this.$store.dispatch('user/login', this.loginForm)
.then(() => { .then(() => {
if (this.checked) {
localStorage.setItem('UserName', this.loginForm.username)
localStorage.setItem('Password', this.loginForm.password)
} else {
localStorage.setItem('UserName', '')
localStorage.setItem('Password', '')
}
this.$router.push({ path: '/', query: this.otherQuery }) this.$router.push({ path: '/', query: this.otherQuery })
this.loading = false this.loading = false
}) })