59 lines
2.8 KiB
HTML
59 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-node" type="number" placeholder="节点 ID" style="width:110px">
|
|
<select id="f-rtype"><option value="">全部类型</option><option value="proxy">proxy</option><option value="forward">forward</option><option value="tunnel">tunnel</option></select>
|
|
<input id="f-rid" type="number" placeholder="条目 ID" style="width:110px">
|
|
<input id="f-ip" placeholder="客户端 IP" style="width:140px">
|
|
<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="doExport()">导出 CSV</button>
|
|
</div>
|
|
<table class="tbl"><thead><tr>
|
|
<th>ID</th><th>节点</th><th>类型</th><th>条目</th><th>客户端 IP</th>
|
|
<th>开始</th><th>结束</th><th class="num">上行</th><th class="num">下行</th><th>状态</th>
|
|
</tr></thead><tbody id="tbody"></tbody></table>
|
|
<div id="pager"></div>
|
|
<script>
|
|
let page = 1;
|
|
const perPage = 20;
|
|
function qs(exportMode) {
|
|
const p = new URLSearchParams();
|
|
if (!exportMode) { p.set('page', page); p.set('page_size', perPage); }
|
|
const v = id => document.getElementById(id).value.trim();
|
|
if (v('f-node')) p.set('node_id', v('f-node'));
|
|
if (v('f-rtype')) p.set('rule_type', v('f-rtype'));
|
|
if (v('f-rid')) p.set('rule_id', v('f-rid'));
|
|
if (v('f-ip')) p.set('client_ip', v('f-ip'));
|
|
if (v('f-from')) p.set('from', v('f-from') + ' 00:00:00');
|
|
if (v('f-to')) p.set('to', v('f-to') + ' 23:59:59');
|
|
return p.toString();
|
|
}
|
|
async function load() {
|
|
const d = await api('GET', '/api/logs/access?' + qs(false));
|
|
document.getElementById('tbody').innerHTML = d.items.map(r => `<tr>
|
|
<td>${r.id}</td><td>${r.node_id}</td><td>${r.rule_type}</td><td>${r.rule_id}</td>
|
|
<td class="mono small">${esc(r.client_ip || '-')}</td>
|
|
<td class="small">${fmtTime(r.started_at)}</td><td class="small">${r.ended_at ? fmtTime(r.ended_at) : '-'}</td>
|
|
<td class="num">${fmtBytes(r.bytes_up)}</td><td class="num">${fmtBytes(r.bytes_down)}</td>
|
|
<td class="small">${esc(r.status || '-')}</td></tr>`).join('');
|
|
renderPager('pager', d.total, page, perPage, p => { page = p; load(); });
|
|
}
|
|
async function doExport() {
|
|
const resp = await fetch('/api/logs/access/export?' + qs(true), { credentials: 'same-origin' });
|
|
if (!resp.ok) return toast('导出失败', true);
|
|
const blob = await resp.blob();
|
|
const a = document.createElement('a');
|
|
a.href = URL.createObjectURL(blob);
|
|
a.download = 'access_logs.csv';
|
|
a.click();
|
|
URL.revokeObjectURL(a.href);
|
|
}
|
|
load();
|
|
</script>
|
|
{% endblock %}
|