新增访问记录(仅超管): 登录成功/失败/退出/账号操作审计含IP, 顶栏入口在账号管理旁, 弹框展示+可清空

2026-08-27 16:14:34 +08:00
parent affb22a637
commit 932781a55e
3 changed files with 83 additions and 4 deletions
@@ -86,6 +86,8 @@ tr.today:hover td{background:#fde68a!important}
 #detailModal.hidden{display:none}
 #userModal{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:8;display:flex;align-items:center;justify-content:center}
 #userModal.hidden{display:none}
+#accessModal{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:8;display:flex;align-items:center;justify-content:center}
+#accessModal.hidden{display:none}
 </style>
 </head>
 <body>
@@ -93,6 +95,7 @@ tr.today:hover td{background:#fde68a!important}
  <b>📋 招聘数据后台</b><span id="whoami" style="color:#94a3b8;font-size:12px"></span>
  <span class="sp"></span>
  <button id="userMgrBtn" class="hidden" onclick="openUserModal()">账号管理</button>
+  <button id="accessLogBtn" class="hidden" onclick="openAccessModal()">访问记录</button>
  <button id="logoutBtn" class="hidden" onclick="logout()">退出登录</button>
 </div>
 <div class="wrap">
@@ -178,8 +181,20 @@ tr.today:hover td{background:#fde68a!important}
    <tbody id="utable"></tbody></table>
    <div style="color:var(--sub);font-size:12px;margin-top:8px">提示：停用后该账号无法登录，已登录的会话在下次请求时失效；启用后恢复。</div>
  </div>
+</div>
+<div id="accessModal" onclick="if(event.target===this)this.classList.add('hidden')" class="hidden">
+  <div class="panel" style="width:820px;max-width:94vw;max-height:88vh;overflow:auto">
+    <h3>访问记录（最近500条）
+      <span style="float:right">
+        <button class="btn sub small" onclick="clearAccessLog()">清空</button>
+        <button class="btn sub small" onclick="document.getElementById('accessModal').classList.add('hidden')">关闭</button>
+      </span>
+    </h3>
+    <table><thead><tr><th>时间</th><th>用户</th><th>动作</th><th>说明</th><th>IP</th></tr></thead>
+    <tbody id="alogBody"></tbody></table>
  </div>
 </div>
+</div>
 <div id="detailModal" onclick="if(event.target===this)this.classList.add('hidden')" class="hidden">
  <div class="panel detail" style="width:820px;max-width:94vw;max-height:88vh;overflow:auto" id="detailBody"></div>
 </div>
@@ -231,7 +246,7 @@ async function logout(){await api('/api/logout',{method:'POST'});location.reload
 async function enter(m){
  me=m;$('loginBox').classList.add('hidden');$('main').classList.remove('hidden');$('logoutBtn').classList.remove('hidden');
  $('whoami').textContent=`${m.username} · ${m.role==='super'?'超管':'HR'}`;
-  if(m.role==='super'){$('userMgrBtn').classList.remove('hidden')}
+  if(m.role==='super'){$('userMgrBtn').classList.remove('hidden');$('accessLogBtn').classList.remove('hidden')}
  loadStats().catch(e=>dataErr(e));loadList(1).catch(e=>dataErr(e));
 }
 function dataErr(e){
@@ -366,6 +381,23 @@ async function addUser(){
  try{await api('/api/users',{method:'POST',body:JSON.stringify({username:$('nu_user').value,password:$('nu_pass').value})});toast('已创建');$('nu_user').value=$('nu_pass').value='';loadUsers()}
  catch(e){toast(e.message)}
 }
+async function openAccessModal(){
+  $('accessModal').classList.remove('hidden');
+  loadAccessLog().catch(()=>toast('访问记录加载失败'));
+}
+async function loadAccessLog(){
+  const list=await api('/api/access-log');
+  const actNames={login_ok:['登录成功','rec'],login_fail:['登录失败','irr'],logout:['退出','no'],register_super:['初始化超管','yes'],user_create:['创建账号','yes'],user_toggle:['停用/启用','maybe'],user_resetpwd:['重置密码','maybe'],log_clear:['清空记录','maybe']};
+  $('alogBody').innerHTML=list.length?list.map(l=>`<tr>
+    <td>${esc(l.created_at)}</td><td><b>${esc(l.username)||'-'}</b></td>
+    <td><span class="tag ${(actNames[l.action]||['','no'])[1]}">${(actNames[l.action]||[l.action,'no'])[0]}</span></td>
+    <td>${esc(l.detail)||'-'}</td><td style="color:var(--sub)">${esc(l.ip)||'-'}</td></tr>`).join('')
+    :'<tr><td colspan="5" style="text-align:center;color:var(--sub)">暂无记录</td></tr>';
+}
+async function clearAccessLog(){
+  if(!confirm('确定清空全部访问记录吗？此操作不可恢复'))return;
+  try{await api('/api/access-log/clear',{method:'POST'});toast('已清空');loadAccessLog()}catch(e){toast(e.message)}
+}
 async function toggleUser(id,name,disabled){
  const verb=disabled?'启用':'停用';
  if(!confirm(`确定${verb}账号「${name}」吗？`))return;
@@ -106,6 +106,13 @@ const sleep = (ms) => new Promise(r => setTimeout(r, ms));
  await p.screenshot({ path: '/tmp/smoke-shots/04-users.png' });
  await p.evaluate(() => document.getElementById('userModal').classList.add('hidden'));

+  console.log('== 7b. 访问记录(超管) ==');
+  ok('顶栏访问记录入口可见', await $('#accessLogBtn').isVisible());
+  await p.evaluate(() => openAccessModal()); await sleep(600);
+  const alogText = await p.evaluate(() => document.getElementById('alogBody').innerText);
+  ok('访问记录含本次登录', alogText.includes('登录成功') && alogText.includes(SU));
+  await p.evaluate(() => document.getElementById('accessModal').classList.add('hidden'));
+
  console.log('== 8. 退出 → HR登录 ==');
  await p.evaluate(() => logout()); await sleep(800);
  await p.goto(BASE + '/', { waitUntil: 'networkidle' });
@@ -113,6 +120,9 @@ const sleep = (ms) => new Promise(r => setTimeout(r, ms));
  await $('#loginBtn').click(); await sleep(900);
  ok('HR进入主界面', await $('#main').isVisible());
  ok('HR看不到账号管理入口', await p.evaluate(() => getComputedStyle(document.getElementById('userMgrBtn')).display === 'none'));
+  ok('HR看不到访问记录入口', await p.evaluate(() => getComputedStyle(document.getElementById('accessLogBtn')).display === 'none'));
+  const alogForbidden = await p.evaluate(async () => (await fetch('/api/access-log')).status);
+  ok('HR访问记录API被403拦截', alogForbidden === 403);
  const forbidden = await p.evaluate(async () => {
    const r = await fetch('/api/users'); return r.status;
  });
@@ -43,8 +43,24 @@ udb.exec(`CREATE TABLE IF NOT EXISTS users (
  created_at TEXT NOT NULL DEFAULT (datetime('now','localtime')),
  last_login_at TEXT
 )`);
+udb.exec(`CREATE TABLE IF NOT EXISTS access_log (
+  id INTEGER PRIMARY KEY AUTOINCREMENT,
+  username TEXT NOT NULL,
+  action TEXT NOT NULL,
+  detail TEXT DEFAULT '',
+  ip TEXT DEFAULT '',
+  created_at TEXT NOT NULL DEFAULT (datetime('now','localtime'))
+)`);
 const userCount = () => udb.prepare('SELECT COUNT(*) c FROM users').get().c;

+// 访问/审计日志(仅超管可查)
+function logAccess(req, username, action, detail = '') {
+  try {
+    const ip = String(req.headers['x-forwarded-for'] || '').split(',')[0].trim() || req.socket.remoteAddress || '';
+    udb.prepare('INSERT INTO access_log (username, action, detail, ip) VALUES (?,?,?,?)').run(username, action, detail, ip);
+  } catch (_) { /* 记日志失败不影响业务 */ }
+}
+
 // ---------- 招聘库(读快照,不直读活库) ----------
 // 活库是 WAL 模式且被 Hermes 持续写入,直接单文件挂载读会在 checkpoint 期间报
 // "database disk image is malformed"。改为定期 VACUUM INTO 生成一致性快照再读。
@@ -111,19 +127,26 @@ app.post('/api/register', (req, res) => {          // 仅无任何账号时开
    return res.status(400).json({ error: '用户名至少2位,密码至少6位' });
  const info = udb.prepare('INSERT INTO users (username, password, role) VALUES (?, ?, ?)')
    .run(String(username).trim(), hashPassword(String(password)), 'super');
+  logAccess(req, String(username).trim(), 'register_super', '首个账号成为超管');
  res.json({ ok: true, role: 'super', id: info.lastInsertRowid });
 });
 app.post('/api/login', (req, res) => {
  const { username, password } = req.body || {};
  const u = udb.prepare('SELECT * FROM users WHERE username = ?').get(String(username || '').trim());
-  if (!u || !verifyPassword(String(password || ''), u.password)) return res.status(401).json({ error: '用户名或密码错误' });
-  if (u.disabled) return res.status(403).json({ error: '账号已停用' });
+  if (!u || !verifyPassword(String(password || ''), u.password)) {
+    logAccess(req, String(username || ''), 'login_fail', '用户名或密码错误');
+    return res.status(401).json({ error: '用户名或密码错误' });
+  }
+  if (u.disabled) { logAccess(req, u.username, 'login_fail', '账号已停用'); return res.status(403).json({ error: '账号已停用' }); }
  udb.prepare("UPDATE users SET last_login_at = datetime('now','localtime') WHERE id = ?").run(u.id);
+  logAccess(req, u.username, 'login_ok');
  res.setHeader('Set-Cookie', `session=${signSid(newSession(u.id, u.role))}; HttpOnly; Path=/; SameSite=Lax; Max-Age=${SESSION_HOURS * 3600}`);
  res.json({ ok: true, username: u.username, role: u.role });
 });
 app.post('/api/logout', (req, res) => {
  const sid = parseSid(req.headers.cookie);
+  const me = authUser(req);
+  if (me) logAccess(req, me.username, 'logout');
  if (sid) sessions.delete(sid);
  res.setHeader('Set-Cookie', 'session=; HttpOnly; Path=/; Max-Age=0');
  res.json({ ok: true });
@@ -237,8 +260,9 @@ app.post('/api/users', requireAuth, requireSuper, (req, res) => {
  const { username, password } = req.body || {};
  if (!username || !password || String(password).length < 6) return res.status(400).json({ error: '用户名必填,密码至少6位' });
  try {
-    const info = udb.prepare("INSERT INTO users (username, password, role) VALUES (?, ?, 'hr')")
+    const info = udb.prepare('INSERT INTO users (username, password, role) VALUES (?, ?, "hr")')
      .run(String(username).trim(), hashPassword(String(password)));
+    logAccess(req, req.user.username, 'user_create', `创建 ${String(username).trim()}`);
    res.json({ ok: true, id: info.lastInsertRowid });
  } catch (e) {
    res.status(400).json({ error: '用户名已存在' });
@@ -249,13 +273,26 @@ app.post('/api/users/:id/toggle', requireAuth, requireSuper, (req, res) => {
  if (!u) return res.status(404).json({ error: '不存在' });
  if (u.role === 'super' && !u.disabled) return res.status(400).json({ error: '不能停用自己的超管账号' });
  udb.prepare('UPDATE users SET disabled = ? WHERE id = ?').run(u.disabled ? 0 : 1, u.id);
+  logAccess(req, req.user.username, 'user_toggle', `${u.disabled ? '启用' : '停用'} ${u.username}`);
  res.json({ ok: true, disabled: u.disabled ? 0 : 1 });
 });
 app.post('/api/users/:id/resetpwd', requireAuth, requireSuper, (req, res) => {
  const { password } = req.body || {};
  if (!password || String(password).length < 6) return res.status(400).json({ error: '密码至少6位' });
+  const u = udb.prepare('SELECT username FROM users WHERE id = ?').get(req.params.id);
  const info = udb.prepare('UPDATE users SET password = ? WHERE id = ?').run(hashPassword(String(password)), req.params.id);
  if (!info.changes) return res.status(404).json({ error: '不存在' });
+  logAccess(req, req.user.username, 'user_resetpwd', `重置 ${u ? u.username : req.params.id} 密码`);
+  res.json({ ok: true });
+});
+
+// ---------- 访问记录(超管) ----------
+app.get('/api/access-log', requireAuth, requireSuper, (req, res) => {
+  res.json(udb.prepare('SELECT id, username, action, detail, ip, created_at FROM access_log ORDER BY id DESC LIMIT 500').all());
+});
+app.post('/api/access-log/clear', requireAuth, requireSuper, (req, res) => {
+  udb.prepare('DELETE FROM access_log').run();
+  logAccess(req, req.user.username, 'log_clear', '清空访问记录');
  res.json({ ok: true });
 });