dekun/crypto_okx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add convert and transfer controls below the options order card.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-08-16 16:06:36 +08:00
parent 4ade3be2eb
commit d0197914ea
7 changed files with 310 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+23
View File
@@ -4577,6 +4577,29 @@ html[data-theme="light"] .opt-order-chip {
gap: 16px;
align-items: stretch;
}
.options-order-col {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 0;
}
.options-funds-card {
flex: 0 0 auto;
}
.options-funds-card h2 {
margin: 0 0 8px;
font-size: 0.9rem;
font-weight: 600;
}
.options-funds-card .options-settings-section + .options-settings-section {
margin-top: 12px;
padding-top: 10px;
border-top: 1px solid var(--border-soft, #2a3150);
}
.options-funds-card .options-settings-hint {
margin: 0 0 6px;
font-size: 0.72rem;
}
.options-order-card,
.options-pos-card-wrap {
display: flex;
lib/common/static/options_settings.js
+235 -197
View File
@@ -1,11 +1,9 @@
(function () {
"use strict";
const root = document.getElementById("options-settings-root");
if (!root) return;
const SWAP_BTNS = ["opt-set-swap-btn", "opt-set-swap-all-btn"];
const INT_BTNS = ["opt-set-int-btn", "opt-set-int-all-btn"];
const hasSettings = !!document.getElementById("options-settings-root");
const hasPageFunds = !!document.getElementById("options-funds-card");
if (!hasSettings && !hasPageFunds) return;
async function apiJson(url, opts) {
const r = await fetch(url, Object.assign({ credentials: "same-origin" }, opts || {}));
@@ -44,36 +42,6 @@
return window.confirm(message);
}
function setButtonsBusy(btnIds, busy, busyText) {
btnIds.forEach(function (id) {
const btn = document.getElementById(id);
if (!btn) return;
if (busy) {
if (!btn.dataset.origText) btn.dataset.origText = btn.textContent;
btn.disabled = true;
if (busyText) btn.textContent = busyText;
} else {
btn.disabled = false;
if (btn.dataset.origText) {
btn.textContent = btn.dataset.origText;
delete btn.dataset.origText;
}
}
});
const amountIds = {
"opt-set-swap-btn": "opt-set-swap-amount",
"opt-set-swap-all-btn": "opt-set-swap-amount",
"opt-set-int-btn": "opt-set-int-amount",
"opt-set-int-all-btn": "opt-set-int-amount",
"opt-set-cross-btn": "opt-set-cross-amount",
"opt-set-cross-all-btn": "opt-set-cross-amount",
};
btnIds.forEach(function (id) {
const input = document.getElementById(amountIds[id]);
if (input) input.disabled = busy;
});
}
function roundAvail(v) {
const n = Number(v);
if (!Number.isFinite(n) || n <= 0) return null;
@@ -101,7 +69,6 @@
async function resolveSwapMaxAmount(dir) {
const bal = await loadBalances(true, "main");
const ccy = dir === "usdc_to_usdt" ? "USDC" : "USDT";
// 现货 USDC-USDT 走交易账户(cash); 交易户不足时再看资金户
let amount = pickBalance(bal, "trading", ccy);
let source = "trading";
if (!amount) {
@@ -119,153 +86,24 @@
return pickBalance(bal, account, ccy);
}
async function submitSwap(amount) {
setButtonsBusy(SWAP_BTNS, true, "兑换中…");
setMsg("opt-set-swap-msg", "兑换中，市价成交可能有延时…", false);
try {
const d = await apiJson("/api/options/spot/swap", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
direction: document.getElementById("opt-set-swap-dir").value,
amount: amount,
}),
});
if (d.ok) {
setMsg("opt-set-swap-msg", "兑换成功", false);
refreshFundsAfterMutation();
function setButtonsBusy(btnIds, amountId, busy, busyText) {
btnIds.forEach(function (id) {
const btn = document.getElementById(id);
if (!btn) return;
if (busy) {
if (!btn.dataset.origText) btn.dataset.origText = btn.textContent;
btn.disabled = true;
if (busyText) btn.textContent = busyText;
} else {
setMsg("opt-set-swap-msg", "兑换失败：" + (d.msg || "未知错误"), true);
}
return d;
} catch (e) {
setMsg("opt-set-swap-msg", "兑换失败：" + (e.message || "网络错误"), true);
return { ok: false };
} finally {
setButtonsBusy(SWAP_BTNS, false);
}
}
const swapBtn = document.getElementById("opt-set-swap-btn");
if (swapBtn) {
swapBtn.addEventListener("click", async function () {
const amount = parseFloat(document.getElementById("opt-set-swap-amount").value);
if (!amount || amount <= 0) {
setMsg("opt-set-swap-msg", "请输入有效数量", true);
return;
}
await submitSwap(amount);
});
}
const swapAllBtn = document.getElementById("opt-set-swap-all-btn");
if (swapAllBtn) {
swapAllBtn.addEventListener("click", async function () {
try {
const dir = document.getElementById("opt-set-swap-dir").value;
const { amount, bal, ccy, source } = await resolveSwapMaxAmount(dir);
if (!amount) {
const fu = bal.funding_usdt_avail != null ? bal.funding_usdt_avail : bal.funding_usdt;
const tu = bal.trading_usdt_avail != null ? bal.trading_usdt_avail : bal.trading_usdt;
const fc = bal.funding_usdc_avail != null ? bal.funding_usdc_avail : bal.funding_usdc;
setMsg(
"opt-set-swap-msg",
"资金账户可用 " +
ccy +
" 不足(资金户 USDT:" +
(fu != null ? fu : "—") +
" USDC:" +
(fc != null ? fc : "—") +
"; 交易户 USDT:" +
(tu != null ? tu : "—") +
")",
true
);
return;
btn.disabled = false;
if (btn.dataset.origText) {
btn.textContent = btn.dataset.origText;
delete btn.dataset.origText;
}
const srcLabel = source === "trading" ? "交易账户" : "资金账户";
const msg =
"确认全部兑换？\n\n" +
"方向：" + swapDirLabel(dir) + "\n" +
"金额：" + fmtAmt(amount, ccy) + "\n" +
"来源：" + srcLabel + "\n\n" +
"将按该账户可用余额发起市价兑换(可能有延时)。请确认。";
if (!confirmOk(msg)) return;
document.getElementById("opt-set-swap-amount").value = String(amount);
await submitSwap(amount);
} catch (e) {
setMsg("opt-set-swap-msg", "兑换失败：" + (e.message || "余额拉取失败"), true);
}
});
}
async function submitInternalTransfer(amount) {
setButtonsBusy(INT_BTNS, true, "划转中…");
setMsg("opt-set-int-msg", "划转中…", false);
try {
const d = await apiJson("/api/options/transfer", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
ccy: document.getElementById("opt-set-int-ccy").value,
from: document.getElementById("opt-set-int-from").value,
to: document.getElementById("opt-set-int-to").value,
amount: amount,
}),
});
if (d.ok) {
setMsg("opt-set-int-msg", "划转成功", false);
refreshFundsAfterMutation();
} else {
setMsg("opt-set-int-msg", "划转失败：" + (d.msg || "未知错误"), true);
}
return d;
} catch (e) {
setMsg("opt-set-int-msg", "划转失败：" + (e.message || "网络错误"), true);
return { ok: false };
} finally {
setButtonsBusy(INT_BTNS, false);
}
}
const intBtn = document.getElementById("opt-set-int-btn");
if (intBtn) {
intBtn.addEventListener("click", async function () {
const amount = parseFloat(document.getElementById("opt-set-int-amount").value);
if (!amount || amount <= 0) {
setMsg("opt-set-int-msg", "请输入有效数量", true);
return;
}
await submitInternalTransfer(amount);
});
}
const intAllBtn = document.getElementById("opt-set-int-all-btn");
if (intAllBtn) {
intAllBtn.addEventListener("click", async function () {
try {
const ccy = document.getElementById("opt-set-int-ccy").value;
const from = document.getElementById("opt-set-int-from").value;
const to = document.getElementById("opt-set-int-to").value;
const amount = await resolveMaxAmount(from, ccy, "main");
if (!amount) {
setMsg("opt-set-int-msg", "划出账户可用余额不足", true);
return;
}
const msg =
"确认全部划转？\n\n" +
"币种：" + ccy + "\n" +
"划出：" + accountLabel(from) + "\n" +
"划入：" + accountLabel(to) + "\n" +
"金额：" + fmtAmt(amount, ccy) + "\n\n" +
"将划转该账户全部可用余额。";
if (!confirmOk(msg)) return;
document.getElementById("opt-set-int-amount").value = String(amount);
await submitInternalTransfer(amount);
} catch (e) {
setMsg("opt-set-int-msg", "划转失败：" + (e.message || "余额拉取失败"), true);
}
});
const input = document.getElementById(amountId);
if (input) input.disabled = busy;
}
function hardenAmountAutofill(ids) {
@@ -290,23 +128,223 @@
});
}
// 全部划转/兑换前去掉 readonly,避免写不进数量
["opt-set-swap-all-btn", "opt-set-int-all-btn"].forEach(function (btnId) {
const btn = document.getElementById(btnId);
if (!btn) return;
btn.addEventListener(
"click",
function () {
const map = {
"opt-set-swap-all-btn": "opt-set-swap-amount",
"opt-set-int-all-btn": "opt-set-int-amount",
};
const input = document.getElementById(map[btnId]);
if (input) input.removeAttribute("readonly");
},
true
);
});
function bindFundsUi(ids) {
const swapBtn = document.getElementById(ids.swapBtn);
if (!swapBtn) return;
hardenAmountAutofill(["opt-set-swap-amount", "opt-set-int-amount"]);
const swapBtns = [ids.swapBtn, ids.swapAllBtn];
const intBtns = [ids.intBtn, ids.intAllBtn];
async function submitSwap(amount) {
setButtonsBusy(swapBtns, ids.swapAmount, true, "兑换中…");
setMsg(ids.swapMsg, "兑换中，市价成交可能有延时…", false);
try {
const d = await apiJson("/api/options/spot/swap", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
direction: document.getElementById(ids.swapDir).value,
amount: amount,
}),
});
if (d.ok) {
setMsg(ids.swapMsg, "兑换成功", false);
refreshFundsAfterMutation();
} else {
setMsg(ids.swapMsg, "兑换失败：" + (d.msg || "未知错误"), true);
}
return d;
} catch (e) {
setMsg(ids.swapMsg, "兑换失败：" + (e.message || "网络错误"), true);
return { ok: false };
} finally {
setButtonsBusy(swapBtns, ids.swapAmount, false);
}
}
async function submitInternalTransfer(amount) {
setButtonsBusy(intBtns, ids.intAmount, true, "划转中…");
setMsg(ids.intMsg, "划转中…", false);
try {
const d = await apiJson("/api/options/transfer", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
ccy: document.getElementById(ids.intCcy).value,
from: document.getElementById(ids.intFrom).value,
to: document.getElementById(ids.intTo).value,
amount: amount,
}),
});
if (d.ok) {
setMsg(ids.intMsg, "划转成功", false);
refreshFundsAfterMutation();
} else {
setMsg(ids.intMsg, "划转失败：" + (d.msg || "未知错误"), true);
}
return d;
} catch (e) {
setMsg(ids.intMsg, "划转失败：" + (e.message || "网络错误"), true);
return { ok: false };
} finally {
setButtonsBusy(intBtns, ids.intAmount, false);
}
}
swapBtn.addEventListener("click", async function () {
const amount = parseFloat(document.getElementById(ids.swapAmount).value);
if (!amount || amount <= 0) {
setMsg(ids.swapMsg, "请输入有效数量", true);
return;
}
await submitSwap(amount);
});
const swapAllBtn = document.getElementById(ids.swapAllBtn);
if (swapAllBtn) {
swapAllBtn.addEventListener("click", async function () {
try {
const dir = document.getElementById(ids.swapDir).value;
const { amount, bal, ccy, source } = await resolveSwapMaxAmount(dir);
if (!amount) {
const fu = bal.funding_usdt_avail != null ? bal.funding_usdt_avail : bal.funding_usdt;
const tu = bal.trading_usdt_avail != null ? bal.trading_usdt_avail : bal.trading_usdt;
const fc = bal.funding_usdc_avail != null ? bal.funding_usdc_avail : bal.funding_usdc;
setMsg(
ids.swapMsg,
"资金账户可用 " +
ccy +
" 不足(资金户 USDT:" +
(fu != null ? fu : "—") +
" USDC:" +
(fc != null ? fc : "—") +
"; 交易户 USDT:" +
(tu != null ? tu : "—") +
")",
true
);
return;
}
const srcLabel = source === "trading" ? "交易账户" : "资金账户";
const msg =
"确认全部兑换？\n\n" +
"方向：" +
swapDirLabel(dir) +
"\n" +
"金额：" +
fmtAmt(amount, ccy) +
"\n" +
"来源：" +
srcLabel +
"\n\n" +
"将按该账户可用余额发起市价兑换(可能有延时)。请确认。";
if (!confirmOk(msg)) return;
document.getElementById(ids.swapAmount).value = String(amount);
await submitSwap(amount);
} catch (e) {
setMsg(ids.swapMsg, "兑换失败：" + (e.message || "余额拉取失败"), true);
}
});
}
const intBtn = document.getElementById(ids.intBtn);
if (intBtn) {
intBtn.addEventListener("click", async function () {
const amount = parseFloat(document.getElementById(ids.intAmount).value);
if (!amount || amount <= 0) {
setMsg(ids.intMsg, "请输入有效数量", true);
return;
}
await submitInternalTransfer(amount);
});
}
const intAllBtn = document.getElementById(ids.intAllBtn);
if (intAllBtn) {
intAllBtn.addEventListener("click", async function () {
try {
const ccy = document.getElementById(ids.intCcy).value;
const from = document.getElementById(ids.intFrom).value;
const to = document.getElementById(ids.intTo).value;
const amount = await resolveMaxAmount(from, ccy, "main");
if (!amount) {
setMsg(ids.intMsg, "划出账户可用余额不足", true);
return;
}
const msg =
"确认全部划转？\n\n" +
"币种：" +
ccy +
"\n" +
"划出：" +
accountLabel(from) +
"\n" +
"划入：" +
accountLabel(to) +
"\n" +
"金额：" +
fmtAmt(amount, ccy) +
"\n\n" +
"将划转该账户全部可用余额。";
if (!confirmOk(msg)) return;
document.getElementById(ids.intAmount).value = String(amount);
await submitInternalTransfer(amount);
} catch (e) {
setMsg(ids.intMsg, "划转失败：" + (e.message || "余额拉取失败"), true);
}
});
}
[ids.swapAllBtn, ids.intAllBtn].forEach(function (btnId) {
const btn = document.getElementById(btnId);
if (!btn) return;
btn.addEventListener(
"click",
function () {
const map = {};
map[ids.swapAllBtn] = ids.swapAmount;
map[ids.intAllBtn] = ids.intAmount;
const input = document.getElementById(map[btnId]);
if (input) input.removeAttribute("readonly");
},
true
);
});
hardenAmountAutofill([ids.swapAmount, ids.intAmount]);
}
if (hasSettings) {
bindFundsUi({
swapDir: "opt-set-swap-dir",
swapAmount: "opt-set-swap-amount",
swapBtn: "opt-set-swap-btn",
swapAllBtn: "opt-set-swap-all-btn",
swapMsg: "opt-set-swap-msg",
intCcy: "opt-set-int-ccy",
intFrom: "opt-set-int-from",
intTo: "opt-set-int-to",
intAmount: "opt-set-int-amount",
intBtn: "opt-set-int-btn",
intAllBtn: "opt-set-int-all-btn",
intMsg: "opt-set-int-msg",
});
}
if (hasPageFunds) {
bindFundsUi({
swapDir: "opt-page-swap-dir",
swapAmount: "opt-page-swap-amount",
swapBtn: "opt-page-swap-btn",
swapAllBtn: "opt-page-swap-all-btn",
swapMsg: "opt-page-swap-msg",
intCcy: "opt-page-int-ccy",
intFrom: "opt-page-int-from",
intTo: "opt-page-int-to",
intAmount: "opt-page-int-amount",
intBtn: "opt-page-int-btn",
intAllBtn: "opt-page-int-all-btn",
intMsg: "opt-page-int-msg",
});
}
})();