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

Add index-over-ask leverage column to options chain list.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-08-01 10:26:11 +08:00
parent f6ea0dc399
commit 747434a65e
5 changed files with 32 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+9
View File
@@ -3138,6 +3138,15 @@ html[data-theme="light"] .settings-side-export-label {
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
white-space: nowrap; white-space: nowrap;
} }
.opt-chain-lev {
font-variant-numeric: tabular-nums;
white-space: nowrap;
font-weight: 600;
color: #b8c8ff;
}
html[data-theme="light"] .opt-chain-lev {
color: #1a4a8a;
}
.opt-be-dist-up { .opt-be-dist-up {
color: #5ee89a; color: #5ee89a;
} }
lib/common/static/options_panel.js
+18 -1
View File
@@ -341,7 +341,7 @@
} }
function strikeTableColspan() { function strikeTableColspan() {
return state.chainView === "t" ? 9 : 8; return 9;
} }
function syncChainViewUI() { function syncChainViewUI() {
@@ -817,6 +817,20 @@
return "约 " + Number(v).toFixed(1) + "×"; return "约 " + Number(v).toFixed(1) + "×";
} }
/** 链上展示:指数 ÷ 卖一(每1币). */
function calcAskLeverage(indexPx, askPx) {
if (indexPx == null || askPx == null) return null;
const idx = Number(indexPx);
const ask = Number(askPx);
if (!Number.isFinite(idx) || !Number.isFinite(ask) || ask <= 0) return null;
return Math.round((idx / ask) * 10) / 10;
}
function fmtChainLeverage(v) {
if (v === null || v === undefined || Number.isNaN(Number(v))) return "—";
return Number(v).toFixed(1) + "×";
}
function fmtUsdcSigned(v) { function fmtUsdcSigned(v) {
if (v === null || v === undefined || Number.isNaN(Number(v))) return "—"; if (v === null || v === undefined || Number.isNaN(Number(v))) return "—";
const n = Number(v); const n = Number(v);
@@ -946,16 +960,19 @@
return; return;
} }
let matchedSelected = false; let matchedSelected = false;
const indexPx = state.chain && state.chain.index_px;
list.forEach(function (c) { list.forEach(function (c) {
const tr = document.createElement("tr"); const tr = document.createElement("tr");
tr.className = "opt-strike-row"; tr.className = "opt-strike-row";
tr.setAttribute("data-inst", c.inst_id); tr.setAttribute("data-inst", c.inst_id);
if (c.moneyness) tr.classList.add("opt-row-" + c.moneyness); if (c.moneyness) tr.classList.add("opt-row-" + c.moneyness);
const chainLev = calcAskLeverage(indexPx, c.ask);
tr.innerHTML = tr.innerHTML =
"<td>" + c.strike + "</td>" + "<td>" + c.strike + "</td>" +
"<td>" + moneynessBadge(c) + "</td>" + "<td>" + moneynessBadge(c) + "</td>" +
"<td><code>" + c.inst_id + "</code></td>" + "<td><code>" + c.inst_id + "</code></td>" +
"<td class=\"opt-px-sz\">" + fmtPxSz(c.ask, c.ask_sz, c.ask_estimated) + "</td>" + "<td class=\"opt-px-sz\">" + fmtPxSz(c.ask, c.ask_sz, c.ask_estimated) + "</td>" +
'<td class="opt-chain-lev">' + fmtChainLeverage(chainLev) + "</td>" +
"<td class=\"opt-px-sz\">" + fmtPxSz(c.bid, c.bid_sz) + "</td>" + "<td class=\"opt-px-sz\">" + fmtPxSz(c.bid, c.bid_sz) + "</td>" +
"<td>" + (c.expiry_be_px != null ? fmt(c.expiry_be_px, 0) : "—") + "</td>" + "<td>" + (c.expiry_be_px != null ? fmt(c.expiry_be_px, 0) : "—") + "</td>" +
'<td class="' + distBeClass(c.dist_expiry_be) + '">' + fmtDist(c.dist_expiry_be) + "</td>" + '<td class="' + distBeClass(c.dist_expiry_be) + '">' + fmtDist(c.dist_expiry_be) + "</td>" +
lib/instance/templates/embed_shell.html
+1 -1
View File
@@ -8,7 +8,7 @@
<link rel="stylesheet" href="/static/instance_theme_early.css?v=4"> <link rel="stylesheet" href="/static/instance_theme_early.css?v=4">
<link rel="stylesheet" href="/static/account_risk_badge.css?v=4"> <link rel="stylesheet" href="/static/account_risk_badge.css?v=4">
<link rel="stylesheet" href="/static/instance_page.css?v=13"> <link rel="stylesheet" href="/static/instance_page.css?v=13">
<link rel="stylesheet" href="/static/instance_theme.css?v=110"> <link rel="stylesheet" href="/static/instance_theme.css?v=111">
<script src="/static/account_risk_badge.js?v=4"></script> <script src="/static/account_risk_badge.js?v=4"></script>
<meta name="theme-color" content="#0b0d14"> <meta name="theme-color" content="#0b0d14">
<title>{{ pwa_app_name }}</title> <title>{{ pwa_app_name }}</title>
lib/instance/templates/index.html
+1 -1
View File
@@ -18,7 +18,7 @@
<link rel="manifest" href="/static/icons/manifest.webmanifest"> <link rel="manifest" href="/static/icons/manifest.webmanifest">
<title>{{ pwa_app_name }}</title> <title>{{ pwa_app_name }}</title>
<link rel="stylesheet" href="/static/instance_page.css?v=13"> <link rel="stylesheet" href="/static/instance_page.css?v=13">
<link rel="stylesheet" href="/static/instance_theme.css?v=110"> <link rel="stylesheet" href="/static/instance_theme.css?v=111">
</head> </head>
<body <body
lib/options/templates/options_panel.html
+3 -2
View File
@@ -57,6 +57,7 @@
<th>类型</th> <th>类型</th>
<th>合约</th> <th>合约</th>
<th>卖一/张</th> <th>卖一/张</th>
<th title="指数÷卖一(每1币)">杠杆</th>
<th>买一/张</th> <th>买一/张</th>
<th>到期平衡</th> <th>到期平衡</th>
<th>距平衡</th> <th>距平衡</th>
@@ -80,7 +81,7 @@
</tr> </tr>
</thead> </thead>
<tbody id="opt-strike-tbody"> <tbody id="opt-strike-tbody">
<tr><td colspan="8" class="muted">请选择到期日</td></tr> <tr><td colspan="9" class="muted">请选择到期日</td></tr>
</tbody> </tbody>
</table> </table>
</div> </div>
@@ -323,4 +324,4 @@
</div> </div>
</div> </div>
<script src="/static/options_expiry_countdown.js?v=1"></script> <script src="/static/options_expiry_countdown.js?v=1"></script>
<script src="/static/options_panel.js?v=50"></script> <script src="/static/options_panel.js?v=51"></script>