From d08f006680714f2dc04ff85126c71dedd1dd8863 Mon Sep 17 00:00:00 2001
From: zhaoruhui <national_zrh@163.com>
Date: Fri, 7 Nov 2025 11:56:55 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hcdbqb-management.html                 | 140 ++++++++++++-
 login-management.html                  | 351 +++++++++++++++++++++++++++++++++
 node_modules/.vite/deps/_metadata.json |  10 +-
 3 files changed, 494 insertions(+), 7 deletions(-)
 create mode 100644 login-management.html
diff --git a/hcdbqb-management.html b/hcdbqb-management.html
index 880b0a3..df1d809 100644
--- a/hcdbqb-management.html
+++ b/hcdbqb-management.html
@@ -185,10 +185,57 @@
     table td {
       text-align: center;
     }
+
+    /* 登录验证样式 */
+    #loginCheckModal {
+      display: none;
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.7);
+      align-items: center;
+      justify-content: center;
+      z-index: 99999;
+    }
+
+    #loginCheckModal .dialog {
+      background: #fff;
+      padding: 30px;
+      border-radius: 12px;
+      width: 90%;
+      max-width: 400px;
+      text-align: center;
+      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
+    }
+
+    #loginCheckModal h3 {
+      margin: 0 0 16px;
+      color: #e74c3c;
+      font-size: 20px;
+    }
+
+    #loginCheckModal p {
+      margin: 0 0 24px;
+      color: #666;
+      line-height: 1.5;
+    }
+
+    #loginCheckModal .btn {
+      padding: 10px 20px;
+      font-size: 16px;
+    }
   </style>
 </head>
 
 <body>
+  <!-- 登录验证模态框 -->
+  <div id="loginCheckModal">
+    <div class="dialog">
+      <h3>访问被拒绝</h3>
+      <p>您尚未登录或登录已过期，请先登录系统。</p>
+      <button class="btn primary" id="goToLoginBtn">前往登录页面</button>
+    </div>
+  </div>
+
   <div class="card">
     <table aria-describedby="tableDesc">
       <thead>
@@ -244,6 +291,49 @@
   <div id="toast" class="toast"></div>
   <script type="module">
     import { getMemberListApi, updateMemberStateApi, editMemberNoteApi } from './src/api/member.js'
