feat: 完善服务监控与下游重投

src/apps/admin/system-monitoring/AdminSystemMonitoringPage.tsx

@@ -69,6 +69,15 @@ function formatUptime(value: number | null) {
   return days > 0 ? `${days}天 ${hours}小时` : `${hours}小时`;
 }
 
+function formatServiceMetric(value: number | null, unit: 'percent' | 'seconds' | 'count' | 'per_second' | 'bytes') {
+  if (value === null) return '—';
+  if (unit === 'percent') return `${value.toFixed(2)}%`;
+  if (unit === 'seconds') return value < 1 ? `${Math.round(value * 1000)} ms` : `${value.toFixed(1)} s`;
+  if (unit === 'per_second') return `${value.toFixed(value < 10 ? 2 : 1)}/s`;
+  if (unit === 'bytes') return formatBytes(value);
+  return Math.round(value).toLocaleString('zh-CN');
+}
+
 function formatTime(value: string | null) {
   if (!value) return '暂无采样';
   return new Intl.DateTimeFormat('zh-CN', {
@@ -223,10 +232,7 @@ export function AdminSystemMonitoringPage() {
         <div>
           <Breadcrumb items={['系统管理', '系统监控']} />
           <div className="system-monitoring-title-row">
-            <div>
-              <h1>系统监控</h1>
-              <p>服务器资源、核心服务与活动告警</p>
-            </div>
+            <p>服务器资源、核心服务与活动告警</p>
             <Tag tone={status.tone}>{status.label}</Tag>
           </div>
         </div>
@@ -277,6 +283,29 @@ export function AdminSystemMonitoringPage() {
         <article className="surface system-monitoring-metric"><div className="system-monitoring-metric__icon is-green"><Network size={19} /></div><div><span>网络吞吐</span><strong>{formatRate(totalNetworkRate(metrics?.networkReceiveBytesPerSecond, metrics?.networkTransmitBytesPerSecond))}</strong><small>接收 {formatRate(metrics?.networkReceiveBytesPerSecond ?? null)} · 发送 {formatRate(metrics?.networkTransmitBytesPerSecond ?? null)}</small></div></article>
       </div>
 
+      <section className="surface system-monitoring-service-metrics">
+        <header>
+          <div><Database size={18} /><strong>服务关键指标</strong></div>
+          <span>固定低基数聚合，不含手机号、短信ID或SQL文本</span>
+        </header>
+        <div className="system-monitoring-service-metric-grid">
+          {(overview?.serviceMetrics ?? []).map((group) => (
+            <article key={group.key}>
+              <div className="system-monitoring-service-metric-title">
+                <strong>{group.name}</strong>
+                <Tag tone={group.available ? 'success' : 'neutral'}>{group.available ? '已采集' : '待采集'}</Tag>
+              </div>
+              {group.metrics.length ? group.metrics.map((metric) => (
+                <div className="system-monitoring-service-metric-row" key={metric.key}>
+                  <span>{metric.label}</span>
+                  <strong>{formatServiceMetric(metric.value, metric.unit)}</strong>
+                </div>
+              )) : <div className="system-monitoring-service-metric-empty">已监控服务可用性，待原生容量指标接入</div>}
+            </article>
+          ))}
+        </div>
+      </section>
+
       <div className="system-monitoring-main-grid">
         <div className="system-monitoring-chart-stack">
           <article className="surface system-monitoring-chart-card"><header><div><Cpu size={17} /><strong>CPU 趋势</strong></div><span>{formatPercent(metrics?.cpuUsagePercent ?? null)}</span></header>{overview?.trends.cpuUsagePercent.length ? <Chart height={230} option={cpuOption} /> : <EmptyChart />}</article>