ts

static/app.js

@@ -119,6 +119,7 @@ function init() {
     elements.accountModal = document.getElementById('accountModal');
     elements.closeAccountModal = document.getElementById('closeAccountModal');
     elements.loginBtn = document.getElementById('loginBtn');
+    elements.verifyLoginBtn = document.getElementById('verifyLoginBtn');
     elements.logoutBtn = document.getElementById('logoutBtn');
     elements.loginInfo = document.getElementById('loginInfo');
     elements.modalLoginStatus = document.getElementById('modalLoginStatus');
@@ -130,14 +131,9 @@ function init() {
     elements.addUserIdBtn = document.getElementById('addUserIdBtn');
     elements.importFromTxtBtn = document.getElementById('importFromTxtBtn');
     elements.exportToTxtBtn = document.getElementById('exportToTxtBtn');
+    elements.loginInstructions = document.getElementById('loginInstructions');
 
-    // 登录二维码模态框
-    elements.loginQrModal = document.getElementById('loginQrModal');
-    elements.closeLoginQrModal = document.getElementById('closeLoginQrModal');
-    elements.qrcodeContainer = document.getElementById('qrcodeContainer');
-    elements.qrLoginStatus = document.getElementById('qrLoginStatus');
-    elements.qrExpireTime = document.getElementById('qrExpireTime');
-
+  
     // Toast
     elements.toast = document.getElementById('toast');
 
@@ -213,7 +209,8 @@ function bindEvents() {
     elements.addAccountBtn.addEventListener('click', openAccountModal);
     elements.refreshAccountsBtn.addEventListener('click', refreshAccounts);
     elements.closeAccountModal.addEventListener('click', closeAccountModal);
-    elements.loginBtn.addEventListener('click', openLoginQrModal);
+    elements.loginBtn.addEventListener('click', openXiaohongshuLogin);
+    elements.verifyLoginBtn.addEventListener('click', verifyLogin);
     elements.logoutBtn.addEventListener('click', logout);
     elements.clearAllUsersBtn.addEventListener('click', clearAllUsers);
     elements.addUserIdBtn.addEventListener('click', addUserId);
@@ -227,17 +224,11 @@ function bindEvents() {
         }
     });
 
-    // 登录二维码模态框关闭
-    elements.closeLoginQrModal.addEventListener('click', closeLoginQrModal);
-
     // 点击模态框外部关闭
     window.addEventListener('click', (e) => {
         if (e.target === elements.accountModal) {
             closeAccountModal();
         }
-        if (e.target === elements.loginQrModal) {
-            closeLoginQrModal();
-        }
     });
 }
 
@@ -692,77 +683,55 @@ function closeAccountModal() {
     elements.accountModal.classList.remove('show');
 }
 
-// 打开登录二维码模态框
-async function openLoginQrModal() {
-    elements.loginQrModal.classList.add('show');
-    elements.qrLoginStatus.textContent = '正在模拟登录...';
-
+// 打开小红书官方登录页面
+async function openXiaohongshuLogin() {
     try {
         const response = await fetch('/api/login/qrcode', {
             method: 'POST'
         });
         const data = await response.json();
 
-        if (response.ok) {
-            // 显示登录成功信息
-            elements.qrcodeContainer.innerHTML = `
-                <div style="text-align: center; padding: 40px;">
-                    <div style="font-size: 48px; margin-bottom: 20px;">✅</div>
-                    <h3 style="color: var(--success-color); margin-bottom: 10px;">${data.message}</h3>
-                    <p style="color: var(--text-secondary);">登录状态已保存到本地</p>
-                    ${data.expire_in_hours ? `<p style="color: var(--text-muted); font-size: 14px;">有效期：${data.expire_in_hours}小时</p>` : ''}
-                </div>
-            `;
-            elements.qrLoginStatus.textContent = '登录成功！';
+        if (response.ok && data.login_url) {
+            // 打开小红书登录页面
+            window.open(data.login_url, '_blank');
 
-            // 开始检查登录状态
-            checkLoginStatus();
+            // 显示登录说明
+            elements.loginInstructions.style.display = 'block';
+            elements.verifyLoginBtn.style.display = 'inline-block';
 
-            // 3秒后自动关闭
-            setTimeout(() => {
-                closeLoginQrModal();
-                closeAccountModal();
-                showToast('登录成功', 'success');
-            }, 3000);
+            showToast('已打开小红书登录页面，请扫码登录', 'info');
         } else {
-            elements.qrcodeContainer.innerHTML = '<p style="color: var(--error-color);">登录失败</p>';
-            elements.qrLoginStatus.textContent = '登录失败';
+            showToast('获取登录页面失败', 'error');
         }
     } catch (error) {
-        elements.qrcodeContainer.innerHTML = '<p style="color: var(--error-color);">网络错误</p>';
-        elements.qrLoginStatus.textContent = '网络错误';
+        showToast('网络错误', 'error');
     }
 }
 
-// 关闭登录二维码模态框
-function closeLoginQrModal() {
-    elements.loginQrModal.classList.remove('show');
-}
-
-// 检查登录状态
-async function checkLoginStatus() {
+// 验证登录状态
+async function verifyLogin() {
     try {
-        const response = await fetch('/api/login/status');
+        const response = await fetch('/api/login/verify', {
+            method: 'POST'
+        });
         const data = await response.json();
 
-        if (data.logged_in) {
-            elements.qrLoginStatus.textContent = '登录成功！';
-            setTimeout(() => {
-                closeLoginQrModal();
-                closeAccountModal();
-                updateLoginStatus(true, data.login_time, data.expire_time);
-                showToast('登录成功', 'success');
-            }, 1000);
+        if (data.success) {
+            // 登录成功
+            updateLoginStatus(true, data.login_time, data.expire_time);
+            elements.loginInstructions.style.display = 'none';
+            elements.verifyLoginBtn.style.display = 'none';
+            closeAccountModal();
+            showToast('登录成功！', 'success');
         } else {
-            // 继续检查
-            setTimeout(checkLoginStatus, 2000);
+            showToast(data.message || '验证失败', 'error');
         }
     } catch (error) {
-        // 网络错误，继续检查
-        setTimeout(checkLoginStatus, 2000);
+        showToast('验证失败', 'error');
     }
 }
 
+
 // 退出登录
 async function logout() {
     try {