gaoluyang
18 小时以前 1f022c5b697ffb7dbf5826c262210d008be92e14
src/views/login.vue
@@ -67,7 +67,7 @@
</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'
@@ -79,11 +79,9 @@
const { proxy } = getCurrentInstance()
const loginForm = ref({
  username: "admin",
  password: "admin123",
  username: "",
  password: "",
  rememberMe: false,
  // code: "",
  uuid: ""
})
const loginRules = {
@@ -109,18 +107,10 @@
    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") {
@@ -168,7 +158,7 @@
<style lang='scss' scoped>
.login {
  height: 100%;
  background-image: url("../assets/images/login-background.jpg");
  background-image: url("../assets/images/login-background.png");
  background-size: cover;
  position: relative;
}
@@ -183,7 +173,7 @@
.login-form {
  position: absolute;
  top: 50%;
  right: 19%;
  right: 15%;
  transform: translate(0, -50%);
  border-radius: 6px;
  background: #ffffff;
@@ -191,6 +181,7 @@
  height: 500px;
  padding: 40px;
  z-index: 1;
   box-shadow: 0 0 5px 1px #ccc;
  .el-input {
    height: 40px;
    input {