feat(监控): 完善系统监控、登录状态与访问审计能力

frontend/src/components/PermissionMonitoring.test.ts

@@ -35,19 +35,26 @@ vi.mock("@/api/projectPermissions", () => ({
       status: "healthy", health_score: 95, issues: [],
       sample_sufficient: true,
       score_breakdown: {
-        performance: { weight: 40, deduction: 0 },
+        performance: { weight: 25, deduction: 0 },
         deny_rate: { weight: 20, deduction: 0 },
         cache: {
           weight: 25, deduction: 5, sample_sufficient: true,
           scope: "sliding_window", window_seconds: 3600,
         },
-        alerts: { weight: 15, deduction: 0 },
+        alerts: { weight: 10, deduction: 0 },
+        runtime: { weight: 20, deduction: 0 },
       },
       last_hour: {
         total_checks: 30, denied_checks: 2, deny_rate: 6.67,
         avg_elapsed_ms: 3.5, error_alerts: 0, warning_alerts: 0,
       },
       cache_stats: { cache_items: { total_count: 60 }, cache_metrics: {} },
+      components: {
+        database: { status: "healthy", latency_ms: 2.1 },
+        permission_log_writer: { status: "healthy", running: true, queue_size: 0, queue_capacity: 10000, dropped_entries: 0 },
+        security_log_writer: { status: "healthy", running: true, queue_size: 0, queue_capacity: 20000, dropped_entries: 0 },
+        retention: { status: "healthy", running: true, access_log_retention_days: 90, metric_retention_days: 400 },
+      },
     },
   }),
   fetchPermissionAlerts: vi.fn().mockResolvedValue({ data: { total: 0, alerts: [] } }),
@@ -98,11 +105,13 @@ describe("PermissionMonitoring.vue", () => {
     expect(typeof wrapper.vm.refresh).toBe("function");
   });
 
-  it("passes admin-only access to security logs", () => {
+  it("keeps security events in security center instead of access logs", () => {
     const source = readFileSync(resolve(__dirname, "./PermissionMonitoring.vue"), "utf8");
 
     expect(source).toContain("isAdmin?: boolean");
-    expect(source).toContain(':show-security-log="props.isAdmin"');
+    expect(source).toContain('<SecurityCenter v-if="props.isAdmin"');
+    expect(source).toContain('<PermissionAccessLogs ref="accessLogsRef" />');
+    expect(source).not.toContain(':show-security-log="props.isAdmin"');
   });
 
   it("uses a full-height source-analysis tab without forcing scroll on other tabs", () => {
@@ -133,24 +142,51 @@ describe("PermissionMonitoring.vue", () => {
     expect(source).toContain('label="运行概览"');
     expect(source).toContain('label="安全中心"');
     expect(source).toContain('label="性能趋势"');
-    expect(source).toContain('label="访问审计"');
+    expect(source).toContain('label="访问日志"');
     expect(source).toContain('label="来源分析"');
+    expect(source).toContain('label="性能趋势" name="trends" lazy');
+    expect(source).toContain('label="访问日志" name="logs" lazy');
+    expect(source).toContain('label="来源分析" name="ip-locations" lazy');
     expect(source).toContain('<SecurityCenter v-if="props.isAdmin"');
     expect(source).toContain('name="security"');
     expect(source).toContain('label: "今日监测事件"');
     expect(source).toContain('label: "每分钟事件"');
     expect(source).toContain('label: "今日通过率"');
-    expect(source).toContain('label: "历史事件总数"');
+    expect(source).toContain('class="metric-strip"');
+    expect(source).toContain('class="metric-strip-detail"');
+    expect(source).toContain('detail: `历史 ${statsSummary.value.total_logs.toLocaleString()}`');
+    expect(source).toContain("运行指标");
+    expect(source).toContain('const formatResponseTime');
+    expect(source).toContain('return "<0.1ms"');
+    expect(source).toContain("业务样本不足");
+    expect(source).toContain("组件在线不代表指标已完成评估");
+    expect(source).toContain('class="overview-pane"');
+    expect(source).toContain('class="overview-hero-card"');
+    expect(source).toContain('class="operations-card"');
+    expect(source).toContain('class="operations-grid"');
+    expect(source).toContain('class="alerts-section"');
+    expect(source).toContain("grid-template-columns: minmax(210px, 0.85fr)");
+    expect(source).toContain('class="status-section runtime-section"');
+    expect(source).toContain('class="empty-alert-state"');
+    expect(source).toContain('const hasCacheSamples = computed');
     expect(source).toContain("异常拒绝排行");
+    expect(source).toContain("告警数据加载失败，不能据此判断系统正常");
+    expect(source).toContain("const formatUpdatedTime");
+    expect(source).toContain("更新 {{ formatUpdatedTime(lastUpdatedAt) }}");
+    expect(source).toContain("runtimeComponentItems");
 
     expect(source).not.toContain('label="实时概览"');
     expect(source).not.toContain('label="趋势分析"');
-    expect(source).not.toContain('label="访问日志"');
+    expect(source).not.toContain('label="访问审计"');
     expect(source).not.toContain('label="IP属地"');
     expect(source).not.toContain('label: "今日总检查"');
     expect(source).not.toContain('label: "每分钟请求"');
     expect(source).not.toContain('label: "今日允许率"');
     expect(source).not.toContain('label: "历史总记录"');
+    expect(source).not.toContain('label: "历史事件总数"');
+    expect(source).not.toContain('class="summary-card"');
+    expect(source).not.toContain('class="overview-toolbar"');
     expect(source).not.toContain("被拒绝最多的权限");
+    expect(source).not.toContain("暂无告警，系统运行正常");
   });
 });