优化

2026-08-17 16:58:35 +08:00
parent d95c90bd1a
commit 911a3620e1
4 changed files with 206 additions and 0 deletions
@@ -632,6 +632,80 @@ onMounted(() => {
 .operation-error { margin-bottom: 12px; }
 .operation-error-meta { margin: -6px 0 12px; }
 :deep(.el-select), :deep(.el-date-editor) { width: 100%; }
+
+@media (min-width: 1920px) {
+  .finance-settlement-page {
+    row-gap: 8px;
+  }
+
+  .settlement-list-toolbar {
+    min-height: 48px;
+    gap: 14px;
+    padding: 0 0 8px;
+  }
+
+  .settlement-summary .summary-item {
+    gap: 6px;
+  }
+
+  .settlement-summary .summary-item + .summary-item {
+    margin-left: 12px;
+    padding-left: 12px;
+  }
+
+  .summary-item strong {
+    font-size: 17px;
+  }
+
+  .settlement-detail-page {
+    gap: 0;
+  }
+
+  .settlement-detail-header {
+    min-height: 56px;
+    padding: 10px 14px;
+  }
+
+  .settlement-detail-summary {
+    padding: 8px 14px;
+  }
+
+  .settlement-detail-summary .summary-item {
+    padding: 0 10px;
+  }
+
+  .settlement-detail-summary .summary-item strong {
+    margin-top: 2px;
+    font-size: 18px;
+  }
+
+  .settlement-detail-state {
+    margin: 10px 14px;
+  }
+
+  .settlement-detail-content {
+    padding: 0 14px 10px;
+  }
+
+  .detail-table-scroll {
+    margin-bottom: 8px;
+  }
+
+  .partial-summary {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+    gap: 0;
+    margin-bottom: 8px;
+    padding: 8px 0;
+  }
+
+  .partial-summary div {
+    padding: 0 8px;
+  }
+
+  .settlement-operation-form {
+    column-gap: 12px;
+  }
+}
@media (max-width: 720px) {
  .settlement-detail-summary, .partial-summary, .settlement-operation-form { grid-template-columns: 1fr; }
  .settlement-detail-summary { gap: 10px; padding: 12px 16px; }