| | |
| | | </template>
|
| | |
|
| | | <script setup>
|
| | | import { getCodeImg } from "@/api/login"
|
| | | import {getCodeImg} from "@/api/login"
|
| | | import Cookies from "js-cookie"
|
| | | import { encrypt, decrypt } from "@/utils/jsencrypt"
|
| | | import useUserStore from '@/store/modules/user'
|
| | |
| | | const { proxy } = getCurrentInstance()
|
| | |
|
| | | const loginForm = ref({
|
| | | username: "admin",
|
| | | password: "admin123",
|
| | | username: "",
|
| | | password: "",
|
| | | rememberMe: false,
|
| | | // code: "",
|
| | | uuid: ""
|
| | | })
|
| | |
|
| | | const loginRules = {
|
| | |
| | | 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")
|
| | | }
|
| | | // 调用action的登录方法
|
| | | userStore.login(loginForm.value).then(() => {
|
| | | 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) => {
|
| | | if (cur !== "redirect") {
|
| | |
| | | height: 500px;
|
| | | padding: 40px;
|
| | | z-index: 1;
|
| | | box-shadow: 0 0 5px 1px #ccc;
|
| | | .el-input {
|
| | | height: 40px;
|
| | | input {
|