| | |
|---|
| | | if (valid) {
|
|---|
| | | loading.value = true
|
|---|
| | | // 勾选了需要记住密码设置在 cookie 中设置记住用户名和密码
|
|---|
| | | if (loginForm.value.rememberMe) {
|
|---|
| | | Cookies.set("username", loginForm.value.username, { expires: 30 })
|
|---|
| | | Cookies.set("password", encrypt(loginForm.value.password), { expires: 30 })
|
|---|
| | | Cookies.set("rememberMe", loginForm.value.rememberMe, { expires: 30 })
|
|---|
| | | } else {
|
|---|
| | | // 否则移除
|
|---|
| | | Cookies.remove("username")
|
|---|
| | | Cookies.remove("password")
|
|---|
| | | Cookies.remove("rememberMe")
|
|---|
| | | }
|
|---|
| | | Cookies.set("username", loginForm.value.username, { expires: 30 })
|
|---|
| | | Cookies.set("password", encrypt(loginForm.value.password), { expires: 30 })
|
|---|
| | | Cookies.set("rememberMe", loginForm.value.rememberMe, { expires: 30 })
|
|---|
| | | userStore.loginCheckFactory(loginForm.value).then(res => {
|
|---|
| | | const query = route.query
|
|---|
| | | const otherQueryParams = Object.keys(query).reduce((acc, cur) => {
|
|---|
| | |
|---|
| | | <style lang='scss' scoped>
|
|---|
| | | .login {
|
|---|
| | | height: 100%;
|
|---|
| | | background-image: url("../assets/images/login-background.png");
|
|---|
| | | background-image: url("../assets/indexViews/WDSYView.png");
|
|---|
| | | background-size: cover;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | |
|---|
| | | .login-form {
|
|---|
| | | position: absolute;
|
|---|
| | | top: 50%;
|
|---|
| | | right: 15%;
|
|---|
| | | transform: translate(0, -50%);
|
|---|
| | | right: 50%;
|
|---|
| | | transform: translate(50%, -50%);
|
|---|
| | | border-radius: 6px;
|
|---|
| | | background: #ffffff;
|
|---|
| | | width: 420px;
|
|---|
| | | height: 500px;
|
|---|
| | | padding: 40px;
|
|---|
| | | z-index: 1;
|
|---|
| | | box-shadow: 0 0 5px 1px #ccc;
|
|---|
| | | .el-input {
|
|---|
| | | height: 40px;
|
|---|
| | | input {
|
|---|
