操作日志 - 实验室智能台账系�?/title> <link rel="stylesheet" href="/assets/styles/variables.css"> <link rel="stylesheet" href="/assets/styles/common.css"> <link rel="stylesheet" href="/assets/styles/theme-switcher.css"> <style> .container{max-width:1100px;margin:0 auto;padding:24px} .log-item{background:var(--bg-card);border-radius:8px;padding:16px;margin-bottom:12px;border:1px solid var(--border-color);display:flex;align-items:center;gap:16px} .log-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0} .log-icon.promote{background:rgba(34,197,94,.2)} .log-icon.demote{background:rgba(239,68,68,.2)} .log-content{flex:1} .log-action{font-weight:600;margin-bottom:4px} .log-meta{font-size:.85rem;color:var(--text-secondary)} .log-time{text-align:right;color:var(--text-muted);font-size:.8rem;white-space:nowrap} .filter-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center} </style> </head> <body> <header class="header"> <div style="display:flex;align-items:center;gap:12px;"> <a href="admin-management.html" class="back-btn">�?返回</a> <h1>📋 管理员操作日�?/h1> </div> <div class="header-info"> <button class="btn btn-sm btn-secondary" onclick="authService.logout()" id="btnLogout">退�?/button> </div> </header> <div class="container"> <div class="page-header" style="background:var(--bg-card);border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid var(--border-color);"> <h2 style="margin-bottom:4px;">操作记录</h2> <p style="color:var(--text-secondary);font-size:.9rem;">查看所有管理员权限变更记录</p> </div> <div class="filter-bar"> <select id="actionFilter" onchange="renderLogs()" style="padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;"> <option value="all">全部操作</option> <option value="promote_to_admin">提升为管理员</option> <option value="demote_from_admin">降级管理�?/option> </select> <input type="date" id="dateFilter" onchange="renderLogs()" style="padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);"> </div> <div id="logsList"></div> </div> <script src="/core/auth/auth.js"></script> <script src="/core/storage.js"></script> <script src="/core/auth/auth-service.js"></script> <script src="/shared/ui/toast.js"></script> <script src="/config/themes.js"></script> <script src="/core/services/theme-service.js"></script> <script src="/shared/theme-switcher.js"></script> <script> var allLogs = []; function init() { if (!authService.getCurrentUser()) { window.location.href = '/login.html'; return; } if (typeof initThemeSwitcher === 'function') initThemeSwitcher(); loadLogs(); } async function loadLogs() { try { var raw = localStorage.getItem('admin_action_logs'); allLogs = raw ? JSON.parse(raw) : []; // 也尝试从 KV 获取 try { var kvLogs = await window.storage.get('admin_action_logs'); if (kvLogs && Array.isArray(kvLogs) && kvLogs.length > allLogs.length) { allLogs = kvLogs; } } catch(e) { /* ignore */ } renderLogs(); } catch(e) { document.getElementById('logsList').innerHTML = '<div style="text-align:center;padding:60px;color:var(--text-secondary);"><div style="font-size:3rem;margin-bottom:16px;">📋</div><p>暂无操作记录</p></div>'; } } function renderLogs() { var container = document.getElementById('logsList'); var actionFilter = document.getElementById('actionFilter').value; var dateFilter = document.getElementById('dateFilter').value; var filtered = allLogs; if (actionFilter !== 'all') filtered = filtered.filter(function(l) { return l.action === actionFilter; }); if (dateFilter) filtered = filtered.filter(function(l) { return (l.timestamp || '').split('T')[0] === dateFilter; }); filtered = filtered.slice().reverse(); if (filtered.length === 0) { container.innerHTML = '<div style="text-align:center;padding:60px;color:var(--text-secondary);"><div style="font-size:3rem;margin-bottom:16px;">📋</div><p>暂无匹配记录</p></div>'; return; } container.innerHTML = filtered.map(function(l) { var actionName = l.action === 'promote_to_admin' ? '提升为管理员' : '降级管理�?; var icon = l.action === 'promote_to_admin' ? '⬆️' : '⬇️'; var iconClass = l.action === 'promote_to_admin' ? 'promote' : 'demote'; var date = new Date(l.timestamp); return '<div class="log-item">' + '<div class="log-icon ' + iconClass + '">' + icon + '</div>' + '<div class="log-content">' + '<div class="log-action">' + actionName + ': ' + esc(l.targetUserName) + '</div>' + '<div class="log-meta">操作�? ' + esc(l.operatorId) + (l.newRole ? ' · 新角�? ' + l.newRole : '') + '</div>' + '</div>' + '<div class="log-time">' + date.toLocaleString('zh-CN') + '</div>' + '</div>'; }).join(''); } function esc(s) { if (!s) return ''; var d = document.createElement('div'); d.textContent = s; return d.innerHTML; } init(); </script> </body> </html>