61 lines
2.8 KiB
HTML
61 lines
2.8 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}操作日志 - RustProxyAdmin{% endblock %}
|
|
{% block page_title %}操作日志{% endblock %}
|
|
{% block page_desc %}操作审计日志（谁在何时做了什么）{% endblock %}
|
|
{% block content %}
|
|
<div class="toolbar">
|
|
<input id="f-user" placeholder="操作人" style="width:130px">
|
|
<input id="f-action" placeholder="动作" style="width:150px">
|
|
<input id="f-rtype" placeholder="资源类型" style="width:130px">
|
|
<input id="f-from" type="date" style="width:150px">
|
|
<input id="f-to" type="date" style="width:150px">
|
|
<button class="btn" onclick="page=1;load()">筛选</button>
|
|
<button class="btn" onclick="doCleanup()">手动清理</button>
|
|
</div>
|
|
<table class="tbl"><thead><tr>
|
|
<th>ID</th><th>操作人</th><th>动作</th><th>资源</th><th>IP</th><th>详情</th><th>时间</th>
|
|
</tr></thead><tbody id="tbody"></tbody></table>
|
|
<div id="pager"></div>
|
|
<script>
|
|
let page = 1;
|
|
const perPage = 20;
|
|
function qs() {
|
|
const p = new URLSearchParams({ page, page_size: perPage });
|
|
for (const [k, id] of [['user','f-user'],['action','f-action'],['resource_type','f-rtype']]) {
|
|
const v = document.getElementById(id).value.trim();
|
|
if (v) p.set(k, v);
|
|
}
|
|
const f = document.getElementById('f-from').value, t = document.getElementById('f-to').value;
|
|
if (f) p.set('from', f + ' 00:00:00');
|
|
if (t) p.set('to', t + ' 23:59:59');
|
|
return p.toString();
|
|
}
|
|
async function load() {
|
|
const d = await api('GET', '/api/logs/audit?' + qs());
|
|
document.getElementById('tbody').innerHTML = d.items.map(r => `<tr>
|
|
<td>${r.id}</td><td>${esc(r.actor_name || '-')}</td>
|
|
<td class="mono small">${esc(r.action)}</td>
|
|
<td class="small">${r.resource_type ? esc(r.resource_type) + (r.resource_id ? '#' + r.resource_id : '') : '-'}</td>
|
|
<td class="mono small">${esc(r.ip_addr || '-')}</td>
|
|
<td class="small"><button class="btn btn-sm" onclick='showDetail(${JSON.stringify(r.detail || {})})'>查看</button></td>
|
|
<td class="small">${fmtTime(r.created_at)}</td></tr>`).join('');
|
|
renderPager('pager', d.total, page, perPage, p => { page = p; load(); });
|
|
}
|
|
function showDetail(det) {
|
|
openModal('详情', `<pre class="mono small">${esc(JSON.stringify(det, null, 2))}</pre>`, null, null);
|
|
}
|
|
async function doCleanup() {
|
|
openModal('手动清理日志', `
|
|
<label>删除 N 天前的日志<input id="c-days" type="number" value="30" min="1" max="3650"></label>
|
|
<div class="muted">清理 access_logs / subscription_logs / audit_logs</div>`,
|
|
async () => {
|
|
const days = +document.getElementById('c-days').value;
|
|
const d = await api('POST', '/api/logs/cleanup', { days });
|
|
toast(`已清理：访问 ${d.deleted.access_logs} / 订阅 ${d.deleted.subscription_logs} / 审计 ${d.deleted.audit_logs}`);
|
|
load();
|
|
}, '开始清理');
|
|
}
|
|
load();
|
|
</script>
|
|
{% endblock %}
|