diff --git a/frontend/components/account/AccountCenter.tsx b/frontend/components/account/AccountCenter.tsx
index dbb7533e..8394820a 100644
--- a/frontend/components/account/AccountCenter.tsx
+++ b/frontend/components/account/AccountCenter.tsx
@@ -752,7 +752,7 @@ export function AccountCenter() {
paymentHost: isEn ? "Payment Host" : "支付域名",
primary: "Primary",
polygonChain: "Polygon Chain",
- noWallet: isEn ? "No payout wallet bound yet." : "未绑定任何收件钱包",
+ noWallet: isEn ? "No payment wallet bound yet." : "未绑定任何付款钱包",
bindExt: isEn
? "Bind Browser Wallet (EVM Extension)"
: "绑定浏览器钱包(EVM扩展)",
@@ -878,6 +878,7 @@ export function AccountCenter() {
CreatedIntent["direct_payment"] | null
>(null);
const [manualTxHash, setManualTxHash] = useState("");
+ const [paymentMethodTab, setPaymentMethodTab] = useState<"wallet" | "manual">("wallet");
const [lastPaymentStartedAt, setLastPaymentStartedAt] = useState(0);
const [showSecondarySections, setShowSecondarySections] = useState(false);
const [reconcileBusy, setReconcileBusy] = useState(false);
@@ -2518,6 +2519,7 @@ export function AccountCenter() {
}
setLastIntentId(intentId);
setManualPayment(direct);
+ setPaymentMethodTab("manual");
setShowOverlay(false);
setPaymentInfo(
`手动转账订单已创建:请在 Polygon 网络转 ${direct.amount_usdc} ${direct.token_symbol || selectedTokenLabel} 到 ${shortAddress(direct.receiver_address)},完成后提交 tx hash。`,
@@ -3159,175 +3161,229 @@ export function AccountCenter() {
)}
-
-
-
-
- 手动转账(无需绑定钱包)
-
-
- 先创建订单,向唯一收款地址转账,完成后提交 tx hash
- 自动开通。请不要和钱包支付同时使用。
-
-
+
+ {/* 支付方式选择 Tabs */}
+
+
+ 请选择支付方式 (Payment Method)
+
+
+
- {manualPayment ? (
-
-
-
- Amount
-
-
- {manualPayment.amount_usdc}{" "}
- {manualPayment.token_symbol || selectedTokenLabel}
-
-
-
-
- Receiver
-
-
-
- {manualPayment.receiver_address}
-
-
-
-
-
-
- Tx Hash
-
-
- setManualTxHash(event.target.value)
- }
- placeholder="0x..."
- className="mt-1 w-full rounded-xl border border-white/10 bg-black/30 px-3 py-2 font-mono text-xs text-slate-100 outline-none focus:border-emerald-400/50"
- />
-
-
-
- ) : null}
-
- {boundWallets.length ? (
-
- {boundWallets.map((w) => (
-
-
-
- {shortAddress(w.address)}
-
- {w.is_primary && (
-
- {copy.primary}
-
- )}
-
-
{copy.polygonChain}
-
-
-
-
- ))}
-
- ) : (
-
- {copy.noWallet}
-
- )}
-
-
- {injectedProviderOptions.length > 1 && (
-
+ ) : (
+
+
+ 方式二:无需将钱包绑定到账号,直接向平台收款合约转账。转账完成后提交交易哈希(Tx Hash)系统会自动验签并开通 Pro。
+
+
+
+
+
+
+ 手动转账(无需绑定钱包)
+
+
+ 先创建订单,向指定收款地址转账,完成后在此处提交 tx hash。请勿与钱包付款通道重复混用。
+
+
+
void createManualPaymentIntent()}
+ disabled={paymentBusy || !isAuthenticated}
+ className="w-full rounded-xl border border-emerald-400/35 bg-emerald-500/15 py-2.5 text-xs font-bold text-emerald-100 transition-all hover:bg-emerald-500/25 disabled:opacity-50"
+ >
+ 创建转账订单
+
+
+ {manualPayment ? (
+
+
+
+ Amount
+
+
+ {manualPayment.amount_usdc}{" "}
+ {manualPayment.token_symbol || selectedTokenLabel}
+
+
+
+
+ Receiver
+
+
+
+ {manualPayment.receiver_address}
+
+
+ handleCopy(manualPayment.receiver_address)
+ }
+ className="rounded-lg bg-blue-600 px-2 text-xs font-bold text-white transition-colors hover:bg-blue-500"
+ >
+ 复制
+
+
+
+
+
+ Tx Hash
+
+
+ setManualTxHash(event.target.value)
+ }
+ placeholder="0x..."
+ className="mt-1 w-full rounded-xl border border-white/10 bg-black/30 px-3 py-2 font-mono text-xs text-slate-100 outline-none focus:border-emerald-400/50"
+ />
+
+
void submitManualPaymentTx()}
+ disabled={paymentBusy}
+ className="w-full rounded-xl bg-emerald-600 px-3 py-2 text-xs font-bold text-white transition-all hover:bg-emerald-500 disabled:opacity-50"
+ >
+ 提交 tx hash 并自动确认
+
+
+ ) : null}
+
+
+ )}
+