+1
-11
@@ -379,7 +379,7 @@
|
|||||||
'<span class="cond-inst-name">' +
|
'<span class="cond-inst-name">' +
|
||||||
escapeHtml(it.name || "") +
|
escapeHtml(it.name || "") +
|
||||||
"</span>" +
|
"</span>" +
|
||||||
'<span class="cond-inst-fund-line" data-xfer-toggle="1">' +
|
'<span class="cond-inst-fund-line">' +
|
||||||
'<span class="cond-inst-funds cond-inst-funds--trading" title="交易账户可用">交易 ' +
|
'<span class="cond-inst-funds cond-inst-funds--trading" title="交易账户可用">交易 ' +
|
||||||
escapeHtml(fmtTradingU(it.trading_usdt)) +
|
escapeHtml(fmtTradingU(it.trading_usdt)) +
|
||||||
"</span>" +
|
"</span>" +
|
||||||
@@ -494,22 +494,12 @@
|
|||||||
);
|
);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
box.querySelectorAll("[data-xfer-toggle]").forEach(function (el) {
|
|
||||||
el.addEventListener("click", function (ev) {
|
|
||||||
ev.preventDefault();
|
|
||||||
ev.stopPropagation();
|
|
||||||
const card = el.closest(".cond-inst");
|
|
||||||
if (!card || card.classList.contains("is-off")) return;
|
|
||||||
card.classList.toggle("is-xfer-open");
|
|
||||||
});
|
|
||||||
});
|
|
||||||
box.querySelectorAll(".cond-inst-name").forEach(function (el) {
|
box.querySelectorAll(".cond-inst-name").forEach(function (el) {
|
||||||
el.addEventListener("click", function (ev) {
|
el.addEventListener("click", function (ev) {
|
||||||
const card = el.closest(".cond-inst");
|
const card = el.closest(".cond-inst");
|
||||||
if (!card || card.classList.contains("is-off")) return;
|
if (!card || card.classList.contains("is-off")) return;
|
||||||
const cb = card.querySelector('input[name="cf-inst"]');
|
const cb = card.querySelector('input[name="cf-inst"]');
|
||||||
if (!cb || cb.disabled) return;
|
if (!cb || cb.disabled) return;
|
||||||
// 点名称切换勾选(避免点余额误勾)
|
|
||||||
if (ev.target === el) {
|
if (ev.target === el) {
|
||||||
cb.checked = !cb.checked;
|
cb.checked = !cb.checked;
|
||||||
}
|
}
|
||||||
|
|||||||
+9
-5
@@ -1496,6 +1496,13 @@ input.readonly {
|
|||||||
color: #b6c7da;
|
color: #b6c7da;
|
||||||
margin-bottom: 6px;
|
margin-bottom: 6px;
|
||||||
}
|
}
|
||||||
|
.cond-uly-side-row {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 12px 16px;
|
||||||
|
align-items: end;
|
||||||
|
}
|
||||||
|
.cond-uly-side-item { min-width: 0; }
|
||||||
.cond-native-select[hidden] { display: none !important; }
|
.cond-native-select[hidden] { display: none !important; }
|
||||||
.cond-seg {
|
.cond-seg {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
@@ -1621,7 +1628,7 @@ input.readonly {
|
|||||||
margin: 2px 0 0;
|
margin: 2px 0 0;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
grid-column: 1;
|
grid-column: 1;
|
||||||
grid-row: 1;
|
grid-row: 1 / span 2;
|
||||||
align-self: start;
|
align-self: start;
|
||||||
}
|
}
|
||||||
.cond-inst-main {
|
.cond-inst-main {
|
||||||
@@ -1655,9 +1662,7 @@ input.readonly {
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 6px 12px;
|
gap: 6px 12px;
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
.cond-inst.is-off .cond-inst-fund-line { cursor: default; }
|
|
||||||
.cond-inst-funds {
|
.cond-inst-funds {
|
||||||
color: var(--accent-2, #38bdf8);
|
color: var(--accent-2, #38bdf8);
|
||||||
font-size: 0.76rem;
|
font-size: 0.76rem;
|
||||||
@@ -1670,7 +1675,7 @@ input.readonly {
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
.cond-inst-actions {
|
.cond-inst-actions {
|
||||||
display: none;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
@@ -1678,7 +1683,6 @@ input.readonly {
|
|||||||
grid-row: 2;
|
grid-row: 2;
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
}
|
}
|
||||||
.cond-inst.is-xfer-open .cond-inst-actions { display: flex; }
|
|
||||||
.cond-inst-xfer {
|
.cond-inst-xfer {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|||||||
+1
-1
@@ -11,7 +11,7 @@
|
|||||||
<link rel="icon" href="{{ url_for('static', filename='icons/favicon.ico') }}?v=2" sizes="any">
|
<link rel="icon" href="{{ url_for('static', filename='icons/favicon.ico') }}?v=2" sizes="any">
|
||||||
<link rel="apple-touch-icon" href="{{ url_for('static', filename='icons/apple-touch-icon.png') }}?v=2">
|
<link rel="apple-touch-icon" href="{{ url_for('static', filename='icons/apple-touch-icon.png') }}?v=2">
|
||||||
<link rel="manifest" href="/manifest.webmanifest">
|
<link rel="manifest" href="/manifest.webmanifest">
|
||||||
<link rel="stylesheet" href="{{ url_for('static', filename='hub.css') }}?v=53">
|
<link rel="stylesheet" href="{{ url_for('static', filename='hub.css') }}?v=54">
|
||||||
<script>
|
<script>
|
||||||
(function () {
|
(function () {
|
||||||
try {
|
try {
|
||||||
|
|||||||
@@ -27,6 +27,8 @@
|
|||||||
<div class="cond-col-title">策略</div>
|
<div class="cond-col-title">策略</div>
|
||||||
|
|
||||||
<div class="cond-block">
|
<div class="cond-block">
|
||||||
|
<div class="cond-uly-side-row">
|
||||||
|
<div class="cond-uly-side-item">
|
||||||
<span class="cond-mini-label">标的</span>
|
<span class="cond-mini-label">标的</span>
|
||||||
<div class="cond-seg" id="cf-uly-seg" role="group" aria-label="标的">
|
<div class="cond-seg" id="cf-uly-seg" role="group" aria-label="标的">
|
||||||
<button type="button" class="cond-seg-btn on" data-uly="ETH">ETH</button>
|
<button type="button" class="cond-seg-btn on" data-uly="ETH">ETH</button>
|
||||||
@@ -37,8 +39,7 @@
|
|||||||
<option value="BTC">BTC</option>
|
<option value="BTC">BTC</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="cond-uly-side-item">
|
||||||
<div class="cond-block">
|
|
||||||
<span class="cond-mini-label">方向</span>
|
<span class="cond-mini-label">方向</span>
|
||||||
<div class="cond-seg" id="cf-side-seg" role="group" aria-label="方向">
|
<div class="cond-seg" id="cf-side-seg" role="group" aria-label="方向">
|
||||||
<button type="button" class="cond-seg-btn on" data-side="P">看跌 Put</button>
|
<button type="button" class="cond-seg-btn on" data-side="P">看跌 Put</button>
|
||||||
@@ -49,6 +50,8 @@
|
|||||||
<option value="C">看涨 Call</option>
|
<option value="C">看涨 Call</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="cond-block">
|
<div class="cond-block">
|
||||||
<div class="cond-param-row">
|
<div class="cond-param-row">
|
||||||
@@ -87,7 +90,7 @@
|
|||||||
<div class="cond-col-title">下发到客户端</div>
|
<div class="cond-col-title">下发到客户端</div>
|
||||||
<div class="muted cond-right-meta" id="cf-inst-meta">按标的过滤</div>
|
<div class="muted cond-right-meta" id="cf-inst-meta">按标的过滤</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="muted cond-right-lead">按标的白名单过滤;点余额行可展开本页划转。</p>
|
<p class="muted cond-right-lead">按标的白名单过滤;余额旁可本页划转。</p>
|
||||||
<div id="cf-instances"></div>
|
<div id="cf-instances"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -115,6 +118,6 @@
|
|||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
{% block scripts %}
|
{% block scripts %}
|
||||||
<script src="{{ url_for('static', filename='cond_orders.js') }}?v=15"></script>
|
<script src="{{ url_for('static', filename='cond_orders.js') }}?v=16"></script>
|
||||||
<script>HubCondOrders.boot();</script>
|
<script>HubCondOrders.boot();</script>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
Reference in New Issue
Block a user