feat(admin): show coupon rate calculation details

2026-07-21 11:39:27 +08:00
6 changed files with 9 additions and 126 deletions
@@ -73,7 +73,7 @@ interface CouponDataRow {
  started_at: string;
  claimed_count: number | null;
  trace_url: string | null;
-  ad_revenue_yuan: number | null; // 本次领券看的信息流广告预估收益(元);未填充为 null
+  ad_revenue_yuan: number; // 本次领券看的信息流广告预估收益(元)
 }
 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"；空值表示 eCPM 根本未填充，真实 0 仍显示 ¥0.0000。
+// 元(小数)→ "¥0.0050"；空值显示 -，真实 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 | null) => fmtYuan(v),
+      render: (v: number) => fmtYuan(v),
    },
    {
      title: '美团耗时',
@@ -20,7 +20,6 @@ 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';
@@ -432,11 +431,7 @@ export default function FeedbacksPage() {
        feedback={drawerFb}
        open={drawerOpen}
        onClose={() => setDrawerOpen(false)}
-        onDone={() => {
-          reload();
-          loadSummary();
-          refreshReviewBadge('/feedbacks');
-        }}
+        onDone={() => { reload(); loadSummary(); }}
      />

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

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

 const { Sider, Header, Content } = Layout;

@@ -105,8 +96,6 @@ 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();
@@ -125,44 +114,6 @@ 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)
@@ -181,20 +132,6 @@ 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');
@@ -229,7 +166,6 @@ export default function MainLayout({ children }: { children: React.ReactNode })
                    aria-label={item.label}
                  >
                    {item.icon}
-                    {reviewBadge(item.key)}
                  </button>
                </Tooltip>
              ))
@@ -247,8 +183,7 @@ export default function MainLayout({ children }: { children: React.ReactNode })
                      onClick={() => router.push(group.key)}
                    >
                      <span className="nav-primary-icon">{group.icon}</span>
-                      <span className="nav-item-label">{group.label}</span>
-                      {reviewBadge(group.key)}
+                      <span>{group.label}</span>
                    </button>
                  );
                }
@@ -267,8 +202,7 @@ export default function MainLayout({ children }: { children: React.ReactNode })
                          onClick={() => router.push(child.key)}
                        >
                          <span className="nav-child-icon">{child.icon}</span>
-                          <span className="nav-item-label">{child.label}</span>
-                          {reviewBadge(child.key)}
+                          <span>{child.label}</span>
                        </button>
                      ))}
                    </div>
@@ -335,29 +269,6 @@ 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 {
@@ -421,7 +332,6 @@ 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;
@@ -432,11 +342,6 @@ 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,7 +22,6 @@ 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';
@@ -203,7 +202,6 @@ 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) {
@@ -222,7 +220,6 @@ 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,7 +39,6 @@ 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,
@@ -333,7 +332,6 @@ 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) {
@@ -364,7 +362,6 @@ 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('');
@@ -403,7 +400,6 @@ 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);
@@ -1,10 +0,0 @@
-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 }),
-  );
-}