From 9f239b3636dad54be9a54158e45a0dfafd2cc80f Mon Sep 17 00:00:00 2001
From: bob <312777916@qq.com>
Date: Mon, 2 Sep 2024 11:59:25 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E7=99=BB=E5=BD=95=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E2=80=9D=E8=AE=B0=E4=BD=8F=E6=88=91=E2=80=9C=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/stores/user.js      | 10 +++++++++-
 src/views/LoginPage.vue | 14 ++++++++++++--
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/stores/user.js b/src/stores/user.js
index ed98b97..55da8e1 100644
--- a/src/stores/user.js
+++ b/src/stores/user.js
@@ -63,6 +63,12 @@ export const userStore = defineStore(
       return at.value.expiretime && now < at.value.expiretime
     }
 
+    const isRemenberMe = ref(false)
+
+    const setIsRemenberMe = (flag) => {
+      isRemenberMe.value = flag
+    }
+
     return {
       at,
       rt,
@@ -73,7 +79,9 @@ export const userStore = defineStore(
       user,
       getUser,
       setUser,
-      isLogin
+      isLogin,
+      isRemenberMe,
+      setIsRemenberMe
     }
   },
   {
diff --git a/src/views/LoginPage.vue b/src/views/LoginPage.vue
index 3c95227..fd94d85 100644
--- a/src/views/LoginPage.vue
+++ b/src/views/LoginPage.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { User, Lock } from '@element-plus/icons-vue'
-import { ref, watch } from 'vue'
+import { ref, watch, onMounted } from 'vue'
 import router from '@/router'
 import { userRegisterService, userLoginService } from '@/api/user.js'
 import { userStore } from '@/stores'
@@ -14,6 +14,7 @@ const formModel = ref({
 })
 // 表单对象
 const form = ref()
+const isRemenberMe = ref(false)
 
 // 表单的校验规则
 const rules = {
@@ -68,9 +69,17 @@ const login = async () => {
   ElMessage.success('登录成功')
   userData.setAt(res.data.data.accessToken)
   userData.setRt(res.data.data.refreshToken)
+  userData.setIsRemenberMe(isRemenberMe.value)
   router.push('/')
 }
 
+onMounted(() => {
+  isRemenberMe.value = userData.isRemenberMe
+  if (isRemenberMe.value) {
+    formModel.value.username = userData.user.account
+  }
+})
+
 watch(isRegister, () => {
   formModel.value = {
     username: '',
@@ -145,11 +154,12 @@ watch(isRegister, () => {
             :prefix-icon="Lock"
             type="password"
             placeholder="请输入密码"
+            @keyup.enter="login"
           ></el-input>
         </el-form-item>
         <el-form-item class="flex">
           <div class="flex">
-            <el-checkbox>记住我</el-checkbox>
+            <el-checkbox v-model="isRemenberMe">记住我</el-checkbox>
             <el-link type="primary" :underline="false">忘记密码？</el-link>
           </div>
         </el-form-item>