|
|
|
|
@ -46,87 +46,111 @@
|
|
|
|
|
|
|
|
|
|
const defaultSettings = require('../../../src/settings.js')
|
|
|
|
|
export default {
|
|
|
|
|
name: 'Login',
|
|
|
|
|
data() {
|
|
|
|
|
const validateUsername = (rule, value, callback) => {
|
|
|
|
|
if (!validUsername(value)) {
|
|
|
|
|
callback(new Error('请正确输入登录名'))
|
|
|
|
|
} else {
|
|
|
|
|
callback()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
const validatePassword = (rule, value, callback) => {
|
|
|
|
|
if (value.length < 6) {
|
|
|
|
|
callback(new Error('密码输入错误'))
|
|
|
|
|
} else {
|
|
|
|
|
callback()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return {
|
|
|
|
|
title: "",
|
|
|
|
|
loginForm: {
|
|
|
|
|
username: '',
|
|
|
|
|
password: ''
|
|
|
|
|
},
|
|
|
|
|
loginRules: {
|
|
|
|
|
username: [{
|
|
|
|
|
required: true,
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
validator: validateUsername
|
|
|
|
|
}],
|
|
|
|
|
password: [{
|
|
|
|
|
required: true,
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
validator: validatePassword
|
|
|
|
|
}]
|
|
|
|
|
},
|
|
|
|
|
loading: false,
|
|
|
|
|
passwordType: 'password',
|
|
|
|
|
redirect: undefined
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
$route: {
|
|
|
|
|
handler: function(route) {
|
|
|
|
|
this.redirect = route.query && route.query.redirect
|
|
|
|
|
},
|
|
|
|
|
immediate: true
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.title = defaultSettings.title;
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
showPwd() {
|
|
|
|
|
if (this.passwordType === 'password') {
|
|
|
|
|
this.passwordType = ''
|
|
|
|
|
} else {
|
|
|
|
|
this.passwordType = 'password'
|
|
|
|
|
}
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
this.$refs.password.focus()
|
|
|
|
|
})
|
|
|
|
|
name: 'Login',
|
|
|
|
|
data() {
|
|
|
|
|
const validateUsername = (rule, value, callback) => {
|
|
|
|
|
if (false) {
|
|
|
|
|
callback(new Error('请正确输入登录名'))
|
|
|
|
|
} else {
|
|
|
|
|
callback()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
const validatePassword = (rule, value, callback) => {
|
|
|
|
|
if (false) {
|
|
|
|
|
callback(new Error('请正确输入密码'))
|
|
|
|
|
} else {
|
|
|
|
|
callback()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return {
|
|
|
|
|
showLogin: false,
|
|
|
|
|
loginForm: {
|
|
|
|
|
username: '',
|
|
|
|
|
password: ''
|
|
|
|
|
},
|
|
|
|
|
loginRules: {
|
|
|
|
|
username: [{
|
|
|
|
|
required: true,
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
validator: validateUsername
|
|
|
|
|
}],
|
|
|
|
|
password: [{
|
|
|
|
|
required: true,
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
validator: validatePassword
|
|
|
|
|
}]
|
|
|
|
|
},
|
|
|
|
|
loading: false,
|
|
|
|
|
passwordType: 'password',
|
|
|
|
|
redirect: undefined
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
beforeCreate() {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.title = defaultSettings.title;
|
|
|
|
|
var query = this.$route.query;
|
|
|
|
|
if (query.tp) {
|
|
|
|
|
this.showLogin = false;
|
|
|
|
|
} else {
|
|
|
|
|
this.showLogin = true;
|
|
|
|
|
}
|
|
|
|
|
if (query.token && query.userid && query.tp) {
|
|
|
|
|
this.loading = true
|
|
|
|
|
this.$store.dispatch('user/loginskip', {
|
|
|
|
|
token: query.token,
|
|
|
|
|
tp: query.tp,
|
|
|
|
|
loginId: query.loginId
|
|
|
|
|
}).then(() => {
|
|
|
|
|
this.$router.push({
|
|
|
|
|
path: "/"
|
|
|
|
|
})
|
|
|
|
|
this.loading = false
|
|
|
|
|
}).catch((error) => {
|
|
|
|
|
console.log(error)
|
|
|
|
|
this.loading = false
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
$route: {
|
|
|
|
|
handler: function(route) {
|
|
|
|
|
this.redirect = route.query && route.query.redirect
|
|
|
|
|
},
|
|
|
|
|
immediate: true
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
showPwd() {
|
|
|
|
|
if (this.passwordType === 'password') {
|
|
|
|
|
this.passwordType = ''
|
|
|
|
|
} else {
|
|
|
|
|
this.passwordType = 'password'
|
|
|
|
|
}
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
this.$refs.password.focus()
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
//处理登录
|
|
|
|
|
handleLogin() {
|
|
|
|
|
this.$refs.loginForm.validate(valid => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
this.loading = true
|
|
|
|
|
this.$store.dispatch('user/login', this.loginForm).then(() => {
|
|
|
|
|
|
|
|
|
|
this.$router.push({
|
|
|
|
|
path: this.redirect || '/'
|
|
|
|
|
})
|
|
|
|
|
this.loading = false
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
this.loading = false
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
console.log('error submit!!')
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
handleLogin() {
|
|
|
|
|
this.$refs.loginForm.validate(valid => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
this.loading = true
|
|
|
|
|
this.$store.dispatch('user/login', this.loginForm).then(() => {
|
|
|
|
|
console.log(this.redirect)
|
|
|
|
|
this.$router.push({
|
|
|
|
|
path: this.redirect || '/'
|
|
|
|
|
})
|
|
|
|
|
this.loading = false
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
this.loading = false
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
console.log('error submit!!')
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|