update

zh/docs/common/checklogin_form.md

@@ -141,6 +141,22 @@
     background-color: #2980b9;
 }
 
+/* 忘记密码链接样式 */
+.forgot-password-link {
+    display: block;
+    text-align: center;
+    margin-top: 15px;
+    color: #3498db;
+    text-decoration: none;
+    font-size: 14px;
+    transition: color 0.3s ease;
+}
+
+.forgot-password-link:hover {
+    color: #2980b9;
+    text-decoration: underline;
+}
+
 .close {
     float: right;
     cursor: pointer;
@@ -291,6 +307,7 @@
                 <input type="email" id="loginEmail" placeholder="请输入邮箱" required>
                 <input type="password" id="loginPassword" placeholder="请输入密码" required>
                 <button type="submit">登录</button>
+                <a href="javascript:void(0)" class="forgot-password-link" onclick="switchTab('reset')">忘记密码？</a>
             </form>
         </div>
         
@@ -307,6 +324,21 @@
                 <button type="submit">注册</button>
             </form>
         </div>
+        
+        <!-- 忘记密码表单 -->
+        <div id="resetTab" class="tab-content">
+            <form id="resetForm" class="login-form">
+                <input type="email" id="resetEmail" placeholder="请输入邮箱" required>
+                <div class="code-container">
+                    <input type="text" id="resetVerificationCode" class="code-input" placeholder="请输入验证码" required>
+                    <button type="button" id="sendResetCodeBtn" class="send-code-btn">发送验证码</button>
+                </div>
+                <input type="password" id="resetPassword" placeholder="请输入新密码" required>
+                <input type="password" id="resetConfirmPassword" placeholder="请确认新密码" required>
+                <button type="submit">重置密码</button>
+                <a href="javascript:void(0)" class="forgot-password-link" onclick="switchTab('login')">返回登录</a>
+            </form>
+        </div>
     </div>
 </div>
 
@@ -323,8 +355,11 @@
     const modal = document.getElementById("loginModal");
     const loginForm = document.getElementById("loginForm");
     const registerForm = document.getElementById("registerForm");
+    const resetForm = document.getElementById("resetForm");
     const sendCodeBtn = document.getElementById("sendCodeBtn");
+    const sendResetCodeBtn = document.getElementById("sendResetCodeBtn");
     let countdownTimer;
+    let resetCountdownTimer;
 
     // 获取消息弹出框元素
     const messageModal = document.getElementById("messageModal");
@@ -335,6 +370,9 @@
 
     // Tab 切换功能
     window.switchTab = function(tabName) {
+        // 获取tab容器
+        const tabContainer = document.querySelector('.tab-container');
+        
         // 隐藏所有tab内容
         const tabContents = document.querySelectorAll('.tab-content');
         tabContents.forEach(tab => tab.classList.remove('active'));
@@ -345,11 +383,19 @@
         
         // 显示对应的tab内容和设置按钮active状态
         if (tabName === 'login') {
+            // 显示tab容器
+            tabContainer.style.display = 'flex';
             document.getElementById('loginTab').classList.add('active');
             document.querySelector('.tab-button').classList.add('active');
         } else if (tabName === 'register') {
+            // 显示tab容器
+            tabContainer.style.display = 'flex';
             document.getElementById('registerTab').classList.add('active');
             document.querySelectorAll('.tab-button')[1].classList.add('active');
+        } else if (tabName === 'reset') {
+            // 忘记密码面板时隐藏tab容器
+            tabContainer.style.display = 'none';
+            document.getElementById('resetTab').classList.add('active');
         }
     }
 
@@ -552,6 +598,46 @@
         });
     }
 
