fix: redesign order monitor open form for clearer SL/TP inputs

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-11 07:56:55 +08:00
parent 401ee2f130
commit 91c8cd8c2a
6 changed files with 283 additions and 156 deletions
@@ -992,3 +992,171 @@ html[data-theme="light"] .key-row-collapse.key-history-failed .key-history-outco
  border-color: rgba(192, 48, 48, 0.22) !important;
 }

+/* 实盘下单监控：分组表单 */
+.order-open-form {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-top: 4px;
+}
+
+.order-open-section {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 10px 12px;
+  border-radius: 8px;
+  border: 1px solid color-mix(in srgb, #3a4a66 55%, transparent);
+  background: color-mix(in srgb, #0f1420 88%, transparent);
+}
+
+html[data-theme="light"] .order-open-section {
+  border-color: rgba(26, 40, 56, 0.14);
+  background: rgba(248, 250, 252, 0.92);
+}
+
+.order-open-section-title {
+  font-size: 0.72rem;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  color: #8fc8ff;
+  text-transform: uppercase;
+}
+
+html[data-theme="light"] .order-open-section-title {
+  color: #2a5f8f;
+}
+
+.order-open-grid {
+  display: grid;
+  gap: 8px 10px;
+  align-items: end;
+}
+
+.order-open-grid-basic {
+  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
+}
+
+.order-open-grid-sltp {
+  grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
+}
+
+.order-open-field {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+}
+
+.order-open-field-wide {
+  grid-column: span 1;
+  min-width: 10.5rem;
+}
+
+@media (min-width: 640px) {
+  .order-open-field-wide {
+    grid-column: span 2;
+  }
+}
+
+.order-open-label {
+  font-size: 0.72rem;
+  color: #9aa3c7;
+  line-height: 1.2;
+}
+
+html[data-theme="light"] .order-open-label {
+  color: #5a6478;
+}
+
+.order-open-form input:not([type="checkbox"]),
+.order-open-form select {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  padding: 8px 10px;
+  border-radius: 6px;
+  border: 1px solid #3a4a66;
+  background: #0f1420;
+  color: #eee;
+  font-size: 0.86rem;
+  line-height: 1.35;
+}
+
+html[data-theme="light"] .order-open-form input:not([type="checkbox"]),
+html[data-theme="light"] .order-open-form select {
+  border-color: rgba(26, 40, 56, 0.18);
+  background: #fff;
+  color: #1a2838;
+}
+
+.order-open-form select {
+  padding-right: 1.6rem;
+  text-overflow: ellipsis;
+}
+
+.order-open-tp-preview {
+  display: none;
+  align-self: center;
+  font-size: 0.8rem;
+  color: #8fc8ff;
+  padding: 8px 0;
+  min-height: 2.2rem;
+}
+
+.order-open-hint {
+  margin: 0;
+  font-size: 0.75rem;
+  color: #7d8aa8;
+  line-height: 1.4;
+}
+
+.order-open-section-options {
+  gap: 6px;
+  border-style: dashed;
+}
+
+.order-open-check {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  font-size: 0.8rem;
+  color: #cfd3ef;
+  line-height: 1.45;
+  cursor: pointer;
+}
+
+html[data-theme="light"] .order-open-check {
+  color: #3a4558;
+}
+
+.order-open-check input {
+  margin-top: 0.2rem;
+  flex-shrink: 0;
+}
+
+.order-open-actions {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.order-open-submit {
+  min-width: 11rem;
+  padding: 10px 18px;
+  border-radius: 8px;
+  border: none;
+  background: linear-gradient(135deg, #2d6a4f, #1f4f74);
+  color: #fff;
+  font-size: 0.92rem;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.order-open-submit:hover {
+  filter: brightness(1.06);
+}
+
+.order-open-form [data-sltp-panel] {
+  display: none;
+}
+