+
+    // 登录验证函数
+    function checkLoginStatus() {
+      const isLoggedIn = localStorage.getItem('isLoggedIn') === 'true';
+      const loginTime = parseInt(localStorage.getItem('loginTime'));
+      const currentTime = new Date().getTime();
+      const hoursDiff = (currentTime - loginTime) / (1000 * 60 * 60);
+
+      // 检查是否登录且登录时间在24小时内
+      if (!isLoggedIn || hoursDiff >= 24) {
+        // 清除过期的登录状态
+        localStorage.removeItem('isLoggedIn');
+        localStorage.removeItem('loginTime');
+        return false;
+      }
+      return true;
+    }
+
+    // 显示登录验证模态框
+    function showLoginCheckModal() {
+      const modal = document.getElementById('loginCheckModal');
+      modal.style.display = 'flex';
+    }
+
+    // 隐藏登录验证模态框
+    function hideLoginCheckModal() {
+      const modal = document.getElementById('loginCheckModal');
+      modal.style.display = 'none';
+    }
+
+    // 跳转到登录页面
+    function redirectToLogin() {
+      window.location.href = 'login-management.html';
+    }
+
+    // 检查登录状态
+    if (!checkLoginStatus()) {
+      showLoginCheckModal();
+    }
+
+    // 绑定前往登录页面按钮事件
+    document.getElementById('goToLoginBtn').addEventListener('click', redirectToLogin);
+
     let state = {
       pageSize: 20,
       currentPage: 1,
@@ -273,6 +363,12 @@
       setTimeout(() => toastEl.classList.remove("show"), 1000);
     }
     async function fetchPage(page, pageSize) {
+      // 每次请求数据前都检查登录状态
+      if (!checkLoginStatus()) {
+        showLoginCheckModal();
+        return;
+      }
+
       try {
         const res = await getMemberListApi({
           page: page,
@@ -335,6 +431,12 @@
     }
 
     tableBody.addEventListener("click", async (e) => {
+      // 每次操作前检查登录状态
+      if (!checkLoginStatus()) {
+        showLoginCheckModal();
+        return;
+      }
+
       // WhatsApp跳转
       const whatsappBtn = e.target.closest('[data-action="whatsapp"]');
       if (whatsappBtn) {
@@ -399,6 +501,12 @@
 
     // ---------- 备注模态相关 ----------
     function openNoteModal(id) {
+      // 打开模态框前检查登录状态
+      if (!checkLoginStatus()) {
+        showLoginCheckModal();
+        return;
+      }
+
       const item = state.items.find((it) => String(it.id) === String(id));
       if (!item) return;
       editingRowId = id;
@@ -415,6 +523,12 @@
     noteCancelBtn.addEventListener("click", closeNoteModal);
 
     noteSaveBtn.addEventListener("click", async () => {
+      // 保存前检查登录状态
+      if (!checkLoginStatus()) {
+        showLoginCheckModal();
+        return;
+      }
+
       if (!editingRowId) return closeNoteModal();
       const newNote = noteTextarea.value.trim();
       const item = state.items.find((it) => String(it.id) === String(editingRowId));
@@ -481,6 +595,12 @@
     }
 
     paginationEl.addEventListener("click", (e) => {
+      // 分页操作前检查登录状态
+      if (!checkLoginStatus()) {
+        showLoginCheckModal();
+        return;
+      }
+
       const btn = e.target.closest("button");
       if (!btn) return;
       const action = btn.getAttribute("data-action");
@@ -501,6 +621,12 @@
 
     // 每页条数变更
     pageSizeSelect.addEventListener("change", () => {
+      // 操作前检查登录状态
+      if (!checkLoginStatus()) {
+        showLoginCheckModal();
+        return;
+      }
+
       const newSize = parseInt(pageSizeSelect.value, 10);
       state.pageSize = newSize;
       state.currentPage = 1;
@@ -509,6 +635,12 @@
     });
 
     async function update() {
+      // 更新数据前检查登录状态
+      if (!checkLoginStatus()) {
+        showLoginCheckModal();
+        return;
+      }
+
       const p = Math.max(1, state.currentPage);
       state.currentPage = p;
       await fetchPage(state.currentPage, state.pageSize);
@@ -526,8 +658,12 @@
         .replace(/'/g, "&#39;");
     }
 
-    // 首次渲染
-    update();
+    // 首次渲染 - 检查登录状态
+    if (checkLoginStatus()) {
+      update();
+    } else {
+      showLoginCheckModal();
+    }
   </script>
 </body>
 
diff --git a/login-management.html b/login-management.html
new file mode 100644
index 0000000..8eb3416
--- /dev/null
+++ b/login-management.html
@@ -0,0 +1,351 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>系统登录</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
+        }
+
+        body {
+            background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+            padding: 20px;
+        }
+
+        .login-container {
+            background-color: white;
+            border-radius: 12px;
+            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+            width: 100%;
+            max-width: 420px;
+            padding: 40px 30px;
+            transition: transform 0.3s ease;
+        }
+
+        .login-container:hover {
+            transform: translateY(-5px);
+        }
+
+        .login-header {
+            text-align: center;
+            margin-bottom: 30px;
+        }
+
+        .login-header h1 {
+            color: #333;
+            font-size: 28px;
+            margin-bottom: 8px;
+        }
+
+        .login-header p {
+            color: #666;
+            font-size: 16px;
+        }
+
+        .form-group {
+            margin-bottom: 20px;
+        }
+
+        label {
+            display: block;
+            margin-bottom: 8px;
+            color: #555;
+            font-weight: 500;
+        }
+
+        input {
+            width: 100%;
+            padding: 14px 16px;
+            border: 1px solid #ddd;
+            border-radius: 8px;
+            font-size: 16px;
+            transition: all 0.3s;
+        }
+
+        input:focus {
+            border-color: #4a90e2;
+            box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);
+            outline: none;
+        }
+
+        .error-message {
+            color: #e74c3c;
+            font-size: 14px;
+            margin-top: 5px;
+            display: none;
+        }
+
+        .login-button {
+            background: linear-gradient(to right, #6a11cb, #2575fc);
+            color: white;
+            border: none;
+            border-radius: 8px;
+            padding: 14px;
+            font-size: 16px;
+            font-weight: 600;
+            cursor: pointer;
+            width: 100%;
+            transition: all 0.3s;
+            margin-top: 10px;
+        }
+
+        .login-button:hover {
+            background: linear-gradient(to right, #5a0db5, #1c68e8);
+            box-shadow: 0 5px 15px rgba(37, 117, 252, 0.4);
+        }
+
+        .login-button:active {
+            transform: scale(0.98);
+        }
+
+        .login-footer {
+            text-align: center;
+            margin-top: 25px;
+            color: #777;
+            font-size: 14px;
+        }
+
+        .alert {
+            padding: 12px 16px;
+            border-radius: 8px;
+            margin-bottom: 20px;
+            display: none;
+        }
+
+        .alert-error {
+            background-color: #ffebee;
+            color: #c62828;
+            border: 1px solid #ffcdd2;
+        }
+
+        .alert-success {
+            background-color: #e8f5e9;
+            color: #2e7d32;
+            border: 1px solid #c8e6c9;
+        }
+
+        .password-requirements {
+            font-size: 12px;
+            color: #777;
+            margin-top: 5px;
+        }
+
+        .input-error {
+            border-color: #e74c3c;
+            box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.2);
+        }
+    </style>
+</head>
+
+<body>
+    <div class="login-container">
+        <div class="login-header">
+            <h1>系统登录</h1>
+            <p>请输入您的账号和密码</p>
+        </div>
+
+        <div id="usernameAlert" class="alert alert-error">
+            账号不存在，请检查后重试！
+        </div>
+
+        <div id="passwordAlert" class="alert alert-error">
+            密码错误，请检查后重试！
+        </div>
+
+        <form id="loginForm">
+            <div class="form-group">
+                <label for="username">账号</label>
+                <input type="text" id="username" name="username" placeholder="请输入账号" required>
+                <div class="error-message" id="usernameError">账号不能为空</div>
+            </div>
+
+            <div class="form-group">
+                <label for="password">密码</label>
+                <input type="password" id="password" name="password" placeholder="请输入密码" required>
+                <div class="error-message" id="passwordError">密码不能为空</div>
+                <div class="password-requirements">密码必须为8位数字</div>
+            </div>
+
+            <button type="submit" class="login-button">登录</button>
+        </form>
+    </div>
+
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+            const loginForm = document.getElementById('loginForm');
+            const usernameInput = document.getElementById('username');
+            const passwordInput = document.getElementById('password');
+            const usernameError = document.getElementById('usernameError');
+            const passwordError = document.getElementById('passwordError');
+            const usernameAlert = document.getElementById('usernameAlert');
+            const passwordAlert = document.getElementById('passwordAlert');
+
+            // 正确的账号和密码
+            const CORRECT_USERNAME = 'admin';
+            const CORRECT_PASSWORD = '20251107';
+
+            // 表单提交事件
+            loginForm.addEventListener('submit', function (e) {
+                e.preventDefault();
+
+                // 重置错误状态
+                resetErrors();
+
+                // 获取表单数据
+                const username = usernameInput.value.trim();
+                const password = passwordInput.value.trim();
+
+                // 表单验证
+                let isValid = true;
+
+                if (!username) {
+                    showError(usernameError, '账号不能为空');
+                    usernameInput.classList.add('input-error');
+                    isValid = false;
+                }
+
+                if (!password) {
+                    showError(passwordError, '密码不能为空');
+                    passwordInput.classList.add('input-error');
+                    isValid = false;
+                } else if (!/^\d{8}$/.test(password)) {
+                    showError(passwordError, '密码必须为8位数字');
+                    passwordInput.classList.add('input-error');
+                    isValid = false;
+                }
+
+                // 如果验证通过，尝试登录
+                if (isValid) {
+                    // 验证账号密码
+                    if (username === CORRECT_USERNAME && password === CORRECT_PASSWORD) {
+                        // 登录成功，保存登录状态
+                        localStorage.setItem('isLoggedIn', 'true');
+                        localStorage.setItem('loginTime', new Date().getTime());
+
+                        // 显示成功消息（短暂显示后跳转）
+                        showSuccessMessage();
+
+                        // 延迟跳转，让用户看到成功消息
+                        setTimeout(function () {
+                            window.location.href = 'hcdbqb-management.html';
+                        }, 1000);
+                    } else {
+                        // 登录失败，明确提示是账号还是密码错误
+                        if (username !== CORRECT_USERNAME) {
+                            usernameAlert.style.display = 'block';
+                            usernameInput.classList.add('input-error');
+                            usernameInput.focus();
+                        } else {
+                            passwordAlert.style.display = 'block';
+                            passwordInput.classList.add('input-error');
+                            passwordInput.value = '';
+                            passwordInput.focus();
+                        }
+                    }
+                }
+            });
+
+            // 实时验证
+            usernameInput.addEventListener('blur', function () {
+                if (!this.value.trim()) {
+                    showError(usernameError, '账号不能为空');
+                    this.classList.add('input-error');
+                } else {
+                    hideError(usernameError);
+                    this.classList.remove('input-error');
+                }
+            });
+
+            passwordInput.addEventListener('blur', function () {
+                const password = this.value.trim();
+                if (!password) {
+                    showError(passwordError, '密码不能为空');
+                    this.classList.add('input-error');
+                } else if (!/^\d{8}$/.test(password)) {
+                    showError(passwordError, '密码必须为8位数字');
+                    this.classList.add('input-error');
+                } else {
+                    hideError(passwordError);
+                    this.classList.remove('input-error');
+                }
+            });
+
+            // 输入时隐藏错误提示
+            usernameInput.addEventListener('input', function () {
+                hideError(usernameError);
+                hideAlert(usernameAlert);
+                this.classList.remove('input-error');
+            });
+
+            passwordInput.addEventListener('input', function () {
+                hideError(passwordError);
+                hideAlert(passwordAlert);
+                this.classList.remove('input-error');
+            });
+
+            // 辅助函数
+            function showError(element, message) {
+                element.textContent = message;
+                element.style.display = 'block';
+            }
+
+            function hideError(element) {
+                element.style.display = 'none';
+            }
+
+            function hideAlert(alertElement) {
+                alertElement.style.display = 'none';
+            }
+
+            function resetErrors() {
+                hideError(usernameError);
+                hideError(passwordError);
+                hideAlert(usernameAlert);
+                hideAlert(passwordAlert);
+                usernameInput.classList.remove('input-error');
+                passwordInput.classList.remove('input-error');
+            }
+
+            function showSuccessMessage() {
+                // 临时创建一个成功提示
+                const successAlert = document.createElement('div');
+                successAlert.className = 'alert alert-success';
+                successAlert.textContent = '登录成功，正在跳转...';
+                usernameAlert.parentNode.insertBefore(successAlert, usernameAlert);
+                successAlert.style.display = 'block';
+
+                // 移除错误提示（如果有）
+                hideAlert(usernameAlert);
+                hideAlert(passwordAlert);
+            }
+
+            // 检查是否已经登录（如果已经登录，直接跳转）
+            if (localStorage.getItem('isLoggedIn') === 'true') {
+                // 检查登录时间，如果超过24小时需要重新登录
+                const loginTime = parseInt(localStorage.getItem('loginTime'));
+                const currentTime = new Date().getTime();
+                const hoursDiff = (currentTime - loginTime) / (1000 * 60 * 60);
+
+                if (hoursDiff < 24) {
+                    window.location.href = 'hcdbqb-management.html';
+                } else {
+                    // 超过24小时，清除登录状态
+                    localStorage.removeItem('isLoggedIn');
+                    localStorage.removeItem('loginTime');
+                }
+            }
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/node_modules/.vite/deps/_metadata.json b/node_modules/.vite/deps/_metadata.json
index e30e855..bdbfc58 100644
--- a/node_modules/.vite/deps/_metadata.json
+++ b/node_modules/.vite/deps/_metadata.json
@@ -1,19 +1,19 @@
 {
-  "hash": "132e41bd",
-  "configHash": "66355eb0",
+  "hash": "47fcfab9",
+  "configHash": "552716b1",
   "lockfileHash": "f3cca4f5",
-  "browserHash": "6fca54e6",
+  "browserHash": "46530ac8",
   "optimized": {
     "axios": {
       "src": "../../axios/index.js",
       "file": "axios.js",
-      "fileHash": "28c0a575",
+      "fileHash": "07aee995",
       "needsInterop": false
     },
     "qs": {
       "src": "../../qs/lib/index.js",
       "file": "qs.js",
-      "fileHash": "7572a39a",
+      "fileHash": "29e808bb",
       "needsInterop": true
     }
   },
