feat(ad-revenue): 收益报表分页、eCPM 元列、场景筛选、逐行展开 + 大盘改版

- 列:eCPM 新增「元」列;广告位ID 移到「一致」列后。 - 分页:「每页条数」接后端 offset 真分页,可翻页看当前筛选下全部数据;新增「排序」(时间倒序 / eCPM 倒序)。 - 场景:「场景」下推后端作为全局筛选(随查询生效,同时影响明细/合计/趋势);按小时趋势改用后端全量 hourly。 - 展开:明细表每行都有展开号——发奖行看金币复算因子,纯展示行看展示明细。 - 大盘改版:第一行核心指标(预估收益 / ARPU(今日) / 今日活跃 DAU / 发放金币 / 预估广告毛利);第二行分广告类型(Draw 信息流、激励视频各自收益/eCPM/展示条数)。DAU/ARPU 仅查询=今日时有值,历史/多天显示「-」。 - 文案:修正金币规则弹窗「信息流每满10秒折1条」→「一条广告=1条」。 - types 新增 AdRevenueHourly / AdRevenueTypeStat + hourly/type_stats/dau。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-27 19:39:17 +08:00
5 changed files with 106 additions and 1403 deletions
@@ -1,10 +1,8 @@
 'use client';

 import { useEffect, useState } from 'react';
-import { App, Button, Card, Input, InputNumber, Space, Spin, Switch, Tabs, Tag, Tooltip } from 'antd';
+import { App, Button, Card, Input, InputNumber, Space, Spin, Switch, Tag, Tooltip } from 'antd';
 import { api, errMsg } from '@/lib/api';
-import HomeMarqueeSeeds from './HomeMarqueeSeeds';
-import HomeStatsConfig from './HomeStatsConfig';

 interface ConfigItem {
  key: string;
@@ -82,66 +80,9 @@ 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>
@@ -149,21 +90,64 @@ export default function ConfigPage() {
      <p style={{ color: '#999' }}>
        改完即生效(业务下次读取用新值)。涉及金额 / 上限,改前请确认。每次改动都进审计日志。
      </p>
-      <Tabs
-        items={[
-          {
-            key: 'home',
-            label: '首页',
-            children: (
-              <>
-                <HomeStatsConfig />
-                <HomeMarqueeSeeds />
-              </>
-            ),
-          },
-          { key: 'welfare', label: '福利页', children: welfareConfig },
-        ]}
-      />
+      {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>
+      ))}
    </div>
  );
 }
@@ -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[]>([]);
@@ -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[]>([]);
@@ -431,13 +431,6 @@ export interface AdRevenueReport {
  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[];
 }

@@ -450,17 +443,7 @@ export interface DashboardOverview {
    new_today: number;
    dau: 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;
-  };
+  coins: { granted_total: number };
  cash: {
    withdraw_success_cents: number;
    withdraw_pending_count: number;
@@ -468,56 +451,8 @@ 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;
-    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;
-  };
+  cps: { available: boolean; note: string };
 }

 export interface PriceReport {