- {DIMENSIONS.map((item) => (
+
+ {TABLE_MODES.map((item) => (
))}
-
- 列组
- {METRIC_GROUPS.map((group) => {
- const isOpen = !closedGroups.includes(group.key);
- return (
-
- );
- })}
-
- {hasRestricted ?
已按数据范围过滤 : null}
+ {mode === "wide" ? (
+ <>
+
+ {DIMENSIONS.map((item) => (
+
+ ))}
+
+
+ 列组
+ {METRIC_GROUPS.map((group) => {
+ const isOpen = !closedGroups.includes(group.key);
+ return (
+
+ );
+ })}
+
+ {hasRestricted ?
已按数据范围过滤 : null}
+
+ ) : (
+ <>
+
+ {REQUIREMENT_SECTIONS.map((section) => (
+
+ ))}
+
+ {activeRequirementSection.roleFilter ? (
+
+ ) : null}
+ {activeRequirementSection.payerFilter ? (
+
+ ) : null}
+
+ )}
}
variant="outlined"
@@ -316,3 +764,25 @@ export function DataTableView() {
);
}
+
+function RequirementFilterGroup({ ariaLabel, label, onChange, options, value }) {
+ return (
+
+
{label}
+
+ {options.map((option) => (
+
+ ))}
+
+
+ );
+}
diff --git a/databi/src/social/views/data-table-view.css b/databi/src/social/views/data-table-view.css
index bfa79ba..f09f808 100644
--- a/databi/src/social/views/data-table-view.css
+++ b/databi/src/social/views/data-table-view.css
@@ -16,6 +16,37 @@
flex-wrap: wrap;
}
+.sbi-dt-section-tabs {
+ display: inline-flex;
+ align-items: center;
+ gap: 4px;
+ flex-wrap: wrap;
+}
+
+.sbi-dt-section-tabs > button {
+ padding: 6px 12px;
+ border: 1px solid var(--sbi-border);
+ border-radius: 999px;
+ background: #ffffff;
+ color: var(--sbi-text-2);
+ font-size: 12px;
+ font-weight: 700;
+ cursor: pointer;
+}
+
+.sbi-dt-section-tabs > button.is-active {
+ border-color: var(--sbi-accent);
+ color: var(--sbi-accent);
+ box-shadow: 0 0 0 3px rgba(37, 87, 214, 0.1);
+}
+
+.sbi-dt-filter-group {
+ display: inline-flex;
+ align-items: center;
+ gap: 6px;
+ flex-wrap: wrap;
+}
+
.sbi-dt-groups-label {
color: var(--sbi-text-3);
font-size: 12px;
@@ -57,24 +88,32 @@
color: var(--sbi-accent);
}
+.sbi-dt-req-table th:first-child,
+.sbi-dt-req-table td:first-child {
+ min-width: 104px;
+}
+
.sbi-dt-sort {
margin-left: 3px;
font-size: 11px;
}
/* 首列冻结：白底 + 右侧阴影；合计行/悬浮行的底色由 social-v2.css 中更高优先级规则接管。 */
-.sbi-dt-table .sbi-dt-sticky {
+.sbi-dt-table .sbi-dt-sticky,
+.sbi-dt-req-table .sbi-dt-sticky {
position: sticky;
left: 0;
box-shadow: 6px 0 10px -8px rgba(16, 34, 56, 0.28);
}
-.sbi-dt-table td.sbi-dt-sticky {
+.sbi-dt-table td.sbi-dt-sticky,
+.sbi-dt-req-table td.sbi-dt-sticky {
z-index: 1;
background: var(--sbi-card);
}
-.sbi-dt-table th.sbi-dt-sticky {
+.sbi-dt-table th.sbi-dt-sticky,
+.sbi-dt-req-table th.sbi-dt-sticky {
z-index: 4;
}
diff --git a/src/features/operations/api.test.ts b/src/features/operations/api.test.ts
index 2bc5a7c..c481214 100644
--- a/src/features/operations/api.test.ts
+++ b/src/features/operations/api.test.ts
@@ -119,7 +119,7 @@ test("coin seller ledger API uses generated admin path and filters", async () =>
);
await listCoinSellerLedger({
- ledger_type: "seller_transfer",
+ ledger_type: "sub_seller_transfer",
page: 1,
page_size: 20,
seller_user_id: "3001",
@@ -129,7 +129,7 @@ test("coin seller ledger API uses generated admin path and filters", async () =>
expect(String(listUrl)).toContain("/api/v1/admin/operations/coin-seller-ledger?");
expect(String(listUrl)).toContain("seller_user_id=3001");
- expect(String(listUrl)).toContain("ledger_type=seller_transfer");
+ expect(String(listUrl)).toContain("ledger_type=sub_seller_transfer");
expect(listInit?.method).toBe("GET");
});
diff --git a/src/features/operations/api.ts b/src/features/operations/api.ts
index b9ac0d5..d9f9f8a 100644
--- a/src/features/operations/api.ts
+++ b/src/features/operations/api.ts
@@ -141,8 +141,9 @@ export function listCoinSellerLedger(query: PageQuery = {}): Promise
{
- return apiRequest("/v1/admin/operations/coin-seller-ledger/export", {
- method: "GET",
+ const endpoint = API_ENDPOINTS.exportCoinSellerLedger;
+ return apiRequest(apiEndpointPath(API_OPERATIONS.exportCoinSellerLedger), {
+ method: endpoint.method,
query,
raw: true,
});
diff --git a/src/features/operations/components/CoinSellerLedgerTable.jsx b/src/features/operations/components/CoinSellerLedgerTable.jsx
index a14da69..d123960 100644
--- a/src/features/operations/components/CoinSellerLedgerTable.jsx
+++ b/src/features/operations/components/CoinSellerLedgerTable.jsx
@@ -20,6 +20,7 @@ const pageSize = 50;
const ledgerTypeOptions = [
{ label: "后台入账", value: "admin_stock_credit" },
{ label: "币商转用户", value: "seller_transfer" },
+ { label: "向子币商转账", value: "sub_seller_transfer" },
{ label: "工资转币商", value: "salary_transfer_received" },
];
@@ -27,12 +28,14 @@ const ledgerTypeLabels = {
admin_stock_credit: "后台入账",
salary_transfer_received: "工资转币商",
seller_transfer: "币商转用户",
+ sub_seller_transfer: "向子币商转账",
};
const bizTypeLabels = {
coin_seller_coin_compensation: "金币补偿",
coin_seller_stock_deduction: "USDT扣除",
coin_seller_stock_purchase: "USDT进货",
+ coin_seller_sub_transfer: "向子币商转账",
coin_seller_transfer: "币商转用户",
manual_credit: "金币增加",
salary_transfer_to_coin_seller: "工资转币商",
diff --git a/src/features/operations/components/CoinSellerLedgerTable.test.jsx b/src/features/operations/components/CoinSellerLedgerTable.test.jsx
new file mode 100644
index 0000000..7113b6a
--- /dev/null
+++ b/src/features/operations/components/CoinSellerLedgerTable.test.jsx
@@ -0,0 +1,59 @@
+import { fireEvent, render, screen } from "@testing-library/react";
+import { afterEach, expect, test, vi } from "vitest";
+import { CoinSellerLedgerTable } from "@/features/operations/components/CoinSellerLedgerTable.jsx";
+import { usePaginatedQuery } from "@/shared/hooks/usePaginatedQuery.js";
+
+vi.mock("@/shared/hooks/usePaginatedQuery.js", () => ({
+ usePaginatedQuery: vi.fn(),
+}));
+
+vi.mock("@/shared/ui/ToastProvider.jsx", () => ({
+ useToast: () => ({ showToast: vi.fn() }),
+}));
+
+afterEach(() => {
+ vi.clearAllMocks();
+});
+
+test("coin seller ledger shows sub seller transfer type and filter option", () => {
+ vi.mocked(usePaginatedQuery).mockReturnValue(queryFixture([subSellerTransferEntry()]));
+
+ render();
+
+ expect(screen.getByText("向子币商转账")).toBeInTheDocument();
+ expect(screen.getByText("Parent seller")).toBeInTheDocument();
+ expect(screen.getByText("Child seller")).toBeInTheDocument();
+ expect(screen.getByText("-80")).toBeInTheDocument();
+
+ fireEvent.click(screen.getAllByRole("button", { name: /流水类型/ })[0]);
+
+ expect(screen.getAllByText("向子币商转账").length).toBeGreaterThanOrEqual(2);
+});
+
+function queryFixture(items) {
+ return {
+ data: { items, page: 1, pageSize: 50, total: items.length },
+ error: null,
+ loading: false,
+ reload: vi.fn(),
+ };
+}
+
+function subSellerTransferEntry() {
+ return {
+ amount: 80,
+ availableDelta: -80,
+ bizType: "coin_seller_sub_transfer",
+ commandId: "cmd-sub-transfer",
+ counterpartyUserId: "5001",
+ createdAtMs: 1760000000000,
+ direction: "expense",
+ entryId: 991,
+ ledgerType: "sub_seller_transfer",
+ metadata: { child_user_id: 5001, parent_user_id: 3001 },
+ receiver: { displayUserId: "5001", userId: "5001", username: "Child seller" },
+ seller: { displayUserId: "3001", userId: "3001", username: "Parent seller" },
+ sellerBalanceAfter: 920,
+ transactionId: "tx-sub-transfer",
+ };
+}
diff --git a/src/shared/api/generated/endpoints.ts b/src/shared/api/generated/endpoints.ts
index e096728..164996d 100644
--- a/src/shared/api/generated/endpoints.ts
+++ b/src/shared/api/generated/endpoints.ts
@@ -110,6 +110,7 @@ export const API_OPERATIONS = {
enableResourceGroup: "enableResourceGroup",
enableResourceShopItem: "enableResourceShopItem",
expireRoomRpsChallenge: "expireRoomRpsChallenge",
+ exportCoinSellerLedger: "exportCoinSellerLedger",
exportLoginLogs: "exportLoginLogs",
exportOperationLogs: "exportOperationLogs",
exportRechargeBills: "exportRechargeBills",
@@ -150,6 +151,7 @@ export const API_OPERATIONS = {
getSocialBiKpi: "getSocialBiKpi",
getSocialBiMaster: "getSocialBiMaster",
getSocialBiOverview: "getSocialBiOverview",
+ getSocialBiRequirements: "getSocialBiRequirements",
getTemporaryPaymentLink: "getTemporaryPaymentLink",
getUser: "getUser",
getWeeklyStarCycle: "getWeeklyStarCycle",
@@ -1037,6 +1039,13 @@ export const API_ENDPOINTS: Record = {
permission: "game:update",
permissions: ["game:update"]
},
+ exportCoinSellerLedger: {
+ method: "GET",
+ operationId: API_OPERATIONS.exportCoinSellerLedger,
+ path: "/v1/admin/operations/coin-seller-ledger/export",
+ permission: "coin-seller-ledger:view",
+ permissions: ["coin-seller-ledger:view"]
+ },
exportLoginLogs: {
method: "GET",
operationId: API_OPERATIONS.exportLoginLogs,
@@ -1317,6 +1326,13 @@ export const API_ENDPOINTS: Record = {
permission: "overview:view",
permissions: ["overview:view"]
},
+ getSocialBiRequirements: {
+ method: "GET",
+ operationId: API_OPERATIONS.getSocialBiRequirements,
+ path: "/v1/admin/databi/social/requirements",
+ permission: "overview:view",
+ permissions: ["overview:view"]
+ },
getTemporaryPaymentLink: {
method: "GET",
operationId: API_OPERATIONS.getTemporaryPaymentLink,
diff --git a/src/shared/api/generated/schema.d.ts b/src/shared/api/generated/schema.d.ts
index f9a1a6a..055607a 100644
--- a/src/shared/api/generated/schema.d.ts
+++ b/src/shared/api/generated/schema.d.ts
@@ -1876,6 +1876,22 @@ export interface paths {
patch?: never;
trace?: never;
};
+ "/admin/operations/coin-seller-ledger/export": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ get: operations["exportCoinSellerLedger"];
+ put?: never;
+ post?: never;
+ delete?: never;
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
"/admin/operations/full-server-notices/fanout": {
parameters: {
query?: never;
@@ -2148,6 +2164,22 @@ export interface paths {
patch?: never;
trace?: never;
};
+ "/admin/databi/social/requirements": {
+ parameters: {
+ query?: never;
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ get: operations["getSocialBiRequirements"];
+ put?: never;
+ post?: never;
+ delete?: never;
+ options?: never;
+ head?: never;
+ patch?: never;
+ trace?: never;
+ };
"/admin/databi/social/funnel": {
parameters: {
query?: never;
@@ -4064,6 +4096,12 @@ export interface components {
pageSize: number;
total: number;
};
+ ApiPageCoinSellerLedger: {
+ items: components["schemas"]["CoinSellerLedger"][];
+ page: number;
+ pageSize: number;
+ total: number;
+ };
ApiPageBDProfile: {
items: components["schemas"]["BDProfile"][];
page: number;
@@ -4217,6 +4255,9 @@ export interface components {
ApiResponseCoinSeller: components["schemas"]["Envelope"] & {
data?: components["schemas"]["CoinSeller"];
};
+ ApiResponseCoinSellerLedgerPage: components["schemas"]["Envelope"] & {
+ data?: components["schemas"]["ApiPageCoinSellerLedger"];
+ };
ApiResponseBDProfilePage: components["schemas"]["Envelope"] & {
data?: components["schemas"]["ApiPageBDProfile"];
};
@@ -4244,6 +4285,70 @@ export interface components {
[key: string]: unknown;
};
};
+ ApiResponseSocialBiRequirements: components["schemas"]["Envelope"] & {
+ data?: components["schemas"]["SocialBiRequirementsResult"];
+ };
+ SocialBiRequirementsResult: {
+ apps: components["schemas"]["SocialBiRequirementsApp"][];
+ access?: components["schemas"]["SocialBiRequirementsAccess"];
+ };
+ SocialBiRequirementsApp: {
+ app_code: string;
+ app_name: string;
+ kind: string;
+ restricted?: boolean;
+ allowed_region_ids?: number[];
+ sections: components["schemas"]["SocialBiRequirementsSection"][];
+ /** Format: int64 */
+ updated_at_ms?: number;
+ error?: string;
+ };
+ SocialBiRequirementsSection: {
+ /** @enum {string} */
+ key: "new_users" | "revenue" | "retention" | "active" | "gift" | "game";
+ label?: string;
+ filters?: components["schemas"]["SocialBiRequirementsFilters"];
+ columns: components["schemas"]["SocialBiRequirementsColumn"][];
+ metric_definitions?: components["schemas"]["SocialBiRequirementsMetricDefinition"][];
+ total?: components["schemas"]["SocialBiRequirementsRow"];
+ daily_series: components["schemas"]["SocialBiRequirementsRow"][];
+ };
+ SocialBiRequirementsFilters: {
+ /** @enum {string} */
+ user_role?: "all" | "host" | "user";
+ /** @enum {string} */
+ payer_type?: "all" | "paid" | "unpaid";
+ };
+ SocialBiRequirementsColumn: {
+ key: string;
+ label: string;
+ /** @description count、ratio、money_minor、coin、duration_ms 或 number。 */
+ type: string;
+ tooltip?: string;
+ };
+ SocialBiRequirementsMetricDefinition: {
+ metric: string;
+ definition: string;
+ };
+ /** @description 日明细或汇总行；指标以 columns.key 对应的动态字段返回，兼容历史 metrics 对象。 */
+ SocialBiRequirementsRow: {
+ stat_day?: string;
+ label?: string;
+ metrics?: {
+ [key: string]: unknown;
+ };
+ } & {
+ [key: string]: unknown;
+ };
+ SocialBiRequirementsAccess: {
+ all?: boolean;
+ scopes?: components["schemas"]["SocialBiRequirementsScope"][];
+ };
+ SocialBiRequirementsScope: {
+ app_code?: string;
+ /** Format: int64 */
+ region_id?: number;
+ };
ApiResponseFinanceApplication: components["schemas"]["Envelope"] & {
data?: components["schemas"]["FinanceApplication"];
};
@@ -4392,6 +4497,51 @@ export interface components {
userId: string;
username?: string;
};
+ CoinLedgerUser: {
+ avatar?: string;
+ displayUserId?: string;
+ userId: string;
+ username?: string;
+ };
+ CoinSellerLedger: {
+ /** Format: int64 */
+ amount: number;
+ /** Format: int64 */
+ availableDelta: number;
+ /** @enum {string} */
+ bizType: "coin_seller_stock_purchase" | "coin_seller_stock_deduction" | "coin_seller_recharge" | "coin_seller_coin_compensation" | "coin_seller_transfer" | "coin_seller_sub_transfer" | "salary_transfer_to_coin_seller" | "manual_credit";
+ commandId?: string;
+ counterpartyUserId?: string;
+ /** Format: int64 */
+ createdAtMs: number;
+ /** @enum {string} */
+ direction: "income" | "expense";
+ /** Format: int64 */
+ entryId: number;
+ /** @enum {string} */
+ ledgerType: "admin_stock_credit" | "seller_transfer" | "sub_seller_transfer" | "salary_transfer_received";
+ metadata?: {
+ [key: string]: unknown;
+ };
+ operator?: {
+ adminId?: string;
+ name?: string;
+ username?: string;
+ };
+ operatorUserId?: string;
+ /** Format: int64 */
+ paidAmountMicro?: number;
+ paidCurrencyCode?: string;
+ reason?: string;
+ receiver: components["schemas"]["CoinLedgerUser"];
+ seller: components["schemas"]["CoinLedgerUser"];
+ /** Format: int64 */
+ sellerBalanceAfter: number;
+ stockType?: string;
+ transactionId: string;
+ /** Format: int64 */
+ transferUsdMinor?: number;
+ };
CreateCoinSellerPayload: {
canManageSubCoinSellers?: boolean;
commandId: string;
@@ -4871,6 +5021,15 @@ export interface components {
};
};
/** @description OK */
+ CoinSellerLedgerPageResponse: {
+ headers: {
+ [name: string]: unknown;
+ };
+ content: {
+ "application/json": components["schemas"]["ApiResponseCoinSellerLedgerPage"];
+ };
+ };
+ /** @description OK */
BDProfilePageResponse: {
headers: {
[name: string]: unknown;
@@ -5150,6 +5309,15 @@ export interface components {
};
};
/** @description OK */
+ SocialBiRequirementsResponse: {
+ headers: {
+ [name: string]: unknown;
+ };
+ content: {
+ "application/json": components["schemas"]["ApiResponseSocialBiRequirements"];
+ };
+ };
+ /** @description OK */
TeamListResponse: {
headers: {
[name: string]: unknown;
@@ -7594,14 +7762,56 @@ export interface operations {
};
listCoinSellerLedger: {
parameters: {
- query?: never;
+ query?: {
+ page?: components["parameters"]["Page"];
+ page_size?: components["parameters"]["PageSize"];
+ seller_user_id?: number;
+ seller_keyword?: string;
+ seller_filter_user_id?: string;
+ seller_display_user_id?: string;
+ seller_username?: string;
+ ledger_type?: "admin_stock_credit" | "seller_transfer" | "sub_seller_transfer" | "salary_transfer_received";
+ start_at_ms?: number;
+ end_at_ms?: number;
+ };
header?: never;
path?: never;
cookie?: never;
};
requestBody?: never;
responses: {
- 200: components["responses"]["EmptyResponse"];
+ 200: components["responses"]["CoinSellerLedgerPageResponse"];
+ };
+ };
+ exportCoinSellerLedger: {
+ parameters: {
+ query?: {
+ page?: components["parameters"]["Page"];
+ page_size?: components["parameters"]["PageSize"];
+ seller_user_id?: number;
+ seller_keyword?: string;
+ seller_filter_user_id?: string;
+ seller_display_user_id?: string;
+ seller_username?: string;
+ ledger_type?: "admin_stock_credit" | "seller_transfer" | "sub_seller_transfer" | "salary_transfer_received";
+ start_at_ms?: number;
+ end_at_ms?: number;
+ };
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ requestBody?: never;
+ responses: {
+ /** @description CSV */
+ 200: {
+ headers: {
+ [name: string]: unknown;
+ };
+ content: {
+ "text/csv": string;
+ };
+ };
};
};
createFullServerNoticeFanout: {
@@ -8038,6 +8248,29 @@ export interface operations {
200: components["responses"]["StatisticsObjectResponse"];
};
};
+ getSocialBiRequirements: {
+ parameters: {
+ query?: {
+ stat_tz?: string;
+ start_ms?: number;
+ end_ms?: number;
+ app_codes?: string;
+ region_id?: number;
+ /** @description 逗号分隔的大区 ID；用于 Social BI 顶栏多选区域。 */
+ region_ids?: string;
+ section?: "new_users" | "revenue" | "retention" | "active" | "gift" | "game";
+ user_role?: "all" | "host" | "user";
+ payer_type?: "all" | "paid" | "unpaid";
+ };
+ header?: never;
+ path?: never;
+ cookie?: never;
+ };
+ requestBody?: never;
+ responses: {
+ 200: components["responses"]["SocialBiRequirementsResponse"];
+ };
+ };
getSocialBiFunnel: {
parameters: {
query?: {