feat: optimize routing and operations views

src/apps/admin/AdminHome.tsx

@@ -17,7 +17,7 @@ import {
   type TableColumn,
 } from '@/components/ui';
 import { adminApi, type DashboardResponse, type SendQualityResponse, type SignatureQualityStat } from '@/api/adminApi';
-import { createBarOption, createLineOption } from '@/theme/chartOptions';
+import { createDualAxisBarLineOption, createLineOption } from '@/theme/chartOptions';
 import { formatAmount, moneyUnitsToYuan } from '@/utils/currency';
 
 type EnterpriseSpendRank = {
@@ -92,23 +92,30 @@ export function AdminHome() {
 
   const sendTrendOption = useMemo(
     () => createLineOption({
-      labels: ['今日'],
+      labels: dashboard?.hourlySendTrend.map((item) => item.label) ?? [],
       series: [
-        { name: '提交量', data: [dashboard?.today.sent ?? 0] },
-        { name: '成功量', data: [dashboard?.today.delivered ?? 0] },
+        { name: '提交总条数', data: dashboard?.hourlySendTrend.map((item) => item.submittedCount) ?? [] },
+        { name: '成功条数', data: dashboard?.hourlySendTrend.map((item) => item.successCount) ?? [] },
       ],
     }),
     [dashboard],
   );
 
-  const auditTrendOption = useMemo(
-    () => createBarOption({
-      labels: ['企业认证', '短信审核', '模板', '签名', '引流信息'],
-      series: [
-        { name: '待审', data: [pendingAudits.enterpriseCertifications, pendingAudits.smsAudits, pendingAudits.templates, pendingAudits.signatures, pendingAudits.drainageInfos] },
-      ],
+  const auditSpeedOption = useMemo(
+    () => createDualAxisBarLineOption({
+      labels: dashboard?.auditProcessingSpeed.map((item) => item.label) ?? [],
+      bar: {
+        name: '审核数量',
+        data: dashboard?.auditProcessingSpeed.map((item) => item.count) ?? [],
+      },
+      line: {
+        name: '平均处理时长（分钟）',
+        data: dashboard?.auditProcessingSpeed.map((item) => (
+          item.averageProcessingMs == null ? null : Number((item.averageProcessingMs / 60_000).toFixed(1))
+        )) ?? [],
+      },
     }),
-    [pendingAudits],
+    [dashboard],
   );
 
   const enterpriseColumns: Array<TableColumn<EnterpriseSpendRank>> = [
@@ -212,13 +219,13 @@ export function AdminHome() {
       <div className="chart-grid">
         <div className="surface chart-card">
           <h2>今日发送趋势</h2>
-            <p className="muted">按真实后端今日聚合展示提交量和成功量。</p>
+            <p className="muted">按上海时区逐小时展示业务短信提交总条数和最终成功条数。</p>
           <Chart height={300} option={sendTrendOption} />
         </div>
         <div className="surface chart-card">
-          <h2>审核处理趋势</h2>
-            <p className="muted">待审核数量来自真实审核聚合。</p>
-          <Chart height={300} option={auditTrendOption} />
+          <h2>审核处理速度</h2>
+            <p className="muted">展示今日各项已处理审核数量，以及从提交到审核完成的平均时长。</p>
+          <Chart height={300} option={auditSpeedOption} />
         </div>
       </div>