xiaokang/lotteryFront
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化下注结果展示与大厅表单交互，适配新端口配置

Browse Source
This commit is contained in:
kang
2026-05-18 11:28:41 +08:00
parent 5f5ce6c29d
commit 418b446c09
16 changed files with 170 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/features/hall/hall-bet-preview-dialog.tsx
View File

@@ -171,7 +171,7 @@ export function HallBetPreviewDialog({
</div>
<div className="overflow-x-auto rounded-xl border border-[#dfe8f6]">
<table className="min-w-[520px] w-full border-collapse text-xs">
<table className="min-w-[640px] w-full border-collapse text-xs">
<thead className="bg-[#f4f7fd] text-[#304f86]">
<tr>
<th className="w-10 border-r border-[#dfe8f6] px-2 py-3 text-center font-black">No.</th>
@@ -187,6 +187,9 @@ export function HallBetPreviewDialog({
<th className="border-r border-[#dfe8f6] px-2 py-3 text-center font-black">
{t("hall.preview.rebate")}
</th>
<th className="border-r border-[#dfe8f6] px-2 py-3 text-center font-black">
{t("hall.preview.estimatedMax")}
</th>
<th className="px-2 py-3 text-center font-black">
{t("hall.preview.actual")}
</th>
@@ -213,6 +216,9 @@ export function HallBetPreviewDialog({
<td className="border-r border-[#e8eef7] px-2 py-3 text-center font-semibold tabular-nums text-emerald-600">
-{formatMinorAsCurrency(ln.rebate_amount, currencyCode).replace(`${currencyCode} `, "")}
</td>
<td className="border-r border-[#e8eef7] px-2 py-3 text-center font-black tabular-nums text-[#e5002c]">
{formatMinorAsCurrency(ln.estimated_max_payout, currencyCode)}
</td>
<td className="px-2 py-3 text-center font-black tabular-nums text-[#0b3f96]">
{formatMinorAsCurrency(ln.actual_deduct_amount, currencyCode)}
</td>
@@ -223,7 +229,7 @@ export function HallBetPreviewDialog({
</div>
{summary ? (
<div className="grid grid-cols-3 overflow-hidden rounded-xl border border-[#dfe8f6] bg-[#f8fbff] text-center text-xs">
<div className="grid grid-cols-2 overflow-hidden rounded-xl border border-[#dfe8f6] bg-[#f8fbff] text-center text-xs sm:grid-cols-4">
<div className="border-r border-[#dfe8f6] px-2 py-3">
<p className="font-bold text-[#304f86]">{t("hall.preview.totalBet")}</p>
<p className="mt-1 font-black tabular-nums text-[#0b3f96]">
@@ -240,12 +246,18 @@ export function HallBetPreviewDialog({
)}
</p>
</div>
<div className="px-2 py-3">
<div className="border-r border-[#dfe8f6] px-2 py-3">
<p className="font-bold text-[#304f86]">{t("hall.preview.actualDeduct")}</p>
<p className="mt-1 font-black tabular-nums text-[#e5002c]">
{formatMinorAsCurrency(summary.total_actual_deduct, currencyCode)}
</p>
</div>
<div className="px-2 py-3">
<p className="font-bold text-[#304f86]">{t("hall.preview.estimatedPayout")}</p>
<p className="mt-1 font-black tabular-nums text-[#e5002c]">
{formatMinorAsCurrency(summary.total_estimated_payout, currencyCode)}
</p>
</div>
</div>
) : null}