new

2026-03-20 16:18:58 +08:00
parent 3bdb055b83
commit 7caff4d72d
6 changed files with 312 additions and 31 deletions
--- a/templates/data_base.html
+++ b/templates/data_base.html
@@ -360,6 +360,18 @@
    </style>
 </head>
 <body>
+    <!-- Password Overlay -->
+    <div id="password-overlay" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--bg-color); z-index: 9999; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(10px);">
+        <div class="card" style="text-align: center; width: 90%; max-width: 400px;">
+            <h2 style="margin-bottom: 20px; color: var(--primary-color);">请输入访问密钥</h2>
+            <div class="form-group">
+                <input type="password" id="secret-input" placeholder="输入密钥" style="text-align: center;">
+            </div>
+            <button onclick="checkSecret()">确认</button>
+            <p id="secret-error" style="color: #ff6b6b; margin-top: 15px; display: none;">密钥错误</p>
+        </div>
+    </div>
+
    <div class="container">
        <h1>数据库管理</h1>
        
@@ -410,6 +422,68 @@
    <div id="message"></div>

    <script>
+        document.addEventListener('DOMContentLoaded', checkAuthStatus);
+
+        async function checkAuthStatus() {
+            try {
+                const res = await fetch('/api/admin/check-auth');
+                const data = await res.json();
+                
+                if (data.authenticated) {
+                    hideOverlay();
+                } else {
+                    showOverlay();
+                }
+            } catch (e) {
+                showOverlay();
+            }
+        }
+
+        function showOverlay() {
+            document.getElementById('password-overlay').style.display = 'flex';
+        }
+
+        function hideOverlay() {
+            const overlay = document.getElementById('password-overlay');
+            overlay.style.opacity = '0';
+            setTimeout(() => {
+                overlay.style.display = 'none';
+            }, 500);
+        }
+
+        async function checkSecret() {
+            const input = document.getElementById('secret-input');
+            const error = document.getElementById('secret-error');
+            const password = input.value;
+            
+            try {
+                const res = await fetch('/api/admin/login', {
+                    method: 'POST',
+                    headers: {'Content-Type': 'application/json'},
+                    body: JSON.stringify({password: password})
+                });
+                const data = await res.json();
+                
+                if (data.success) {
+                    error.style.display = 'none';
+                    hideOverlay();
+                } else {
+                    error.style.display = 'block';
+                    input.value = '';
+                    input.focus();
+                }
+            } catch (e) {
+                error.textContent = '网络错误';
+                error.style.display = 'block';
+            }
+        }
+
+        document.getElementById('secret-input').addEventListener('keypress', function (e) {
+            if (e.key === 'Enter') {
+                checkSecret();
+            }
+        });
+
        let currentTable = '';
        let currentPage = 1;
        let pageSize = 50;