Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7e79c99625 | |||
| 76d317d2ea | |||
| c2f49f2658 | |||
| 7edb4e241c | |||
| 3f5356ad87 | |||
| c90775d09c | |||
| fb91dca192 | |||
| 86086b1275 |
@@ -300,6 +300,8 @@ export default function AdRevenueReportPage() {
|
|||||||
const { message } = App.useApp();
|
const { message } = App.useApp();
|
||||||
const [range, setRange] = useState<[Dayjs, Dayjs]>([dayjs().subtract(1, 'day'), dayjs().subtract(1, 'day')]);
|
const [range, setRange] = useState<[Dayjs, Dayjs]>([dayjs().subtract(1, 'day'), dayjs().subtract(1, 'day')]);
|
||||||
const [userId, setUserId] = useState<number | null>(null);
|
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>();
|
const [adType, setAdType] = useState<string | undefined>();
|
||||||
// 「场景」作为后端全局筛选(feed_scene):同时影响明细 / 合计 / 趋势,与「用户 / 类型」一致,点「查询」生效。
|
// 「场景」作为后端全局筛选(feed_scene):同时影响明细 / 合计 / 趋势,与「用户 / 类型」一致,点「查询」生效。
|
||||||
const [scene, setScene] = useState<string | undefined>();
|
const [scene, setScene] = useState<string | undefined>();
|
||||||
@@ -333,6 +335,8 @@ export default function AdRevenueReportPage() {
|
|||||||
date_from: from,
|
date_from: from,
|
||||||
date_to: to,
|
date_to: to,
|
||||||
user_id: userId ?? undefined,
|
user_id: userId ?? undefined,
|
||||||
|
app_env: appEnv === 'all' ? undefined : appEnv,
|
||||||
|
revenue_scope: revenueScope,
|
||||||
ad_type: adType ?? undefined,
|
ad_type: adType ?? undefined,
|
||||||
feed_scene: scene ?? undefined,
|
feed_scene: scene ?? undefined,
|
||||||
granularity: gran,
|
granularity: gran,
|
||||||
@@ -374,7 +378,7 @@ export default function AdRevenueReportPage() {
|
|||||||
setLoading(false);
|
setLoading(false);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
[range, userId, adType, scene, granularity, limit, sortBy],
|
[range, userId, appEnv, revenueScope, adType, scene, granularity, limit, sortBy],
|
||||||
);
|
);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -620,7 +624,8 @@ export default function AdRevenueReportPage() {
|
|||||||
<br />
|
<br />
|
||||||
核心指标里的<b>「穿山甲后台收益(T+1)」</b>来自穿山甲 GroMore 数据 API(后台结算口径,次日出数):
|
核心指标里的<b>「穿山甲后台收益(T+1)」</b>来自穿山甲 GroMore 数据 API(后台结算口径,次日出数):
|
||||||
<b>穿山甲预估收益</b>=接口 revenue、<b>收益API</b>=各 ADN 回传更接近结算。穿山甲不提供分用户/类型/场景维度,
|
<b>穿山甲预估收益</b>=接口 revenue、<b>收益API</b>=各 ADN 回传更接近结算。穿山甲不提供分用户/类型/场景维度,
|
||||||
故仅在<b>全量视图</b>(未按用户/类型/场景筛选)展示;逐条事件行仍是客户端预估,不受其影响。
|
故仅在<b>可对账视图</b>(未按用户/类型/场景筛选)展示;环境和数据范围会同时作用于客户端与穿山甲汇总。
|
||||||
|
默认“正式 + 业务代码位”用于同口径对账;切到“全部代码位”会包含广告测试等非业务曝光。
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
@@ -655,6 +660,31 @@ export default function AdRevenueReportPage() {
|
|||||||
style={{ width: 130 }}
|
style={{ width: 130 }}
|
||||||
/>
|
/>
|
||||||
</Space>
|
</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}>
|
<Space size={6}>
|
||||||
<Typography.Text type="secondary">类型</Typography.Text>
|
<Typography.Text type="secondary">类型</Typography.Text>
|
||||||
<Select
|
<Select
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import { useEffect, useMemo, useState } from 'react';
|
import { useEffect, useState } from 'react';
|
||||||
import type { CSSProperties, ReactNode } from 'react';
|
import type { CSSProperties, ReactNode } from 'react';
|
||||||
import {
|
import {
|
||||||
App, Button, Card, Col, Collapse, DatePicker, Descriptions, Divider, Drawer, Input, InputNumber,
|
App, Button, Card, Col, Collapse, DatePicker, Descriptions, Divider, Drawer, Input, InputNumber,
|
||||||
@@ -9,8 +9,13 @@ import {
|
|||||||
import type { ColumnsType } from 'antd/es/table';
|
import type { ColumnsType } from 'antd/es/table';
|
||||||
import dayjs, { type Dayjs } from 'dayjs';
|
import dayjs, { type Dayjs } from 'dayjs';
|
||||||
import { api, errMsg } from '@/lib/api';
|
import { api, errMsg } from '@/lib/api';
|
||||||
import { formatWallTime, percentile, yuan } from '@/lib/format';
|
import { formatWallTime, yuan } from '@/lib/format';
|
||||||
import type { ComparisonRecordDetail, ComparisonRecordListItem, CursorPage } from '@/lib/types';
|
import type {
|
||||||
|
ComparisonRecordDetail,
|
||||||
|
ComparisonRecordListItem,
|
||||||
|
ComparisonRecordsSummary,
|
||||||
|
CursorPage,
|
||||||
|
} from '@/lib/types';
|
||||||
|
|
||||||
const { RangePicker } = DatePicker;
|
const { RangePicker } = DatePicker;
|
||||||
|
|
||||||
@@ -105,8 +110,11 @@ export default function ComparisonRecordsPage() {
|
|||||||
date_from: dayjs().subtract(1, 'day').format('YYYY-MM-DD'),
|
date_from: dayjs().subtract(1, 'day').format('YYYY-MM-DD'),
|
||||||
date_to: dayjs().subtract(1, 'day').format('YYYY-MM-DD'),
|
date_to: dayjs().subtract(1, 'day').format('YYYY-MM-DD'),
|
||||||
});
|
});
|
||||||
const [allItems, setAllItems] = useState<ComparisonRecordListItem[]>([]);
|
const [items, setItems] = useState<ComparisonRecordListItem[]>([]);
|
||||||
const [loading, setLoading] = useState(false);
|
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 [page, setPage] = useState(1);
|
||||||
const [pageSize, setPageSize] = useState(20);
|
const [pageSize, setPageSize] = useState(20);
|
||||||
// LLM 单价(元/百万 token),本地持久化;仅用于前端估算成本,不入库、不影响其它页面
|
// LLM 单价(元/百万 token),本地持久化;仅用于前端估算成本,不入库、不影响其它页面
|
||||||
@@ -125,7 +133,8 @@ export default function ComparisonRecordsPage() {
|
|||||||
const [detail, setDetail] = useState<ComparisonRecordDetail | null>(null);
|
const [detail, setDetail] = useState<ComparisonRecordDetail | null>(null);
|
||||||
const [detailLoading, setDetailLoading] = useState(false);
|
const [detailLoading, setDetailLoading] = useState(false);
|
||||||
|
|
||||||
const search = () =>
|
const search = () => {
|
||||||
|
setPage(1);
|
||||||
setApplied({
|
setApplied({
|
||||||
date_from: range[0].format('YYYY-MM-DD'),
|
date_from: range[0].format('YYYY-MM-DD'),
|
||||||
date_to: range[1].format('YYYY-MM-DD'),
|
date_to: range[1].format('YYYY-MM-DD'),
|
||||||
@@ -135,6 +144,7 @@ export default function ComparisonRecordsPage() {
|
|||||||
store: store.trim() || undefined,
|
store: store.trim() || undefined,
|
||||||
product: product.trim() || undefined,
|
product: product.trim() || undefined,
|
||||||
});
|
});
|
||||||
|
};
|
||||||
|
|
||||||
const reset = () => {
|
const reset = () => {
|
||||||
setUserId(null);
|
setUserId(null);
|
||||||
@@ -143,6 +153,7 @@ export default function ComparisonRecordsPage() {
|
|||||||
setStore('');
|
setStore('');
|
||||||
setProduct('');
|
setProduct('');
|
||||||
const yesterday = dayjs().subtract(1, 'day');
|
const yesterday = dayjs().subtract(1, 'day');
|
||||||
|
setPage(1);
|
||||||
setRange([yesterday, yesterday]);
|
setRange([yesterday, yesterday]);
|
||||||
setApplied({
|
setApplied({
|
||||||
date_from: yesterday.format('YYYY-MM-DD'),
|
date_from: yesterday.format('YYYY-MM-DD'),
|
||||||
@@ -152,49 +163,50 @@ export default function ComparisonRecordsPage() {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
let alive = true;
|
let alive = true;
|
||||||
const loadAll = async () => {
|
const loadPage = async () => {
|
||||||
setLoading(true);
|
setListLoading(true);
|
||||||
try {
|
try {
|
||||||
const serverFilters = { ...applied };
|
const { data } = await api.get<CursorPage<ComparisonRecordListItem>>(
|
||||||
delete serverFilters.date_from;
|
'/admin/api/comparison-records',
|
||||||
delete serverFilters.date_to;
|
{ params: { ...applied, limit: pageSize, cursor: (page - 1) * pageSize } },
|
||||||
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;
|
|
||||||
}
|
|
||||||
if (alive) {
|
if (alive) {
|
||||||
setAllItems(rows);
|
setItems(data.items);
|
||||||
setPage(1);
|
setTotal(data.total ?? 0);
|
||||||
}
|
}
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
if (alive) message.error(errMsg(e));
|
if (alive) message.error(errMsg(e));
|
||||||
} finally {
|
} 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 () => {
|
return () => {
|
||||||
alive = false;
|
alive = false;
|
||||||
};
|
};
|
||||||
}, [applied, message]);
|
}, [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) => {
|
const onChange = (nextPage: number, nextPageSize: number) => {
|
||||||
setPageSize(nextPageSize);
|
setPageSize(nextPageSize);
|
||||||
setPage(nextPageSize === pageSize ? nextPage : 1);
|
setPage(nextPageSize === pageSize ? nextPage : 1);
|
||||||
@@ -218,46 +230,6 @@ export default function ComparisonRecordsPage() {
|
|||||||
setDetailLoading(false);
|
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> = [
|
const columns: ColumnsType<ComparisonRecordListItem> = [
|
||||||
{ title: '时间', dataIndex: 'created_at', width: 150, render: (v: string) => formatWallTime(v) },
|
{ title: '时间', dataIndex: 'created_at', width: 150, render: (v: string) => formatWallTime(v) },
|
||||||
{
|
{
|
||||||
@@ -424,28 +396,28 @@ export default function ComparisonRecordsPage() {
|
|||||||
</Space>
|
</Space>
|
||||||
</Card>
|
</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>
|
<Divider orientation="left" plain style={{ marginTop: 0 }}>数据概览</Divider>
|
||||||
<Row gutter={[16, 16]}>
|
<Row gutter={[16, 16]}>
|
||||||
<Col xs={12} md={6}><Statistic title="比价发起数" value={overview.started} /></Col>
|
<Col xs={12} md={6}><Statistic title="比价发起数" value={overview?.started ?? 0} /></Col>
|
||||||
<Col xs={12} md={6}><Statistic title="比价完成数" value={overview.completed} /></Col>
|
<Col xs={12} md={6}><Statistic title="比价完成数" value={overview?.completed ?? 0} /></Col>
|
||||||
<Col xs={12} md={6}><Statistic title="比价成功次数" value={overview.success} /></Col>
|
<Col xs={12} md={6}><Statistic title="比价成功次数" value={overview?.success ?? 0} /></Col>
|
||||||
<Col xs={12} md={6}><Statistic title="比价成功率" value={fmtRate(overview.successRate)} /></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.avgTokenCost ?? '-'} precision={4} prefix="¥" /></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.lowerPriceRate)} /></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.avgMs)} /></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.p5Ms)} /></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.p50Ms)} /></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.p95Ms)} /></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.p99Ms)} /></Col>
|
<Col xs={12} md={6}><Statistic title="耗时 99 分位" value={fmtMs(overview?.p99_duration_ms ?? null)} /></Col>
|
||||||
</Row>
|
</Row>
|
||||||
<Divider orientation="left" plain>中途退出</Divider>
|
<Divider orientation="left" plain>中途退出</Divider>
|
||||||
<Row gutter={[16, 16]}>
|
<Row gutter={[16, 16]}>
|
||||||
<Col xs={12} md={6}><Statistic title="中途退出次数" value={overview.cancelled} /></Col>
|
<Col flex="1 1 180px"><Statistic title="中途退出次数" value={overview?.cancelled ?? 0} /></Col>
|
||||||
<Col xs={12} md={6}><Statistic title="中途退出率" value={fmtRate(overview.cancelledRate)} /></Col>
|
<Col flex="1 1 180px"><Statistic title="中途退出率" value={fmtRate(overview?.cancelled_rate ?? null)} /></Col>
|
||||||
<Col xs={12} md={6}><Statistic title="退出耗时 5 分位" value={fmtMs(overview.cancelledP5Ms)} /></Col>
|
<Col flex="1 1 180px"><Statistic title="退出耗时 5 分位" value={fmtMs(overview?.cancelled_p5_ms ?? null)} /></Col>
|
||||||
<Col xs={12} md={6}><Statistic title="退出耗时 50 分位" value={fmtMs(overview.cancelledP50Ms)} /></Col>
|
<Col flex="1 1 180px"><Statistic title="退出耗时 50 分位" value={fmtMs(overview?.cancelled_p50_ms ?? null)} /></Col>
|
||||||
<Col xs={12} md={6}><Statistic title="退出耗时 95 分位" value={fmtMs(overview.cancelledP95Ms)} /></Col>
|
<Col flex="1 1 180px"><Statistic title="退出耗时 95 分位" value={fmtMs(overview?.cancelled_p95_ms ?? null)} /></Col>
|
||||||
</Row>
|
</Row>
|
||||||
</Card>
|
</Card>
|
||||||
|
|
||||||
@@ -453,7 +425,7 @@ export default function ComparisonRecordsPage() {
|
|||||||
rowKey="id"
|
rowKey="id"
|
||||||
columns={columns}
|
columns={columns}
|
||||||
dataSource={items}
|
dataSource={items}
|
||||||
loading={loading}
|
loading={listLoading}
|
||||||
pagination={{
|
pagination={{
|
||||||
current: page,
|
current: page,
|
||||||
pageSize,
|
pageSize,
|
||||||
|
|||||||
@@ -137,11 +137,6 @@ const slotRateMean = (rows: CouponSlotRow[]): number | null => {
|
|||||||
return rates.length ? rates.reduce((a, b) => a + b, 0) / rates.length : null;
|
return rates.length ? rates.reduce((a, b) => a + b, 0) / rates.length : null;
|
||||||
};
|
};
|
||||||
|
|
||||||
// 汇总卡成功率口径 tooltip 文案
|
|
||||||
const POINT_RATE_HINT =
|
|
||||||
'点位成功率(合计):当前区间内全部券成功率的算术平均(每张券等权);' +
|
|
||||||
'单券成功率=成功(含已领)÷尝试(不含跳过),源自领券每券记录。';
|
|
||||||
|
|
||||||
// 按券表:coupon_id 平台 → 中文
|
// 按券表:coupon_id 平台 → 中文
|
||||||
const SLOT_PLATFORM: Record<string, string> = {
|
const SLOT_PLATFORM: Record<string, string> = {
|
||||||
'meituan-waimai': '美团',
|
'meituan-waimai': '美团',
|
||||||
@@ -597,6 +592,10 @@ export default function CouponDataPage() {
|
|||||||
const successDenominator = summary ? Math.max(0, summary.started_count - abandonedCount) : 0;
|
const successDenominator = summary ? Math.max(0, summary.started_count - abandonedCount) : 0;
|
||||||
const couponSuccessRate =
|
const couponSuccessRate =
|
||||||
summary && successDenominator > 0 ? summary.completed_count / successDenominator : null;
|
summary && successDenominator > 0 ? summary.completed_count / successDenominator : null;
|
||||||
|
const validCouponSlots = couponSlots.filter((r) => r.success_rate != null);
|
||||||
|
const pointSuccessRate = slotRateMean(validCouponSlots);
|
||||||
|
const pointSucceededTotal = validCouponSlots.reduce((total, r) => total + r.succeeded, 0);
|
||||||
|
const pointTriedTotal = validCouponSlots.reduce((total, r) => total + r.tried, 0);
|
||||||
const items = data?.items ?? [];
|
const items = data?.items ?? [];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -714,8 +713,19 @@ export default function CouponDataPage() {
|
|||||||
<Statistic
|
<Statistic
|
||||||
title={
|
title={
|
||||||
<span>
|
<span>
|
||||||
领券成功率{' '}
|
领券完成率{' '}
|
||||||
<Tooltip title="领券完成数 ÷(领券发起数-中途退出数)">
|
<Tooltip
|
||||||
|
overlayStyle={{ maxWidth: 520 }}
|
||||||
|
title={
|
||||||
|
<div>
|
||||||
|
<div>计算逻辑:领券完成数 ÷(领券发起数-中途退出数)</div>
|
||||||
|
<div style={{ marginTop: 6 }}>
|
||||||
|
本期:{summary.completed_count} ÷({summary.started_count}-{abandonedCount})
|
||||||
|
= {fmtPct(couponSuccessRate)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
>
|
||||||
<InfoCircleOutlined style={{ color: '#999' }} />
|
<InfoCircleOutlined style={{ color: '#999' }} />
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
</span>
|
</span>
|
||||||
@@ -728,12 +738,33 @@ export default function CouponDataPage() {
|
|||||||
title={
|
title={
|
||||||
<span>
|
<span>
|
||||||
点位成功率{' '}
|
点位成功率{' '}
|
||||||
<Tooltip title={POINT_RATE_HINT}>
|
<Tooltip
|
||||||
|
overlayStyle={{ maxWidth: 560 }}
|
||||||
|
title={
|
||||||
|
<div>
|
||||||
|
<div>计算逻辑:全部单券成功率的算术平均,每张券等权。</div>
|
||||||
|
<div>单券成功率=成功数(含已领)÷ 尝试数(不含跳过)。</div>
|
||||||
|
<div style={{ marginTop: 6 }}>
|
||||||
|
本期共 {validCouponSlots.length} 张有效券:
|
||||||
|
</div>
|
||||||
|
{validCouponSlots.map((slot) => (
|
||||||
|
<div key={slot.coupon_id}>
|
||||||
|
{slot.coupon_name || slot.coupon_id}:{slot.succeeded} ÷ {slot.tried}=
|
||||||
|
{fmtPct(slot.success_rate)}
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
<div style={{ marginTop: 6 }}>
|
||||||
|
等权平均={fmtPct(pointSuccessRate)};累计成功/尝试=
|
||||||
|
{pointSucceededTotal}/{pointTriedTotal}(累计数仅辅助核对,不作为当前加权公式)。
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
>
|
||||||
<InfoCircleOutlined style={{ color: '#999' }} />
|
<InfoCircleOutlined style={{ color: '#999' }} />
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
</span>
|
</span>
|
||||||
}
|
}
|
||||||
value={fmtPct(slotRateMean(couponSlots))}
|
value={fmtPct(pointSuccessRate)}
|
||||||
/>
|
/>
|
||||||
</Col>
|
</Col>
|
||||||
<Col flex="1 1 0">
|
<Col flex="1 1 0">
|
||||||
|
|||||||
@@ -499,12 +499,7 @@ export default function DashboardPage() {
|
|||||||
const tokenCostYuan = periodData?.comparison.token_cost_total_yuan ?? null;
|
const tokenCostYuan = periodData?.comparison.token_cost_total_yuan ?? null;
|
||||||
const couponRewardCoinTotal = periodData?.coins.coupon_reward_coin_total;
|
const couponRewardCoinTotal = periodData?.coins.coupon_reward_coin_total;
|
||||||
const comparisonRewardCoinTotal = periodData?.coins.comparison_reward_coin_total;
|
const comparisonRewardCoinTotal = periodData?.coins.comparison_reward_coin_total;
|
||||||
const signinCoinTotal = periodData?.coins.signin_coin_total;
|
const regularTaskCoinTotal = periodData?.coins.regular_task_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 cpsAvailable = data?.cps.available === true;
|
const cpsAvailable = data?.cps.available === true;
|
||||||
const meituanCpsCommissionCents = data?.cps.meituan_commission_cents;
|
const meituanCpsCommissionCents = data?.cps.meituan_commission_cents;
|
||||||
const jdCpsCommissionCents = data?.cps.jd_commission_cents;
|
const jdCpsCommissionCents = data?.cps.jd_commission_cents;
|
||||||
@@ -1077,6 +1072,7 @@ export default function DashboardPage() {
|
|||||||
value={fmtInt(regularTaskCoinTotal)}
|
value={fmtInt(regularTaskCoinTotal)}
|
||||||
delta={regularTaskCoinRatio.value}
|
delta={regularTaskCoinRatio.value}
|
||||||
deltaTone={regularTaskCoinRatio.tone}
|
deltaTone={regularTaskCoinRatio.tone}
|
||||||
|
hint="每日签到、历史签到膨胀、通知/其他任务、上报更低价和反馈采纳的实发金币之和。"
|
||||||
/>
|
/>
|
||||||
<StatCard
|
<StatCard
|
||||||
title="本期提现金额"
|
title="本期提现金额"
|
||||||
|
|||||||
@@ -20,6 +20,7 @@ import type { Dayjs } from 'dayjs';
|
|||||||
import { api } from '@/lib/api';
|
import { api } from '@/lib/api';
|
||||||
import { canDo } from '@/lib/auth';
|
import { canDo } from '@/lib/auth';
|
||||||
import { formatWallTime } from '@/lib/format';
|
import { formatWallTime } from '@/lib/format';
|
||||||
|
import { refreshReviewBadge } from '@/lib/reviewBadge';
|
||||||
import { usePagedList } from '@/lib/usePagedList';
|
import { usePagedList } from '@/lib/usePagedList';
|
||||||
import type { Feedback, FeedbackSummary } from '@/lib/types';
|
import type { Feedback, FeedbackSummary } from '@/lib/types';
|
||||||
import FeedbackHandleDrawer from './FeedbackHandleDrawer';
|
import FeedbackHandleDrawer from './FeedbackHandleDrawer';
|
||||||
@@ -431,7 +432,11 @@ export default function FeedbacksPage() {
|
|||||||
feedback={drawerFb}
|
feedback={drawerFb}
|
||||||
open={drawerOpen}
|
open={drawerOpen}
|
||||||
onClose={() => setDrawerOpen(false)}
|
onClose={() => setDrawerOpen(false)}
|
||||||
onDone={() => { reload(); loadSummary(); }}
|
onDone={() => {
|
||||||
|
reload();
|
||||||
|
loadSummary();
|
||||||
|
refreshReviewBadge('/feedbacks');
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<UserRecordsDrawer<Feedback>
|
<UserRecordsDrawer<Feedback>
|
||||||
|
|||||||
@@ -0,0 +1,103 @@
|
|||||||
|
'use client';
|
||||||
|
|
||||||
|
import { useCallback, useEffect, useState } from 'react';
|
||||||
|
import { Alert, App, Button, Card, Descriptions, Radio, Skeleton, Tag } from 'antd';
|
||||||
|
import { api, errMsg } from '@/lib/api';
|
||||||
|
import { formatUtcTime } from '@/lib/format';
|
||||||
|
|
||||||
|
// 华为审核开关:控制新手引导「快速设置」权限步能否被用户退出。
|
||||||
|
// 华为应用市场审核要求该页必须可关闭(引导视频页不在要求内),平时保持「不能关闭」以保住权限开启率,
|
||||||
|
// 送审期间切「可关闭」。落在 app_config 的 huawei_review 行,客户端经 /api/v1/platform/huawei-review 拉。
|
||||||
|
type Mode = 'default' | 'review';
|
||||||
|
|
||||||
|
interface HuaweiReview {
|
||||||
|
mode: Mode;
|
||||||
|
updated_at: string | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
const MODE_LABEL: Record<Mode, string> = {
|
||||||
|
default: '不能关闭',
|
||||||
|
review: '可关闭',
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function HuaweiReviewPage() {
|
||||||
|
const { message } = App.useApp();
|
||||||
|
const [loading, setLoading] = useState(true);
|
||||||
|
const [saving, setSaving] = useState(false);
|
||||||
|
// saved = 服务端当前值(用于「有没有改动」判断);mode = 编辑中的值
|
||||||
|
const [saved, setSaved] = useState<HuaweiReview | null>(null);
|
||||||
|
const [mode, setMode] = useState<Mode>('default');
|
||||||
|
|
||||||
|
const load = useCallback(async () => {
|
||||||
|
try {
|
||||||
|
const r = await api.get<HuaweiReview>('/admin/api/huawei-review');
|
||||||
|
setSaved(r.data);
|
||||||
|
setMode(r.data.mode);
|
||||||
|
} catch (e) {
|
||||||
|
message.error(errMsg(e, '华为审核开关加载失败'));
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
}, [message]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
load();
|
||||||
|
}, [load]);
|
||||||
|
|
||||||
|
const save = async () => {
|
||||||
|
setSaving(true);
|
||||||
|
try {
|
||||||
|
const r = await api.patch<HuaweiReview>('/admin/api/huawei-review', { mode });
|
||||||
|
setSaved(r.data);
|
||||||
|
setMode(r.data.mode);
|
||||||
|
message.success('已保存。客户端下次进新手引导时拉取生效');
|
||||||
|
} catch (e) {
|
||||||
|
message.error(errMsg(e, '保存失败'));
|
||||||
|
} finally {
|
||||||
|
setSaving(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const dirty = saved !== null && saved.mode !== mode;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Card
|
||||||
|
title="华为审核开关"
|
||||||
|
extra={
|
||||||
|
<Button type="primary" loading={saving} disabled={loading || !dirty} onClick={save}>
|
||||||
|
保存
|
||||||
|
</Button>
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<Alert
|
||||||
|
type="info"
|
||||||
|
style={{ marginBottom: 16 }}
|
||||||
|
message="华为应用市场审核要求「快速设置」页必须可以关闭。切到「可关闭」后,该页左上角出现退出按钮(返回键同样可退出),用户点了直接进 App 首页、本次引导视为已完成。"
|
||||||
|
description="① 只对华为机型(HarmonyOS / EMUI)生效,荣耀 MagicOS 及其它机型不受影响;② 只影响快速设置权限步,引导视频页照旧必须看完;③ 客户端在进引导前拉一次并缓存,已经停在引导页的用户要重进 App 才会变;④ 审核通过后记得切回「不能关闭」,不然会一直损失权限开启率。"
|
||||||
|
/>
|
||||||
|
{loading ? (
|
||||||
|
<Skeleton active paragraph={{ rows: 3 }} />
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<Descriptions column={1} style={{ marginBottom: 16 }}>
|
||||||
|
<Descriptions.Item label="当前生效">
|
||||||
|
{saved ? (
|
||||||
|
<Tag color={saved.mode === 'review' ? 'orange' : 'green'}>{MODE_LABEL[saved.mode]}</Tag>
|
||||||
|
) : (
|
||||||
|
'-'
|
||||||
|
)}
|
||||||
|
</Descriptions.Item>
|
||||||
|
<Descriptions.Item label="最后修改">
|
||||||
|
{saved?.updated_at ? formatUtcTime(saved.updated_at) : '从未修改过(默认不能关闭)'}
|
||||||
|
</Descriptions.Item>
|
||||||
|
</Descriptions>
|
||||||
|
<div style={{ marginBottom: 8 }}>华为快速设置页是否可关闭</div>
|
||||||
|
<Radio.Group value={mode} onChange={(e) => setMode(e.target.value as Mode)}>
|
||||||
|
<Radio.Button value="default">不能关闭</Radio.Button>
|
||||||
|
<Radio.Button value="review">可关闭</Radio.Button>
|
||||||
|
</Radio.Group>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</Card>
|
||||||
|
);
|
||||||
|
}
|
||||||
+101
-4
@@ -1,6 +1,6 @@
|
|||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import { useEffect, useState } from 'react';
|
import { useEffect, useRef, useState } from 'react';
|
||||||
import { usePathname, useRouter } from 'next/navigation';
|
import { usePathname, useRouter } from 'next/navigation';
|
||||||
import {
|
import {
|
||||||
BarChartOutlined,
|
BarChartOutlined,
|
||||||
@@ -16,6 +16,7 @@ import {
|
|||||||
MoneyCollectOutlined,
|
MoneyCollectOutlined,
|
||||||
NotificationOutlined,
|
NotificationOutlined,
|
||||||
ProfileOutlined,
|
ProfileOutlined,
|
||||||
|
SafetyCertificateOutlined,
|
||||||
SettingOutlined,
|
SettingOutlined,
|
||||||
ShareAltOutlined,
|
ShareAltOutlined,
|
||||||
TeamOutlined,
|
TeamOutlined,
|
||||||
@@ -24,7 +25,16 @@ import {
|
|||||||
import { Avatar, Dropdown, Layout, Tooltip } from 'antd';
|
import { Avatar, Dropdown, Layout, Tooltip } from 'antd';
|
||||||
import { api } from '@/lib/api';
|
import { api } from '@/lib/api';
|
||||||
import { clearAuth, getAdmin, getToken, setAuth } from '@/lib/auth';
|
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;
|
const { Sider, Header, Content } = Layout;
|
||||||
|
|
||||||
@@ -78,6 +88,7 @@ const NAV_GROUPS: NavGroup[] = [
|
|||||||
children: [
|
children: [
|
||||||
{ key: '/config', icon: <SettingOutlined />, label: '系统配置' },
|
{ key: '/config', icon: <SettingOutlined />, label: '系统配置' },
|
||||||
{ key: '/ad-revenue', icon: <NotificationOutlined />, label: '广告配置' },
|
{ key: '/ad-revenue', icon: <NotificationOutlined />, label: '广告配置' },
|
||||||
|
{ key: '/huawei-review', icon: <SafetyCertificateOutlined />, label: '华为审核开关' },
|
||||||
{ key: '/users', icon: <UserOutlined />, label: '用户管理' },
|
{ key: '/users', icon: <UserOutlined />, label: '用户管理' },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -94,6 +105,8 @@ export default function MainLayout({ children }: { children: React.ReactNode })
|
|||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
const [admin, setAdmin] = useState<AdminInfo | null>(null);
|
const [admin, setAdmin] = useState<AdminInfo | null>(null);
|
||||||
const [collapsed, setCollapsed] = useState(false);
|
const [collapsed, setCollapsed] = useState(false);
|
||||||
|
const [pendingReviewCounts, setPendingReviewCounts] = useState<Partial<Record<ReviewBadgeKey, number>>>({});
|
||||||
|
const reviewRefreshVersion = useRef<Partial<Record<ReviewBadgeKey, number>>>({});
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const token = getToken();
|
const token = getToken();
|
||||||
@@ -112,6 +125,44 @@ export default function MainLayout({ children }: { children: React.ReactNode })
|
|||||||
.catch(() => {});
|
.catch(() => {});
|
||||||
}, [router]);
|
}, [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; // 守卫期间不闪烁内容
|
if (!admin) return null; // 守卫期间不闪烁内容
|
||||||
|
|
||||||
// 选中态:取路径一级(/users/123 -> /users)
|
// 选中态:取路径一级(/users/123 -> /users)
|
||||||
@@ -130,6 +181,20 @@ export default function MainLayout({ children }: { children: React.ReactNode })
|
|||||||
hasChildren(group) ? group.children : [group],
|
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 = () => {
|
const logout = () => {
|
||||||
clearAuth();
|
clearAuth();
|
||||||
router.replace('/login');
|
router.replace('/login');
|
||||||
@@ -164,6 +229,7 @@ export default function MainLayout({ children }: { children: React.ReactNode })
|
|||||||
aria-label={item.label}
|
aria-label={item.label}
|
||||||
>
|
>
|
||||||
{item.icon}
|
{item.icon}
|
||||||
|
{reviewBadge(item.key)}
|
||||||
</button>
|
</button>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
))
|
))
|
||||||
@@ -181,7 +247,8 @@ export default function MainLayout({ children }: { children: React.ReactNode })
|
|||||||
onClick={() => router.push(group.key)}
|
onClick={() => router.push(group.key)}
|
||||||
>
|
>
|
||||||
<span className="nav-primary-icon">{group.icon}</span>
|
<span className="nav-primary-icon">{group.icon}</span>
|
||||||
<span>{group.label}</span>
|
<span className="nav-item-label">{group.label}</span>
|
||||||
|
{reviewBadge(group.key)}
|
||||||
</button>
|
</button>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -200,7 +267,8 @@ export default function MainLayout({ children }: { children: React.ReactNode })
|
|||||||
onClick={() => router.push(child.key)}
|
onClick={() => router.push(child.key)}
|
||||||
>
|
>
|
||||||
<span className="nav-child-icon">{child.icon}</span>
|
<span className="nav-child-icon">{child.icon}</span>
|
||||||
<span>{child.label}</span>
|
<span className="nav-item-label">{child.label}</span>
|
||||||
|
{reviewBadge(child.key)}
|
||||||
</button>
|
</button>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
@@ -267,6 +335,29 @@ export default function MainLayout({ children }: { children: React.ReactNode })
|
|||||||
color: rgba(255, 255, 255, 0.72);
|
color: rgba(255, 255, 255, 0.72);
|
||||||
font-size: 16px;
|
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-direct,
|
||||||
.nav-child,
|
.nav-child,
|
||||||
.nav-icon-button {
|
.nav-icon-button {
|
||||||
@@ -330,6 +421,7 @@ export default function MainLayout({ children }: { children: React.ReactNode })
|
|||||||
padding: 0 8px 14px;
|
padding: 0 8px 14px;
|
||||||
}
|
}
|
||||||
.nav-icon-button {
|
.nav-icon-button {
|
||||||
|
position: relative;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@@ -340,6 +432,11 @@ export default function MainLayout({ children }: { children: React.ReactNode })
|
|||||||
color: rgba(255, 255, 255, 0.72);
|
color: rgba(255, 255, 255, 0.72);
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
|
.nav-icon-button .nav-review-badge {
|
||||||
|
position: absolute;
|
||||||
|
top: 1px;
|
||||||
|
right: -6px;
|
||||||
|
}
|
||||||
.nav-icon-button:hover,
|
.nav-icon-button:hover,
|
||||||
.nav-icon-button.is-selected {
|
.nav-icon-button.is-selected {
|
||||||
background: #1677ff;
|
background: #1677ff;
|
||||||
|
|||||||
@@ -22,6 +22,7 @@ import dayjs from 'dayjs';
|
|||||||
import { api, errMsg } from '@/lib/api';
|
import { api, errMsg } from '@/lib/api';
|
||||||
import { canDo } from '@/lib/auth';
|
import { canDo } from '@/lib/auth';
|
||||||
import { mediaUrl } from '@/lib/media';
|
import { mediaUrl } from '@/lib/media';
|
||||||
|
import { refreshReviewBadge } from '@/lib/reviewBadge';
|
||||||
import { usePagedList } from '@/lib/usePagedList';
|
import { usePagedList } from '@/lib/usePagedList';
|
||||||
import type { PriceReport, PriceReportSummary } from '@/lib/types';
|
import type { PriceReport, PriceReportSummary } from '@/lib/types';
|
||||||
import UserRecordsDrawer from '@/components/UserRecordsDrawer';
|
import UserRecordsDrawer from '@/components/UserRecordsDrawer';
|
||||||
@@ -202,6 +203,7 @@ export default function PriceReportsPage() {
|
|||||||
onOk: async () => {
|
onOk: async () => {
|
||||||
try {
|
try {
|
||||||
await api.post(`/admin/api/price-reports/${r.id}/approve`);
|
await api.post(`/admin/api/price-reports/${r.id}/approve`);
|
||||||
|
refreshReviewBadge('/price-reports');
|
||||||
message.success('已通过,已发放 1000 金币');
|
message.success('已通过,已发放 1000 金币');
|
||||||
refreshAfterChange();
|
refreshAfterChange();
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
@@ -220,6 +222,7 @@ export default function PriceReportsPage() {
|
|||||||
}
|
}
|
||||||
try {
|
try {
|
||||||
await api.post(`/admin/api/price-reports/${rejecting.id}/reject`, { reason });
|
await api.post(`/admin/api/price-reports/${rejecting.id}/reject`, { reason });
|
||||||
|
refreshReviewBadge('/price-reports');
|
||||||
message.success('已拒绝');
|
message.success('已拒绝');
|
||||||
setRejecting(null);
|
setRejecting(null);
|
||||||
setRejectReason('');
|
setRejectReason('');
|
||||||
|
|||||||
@@ -39,6 +39,7 @@ import dayjs, { type Dayjs } from 'dayjs';
|
|||||||
import { api, errMsg } from '@/lib/api';
|
import { api, errMsg } from '@/lib/api';
|
||||||
import { canDo } from '@/lib/auth';
|
import { canDo } from '@/lib/auth';
|
||||||
import { formatUtcTime, utcDayjs, utcFromNow, yuan } from '@/lib/format';
|
import { formatUtcTime, utcDayjs, utcFromNow, yuan } from '@/lib/format';
|
||||||
|
import { refreshReviewBadge } from '@/lib/reviewBadge';
|
||||||
import { usePagedList } from '@/lib/usePagedList';
|
import { usePagedList } from '@/lib/usePagedList';
|
||||||
import type {
|
import type {
|
||||||
AuditLog,
|
AuditLog,
|
||||||
@@ -332,6 +333,7 @@ export default function WithdrawsPage() {
|
|||||||
onOk: async () => {
|
onOk: async () => {
|
||||||
try {
|
try {
|
||||||
await api.post(`/admin/api/withdraws/${o.out_bill_no}/approve`);
|
await api.post(`/admin/api/withdraws/${o.out_bill_no}/approve`);
|
||||||
|
refreshReviewBadge('/withdraws');
|
||||||
message.success('已通过审核并发起打款');
|
message.success('已通过审核并发起打款');
|
||||||
await refreshAfterChange(o.out_bill_no);
|
await refreshAfterChange(o.out_bill_no);
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
@@ -362,6 +364,7 @@ export default function WithdrawsPage() {
|
|||||||
await api.post(`/admin/api/withdraws/${targets[0].out_bill_no}/reject`, { reason: trimmed });
|
await api.post(`/admin/api/withdraws/${targets[0].out_bill_no}/reject`, { reason: trimmed });
|
||||||
message.success('已拒绝并退回余额');
|
message.success('已拒绝并退回余额');
|
||||||
}
|
}
|
||||||
|
refreshReviewBadge('/withdraws');
|
||||||
setRejecting(null);
|
setRejecting(null);
|
||||||
setBulkRejecting([]);
|
setBulkRejecting([]);
|
||||||
setRejectReason('');
|
setRejectReason('');
|
||||||
@@ -400,6 +403,7 @@ export default function WithdrawsPage() {
|
|||||||
const { data } = await api.post<WithdrawBulkResult>('/admin/api/withdraws/bulk/approve', {
|
const { data } = await api.post<WithdrawBulkResult>('/admin/api/withdraws/bulk/approve', {
|
||||||
out_bill_nos: selectedReviewing.map((item) => item.out_bill_no),
|
out_bill_nos: selectedReviewing.map((item) => item.out_bill_no),
|
||||||
});
|
});
|
||||||
|
refreshReviewBadge('/withdraws');
|
||||||
const text = bulkResultText('批量通过完成', data);
|
const text = bulkResultText('批量通过完成', data);
|
||||||
if (data.failed) message.warning(text);
|
if (data.failed) message.warning(text);
|
||||||
else message.success(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;
|
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 拉来)
|
// 单次 LLM 调用明细(pricebot chat() 收口落盘,server 按 trace 拉来)
|
||||||
export interface LlmCall {
|
export interface LlmCall {
|
||||||
ts?: number;
|
ts?: number;
|
||||||
|
|||||||
Reference in New Issue
Block a user