+
+
setNodeFilterInput(event.target.value)}
+ placeholder="输入 node_id 过滤访问日志"
+ className="lg:max-w-md"
+ />
+
+
setNodeFilter(nodeFilterInput.trim())}
+ >
+ 筛选
+
+
{
+ setNodeFilter('');
+ setNodeFilterInput('');
+ }}
+ >
+ 清空
+
+
+
+
+ {logsQuery.isLoading ? (
+
+ ) : logsQuery.isError ? (
+
+ ) : logs.length === 0 ? (
+
+ ) : (
+
+
+
+
+ | 时间 |
+ 原 IP |
+ 访问域名 |
+ 路径 |
+ 节点 |
+ 状态码 |
+
+
+
+ {logs.map((item) => {
+ const statusMeta = getStatusMeta(item.status_code);
+ return (
+
+ |
+ {formatDateTime(item.logged_at)}
+
+ {formatRelativeTime(item.logged_at)}
+
+ |
+
+ {item.remote_addr || '—'}
+ |
+
+ {item.host || '—'}
+ |
+
+ {item.path || '—'}
+ |
+
+ {item.node_name || item.node_id}
+
+ {item.node_id}
+
+ |
+
+
+ |
+
+ );
+ })}
+
+
+
+ )}
+
+