+    // 发送重置密码验证码
+    sendResetCodeBtn.onclick = function() {
+        const contactValue = document.getElementById('resetEmail').value;
+        
+        if (!validateEmail(contactValue)) {
+            showMessage('输入错误', '请输入有效的邮箱地址！', 'error');
+            return;
+        }
+        
+        // 禁用按钮并开始倒计时
+        startResetCountdown();
+        
+        // 发送AJAX请求获取验证码
+        fetch(`${baseUrl}/fty/sendCode`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                type: "1", // 固定为邮箱类型
+                username: contactValue
+            })
+        })
+        .then(response => response.json())
+        .then(data => {
+            console.log("重置密码验证码发送返回",data);
+            if (data.code==2000) {
+                showMessage('发送成功', '验证码已发送到您的邮箱！', 'success');
+            } else {
+                showMessage('发送失败', data.msg || '验证码发送失败，请稍后重试！', 'error');
+                resetResetCountdown();
+            }
+        })
+        .catch(error => {
+            console.error('Error:', error);
+            showMessage('网络错误', '验证码发送请求失败，请稍后重试！', 'error');
+            resetResetCountdown();
+        });
+    }
+
     // 验证邮箱格式
     function validateEmail(email) {
         const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
@@ -581,6 +667,29 @@
         sendCodeBtn.textContent = '发送验证码';
     }
 
+    // 开始重置密码验证码倒计时
+    function startResetCountdown() {
+        let countdown = 60;
+        sendResetCodeBtn.disabled = true;
+        sendResetCodeBtn.textContent = `${countdown}秒后重试`;
+        
+        resetCountdownTimer = setInterval(() => {
+            countdown--;
+            sendResetCodeBtn.textContent = `${countdown}秒后重试`;
+            
+            if (countdown <= 0) {
+                resetResetCountdown();
+            }
+        }, 1000);
+    }
+
+    // 重置重置密码验证码倒计时
+    function resetResetCountdown() {
+        clearInterval(resetCountdownTimer);
+        sendResetCodeBtn.disabled = false;
+        sendResetCodeBtn.textContent = '发送验证码';
+    }
+
     // 处理登录表单提交
     loginForm.onsubmit = function(e) {
         console.log("Login form submitted");
@@ -728,6 +837,83 @@
         });
     }
 
+    // 处理忘记密码表单提交
+    resetForm.onsubmit = function(e) {
+        console.log("Reset password form submitted");
+        e.preventDefault();
+        const email = document.getElementById("resetEmail").value;
+        const verificationCode = document.getElementById("resetVerificationCode").value;
+        const password = document.getElementById("resetPassword").value;
+        const confirmPassword = document.getElementById("resetConfirmPassword").value;
+        
+        if (!validateEmail(email)) {
+            showMessage('输入错误', '请输入有效的邮箱地址！', 'error');
+            return;
+        }
+        
+        if (!verificationCode) {
+            showMessage('输入错误', '请输入验证码！', 'error');
+            return;
+        }
+        
+        if (!password) {
+            showMessage('输入错误', '请输入新密码！', 'error');
+            return;
+        }
+        
+        if (password !== confirmPassword) {
+            showMessage('输入错误', '两次输入的密码不一致！', 'error');
+            return;
+        }
+        
+        // 显示加载状态
+        const submitBtn = resetForm.querySelector('button[type="submit"]');
+        const originalText = submitBtn.textContent;
+        submitBtn.textContent = '重置中...';
+        submitBtn.disabled = true;
+        
+        // 发送AJAX请求
+        fetch(`${baseUrl}/fty/resetpwd`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                type: 1, // 固定为邮箱类型
+                username: email,
+                code: verificationCode,
+                password: password,
+                confirm_password: confirmPassword
+            })
+        })
+        .then(response => response.json())
+        .then(data => {
+            console.log("重置密码返回",data);
+            if (data.code==2000) {
+                showMessage('重置成功', '密码重置成功！请使用新密码登录', 'success');
+                resetResetCountdown();
+                
+                // 延迟切换到登录标签
+                setTimeout(() => {
+                    switchTab('login');
+                    // 清空重置表单
+                    resetForm.reset();
+                }, 1500);
+            } else {
+                showMessage('重置失败', data.msg || '密码重置失败，请检查输入信息！', 'error');
+            }
+        })
+        .catch(error => {
+            console.error('Error:', error);
+            showMessage('网络错误', '密码重置请求失败，请稍后重试！', 'error');
+        })
+        .finally(() => {
+            // 恢复按钮状态
+            submitBtn.textContent = originalText;
+            submitBtn.disabled = false;
+        });
+    }
+
     // ESC键关闭登录框
     document.addEventListener('keydown', function(event) {
         if (event.key === 'Escape' && modal.style.display === 'block') {