feat: 接入新版数据大盘与系统配置分页 (#24)

改了什么：按产品 HTML 重做数据大盘 UI，接入可确认的大盘聚合数据；将首页配置和首页轮播种子迁入系统配置页并拆分首页/福利页 Tab。
验证：npx tsc --noEmit。

---------

Co-authored-by: lowmaster-chen <1119780489@qq.com>
Reviewed-on: #24
Co-authored-by: chenshuobo <chenshuobo@wonderable.ai>
Co-committed-by: chenshuobo <chenshuobo@wonderable.ai>

src/app/(main)/ad-revenue-report/page.tsx

@@ -9,6 +9,7 @@ import {
   Card,
   Col,
   DatePicker,
+  Descriptions,
   Divider,
   InputNumber,
   Modal,
@@ -19,6 +20,7 @@ import {
   Statistic,
   Table,
   Tag,
+  Tooltip,
   Typography,
 } from 'antd';
 import {
@@ -32,9 +34,11 @@ import { api, errMsg } from '@/lib/api';
 import { formatUtcTime } from '@/lib/format';
 import type {
   AdRevenueDaily,
+  AdRevenueHourly,
   AdRevenueRecord,
   AdRevenueReport,
   AdRevenueRow,
+  AdRevenueTypeStat,
 } from '@/lib/types';
 
 const { RangePicker } = DatePicker;
@@ -146,8 +150,8 @@ interface TrendPoint {
   revenue: number;
 }
 
-// 按小时聚合(0–23),数据源是 items(被 limit 截断时会偏少,调用处给警告)
+// 按小时聚合(0–23),数据源是 hourly(后端全量聚合,不受分页影响)
-function aggregateHourly(rows: AdRevenueRow[]): TrendPoint[] {
+function aggregateHourly(rows: AdRevenueHourly[]): TrendPoint[] {
   const byHour = Array.from({ length: 24 }, (_, h) => ({ hour: h, impressions: 0, revenue: 0 }));
   for (const r of rows) {
     if (r.hour == null || r.hour < 0 || r.hour > 23) continue;
@@ -263,10 +267,12 @@ export default function AdRevenueReportPage() {
   const [range, setRange] = useState<[Dayjs, Dayjs]>([dayjs(), dayjs()]);
   const [userId, setUserId] = useState<number | null>(null);
   const [adType, setAdType] = useState<string | undefined>();
-  // 「场景」为纯前端过滤(后端 query 暂不支持 feed_scene),只作用于下方明细表,不重新请求、不影响趋势/日汇总。
+  // 「场景」作为后端全局筛选(feed_scene):同时影响明细 / 合计 / 趋势,与「用户 / 类型」一致,点「查询」生效。
   const [scene, setScene] = useState<string | undefined>();
   const [granularity, setGranularity] = useState<'day' | 'hour'>('day');
-  const [limit, setLimit] = useState<number>(500);
+  const [sortBy, setSortBy] = useState<'time' | 'ecpm'>('time'); // 明细排序:time=时间倒序 / ecpm=eCPM 倒序
+  const [limit, setLimit] = useState<number>(500); // 每页条数(分页大小)
+  const [page, setPage] = useState<number>(1); // 当前页码(后端分页;1 起)
   const [queriedGranularity, setQueriedGranularity] = useState<'day' | 'hour'>('day'); // 本次结果对应的粒度,决定是否显示「小时」列
   const [queriedMultiDay, setQueriedMultiDay] = useState(false); // 本次结果是否跨多天,决定显示「日期」列 + 按天/按小时图
   const [data, setData] = useState<AdRevenueReport | null>(null);
@@ -277,33 +283,41 @@ export default function AdRevenueReportPage() {
   // 当前选择是否跨多天:跨多天时「按小时」无意义,粒度强制按天
   const rangeMultiDay = range[0].format('YYYY-MM-DD') !== range[1].format('YYYY-MM-DD');
 
-  const load = useCallback(async () => {
+  // load(目标页, 每页条数):分页与筛选都经它。offset 由 页码×每页 算;场景(feed_scene)随筛选下推后端。
-    const from = range[0].format('YYYY-MM-DD');
+  const load = useCallback(
-    const to = range[1].format('YYYY-MM-DD');
+    async (targetPage = 1, targetLimit = limit, targetSort = sortBy) => {
-    const multiDay = from !== to;
+      const from = range[0].format('YYYY-MM-DD');
-    const gran = multiDay ? 'day' : granularity; // 跨多天强制按天
+      const to = range[1].format('YYYY-MM-DD');
-    setLoading(true);
+      const multiDay = from !== to;
-    try {
+      const gran = multiDay ? 'day' : granularity; // 跨多天强制按天
-      const res = await api.get<AdRevenueReport>('/admin/api/ad-revenue-report', {
+      setLoading(true);
-        params: {
+      try {
-          date_from: from,
+        const res = await api.get<AdRevenueReport>('/admin/api/ad-revenue-report', {
-          date_to: to,
+          params: {
-          user_id: userId ?? undefined,
+            date_from: from,
-          ad_type: adType ?? undefined,
+            date_to: to,
-          granularity: gran,
+            user_id: userId ?? undefined,
-          limit,
+            ad_type: adType ?? undefined,
-        },
+            feed_scene: scene ?? undefined,
-      });
+            granularity: gran,
-      setData(res.data);
+            limit: targetLimit,
-      setQueriedLimit(limit);
+            offset: (targetPage - 1) * targetLimit,
-      setQueriedGranularity(gran);
+            sort: targetSort,
-      setQueriedMultiDay(multiDay);
+          },
-    } catch (e) {
+        });
-      message.error(errMsg(e));
+        setData(res.data);
-    } finally {
+        setPage(targetPage);
-      setLoading(false);
+        setQueriedLimit(targetLimit);
-    }
+        setQueriedGranularity(gran);
-  }, [range, userId, adType, granularity, limit]);
+        setQueriedMultiDay(multiDay);
+      } catch (e) {
+        message.error(errMsg(e));
+      } finally {
+        setLoading(false);
+      }
+    },
+    [range, userId, adType, scene, granularity, limit, sortBy],
+  );
 
   useEffect(() => {
     load();
@@ -361,13 +375,6 @@ export default function AdRevenueReportPage() {
         return <Tag color={t.color}>{t.label}</Tag>;
       },
     },
-    {
-      title: '广告位ID',
-      dataIndex: 'our_code_id',
-      width: 110,
-      render: (v: string | null) =>
-        v ? <Typography.Text code>{v}</Typography.Text> : <Typography.Text type="secondary">-</Typography.Text>,
-    },
     {
       title: 'eCPM（分）',
       dataIndex: 'ecpm',
@@ -375,6 +382,17 @@ export default function AdRevenueReportPage() {
       align: 'right',
       render: (v: string | null) => v ?? '-',
     },
+    {
+      title: 'eCPM（元）',
+      key: 'ecpm_yuan',
+      width: 100,
+      align: 'right',
+      render: (_: unknown, r: AdRevenueRow) => {
+        // eCPM 原始值单位「分/千次」,÷100 转「元/千次」(块);非数字 / 空显示 -。
+        const cents = r.ecpm == null ? null : Number(r.ecpm);
+        return cents == null || Number.isNaN(cents) ? '-' : (cents / 100).toFixed(2);
+      },
+    },
     {
       title: '预估收益(元)',
       dataIndex: 'revenue_yuan',
@@ -420,6 +438,13 @@ export default function AdRevenueReportPage() {
           <Typography.Text type="secondary">-</Typography.Text>
         ),
     },
+    {
+      title: '广告位ID',
+      dataIndex: 'our_code_id',
+      width: 110,
+      render: (v: string | null) =>
+        v ? <Typography.Text code>{v}</Typography.Text> : <Typography.Text type="secondary">-</Typography.Text>,
+    },
     {
       title: '底层 ADN',
       dataIndex: 'adn',
@@ -429,14 +454,11 @@ export default function AdRevenueReportPage() {
     },
   ];
 
-  // 派生指标(全部基于全量 total_* 字段,不受 limit 截断影响,准):
+  // 派生指标(全部基于全量 total_* 字段,不受分页影响,准):
-  // 平均 eCPM = 收益÷展示×1000;发奖成本(元)= 实发金币÷汇率;预估毛利 = 收益−发奖成本;
+  // 发奖成本(元)= 实发金币÷汇率;预估毛利 = 收益−发奖成本;发奖占收益比 = 发奖成本÷收益;
-  // 发奖占收益比 = 发奖成本÷收益;应发实发差额(金币)= 应发−实发(正=少发/负=多发)。
+  // 应发实发差额(金币)= 应发−实发(正=少发/负=多发);ARPU = 预估收益÷今日DAU(仅今日)。
   const derived = data
     ? {
-        avgEcpm: data.total_impressions
-          ? (data.total_revenue_yuan / data.total_impressions) * 1000
-          : 0,
         payoutYuan: data.total_actual_coin / COIN_PER_YUAN,
         grossProfit: data.total_revenue_yuan - data.total_actual_coin / COIN_PER_YUAN,
         payoutRatioPct:
@@ -444,18 +466,19 @@ export default function AdRevenueReportPage() {
             ? (data.total_actual_coin / COIN_PER_YUAN / data.total_revenue_yuan) * 100
             : null,
         coinGap: data.total_expected_coin - data.total_actual_coin,
+        // ARPU(今日)= 预估广告收益 ÷ 今日 DAU;dau 为 null(历史/多天)或 0 时不可算 → null,前端显示「-」。
+        arpu: data.dau && data.dau > 0 ? data.total_revenue_yuan / data.dau : null,
       }
     : null;
 
-  // 「场景」纯前端过滤:只对已加载的明细 items 生效(后端 query 暂不支持 feed_scene);趋势图/日汇总仍用全量 daily/total_*。
+  // 第二行大盘「分广告类型」:draw / 激励视频 各自 收益 / eCPM / 展示条数;eCPM = 收益÷展示×1000。
-  const allItems = data?.items ?? [];
+  const drawStat = data?.type_stats?.draw;
-  const filteredItems = scene ? allItems.filter((r) => r.feed_scene === scene) : allItems;
+  const rvStat = data?.type_stats?.reward_video;
+  const ecpmOf = (s?: AdRevenueTypeStat) =>
+    s && s.impressions > 0 ? (s.revenue_yuan / s.impressions) * 1000 : 0;
 
-  // 选中比价/领券且类型=draw 时,给出该场景在已加载明细内的实发金币小计(仅明细口径,可能受 limit 截断)。
+  // 明细直接用后端返回的当前页 items(「场景」已由后端 feed_scene 全局过滤,前端不再二次筛)。
-  const sceneCoinSubtotal =
+  const items = data?.items ?? [];
-    adType === 'draw' && (scene === 'comparison' || scene === 'coupon')
-      ? filteredItems.reduce((s, r) => s + (r.has_reward ? r.actual_coin : 0), 0)
-      : null;
 
   return (
     <div>
@@ -534,7 +557,6 @@ export default function AdRevenueReportPage() {
               onChange={setScene}
               allowClear
               style={{ width: 130 }}
-              title="仅前端过滤下方明细,不影响趋势图/汇总"
               options={[
                 { value: 'comparison', label: '比价' },
                 { value: 'coupon', label: '领券' },
@@ -557,15 +579,33 @@ export default function AdRevenueReportPage() {
             />
           </Space>
           <Space size={6}>
-            <Typography.Text type="secondary">条数</Typography.Text>
+            <Typography.Text type="secondary">排序</Typography.Text>
             <Select
-              value={limit}
+              value={sortBy}
-              onChange={setLimit}
+              onChange={(v) => {
-              style={{ width: 110 }}
+                setSortBy(v);
-              options={[100, 200, 500, 1000].map((n) => ({ value: n, label: `${n} 条` }))}
+                load(1, limit, v); // 改排序:回第 1 页并重查
+              }}
+              style={{ width: 130 }}
+              options={[
+                { value: 'time', label: '时间倒序' },
+                { value: 'ecpm', label: 'eCPM 倒序' },
+              ]}
             />
           </Space>
-          <Button type="primary" onClick={load} loading={loading}>
+          <Space size={6}>
+            <Typography.Text type="secondary">每页</Typography.Text>
+            <Select
+              value={limit}
+              onChange={(v) => {
+                setLimit(v);
+                load(1, v); // 改每页大小:回到第 1 页并重查
+              }}
+              style={{ width: 120 }}
+              options={[20, 50, 100, 200, 500, 1000].map((n) => ({ value: n, label: `${n} 条/页` }))}
+            />
+          </Space>
+          <Button type="primary" onClick={() => load(1)} loading={loading}>
             查询
           </Button>
         </Space>
@@ -575,41 +615,46 @@ export default function AdRevenueReportPage() {
         <Card size="small" style={{ marginBottom: 16 }}>
           <Divider orientation="left" plain style={{ marginTop: 0, marginBottom: 16 }}>
             <Typography.Text type="secondary" style={{ fontSize: 12 }}>
-              广告展示与收益
+              核心指标
             </Typography.Text>
           </Divider>
           <Row gutter={[16, 12]}>
-            <Col span={6}>
+            <Col flex="1 1 0">
-              <Statistic title="展示条数合计" value={data.total_impressions} />
-            </Col>
-            <Col span={6}>
-              <Statistic title="平均 eCPM(元/千次)" value={derived.avgEcpm} precision={2} />
-            </Col>
-            <Col span={6}>
               <Statistic title="预估收益合计(元)" value={data.total_revenue_yuan} precision={4} />
             </Col>
-            <Col span={6}>
+            <Col flex="1 1 0">
-              <Statistic title="广告事件数" value={data.total} />
-            </Col>
-          </Row>
-          <Divider orientation="left" plain style={{ marginTop: 20, marginBottom: 16 }}>
-            <Typography.Text type="secondary" style={{ fontSize: 12 }}>
-              发奖与对账
-            </Typography.Text>
-          </Divider>
-          <Row gutter={[16, 12]}>
-            <Col span={6}>
-              <Statistic title="应发金币合计" value={data.total_expected_coin} />
-            </Col>
-            <Col span={6}>
-              <Statistic title="实发金币合计" value={data.total_actual_coin} />
-            </Col>
-            <Col span={6}>
-              <Statistic title="发奖成本(元)" value={derived.payoutYuan} precision={4} />
-            </Col>
-            <Col span={6}>
               <Statistic
-                title="预估毛利(元)"
+                title={
+                  <Tooltip title="每活跃用户广告预估收入 = 预估收益 ÷ 今日 DAU;DAU 仅今日口径,历史/多天显示 -">
+                    <span>
+                      ARPU(今日)
+                      <InfoCircleOutlined style={{ marginLeft: 4 }} />
+                    </span>
+                  </Tooltip>
+                }
+                value={derived.arpu ?? '-'}
+                precision={4}
+              />
+            </Col>
+            <Col flex="1 1 0">
+              <Statistic
+                title={
+                  <Tooltip title="今日活跃用户(复用大盘口径 last_login_at = 今日登录过);仅查询=今日时有值,历史/多天显示 -">
+                    <span>
+                      今日活跃 DAU
+                      <InfoCircleOutlined style={{ marginLeft: 4 }} />
+                    </span>
+                  </Tooltip>
+                }
+                value={data.dau ?? '-'}
+              />
+            </Col>
+            <Col flex="1 1 0">
+              <Statistic title="发放金币合计(元)" value={derived.payoutYuan} precision={4} />
+            </Col>
+            <Col flex="1 1 0">
+              <Statistic
+                title="预估广告毛利(元)"
                 value={derived.grossProfit}
                 precision={4}
                 prefix={derived.grossProfit >= 0 ? <RiseOutlined /> : <FallOutlined />}
@@ -621,6 +666,31 @@ export default function AdRevenueReportPage() {
               </Typography.Text>
             </Col>
           </Row>
+          <Divider orientation="left" plain style={{ marginTop: 20, marginBottom: 16 }}>
+            <Typography.Text type="secondary" style={{ fontSize: 12 }}>
+              分广告类型
+            </Typography.Text>
+          </Divider>
+          <Row gutter={[16, 12]}>
+            <Col span={4}>
+              <Statistic title="Draw 信息流收益(元)" value={drawStat?.revenue_yuan ?? 0} precision={4} />
+            </Col>
+            <Col span={4}>
+              <Statistic title="Draw 信息流 eCPM(元/千次)" value={ecpmOf(drawStat)} precision={2} />
+            </Col>
+            <Col span={4}>
+              <Statistic title="Draw 信息流条数" value={drawStat?.impressions ?? 0} />
+            </Col>
+            <Col span={4}>
+              <Statistic title="激励视频收益(元)" value={rvStat?.revenue_yuan ?? 0} precision={4} />
+            </Col>
+            <Col span={4}>
+              <Statistic title="激励视频 eCPM(元/千次)" value={ecpmOf(rvStat)} precision={2} />
+            </Col>
+            <Col span={4}>
+              <Statistic title="激励视频条数" value={rvStat?.impressions ?? 0} />
+            </Col>
+          </Row>
         </Card>
       )}
 
@@ -637,36 +707,13 @@ export default function AdRevenueReportPage() {
           ) : (
             <Alert type="success" showIcon message={`共 ${data.total} 条广告事件,应发与实发全部一致。`} />
           )}
-          {data.truncated && (
-            <Alert
-              type="warning"
-              showIcon
-              message={`明细已截断到 ${queriedLimit} 条,还有更多未显示——请按用户/类型/日期缩小范围,或调大「条数」。合计数字不受影响。`}
-            />
-          )}
-          {sceneCoinSubtotal != null && (
-            <Alert
-              type="info"
-              showIcon
-              message={
-                <span>
-                  当前已加载明细中,
-                  <Tag color={SCENE_TAG[scene!].color} style={{ marginInline: 4 }}>
-                    {SCENE_TAG[scene!].text}
-                  </Tag>
-                  Draw 信息流 实发金币小计 <b>{sceneCoinSubtotal}</b>(共 {filteredItems.length} 条;
-                  仅明细口径,若已截断可能偏少;上方汇总/趋势仍为全量)。
-                </span>
-              }
-            />
-          )}
         </Space>
       )}
 
       {data &&
         (queriedMultiDay
           ? (data.daily?.length ?? 0) > 0
-          : queriedGranularity === 'hour' && (data.items?.length ?? 0) > 0) && (
+          : queriedGranularity === 'hour' && (data.hourly?.length ?? 0) > 0) && (
         <Card
           size="small"
           title={queriedMultiDay ? '按天趋势' : '按小时趋势'}
@@ -701,27 +748,11 @@ export default function AdRevenueReportPage() {
             </Space>
           }
         >
-          {/* 趋势图与日汇总恒为全量:按天图用 daily(全量),按小时图用全量 items;「场景」前端过滤只作用于下方明细表,不影响此图。 */}
+          {/* 趋势图恒为全量(不受分页影响):按天图用 daily,按小时图用 hourly;「场景」已下推后端,趋势随场景筛选一并变化。 */}
-          {!queriedMultiDay && data.truncated && (
-            <Alert
-              type="warning"
-              showIcon
-              style={{ marginBottom: 12 }}
-              message={`图表按小时聚合的是已截断到 ${queriedLimit} 组的明细,可能少算——调大「条数」或缩小筛选可还原真实趋势。`}
-            />
-          )}
-          {scene && (
-            <Alert
-              type="info"
-              showIcon
-              style={{ marginBottom: 12 }}
-              message="趋势图为全量数据,不随「场景」筛选变化;场景过滤仅作用于下方明细表与其金币小计。"
-            />
-          )}
           {queriedMultiDay ? (
             <TrendChart points={aggregateDaily(data.date_from, data.date_to, data.daily)} />
           ) : (
-            <TrendChart points={aggregateHourly(data.items)} />
+            <TrendChart points={aggregateHourly(data.hourly)} />
           )}
         </Card>
       )}
@@ -729,15 +760,22 @@ export default function AdRevenueReportPage() {
       <Table
         rowKey="event_key"
         columns={columns}
-        dataSource={filteredItems}
+        dataSource={items}
         loading={loading}
-        pagination={false}
+        pagination={{
+          current: page,
+          pageSize: queriedLimit,
+          total: data?.total ?? 0,
+          showSizeChanger: false,
+          showTotal: (t) => `共 ${t} 条`,
+          onChange: (p) => load(p, queriedLimit),
+        }}
         size="small"
-        scroll={{ x: 1280 }}
+        scroll={{ x: 1380 }}
         rowClassName={(r) => (r.has_reward && !r.matched ? 'row-mismatch' : '')}
         expandable={{
-          // 只有发了奖的事件可展开,看「这条广告金币怎么算的」;纯展示行无复算、不可展开。
+          // 每行都可展开(左侧恒有 + 号):有发奖看「金币复算因子」;纯展示看「展示明细」。
-          rowExpandable: (r) => r.reward_detail != null,
+          rowExpandable: () => true,
           expandedRowRender: (r) =>
             r.reward_detail ? (
               <div>
@@ -756,7 +794,28 @@ export default function AdRevenueReportPage() {
                   rowClassName={(d) => (d.matched ? '' : 'row-mismatch')}
                 />
               </div>
-            ) : null,
+            ) : (
+              <div>
+                <Typography.Text strong>展示明细</Typography.Text>{' '}
+                <Typography.Text type="secondary">(纯展示事件,未单独发奖,无金币复算)</Typography.Text>
+                <Descriptions size="small" column={3} bordered style={{ marginTop: 8 }}>
+                  <Descriptions.Item label="时间">{formatUtcTime(r.created_at)}</Descriptions.Item>
+                  <Descriptions.Item label="eCPM（分）">{r.ecpm ?? '-'}</Descriptions.Item>
+                  <Descriptions.Item label="eCPM（元）">
+                    {r.ecpm != null && !Number.isNaN(Number(r.ecpm))
+                      ? (Number(r.ecpm) / 100).toFixed(2)
+                      : '-'}
+                  </Descriptions.Item>
+                  <Descriptions.Item label="预估收益(元)">
+                    {r.has_impression ? r.revenue_yuan.toFixed(4) : '-'}
+                  </Descriptions.Item>
+                  <Descriptions.Item label="底层 ADN">{r.adn ?? '-'}</Descriptions.Item>
+                  <Descriptions.Item label="底层代码位(rit)">{r.slot_id ?? '-'}</Descriptions.Item>
+                  <Descriptions.Item label="我方代码位">{r.our_code_id ?? '-'}</Descriptions.Item>
+                  <Descriptions.Item label="来源应用">{r.app_env ?? '-'}</Descriptions.Item>
+                </Descriptions>
+              </div>
+            ),
         }}
       />
       <Modal
@@ -772,7 +831,7 @@ export default function AdRevenueReportPage() {
         <Typography.Paragraph type="secondary" style={{ fontSize: 13 }}>
           · eCPM 取自穿山甲 SDK <Typography.Text code>getEcpm()</Typography.Text> 原值,单位「分/千次展示」,计算时 ÷100 转元;单次收益按「每千次 ÷1000」折到每次。
           <br />· 金币汇率:<b>1 元 ＝ {COIN_PER_YUAN.toLocaleString()} 金币</b>,最终四舍五入取整。
-          <br />· 因子2「LT 累计条数」按该账号累计第几条计(不按天重置);激励视频每次 1 条,信息流每满 10 秒折 1 条。
+          <br />· 因子2「LT 累计条数」按该账号累计第几条计(不按天重置);<b>一条广告 = 1 条</b>(激励视频每次 1 条;信息流看满 10 秒即发该条满额,不按时长折多份)。
           <br />· 本表与发奖后端同源,本页「应发金币」即按此复算并与「实发金币」对账。
         </Typography.Paragraph>
         <Row gutter={16}>

src/app/(main)/config/HomeMarqueeSeeds.tsx

@@ -49,7 +49,7 @@ interface PreviewItem {
 
 const yuan = (cents: number) => (cents / 100).toFixed(2);
 
-/** 首页轮播「种子」管理(真实记录不足时的兜底假数据,现为「生成规则」)。「数据大盘」页的一个区块。 */
+/** 首页轮播「种子」管理(真实记录不足时的兜底假数据,现为「生成规则」)。「系统配置 / 首页」里的一个区块。 */
 export default function HomeMarqueeSeeds() {
   const { message } = App.useApp();
   const [seeds, setSeeds] = useState<Seed[]>([]);

src/app/(main)/config/HomeStatsConfig.tsx

@@ -246,7 +246,7 @@ function buildBody(metric: string, e: Edit, immediate: boolean): Record<string,
   return body;
 }
 
-/** 首页三门面数字(帮助用户/完成比价/累计节省)的展示模式配置。作为「数据大盘」页的一个区块。 */
+/** 首页三门面数字(帮助用户/完成比价/累计节省)的展示模式配置。「系统配置 / 首页」里的一个区块。 */
 export default function HomeStatsConfig() {
   const { message, modal } = App.useApp();
   const [items, setItems] = useState<StatItem[]>([]);

src/app/(main)/config/page.tsx

@@ -1,8 +1,10 @@
 'use client';
 
 import { useEffect, useState } from 'react';
-import { App, Button, Card, Input, InputNumber, Space, Spin, Switch, Tag, Tooltip } from 'antd';
+import { App, Button, Card, Input, InputNumber, Space, Spin, Switch, Tabs, Tag, Tooltip } from 'antd';
 import { api, errMsg } from '@/lib/api';
+import HomeMarqueeSeeds from './HomeMarqueeSeeds';
+import HomeStatsConfig from './HomeStatsConfig';
 
 interface ConfigItem {
   key: string;
@@ -80,9 +82,66 @@ export default function ConfigPage() {
     }
   };
 
-  if (loading) return <Spin style={{ display: 'block', marginTop: 80 }} />;
-
   const groups = [...new Set(items.map((i) => i.group))];
+  const welfareConfig = loading ? (
+    <Spin style={{ display: 'block', marginTop: 24 }} />
+  ) : (
+    groups.map((g) => (
+      <Card key={g} title={g} size="small" style={{ marginBottom: 16 }}>
+        {items
+          .filter((i) => i.group === g)
+          .map((item) => (
+            <div
+              key={item.key}
+              style={{ marginBottom: 12, paddingBottom: 12, borderBottom: '1px solid #f0f0f0' }}
+            >
+              <div style={{ marginBottom: 4 }}>
+                <b>{item.label}</b> {item.overridden ? <Tag color="blue">已改</Tag> : <Tag>默认</Tag>}
+                {item.help && (
+                  <Tooltip title={item.help}>
+                    <span style={{ color: '#999', marginLeft: 6, fontSize: 12, cursor: 'help' }}>
+                      ⓘ
+                    </span>
+                  </Tooltip>
+                )}
+              </div>
+              <Space wrap>
+                {item.type === 'bool' ? (
+                  <Switch
+                    checked={!!edits[item.key]}
+                    onChange={(v) => setEdits({ ...edits, [item.key]: v })}
+                  />
+                ) : item.type === 'int' ? (
+                  <InputNumber
+                    value={edits[item.key]}
+                    onChange={(v) => setEdits({ ...edits, [item.key]: v })}
+                    style={{ width: 180 }}
+                  />
+                ) : (
+                  <Input
+                    value={edits[item.key]}
+                    onChange={(e) => setEdits({ ...edits, [item.key]: e.target.value })}
+                    style={{ width: 380 }}
+                    placeholder={
+                      item.type === 'int_list' ? '逗号分隔,如 10, 20, 30' : 'JSON,如 {"key": 100}'
+                    }
+                  />
+                )}
+                <Button
+                  type="primary"
+                  size="small"
+                  loading={saving === item.key}
+                  onClick={() => save(item)}
+                >
+                  保存
+                </Button>
+                <span style={{ color: '#bbb', fontSize: 12 }}>默认 {JSON.stringify(item.default)}</span>
+              </Space>
+            </div>
+          ))}
+      </Card>
+    ))
+  );
 
   return (
     <div>
@@ -90,64 +149,21 @@ export default function ConfigPage() {
       <p style={{ color: '#999' }}>
         改完即生效(业务下次读取用新值)。涉及金额 / 上限,改前请确认。每次改动都进审计日志。
       </p>
-      {groups.map((g) => (
+      <Tabs
-        <Card key={g} title={g} size="small" style={{ marginBottom: 16 }}>
+        items={[
-          {items
+          {
-            .filter((i) => i.group === g)
+            key: 'home',
-            .map((item) => (
+            label: '首页',
-              <div
+            children: (
-                key={item.key}
+              <>
-                style={{ marginBottom: 12, paddingBottom: 12, borderBottom: '1px solid #f0f0f0' }}
+                <HomeStatsConfig />
-              >
+                <HomeMarqueeSeeds />
-                <div style={{ marginBottom: 4 }}>
+              </>
-                  <b>{item.label}</b>{' '}
+            ),
-                  {item.overridden ? <Tag color="blue">已改</Tag> : <Tag>默认</Tag>}
+          },
-                  {item.help && (
+          { key: 'welfare', label: '福利页', children: welfareConfig },
-                    <Tooltip title={item.help}>
+        ]}
-                      <span style={{ color: '#999', marginLeft: 6, fontSize: 12, cursor: 'help' }}>
+      />
-                        ⓘ
-                      </span>
-                    </Tooltip>
-                  )}
-                </div>
-                <Space wrap>
-                  {item.type === 'bool' ? (
-                    <Switch
-                      checked={!!edits[item.key]}
-                      onChange={(v) => setEdits({ ...edits, [item.key]: v })}
-                    />
-                  ) : item.type === 'int' ? (
-                    <InputNumber
-                      value={edits[item.key]}
-                      onChange={(v) => setEdits({ ...edits, [item.key]: v })}
-                      style={{ width: 180 }}
-                    />
-                  ) : (
-                    <Input
-                      value={edits[item.key]}
-                      onChange={(e) => setEdits({ ...edits, [item.key]: e.target.value })}
-                      style={{ width: 380 }}
-                      placeholder={
-                        item.type === 'int_list' ? '逗号分隔,如 10, 20, 30' : 'JSON,如 {"key": 100}'
-                      }
-                    />
-                  )}
-                  <Button
-                    type="primary"
-                    size="small"
-                    loading={saving === item.key}
-                    onClick={() => save(item)}
-                  >
-                    保存
-                  </Button>
-                  <span style={{ color: '#bbb', fontSize: 12 }}>
-                    默认 {JSON.stringify(item.default)}
-                  </span>
-                </Space>
-              </div>
-            ))}
-        </Card>
-      ))}
     </div>
   );
 }

src/lib/types.ts

@@ -365,7 +365,7 @@ export interface AdRevenueRecord {
   matched: boolean;
 }
 
-// 广告收益报表:按日期汇总的一天(按天趋势图用;全量,不受 limit 影响)
+// 广告收益报表:按日期汇总的一天(按天趋势图用;全量,不受分页影响)
 export interface AdRevenueDaily {
   date: string; // 北京时间 YYYY-MM-DD
   impressions: number;
@@ -374,6 +374,21 @@ export interface AdRevenueDaily {
   actual_coin: number;
 }
 
+// 广告收益报表:按北京小时(0–23)汇总的一小时(按小时趋势图用;全量,不受分页影响;按天查询时为空)
+export interface AdRevenueHourly {
+  hour: number; // 北京时间小时 0–23
+  impressions: number;
+  revenue_yuan: number;
+  expected_coin: number;
+  actual_coin: number;
+}
+
+// 广告收益报表:按广告类型(ad_type)的小计(展示条数 + 预估收益;eCPM 前端用 收益÷展示×1000 算)
+export interface AdRevenueTypeStat {
+  impressions: number; // 该类型展示条数合计
+  revenue_yuan: number; // 该类型预估收益合计(元)
+}
+
 // 广告收益报表:一次广告事件(逐条一行)。激励视频展示+发奖按 ad_session_id 合并;信息流展示/发奖各自成行。
 export interface AdRevenueRow {
   event_key: string; // 事件稳定唯一键(前端 rowKey)
@@ -406,13 +421,23 @@ export interface AdRevenueReport {
   date_from: string; // 起始日 北京时间 YYYY-MM-DD
   date_to: string; // 结束日 北京时间 YYYY-MM-DD(闭区间;单日时与 date_from 相同)
   daily: AdRevenueDaily[]; // 按日期汇总序列(全量,供按天趋势图)
-  total: number; // 广告事件总数(全量,不受 limit 影响)
+  hourly: AdRevenueHourly[]; // 按小时汇总序列(全量,供按小时趋势图;按天查询时为空)
-  truncated: boolean;
+  type_stats: Record<string, AdRevenueTypeStat>; // 按广告类型小计;前端取 draw / reward_video
+  dau: number | null; // 今日活跃(复用大盘 last_login_at);仅查询=今日时有值,否则 null
+  total: number; // 当前筛选下的分页总条数(全量,不受分页影响)
+  truncated: boolean; // 当前页之后是否还有更多事件(分页后前端不再据此报警)
   total_impressions: number;
   total_revenue_yuan: number;
   total_expected_coin: number;
   total_actual_coin: number;
   mismatch_count: number; // 应发≠实发的发奖条数
+  by_ad_type?: Record<string, {
+    ad_type: string;
+    impressions: number;
+    revenue_yuan: number;
+    expected_coin: number;
+    actual_coin: number;
+  }>;
   items: AdRevenueRow[];
 }
 
@@ -425,7 +450,17 @@ export interface DashboardOverview {
     new_today: number;
     dau: number;
   };
-  coins: { granted_total: number };
+  coins: {
+    granted_total: number;
+    reward_video_coin_total?: number;
+    reward_video_watch_count?: number;
+    feed_ad_coin_total?: number;
+    feed_ad_watch_count?: number;
+    signin_coin_total?: number;
+    signin_count?: number;
+    signin_boost_coin_total?: number;
+    signin_boost_watch_count?: number;
+  };
   cash: {
     withdraw_success_cents: number;
     withdraw_pending_count: number;
@@ -433,8 +468,56 @@ export interface DashboardOverview {
     withdraw_failed_count: number;
   };
   comparison: { total: number; success: number; success_rate: number };
+  period: {
+    date_from: string;
+    date_to: string;
+    users: {
+      new: number;
+      active: number;
+      retained_new_users: number;
+      retention_rate: number | null;
+      retention_note: string;
+    };
+    comparison: {
+      total: number;
+      success: number;
+      success_rate: number;
+      ordered: number;
+      average_duration_ms: number | null;
+      average_saved_cents: number | null;
+    };
+    coins: {
+      granted_total: number;
+      reward_video_coin_total: number;
+      feed_ad_coin_total: number;
+      signin_coin_total: number;
+      signin_boost_coin_total: number;
+      task_coin_total: number;
+      coupon_reward_coin_total: number;
+      comparison_reward_coin_total: number;
+      regular_task_coin_total: number;
+    };
+    cash: {
+      withdraw_success_cents: number;
+    };
+    trend: Array<{
+      date: string;
+      active_users: number;
+      new_users: number;
+      comparisons: number;
+    }>;
+  };
   feedback: { new: number };
-  cps: { available: boolean; note: string };
+  cps: {
+    available: boolean;
+    note: string;
+    meituan_order_count?: number;
+    meituan_commission_cents?: number;
+    meituan_hit_count?: number;
+    meituan_miss_count?: number;
+    meituan_unknown_rate_count?: number;
+    meituan_hit_rate?: number | null;
+  };
 }
 
 export interface PriceReport {