}
- variant="primary"
- onClick={onCreate}
- >
- 添加配置
-
+ canUpdate ? (
+
}
+ variant="primary"
+ onClick={onCreate}
+ >
+ 添加配置
+
+ ) : null
}
filters={
`${item.app_code}:${item.pool_id}:${item.rule_version}`}
+ minWidth="1540px"
+ rowKey={(item) => `${luckyGiftPoolKey(item)}:${item.rule_version}`}
title="幸运礼物配置"
total={items.length}
/>
@@ -61,8 +97,8 @@ export function ConfigsView({ apps, luckyGifts, onCreate, onEdit, saving }) {
);
}
-function buildColumns({ onEdit, saving }) {
- return [
+function buildColumns({ canCredit, canDebit, canUpdate, disabled, onCredit, onDebit, onEdit, saving }) {
+ const columns = [
{ key: "app_code", label: "应用", width: "minmax(88px, 0.7fr)" },
{ key: "pool_id", label: "奖池", width: "minmax(110px, 0.9fr)" },
{
@@ -79,6 +115,12 @@ function buildColumns({ onEdit, saving }) {
render: (item) => item.strategy_version || "fixed_v2",
width: "minmax(112px, 0.8fr)",
},
+ {
+ key: "pool_balance",
+ label: "奖池余额",
+ render: (item) => (item.pool_balance ? formatNumber(item.pool_balance.balance) : "-"),
+ width: "minmax(120px, 0.9fr)",
+ },
{
key: "enabled",
label: "状态",
@@ -115,14 +157,46 @@ function buildColumns({ onEdit, saving }) {
render: (item) => (item.is_default ? "-" : ),
width: "minmax(176px, 1.1fr)",
},
- {
+ ];
+
+ if (canUpdate || canCredit || canDebit) {
+ columns.push({
+ fixed: "right",
key: "actions",
label: "操作",
- render: (item) => (
-
- ),
- },
- ];
+ render: (item) => {
+ const identity = `${item.app_code} / ${item.pool_id} / ${item.strategy_version}`;
+ const actionPool = item.pool_balance || {
+ app_code: item.app_code,
+ pool_id: item.pool_id,
+ strategy_version: item.strategy_version,
+ };
+ return (
+
+
+ {canUpdate ? (
+
+ ) : null}
+
+ );
+ },
+ width: `${(canCredit ? 110 : 0) + (canDebit ? 110 : 0) + (canUpdate ? 110 : 0) + 20}px`,
+ });
+ }
+
+ return columns;
}
diff --git a/ops-center/src/components/LuckyGiftConfigDialog.jsx b/ops-center/src/components/LuckyGiftConfigDialog.jsx
index 54bc3b1..c017168 100644
--- a/ops-center/src/components/LuckyGiftConfigDialog.jsx
+++ b/ops-center/src/components/LuckyGiftConfigDialog.jsx
@@ -444,7 +444,14 @@ function DynamicStrategySections({ form, onChange }) {
动态水位
-
+
+ {canCredit ? (
+
+ ) : null}
+ {canDebit ? (
+
+ ) : null}
+
+ {label}
+ {value || "-"}
+
+ );
+}
+
+function validateAdjustment({ amount, availableBalance, debit, reason }) {
+ const errors = {};
+ const rawAmount = String(amount || "").trim();
+ if (!/^[1-9]\d*$/.test(rawAmount) || !Number.isSafeInteger(Number(rawAmount))) {
+ errors.amount = "请输入大于 0 的整数金币数量";
+ } else if (debit && Number(rawAmount) > availableBalance) {
+ errors.amount = `扣减不能超过可用余额 ${formatNumber(availableBalance)}`;
+ }
+ if (!String(reason || "").trim()) {
+ errors.reason = "请输入调整原因";
+ }
+ return errors;
+}
diff --git a/ops-center/src/components/OverviewView.jsx b/ops-center/src/components/OverviewView.jsx
index 8f98126..ed64516 100644
--- a/ops-center/src/components/OverviewView.jsx
+++ b/ops-center/src/components/OverviewView.jsx
@@ -2,123 +2,168 @@ import AppsOutlined from "@mui/icons-material/AppsOutlined";
import CardGiftcardOutlined from "@mui/icons-material/CardGiftcardOutlined";
import CasinoOutlined from "@mui/icons-material/CasinoOutlined";
import SavingsOutlined from "@mui/icons-material/SavingsOutlined";
+import { useMemo } from "react";
import { DataTable } from "@/shared/ui/DataTable.jsx";
import { KpiCard } from "@/shared/ui/KpiCard.jsx";
import { TimeText } from "@/shared/ui/TimeText.jsx";
+import { luckyGiftPoolKey } from "../api.js";
import { formatNumber, formatPercentFromPPM } from "../format.js";
+import { LuckyGiftPoolActions } from "./LuckyGiftPoolActions.jsx";
import { OpsStatusBadge } from "./OpsStatusBadge.jsx";
-export function OverviewView({ data }) {
- const { appSummaries, poolBalances, summary } = data;
+export function OverviewView({ canCredit, canDebit, data, disabled, onCredit, onDebit }) {
+ const { appSummaries, poolBalances, summary } = data;
+ const poolBalanceColumns = useMemo(
+ () => buildPoolBalanceColumns({ canCredit, canDebit, disabled, onCredit, onDebit }),
+ [canCredit, canDebit, disabled, onCredit, onDebit],
+ );
- return (
-
-
-
-
-
-
-
+ return (
+
+
+
+
+
+
+
-
`${item.app_code ?? item.appCode}:${item.pool_id ?? item.poolId}`}
- title="奖池实时水位"
- total={poolBalances.length}
- />
+
- item.app_code}
- title="各应用抽奖汇总"
- total={appSummaries.length}
- />
-
- );
+
item.app_code}
+ title="各应用抽奖汇总"
+ total={appSummaries.length}
+ />
+