fix(admin): 使用后端常规任务金币汇总

feat(admin): 加速比价记录页并修正耗时口径 (#55 )
## 变更内容 - 列表从最多串行拉取 200 页改为仅请求当前页 - 概览改用后端聚合接口，与列表并行加载 - 主耗时五项只展示成功比价数据 - 中途退出五项在桌面端同一行展示，小屏自动换行 - 翻页不再重复请求概览 ## 依赖 - 配套 Server MR #152 ## 验证 - npx tsc --noEmit - npm run build --------- Co-authored-by: linkeyu <798648091@qq.com> Reviewed-on: #55 Co-authored-by: linkeyu <linkeyu@wonderable.ai> Co-committed-by: linkeyu <linkeyu@wonderable.ai>
2026-07-22 11:40:41 +08:00 · 2026-07-22 10:42:15 +08:00 · 2026-07-22 10:25:31 +08:00 · 2026-07-22 09:46:42 +08:00 · 2026-07-21 11:59:50 +08:00 · 2026-07-21 11:59:35 +08:00
10 changed files with 246 additions and 112 deletions
@@ -300,6 +300,8 @@ export default function AdRevenueReportPage() {
  const { message } = App.useApp();
  const [range, setRange] = useState<[Dayjs, Dayjs]>([dayjs().subtract(1, 'day'), dayjs().subtract(1, 'day')]);
  const [userId, setUserId] = useState<number | null>(null);
+  const [appEnv, setAppEnv] = useState<'prod' | 'test' | 'all'>('prod');
+  const [revenueScope, setRevenueScope] = useState<'business' | 'all'>('business');
  const [adType, setAdType] = useState<string | undefined>();
  // 「场景」作为后端全局筛选(feed_scene):同时影响明细 / 合计 / 趋势,与「用户 / 类型」一致,点「查询」生效。
  const [scene, setScene] = useState<string | undefined>();
@@ -333,6 +335,8 @@ export default function AdRevenueReportPage() {
          date_from: from,
          date_to: to,
          user_id: userId ?? undefined,
+          app_env: appEnv === 'all' ? undefined : appEnv,
+          revenue_scope: revenueScope,
          ad_type: adType ?? undefined,
          feed_scene: scene ?? undefined,
          granularity: gran,
@@ -374,7 +378,7 @@ export default function AdRevenueReportPage() {
        setLoading(false);
      }
    },
-    [range, userId, adType, scene, granularity, limit, sortBy],
+    [range, userId, appEnv, revenueScope, adType, scene, granularity, limit, sortBy],
  );

  useEffect(() => {
@@ -620,7 +624,8 @@ export default function AdRevenueReportPage() {
              <br />
              核心指标里的<b>「穿山甲后台收益(T+1)」</b>来自穿山甲 GroMore 数据 API(后台结算口径,次日出数):
              <b>穿山甲预估收益</b>=接口 revenue、<b>收益API</b>=各 ADN 回传更接近结算。穿山甲不提供分用户/类型/场景维度,
-              故仅在<b>全量视图</b>(未按用户/类型/场景筛选)展示;逐条事件行仍是客户端预估,不受其影响。
+              故仅在<b>可对账视图</b>(未按用户/类型/场景筛选)展示;环境和数据范围会同时作用于客户端与穿山甲汇总。
+              默认“正式 + 业务代码位”用于同口径对账;切到“全部代码位”会包含广告测试等非业务曝光。
            </div>
          }
        >
@@ -655,6 +660,31 @@ export default function AdRevenueReportPage() {
              style={{ width: 130 }}
            />
          </Space>
+          <Space size={6}>
+            <Typography.Text type="secondary">环境</Typography.Text>
+            <Select
+              value={appEnv}
+              onChange={setAppEnv}
+              style={{ width: 130 }}
+              options={[
+                { value: 'prod', label: '正式(prod)' },
+                { value: 'test', label: '测试(dev)' },
+                { value: 'all', label: '全部' },
+              ]}
+            />
+          </Space>
+          <Space size={6}>
+            <Typography.Text type="secondary">数据范围</Typography.Text>
+            <Select
+              value={revenueScope}
+              onChange={setRevenueScope}
+              style={{ width: 150 }}
+              options={[
+                { value: 'business', label: '业务代码位' },
+                { value: 'all', label: '全部代码位' },
+              ]}
+            />
+          </Space>
          <Space size={6}>
            <Typography.Text type="secondary">类型</Typography.Text>
            <Select
@@ -1,6 +1,6 @@
 'use client';

-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useState } from 'react';
 import type { CSSProperties, ReactNode } from 'react';
 import {
  App, Button, Card, Col, Collapse, DatePicker, Descriptions, Divider, Drawer, Input, InputNumber,
@@ -9,8 +9,13 @@ import {
 import type { ColumnsType } from 'antd/es/table';
 import dayjs, { type Dayjs } from 'dayjs';
 import { api, errMsg } from '@/lib/api';
-import { formatWallTime, percentile, yuan } from '@/lib/format';
-import type { ComparisonRecordDetail, ComparisonRecordListItem, CursorPage } from '@/lib/types';
+import { formatWallTime, yuan } from '@/lib/format';
+import type {
+  ComparisonRecordDetail,
+  ComparisonRecordListItem,
+  ComparisonRecordsSummary,
+  CursorPage,
+} from '@/lib/types';

 const { RangePicker } = DatePicker;

@@ -105,8 +110,11 @@ export default function ComparisonRecordsPage() {
    date_from: dayjs().subtract(1, 'day').format('YYYY-MM-DD'),
    date_to: dayjs().subtract(1, 'day').format('YYYY-MM-DD'),
  });
-  const [allItems, setAllItems] = useState<ComparisonRecordListItem[]>([]);
-  const [loading, setLoading] = useState(false);
+  const [items, setItems] = useState<ComparisonRecordListItem[]>([]);
+  const [total, setTotal] = useState(0);
+  const [overview, setOverview] = useState<ComparisonRecordsSummary | null>(null);
+  const [listLoading, setListLoading] = useState(false);
+  const [summaryLoading, setSummaryLoading] = useState(false);
  const [page, setPage] = useState(1);
  const [pageSize, setPageSize] = useState(20);
  // LLM 单价(元/百万 token),本地持久化;仅用于前端估算成本,不入库、不影响其它页面
@@ -125,7 +133,8 @@ export default function ComparisonRecordsPage() {
  const [detail, setDetail] = useState<ComparisonRecordDetail | null>(null);
  const [detailLoading, setDetailLoading] = useState(false);

-  const search = () =>
+  const search = () => {
+    setPage(1);
    setApplied({
      date_from: range[0].format('YYYY-MM-DD'),
      date_to: range[1].format('YYYY-MM-DD'),
@@ -135,6 +144,7 @@ export default function ComparisonRecordsPage() {
      store: store.trim() || undefined,
      product: product.trim() || undefined,
    });
+  };

  const reset = () => {
    setUserId(null);
@@ -143,6 +153,7 @@ export default function ComparisonRecordsPage() {
    setStore('');
    setProduct('');
    const yesterday = dayjs().subtract(1, 'day');
+    setPage(1);
    setRange([yesterday, yesterday]);
    setApplied({
      date_from: yesterday.format('YYYY-MM-DD'),
@@ -152,49 +163,50 @@ export default function ComparisonRecordsPage() {

  useEffect(() => {
    let alive = true;
-    const loadAll = async () => {
-      setLoading(true);
+    const loadPage = async () => {
+      setListLoading(true);
      try {
-        const serverFilters = { ...applied };
-        delete serverFilters.date_from;
-        delete serverFilters.date_to;
-        const rows: ComparisonRecordListItem[] = [];
-        let cursor = 0;
-        for (let pageIndex = 0; pageIndex < 200; pageIndex += 1) {
-          const { data } = await api.get<CursorPage<ComparisonRecordListItem>>(
-            '/admin/api/comparison-records',
-            { params: { ...serverFilters, limit: 100, cursor } },
-          );
-          rows.push(...data.items);
-          if (data.next_cursor == null || data.items.length === 0) break;
-          cursor = data.next_cursor;
-        }
+        const { data } = await api.get<CursorPage<ComparisonRecordListItem>>(
+          '/admin/api/comparison-records',
+          { params: { ...applied, limit: pageSize, cursor: (page - 1) * pageSize } },
+        );
        if (alive) {
-          setAllItems(rows);
-          setPage(1);
+          setItems(data.items);
+          setTotal(data.total ?? 0);
        }
      } catch (e) {
        if (alive) message.error(errMsg(e));
      } finally {
-        if (alive) setLoading(false);
+        if (alive) setListLoading(false);
      }
    };
-    loadAll();
+    loadPage();
+    return () => {
+      alive = false;
+    };
+  }, [applied, message, page, pageSize]);
+
+  useEffect(() => {
+    let alive = true;
+    const loadSummary = async () => {
+      setSummaryLoading(true);
+      try {
+        const { data } = await api.get<ComparisonRecordsSummary>(
+          '/admin/api/comparison-records/summary',
+          { params: applied },
+        );
+        if (alive) setOverview(data);
+      } catch (e) {
+        if (alive) message.error(errMsg(e));
+      } finally {
+        if (alive) setSummaryLoading(false);
+      }
+    };
+    loadSummary();
    return () => {
      alive = false;
    };
  }, [applied, message]);
-
-  const filteredItems = useMemo(() => {
-    const from = String(applied.date_from ?? '');
-    const to = String(applied.date_to ?? '');
-    return allItems.filter((item) => {
-      const date = dayjs(item.created_at).format('YYYY-MM-DD');
-      return (!from || date >= from) && (!to || date <= to);
-    });
-  }, [allItems, applied]);
-  const total = filteredItems.length;
-  const items = filteredItems.slice((page - 1) * pageSize, page * pageSize);
  const onChange = (nextPage: number, nextPageSize: number) => {
    setPageSize(nextPageSize);
    setPage(nextPageSize === pageSize ? nextPage : 1);
@@ -218,46 +230,6 @@ export default function ComparisonRecordsPage() {
    setDetailLoading(false);
  };

-  const overview = useMemo(() => {
-    const completed = filteredItems.filter(
-      (item) => item.status === 'success' || item.status === 'failed',
-    );
-    const cancelled = filteredItems.filter((item) => item.status === 'cancelled');
-    const success = filteredItems.filter((item) => item.status === 'success');
-    const successRateDenominator = filteredItems.length - cancelled.length;
-    const completedDurations = completed
-      .map((item) => item.total_ms)
-      .filter((value): value is number => value != null);
-    const cancelledDurations = cancelled
-      .map((item) => item.total_ms)
-      .filter((value): value is number => value != null);
-    const costs = filteredItems
-      .map((item) => item.llm_cost_yuan)
-      .filter((value): value is number => value != null);
-    const avg = (values: number[]) =>
-      values.length ? values.reduce((sum, value) => sum + value, 0) / values.length : null;
-    return {
-      started: filteredItems.length,
-      completed: completed.length,
-      success: success.length,
-      successRate: successRateDenominator ? success.length / successRateDenominator : null,
-      avgTokenCost: avg(costs),
-      lowerPriceRate: success.length
-        ? success.filter((item) => (item.saved_amount_cents ?? 0) > 0).length / success.length
-        : null,
-      avgMs: avg(completedDurations),
-      p5Ms: percentile(completedDurations, 0.05),
-      p50Ms: percentile(completedDurations, 0.5),
-      p95Ms: percentile(completedDurations, 0.95),
-      p99Ms: percentile(completedDurations, 0.99),
-      cancelled: cancelled.length,
-      cancelledRate: filteredItems.length ? cancelled.length / filteredItems.length : null,
-      cancelledP5Ms: percentile(cancelledDurations, 0.05),
-      cancelledP50Ms: percentile(cancelledDurations, 0.5),
-      cancelledP95Ms: percentile(cancelledDurations, 0.95),
-    };
-  }, [filteredItems]);
-
  const columns: ColumnsType<ComparisonRecordListItem> = [
    { title: '时间', dataIndex: 'created_at', width: 150, render: (v: string) => formatWallTime(v) },
    {
@@ -424,28 +396,28 @@ export default function ComparisonRecordsPage() {
        </Space>
      </Card>

-      <Card size="small" style={{ marginBottom: 16 }} loading={loading}>
+      <Card size="small" style={{ marginBottom: 16 }} loading={summaryLoading}>
        <Divider orientation="left" plain style={{ marginTop: 0 }}>数据概览</Divider>
        <Row gutter={[16, 16]}>
-          <Col xs={12} md={6}><Statistic title="比价发起数" value={overview.started} /></Col>
-          <Col xs={12} md={6}><Statistic title="比价完成数" value={overview.completed} /></Col>
-          <Col xs={12} md={6}><Statistic title="比价成功次数" value={overview.success} /></Col>
-          <Col xs={12} md={6}><Statistic title="比价成功率" value={fmtRate(overview.successRate)} /></Col>
-          <Col xs={12} md={6}><Statistic title="平均 TOKEN 成本" value={overview.avgTokenCost ?? '-'} precision={4} prefix="¥" /></Col>
-          <Col xs={12} md={6}><Statistic title="比出更低价率" value={fmtRate(overview.lowerPriceRate)} /></Col>
-          <Col xs={12} md={6}><Statistic title="耗时平均数" value={fmtMs(overview.avgMs)} /></Col>
-          <Col xs={12} md={6}><Statistic title="耗时 5 分位" value={fmtMs(overview.p5Ms)} /></Col>
-          <Col xs={12} md={6}><Statistic title="耗时 50 分位" value={fmtMs(overview.p50Ms)} /></Col>
-          <Col xs={12} md={6}><Statistic title="耗时 95 分位" value={fmtMs(overview.p95Ms)} /></Col>
-          <Col xs={12} md={6}><Statistic title="耗时 99 分位" value={fmtMs(overview.p99Ms)} /></Col>
+          <Col xs={12} md={6}><Statistic title="比价发起数" value={overview?.started ?? 0} /></Col>
+          <Col xs={12} md={6}><Statistic title="比价完成数" value={overview?.completed ?? 0} /></Col>
+          <Col xs={12} md={6}><Statistic title="比价成功次数" value={overview?.success ?? 0} /></Col>
+          <Col xs={12} md={6}><Statistic title="比价成功率" value={fmtRate(overview?.success_rate ?? null)} /></Col>
+          <Col xs={12} md={6}><Statistic title="平均 TOKEN 成本" value={overview?.avg_token_cost ?? '-'} precision={4} prefix="¥" /></Col>
+          <Col xs={12} md={6}><Statistic title="比出更低价率" value={fmtRate(overview?.lower_price_rate ?? null)} /></Col>
+          <Col xs={12} md={6}><Statistic title="耗时平均数" value={fmtMs(overview?.avg_duration_ms ?? null)} /></Col>
+          <Col xs={12} md={6}><Statistic title="耗时 5 分位" value={fmtMs(overview?.p5_duration_ms ?? null)} /></Col>
+          <Col xs={12} md={6}><Statistic title="耗时 50 分位" value={fmtMs(overview?.p50_duration_ms ?? null)} /></Col>
+          <Col xs={12} md={6}><Statistic title="耗时 95 分位" value={fmtMs(overview?.p95_duration_ms ?? null)} /></Col>
+          <Col xs={12} md={6}><Statistic title="耗时 99 分位" value={fmtMs(overview?.p99_duration_ms ?? null)} /></Col>
        </Row>
        <Divider orientation="left" plain>中途退出</Divider>
        <Row gutter={[16, 16]}>
-          <Col xs={12} md={6}><Statistic title="中途退出次数" value={overview.cancelled} /></Col>
-          <Col xs={12} md={6}><Statistic title="中途退出率" value={fmtRate(overview.cancelledRate)} /></Col>
-          <Col xs={12} md={6}><Statistic title="退出耗时 5 分位" value={fmtMs(overview.cancelledP5Ms)} /></Col>
-          <Col xs={12} md={6}><Statistic title="退出耗时 50 分位" value={fmtMs(overview.cancelledP50Ms)} /></Col>
-          <Col xs={12} md={6}><Statistic title="退出耗时 95 分位" value={fmtMs(overview.cancelledP95Ms)} /></Col>
+          <Col flex="1 1 180px"><Statistic title="中途退出次数" value={overview?.cancelled ?? 0} /></Col>
+          <Col flex="1 1 180px"><Statistic title="中途退出率" value={fmtRate(overview?.cancelled_rate ?? null)} /></Col>
+          <Col flex="1 1 180px"><Statistic title="退出耗时 5 分位" value={fmtMs(overview?.cancelled_p5_ms ?? null)} /></Col>
+          <Col flex="1 1 180px"><Statistic title="退出耗时 50 分位" value={fmtMs(overview?.cancelled_p50_ms ?? null)} /></Col>
+          <Col flex="1 1 180px"><Statistic title="退出耗时 95 分位" value={fmtMs(overview?.cancelled_p95_ms ?? null)} /></Col>
        </Row>
      </Card>

@@ -453,7 +425,7 @@ export default function ComparisonRecordsPage() {
        rowKey="id"
        columns={columns}
        dataSource={items}
-        loading={loading}
+        loading={listLoading}
        pagination={{
          current: page,
          pageSize,
@@ -73,7 +73,7 @@ interface CouponDataRow {
  started_at: string;
  claimed_count: number | null;
  trace_url: string | null;
-  ad_revenue_yuan: number; // 本次领券看的信息流广告预估收益(元)
+  ad_revenue_yuan: number | null; // 本次领券看的信息流广告预估收益(元);未填充为 null
 }
 interface CouponDataReport {
  date_from: string;
@@ -124,9 +124,9 @@ const fmtSec = (ms: number | null | undefined): string =>
 const fmtPct = (v: number | null | undefined): string =>
  v == null ? '-' : `${(v * 100).toFixed(1)}%`;

-// 元(小数)→ "¥0.0050"；空值显示 -，真实 0 显示 ¥0.0000，以区分“零收益”和“无数据”。
+// 元(小数)→ "¥0.0050"；空值表示 eCPM 根本未填充，真实 0 仍显示 ¥0.0000。
 const fmtYuan = (v: number | null | undefined): string =>
-  v == null ? '-' : `¥${v.toFixed(4)}`;
+  v == null ? '未填充' : `¥${v.toFixed(4)}`;

 // 一组按券行的 success_rate 算术平均(每张券等权;空值券跳过);无有效券 → null(显示 -)。
 // 汇总卡「分平台/合计点位成功率」据此由按券明细上卷,口径与下方按券表一致。
@@ -512,7 +512,7 @@ export default function CouponDataPage() {
      dataIndex: 'ad_revenue_yuan',
      width: 100,
      align: 'right',
-      render: (v: number) => fmtYuan(v),
+      render: (v: number | null) => fmtYuan(v),
    },
    {
      title: '美团耗时',
@@ -499,12 +499,7 @@ export default function DashboardPage() {
  const tokenCostYuan = periodData?.comparison.token_cost_total_yuan ?? null;
  const couponRewardCoinTotal = periodData?.coins.coupon_reward_coin_total;
  const comparisonRewardCoinTotal = periodData?.coins.comparison_reward_coin_total;
-  const signinCoinTotal = periodData?.coins.signin_coin_total;
-  const signinBoostCoinTotal = periodData?.coins.signin_boost_coin_total;
-  const taskCoinTotal = periodData?.coins.task_coin_total;
-  const regularTaskCoinTotal =
-    periodData?.coins.regular_task_coin_total ??
-    ((signinCoinTotal ?? 0) + (signinBoostCoinTotal ?? 0) + (taskCoinTotal ?? 0));
+  const regularTaskCoinTotal = periodData?.coins.regular_task_coin_total;
  const cpsAvailable = data?.cps.available === true;
  const meituanCpsCommissionCents = data?.cps.meituan_commission_cents;
  const jdCpsCommissionCents = data?.cps.jd_commission_cents;
@@ -1077,6 +1072,7 @@ export default function DashboardPage() {
            value={fmtInt(regularTaskCoinTotal)}
            delta={regularTaskCoinRatio.value}
            deltaTone={regularTaskCoinRatio.tone}
+            hint="每日签到、历史签到膨胀、通知/其他任务、上报更低价和反馈采纳的实发金币之和。"
          />
          <StatCard
            title="本期提现金额"
@@ -20,6 +20,7 @@ import type { Dayjs } from 'dayjs';
 import { api } from '@/lib/api';
 import { canDo } from '@/lib/auth';
 import { formatWallTime } from '@/lib/format';
+import { refreshReviewBadge } from '@/lib/reviewBadge';
 import { usePagedList } from '@/lib/usePagedList';
 import type { Feedback, FeedbackSummary } from '@/lib/types';
 import FeedbackHandleDrawer from './FeedbackHandleDrawer';
@@ -431,7 +432,11 @@ export default function FeedbacksPage() {
        feedback={drawerFb}
        open={drawerOpen}
        onClose={() => setDrawerOpen(false)}
-        onDone={() => { reload(); loadSummary(); }}
+        onDone={() => {
+          reload();
+          loadSummary();
+          refreshReviewBadge('/feedbacks');
+        }}
      />

      <UserRecordsDrawer<Feedback>
@@ -1,6 +1,6 @@
 'use client';

-import { useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { usePathname, useRouter } from 'next/navigation';
 import {
  BarChartOutlined,
@@ -25,7 +25,16 @@ import {
 import { Avatar, Dropdown, Layout, Tooltip } from 'antd';
 import { api } from '@/lib/api';
 import { clearAuth, getAdmin, getToken, setAuth } from '@/lib/auth';
-import type { AdminInfo } from '@/lib/types';
+import {
+  REVIEW_BADGE_REFRESH_EVENT,
+  type ReviewBadgeKey,
+} from '@/lib/reviewBadge';
+import type {
+  AdminInfo,
+  FeedbackSummary,
+  PriceReportSummary,
+  WithdrawSummary,
+} from '@/lib/types';

 const { Sider, Header, Content } = Layout;

@@ -96,6 +105,8 @@ export default function MainLayout({ children }: { children: React.ReactNode })
  const pathname = usePathname();
  const [admin, setAdmin] = useState<AdminInfo | null>(null);
  const [collapsed, setCollapsed] = useState(false);
+  const [pendingReviewCounts, setPendingReviewCounts] = useState<Partial<Record<ReviewBadgeKey, number>>>({});
+  const reviewRefreshVersion = useRef<Partial<Record<ReviewBadgeKey, number>>>({});

  useEffect(() => {
    const token = getToken();
@@ -114,6 +125,44 @@ export default function MainLayout({ children }: { children: React.ReactNode })
      .catch(() => {});
  }, [router]);

+  useEffect(() => {
+    if (!admin) return;
+    const canAccess = (page: string) =>
+      admin.role === 'super_admin' || !admin.pages || admin.pages.includes(page);
+
+    const refresh = async (key: ReviewBadgeKey) => {
+      if (!canAccess(key.slice(1))) return;
+      const version = (reviewRefreshVersion.current[key] ?? 0) + 1;
+      reviewRefreshVersion.current[key] = version;
+      let count: number;
+      if (key === '/withdraws') {
+        count = (await api.get<WithdrawSummary>('/admin/api/withdraws/summary')).data.reviewing_count;
+      } else if (key === '/price-reports') {
+        count = (await api.get<PriceReportSummary>('/admin/api/price-reports/summary')).data.pending;
+      } else {
+        count = (await api.get<FeedbackSummary>('/admin/api/feedbacks/summary')).data.pending;
+      }
+      if (reviewRefreshVersion.current[key] !== version) return;
+      setPendingReviewCounts((current) => ({ ...current, [key]: count }));
+    };
+
+    const refreshSafely = (key: ReviewBadgeKey) => refresh(key).catch(() => {});
+    void Promise.all([
+      refreshSafely('/withdraws'),
+      refreshSafely('/price-reports'),
+      refreshSafely('/feedbacks'),
+    ]);
+
+    const onReviewCompleted = (event: Event) => {
+      const key = (event as CustomEvent<ReviewBadgeKey>).detail;
+      if (key) void refreshSafely(key);
+    };
+    window.addEventListener(REVIEW_BADGE_REFRESH_EVENT, onReviewCompleted);
+    return () => {
+      window.removeEventListener(REVIEW_BADGE_REFRESH_EVENT, onReviewCompleted);
+    };
+  }, [admin]);
+
  if (!admin) return null; // 守卫期间不闪烁内容

  // 选中态:取路径一级(/users/123 -> /users)
@@ -132,6 +181,20 @@ export default function MainLayout({ children }: { children: React.ReactNode })
    hasChildren(group) ? group.children : [group],
  );

+  const reviewBadge = (key: string) => {
+    const count = pendingReviewCounts[key as ReviewBadgeKey] ?? 0;
+    if (count <= 0) return null;
+    return (
+      <span
+        className="nav-review-badge"
+        aria-label={`${count} 条未审核`}
+        title={`${count} 条未审核`}
+      >
+        {count}
+      </span>
+    );
+  };
+
  const logout = () => {
    clearAuth();
    router.replace('/login');
@@ -166,6 +229,7 @@ export default function MainLayout({ children }: { children: React.ReactNode })
                    aria-label={item.label}
                  >
                    {item.icon}
+                    {reviewBadge(item.key)}
                  </button>
                </Tooltip>
              ))
@@ -183,7 +247,8 @@ export default function MainLayout({ children }: { children: React.ReactNode })
                      onClick={() => router.push(group.key)}
                    >
                      <span className="nav-primary-icon">{group.icon}</span>
-                      <span>{group.label}</span>
+                      <span className="nav-item-label">{group.label}</span>
+                      {reviewBadge(group.key)}
                    </button>
                  );
                }
@@ -202,7 +267,8 @@ export default function MainLayout({ children }: { children: React.ReactNode })
                          onClick={() => router.push(child.key)}
                        >
                          <span className="nav-child-icon">{child.icon}</span>
-                          <span>{child.label}</span>
+                          <span className="nav-item-label">{child.label}</span>
+                          {reviewBadge(child.key)}
                        </button>
                      ))}
                    </div>
@@ -269,6 +335,29 @@ export default function MainLayout({ children }: { children: React.ReactNode })
          color: rgba(255, 255, 255, 0.72);
          font-size: 16px;
        }
+        .nav-item-label {
+          min-width: 0;
+          flex: 1;
+        }
+        .nav-review-badge {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          box-sizing: border-box;
+          flex: 0 0 auto;
+          min-width: 18px;
+          height: 18px;
+          padding: 0 5px;
+          border-radius: 9px;
+          background: #ff4d4f;
+          color: #fff;
+          font-size: 11px;
+          font-weight: 600;
+          line-height: 18px;
+          white-space: nowrap;
+          font-variant-numeric: tabular-nums;
+          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
+        }
        .nav-direct,
        .nav-child,
        .nav-icon-button {
@@ -332,6 +421,7 @@ export default function MainLayout({ children }: { children: React.ReactNode })
          padding: 0 8px 14px;
        }
        .nav-icon-button {
+          position: relative;
          display: inline-flex;
          align-items: center;
          justify-content: center;
@@ -342,6 +432,11 @@ export default function MainLayout({ children }: { children: React.ReactNode })
          color: rgba(255, 255, 255, 0.72);
          font-size: 17px;
        }
+        .nav-icon-button .nav-review-badge {
+          position: absolute;
+          top: 1px;
+          right: -6px;
+        }
        .nav-icon-button:hover,
        .nav-icon-button.is-selected {
          background: #1677ff;
@@ -22,6 +22,7 @@ import dayjs from 'dayjs';
 import { api, errMsg } from '@/lib/api';
 import { canDo } from '@/lib/auth';
 import { mediaUrl } from '@/lib/media';
+import { refreshReviewBadge } from '@/lib/reviewBadge';
 import { usePagedList } from '@/lib/usePagedList';
 import type { PriceReport, PriceReportSummary } from '@/lib/types';
 import UserRecordsDrawer from '@/components/UserRecordsDrawer';
@@ -202,6 +203,7 @@ export default function PriceReportsPage() {
      onOk: async () => {
        try {
          await api.post(`/admin/api/price-reports/${r.id}/approve`);
+          refreshReviewBadge('/price-reports');
          message.success('已通过，已发放 1000 金币');
          refreshAfterChange();
        } catch (e) {
@@ -220,6 +222,7 @@ export default function PriceReportsPage() {
    }
    try {
      await api.post(`/admin/api/price-reports/${rejecting.id}/reject`, { reason });
+      refreshReviewBadge('/price-reports');
      message.success('已拒绝');
      setRejecting(null);
      setRejectReason('');
@@ -39,6 +39,7 @@ import dayjs, { type Dayjs } from 'dayjs';
 import { api, errMsg } from '@/lib/api';
 import { canDo } from '@/lib/auth';
 import { formatUtcTime, utcDayjs, utcFromNow, yuan } from '@/lib/format';
+import { refreshReviewBadge } from '@/lib/reviewBadge';
 import { usePagedList } from '@/lib/usePagedList';
 import type {
  AuditLog,
@@ -332,6 +333,7 @@ export default function WithdrawsPage() {
      onOk: async () => {
        try {
          await api.post(`/admin/api/withdraws/${o.out_bill_no}/approve`);
+          refreshReviewBadge('/withdraws');
          message.success('已通过审核并发起打款');
          await refreshAfterChange(o.out_bill_no);
        } catch (e) {
@@ -362,6 +364,7 @@ export default function WithdrawsPage() {
        await api.post(`/admin/api/withdraws/${targets[0].out_bill_no}/reject`, { reason: trimmed });
        message.success('已拒绝并退回余额');
      }
+      refreshReviewBadge('/withdraws');
      setRejecting(null);
      setBulkRejecting([]);
      setRejectReason('');
@@ -400,6 +403,7 @@ export default function WithdrawsPage() {
          const { data } = await api.post<WithdrawBulkResult>('/admin/api/withdraws/bulk/approve', {
            out_bill_nos: selectedReviewing.map((item) => item.out_bill_no),
          });
+          refreshReviewBadge('/withdraws');
          const text = bulkResultText('批量通过完成', data);
          if (data.failed) message.warning(text);
          else message.success(text);
@@ -0,0 +1,10 @@
+export type ReviewBadgeKey = '/withdraws' | '/price-reports' | '/feedbacks';
+
+export const REVIEW_BADGE_REFRESH_EVENT = 'review-badge-refresh';
+
+export function refreshReviewBadge(key: ReviewBadgeKey) {
+  if (typeof window === 'undefined') return;
+  window.dispatchEvent(
+    new CustomEvent<ReviewBadgeKey>(REVIEW_BADGE_REFRESH_EVENT, { detail: key }),
+  );
+}
@@ -364,6 +364,25 @@ export interface ComparisonRecordListItem {
  created_at: string;
 }

+export interface ComparisonRecordsSummary {
+  started: number;
+  completed: number;
+  success: number;
+  success_rate: number | null;
+  avg_token_cost: number | null;
+  lower_price_rate: number | null;
+  avg_duration_ms: number | null;
+  p5_duration_ms: number | null;
+  p50_duration_ms: number | null;
+  p95_duration_ms: number | null;
+  p99_duration_ms: number | null;
+  cancelled: number;
+  cancelled_rate: number | null;
+  cancelled_p5_ms: number | null;
+  cancelled_p50_ms: number | null;
+  cancelled_p95_ms: number | null;
+}
+
 // 单次 LLM 调用明细(pricebot chat() 收口落盘,server 按 trace 拉来)
 export interface LlmCall {
  ts?: number;
Author	SHA1	Message	Date
linkeyu	7e79c99625	fix(admin): 使用后端常规任务金币汇总	2026-07-22 11:40:41 +08:00
linkeyu	76d317d2ea	feat(admin): 加速比价记录页并修正耗时口径 (#55 ) ## 变更内容 - 列表从最多串行拉取 200 页改为仅请求当前页 - 概览改用后端聚合接口，与列表并行加载 - 主耗时五项只展示成功比价数据 - 中途退出五项在桌面端同一行展示，小屏自动换行 - 翻页不再重复请求概览 ## 依赖 - 配套 Server MR #152 ## 验证 - npx tsc --noEmit - npm run build --------- Co-authored-by: linkeyu <798648091@qq.com> Reviewed-on: #55 Co-authored-by: linkeyu <linkeyu@wonderable.ai> Co-committed-by: linkeyu <linkeyu@wonderable.ai>	2026-07-22 10:42:15 +08:00
linkeyu	c2f49f2658	feat(admin): 审核菜单增加未处理数量徽标 (#57 ) ## 变更内容 - 提现审核菜单展示待审核 reviewing_count - 低价审核菜单展示 pending 数量 - 用户反馈菜单展示 pending 数量（包含历史 new 状态） - 数量为 0 时不显示徽标 - 单数字保持红色圆形，多位数按内容自动扩展为胶囊 - 侧栏收起时徽标显示在图标右上角 ## 刷新与容错 - 三个汇总接口并行请求，单个失败不影响其他徽标 - 页面切换、窗口重新聚焦时刷新 - 每 30 秒自动刷新 - 仅请求当前账号有权限查看的审核页面 ## 验证 - npx tsc --noEmit - npm run build - 本地实际验证 2、12、1234 三种数字长度均完整显示 --------- Co-authored-by: linkeyu <798648091@qq.com> Reviewed-on: #57 Co-authored-by: linkeyu <linkeyu@wonderable.ai> Co-committed-by: linkeyu <linkeyu@wonderable.ai>	2026-07-22 10:25:31 +08:00
linkeyu	7edb4e241c	功能：广告收益增加环境与数据范围筛选 (#58 ) ## 修改内容 - 广告收益页新增环境筛选，默认正式环境 - 新增数据范围筛选，默认业务代码位 - 查询时同步传递环境和收益范围，便于客户端与穿山甲同口径对账 - 更新收益口径说明 ## 本地验证 - TypeScript 检查通过 - Next.js 生产构建通过 - 本地页面已实测默认筛选及正式、测试、全部环境与代码位范围切换 ## 依赖需配合服务端同名功能合并请求上线。 --------- Co-authored-by: linkeyu <798648091@qq.com> Reviewed-on: #58 Co-authored-by: linkeyu <linkeyu@wonderable.ai> Co-committed-by: linkeyu <linkeyu@wonderable.ai>	2026-07-22 09:46:42 +08:00
linkeyu	3f5356ad87	feat(admin): 领券完成率和点位成功率展示计算明细 (#53 ) ## 变更内容 - 将汇总卡“领券成功率”明确为“领券完成率” - 提示中动态展示完成数、发起数、中途退出数及本期代入计算结果 - 点位成功率提示逐券展示成功数、尝试数、单券成功率和最终等权平均结果 - 展示累计成功/尝试数作为辅助核对，并明确不作为当前加权公式 ## 验证 - npx tsc --noEmit - npm run build --------- Co-authored-by: linkeyu <798648091@qq.com> Reviewed-on: #53 Co-authored-by: linkeyu <linkeyu@wonderable.ai> Co-committed-by: linkeyu <linkeyu@wonderable.ai>	2026-07-21 11:59:50 +08:00
linkeyu	c90775d09c	fix(admin): 领券广告收益未填充时显示明确文案 (#54 ) 原 MR #52 已合并到功能分支，无法修改目标分支。本 MR 将同一项“领券广告收益未填充时显示明确文案”修复独立提交到 main，不包含后台看板功能分支的其他提交。验证：npx tsc --noEmit；npm run build。 Reviewed-on: #54 Co-authored-by: linkeyu <linkeyu@wonderable.ai> Co-committed-by: linkeyu <linkeyu@wonderable.ai>	2026-07-21 11:59:35 +08:00