From 058e1fb8a7a346e1ee9469480e0e1de6b641c0c5 Mon Sep 17 00:00:00 2001
From: andy <594580820@qq.com>
Date: Mon, 3 Aug 2026 16:18:24 +0800
Subject: [PATCH] =?UTF-8?q?feat(login):=20=E6=B7=BB=E5=8A=A0=E8=AE=B0?=
 =?UTF-8?q?=E4=BD=8F=E6=88=91=E7=99=BB=E5=BD=95=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

前端新增记住我勾选框，登录页挂载时自动恢复已保存的用户名，勾选时将用户名存入本地存储并在登录请求中携带对应参数；后端新增rememberMe参数处理逻辑，配置7天免登录的JWT有效期，重载JWT工具类以支持自定义令牌过期时间
---
 .../src/main/java/com/bycrm/dto/LoginDTO.java |  5 ++++
 .../bycrm/service/impl/UserServiceImpl.java   |  4 +++
 .../src/main/java/com/bycrm/util/JwtUtil.java | 25 +++++++++++++++++--
 backend/src/main/resources/application.yml    |  1 +
 frontend/src/types/index.ts                   |  1 +
 frontend/src/views/Login.vue                  | 24 ++++++++++++++++--
 6 files changed, 56 insertions(+), 4 deletions(-)

diff --git a/backend/src/main/java/com/bycrm/dto/LoginDTO.java b/backend/src/main/java/com/bycrm/dto/LoginDTO.java
index c42d459..137bff4 100644
--- a/backend/src/main/java/com/bycrm/dto/LoginDTO.java
+++ b/backend/src/main/java/com/bycrm/dto/LoginDTO.java
@@ -24,4 +24,9 @@ public class LoginDTO implements Serializable {
      */
     @NotBlank(message = "密码不能为空")
     private String password;
+
+    /**
+     * 记住我（true 时签发 7 天有效期的 token）
+     */
+    private Boolean rememberMe = false;
 }
diff --git a/backend/src/main/java/com/bycrm/service/impl/UserServiceImpl.java b/backend/src/main/java/com/bycrm/service/impl/UserServiceImpl.java
index aa4144a..bbb283a 100644
--- a/backend/src/main/java/com/bycrm/service/impl/UserServiceImpl.java
+++ b/backend/src/main/java/com/bycrm/service/impl/UserServiceImpl.java
@@ -46,6 +46,10 @@ public class UserServiceImpl implements UserService {
             throw new BusinessException("用户名或密码错误");
         }
 
+        if (Boolean.TRUE.equals(loginDTO.getRememberMe())) {
+            return jwtUtil.generateToken(user.getId(), user.getUsername(), user.getRole(),
+                    user.getDealerId(), jwtUtil.getRememberExpiration());
+        }
         return jwtUtil.generateToken(user.getId(), user.getUsername(), user.getRole(), user.getDealerId());
     }
 
diff --git a/backend/src/main/java/com/bycrm/util/JwtUtil.java b/backend/src/main/java/com/bycrm/util/JwtUtil.java
index 85b099a..fedabc7 100644
--- a/backend/src/main/java/com/bycrm/util/JwtUtil.java
+++ b/backend/src/main/java/com/bycrm/util/JwtUtil.java
@@ -25,24 +25,45 @@ public class JwtUtil {
     @Value("${jwt.expiration}")
     private Long expiration;
 
+    @Value("${jwt.remember-expiration:604800000}")
+    private Long rememberExpiration;
+
+    public Long getRememberExpiration() {
+        return rememberExpiration;
+    }
+
     /**
      * 生成 Token
      */
     public String generateToken(Long userId, String username, Integer role, Long dealerId) {
+        return generateToken(userId, username, role, dealerId, expiration);
+    }
+
+    /**
+     * 生成指定有效期的 Token（用于"记住我"延长有效期）
+     */
+    public String generateToken(Long userId, String username, Integer role, Long dealerId, long expirationMillis) {
         Map<String, Object> claims = new HashMap<>();
         claims.put("userId", userId);
         claims.put("username", username);
         claims.put("role", role);
         claims.put("dealerId", dealerId);
-        return generateToken(claims);
+        return generateToken(claims, expirationMillis);
     }
 
     /**
      * 生成 Token
      */
     public String generateToken(Map<String, Object> claims) {
+        return generateToken(claims, expiration);
+    }
+
+    /**
+     * 生成指定有效期的 Token
+     */
+    public String generateToken(Map<String, Object> claims, long expirationMillis) {
         Date now = new Date();
-        Date expiryDate = new Date(now.getTime() + expiration);
+        Date expiryDate = new Date(now.getTime() + expirationMillis);
 
         return Jwts.builder()
                 .setClaims(claims)
diff --git a/backend/src/main/resources/application.yml b/backend/src/main/resources/application.yml
index bd0810d..a252a16 100644
--- a/backend/src/main/resources/application.yml
+++ b/backend/src/main/resources/application.yml
@@ -58,6 +58,7 @@ jwt:
   # 生产环境请使用环境变量或密钥管理系统存储此密钥
   secret: by-crm-jwt-secret-key-2024-hs512-requires-at-least-64-bytes-for-secure-signing-please-change-in-production-environment
   expiration: 86400000  # 24小时，单位：毫秒
+  remember-expiration: 604800000  # 记住我：7天免登录，单位：毫秒
 
 # CRM 业务配置
 crm:
diff --git a/frontend/src/types/index.ts b/frontend/src/types/index.ts
index 221dafb..50454ce 100644
--- a/frontend/src/types/index.ts
+++ b/frontend/src/types/index.ts
@@ -14,6 +14,7 @@ export interface User {
 export interface LoginRequest {
   username: string
   password: string
+  rememberMe?: boolean
 }
 
 export interface LoginResponse {
diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login.vue
index 98eedf7..8d31592 100644
--- a/frontend/src/views/Login.vue
+++ b/frontend/src/views/Login.vue
@@ -21,6 +21,9 @@
             @keyup.enter="handleLogin"
           />
         </el-form-item>
+        <el-form-item>
+          <el-checkbox v-model="remember">记住我（7天免登录）</el-checkbox>
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" size="large" :loading="loading" @click="handleLogin" class="login-btn">
             登录
@@ -32,7 +35,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive } from 'vue'
+import { ref, reactive, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessage, type FormInstance, type FormRules } from 'element-plus'
 import { useUserStore } from '@/stores/user'
@@ -49,6 +52,16 @@ const loginForm = reactive({
   password: ''
 })
 
+const remember = ref(false)
+
+onMounted(() => {
+  const savedUsername = localStorage.getItem('remember-username')
+  if (savedUsername) {
+    loginForm.username = savedUsername
+    remember.value = true
+  }
+})
+
 const rules: FormRules = {
   username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
   password: [{ required: true, message: '请输入密码', trigger: 'blur' }]
@@ -64,8 +77,15 @@ const handleLogin = async () => {
         const hashedPassword = await hashPassword(loginForm.password)
         await userStore.login({
           username: loginForm.username,
-          password: hashedPassword
+          password: hashedPassword,
+          rememberMe: remember.value
         })
+        // 记住用户名（勾选"记住我"时保存，否则清除）
+        if (remember.value) {
+          localStorage.setItem('remember-username', loginForm.username)
+        } else {
+          localStorage.removeItem('remember-username')
+        }
         ElMessage.success('登录成功')
         router.push('/')
       } catch (error) {