终端 header 显示当前在线人数

- src/utils/online_tracker.py:5 分钟滑动窗口,thread-safe 内存追踪
- web/core.py:认证成功时 record_activity(user_id)
- web/routers/ops.py:GET /api/ops/online-users 返回 {online: N}
- 前端 header 每 60s 轮询,Users 图标 + 数字
This commit is contained in:
2569718930@qq.com
2026-05-26 08:40:17 +08:00
parent 23203f6ebb
commit c88d313f60
4 changed files with 73 additions and 0 deletions
@@ -12,6 +12,7 @@ import {
Search,
Table2,
UserRound,
Users,
} from "lucide-react";
import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
import type { CityListItem, ProAccessState, ScanOpportunityRow } from "@/lib/dashboard-types";
@@ -388,6 +389,19 @@ function PolyWeatherTerminal({
}, [searchInputRef, setSearchQuery]);
const [navExpanded, setNavExpanded] = useState(false);
const [activeNavKey, setActiveNavKey] = useState<string>("thresholds");
const [onlineCount, setOnlineCount] = useState<number | null>(null);
useEffect(() => {
const fetchOnline = () => {
fetch("/api/ops/online-users", { headers: { Accept: "application/json" } })
.then((r) => (r.ok ? r.json() : null))
.then((d) => { if (d?.online != null) setOnlineCount(d.online); })
.catch(() => {});
};
fetchOnline();
const id = setInterval(fetchOnline, 60_000);
return () => clearInterval(id);
}, []);
const [gridCols, setGridCols] = useState<number>(() => {
return getStoredGridSide("polyweather_terminal_grid_cols");
@@ -659,6 +673,12 @@ function PolyWeatherTerminal({
<Activity size={13} />
{t("dashboard", isEn)}
</div>
{onlineCount != null && (
<div className="hidden items-center gap-1 text-[10px] font-medium text-slate-400 lg:flex">
<Users size={12} />
<span>{onlineCount}</span>
</div>
)}
</div>
<div className="flex items-center gap-2 text-xs text-slate-500">
<span className="hidden font-mono md:inline text-slate-500">{userLocalTime}</span>