This commit is contained in:
2026-08-17 16:58:35 +08:00
parent d95c90bd1a
commit 911a3620e1
4 changed files with 206 additions and 0 deletions
@@ -454,6 +454,49 @@ watch(() => [route.name, String(route.params.customerId || '')], ([name, custome
border-top: 0;
}
@media (min-width: 1920px) {
.finance-account-detail__layout :deep(.detail-page-layout) {
gap: 8px;
}
.finance-account-detail__layout :deep(.detail-page-layout__header) {
min-height: 56px;
padding: 10px 14px;
}
.finance-account-detail__layout :deep(.detail-page-layout__summary) {
padding: 8px 14px 0;
}
.finance-account-detail__layout :deep(.detail-page-layout__content) {
padding: 0 14px 10px;
}
.finance-account-detail__layout :deep(.detail-page-layout__footer) {
padding: 0 14px 10px;
}
.finance-account-detail__layout :deep(.form-section) {
padding: 10px 0;
}
.finance-account-detail__layout :deep(.form-section__heading) {
margin-bottom: 8px;
}
.account-metrics {
gap: 8px;
}
.account-metric {
padding: 0 10px;
}
.detail-footer {
padding-top: 0;
}
}
@media (max-width: 1080px) {
.account-metrics {
grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -473,6 +473,49 @@ watch(() => [route.name, String(route.params.feeSourceId || '')], ([name, feeSou
color: var(--cc-muted);
}
@media (min-width: 1920px) {
.finance-arap-detail__layout :deep(.detail-page-layout) {
gap: 8px;
}
.finance-arap-detail__layout :deep(.detail-page-layout__header) {
min-height: 56px;
padding: 10px 14px;
}
.finance-arap-detail__layout :deep(.detail-page-layout__summary) {
padding: 8px 14px 0;
}
.finance-arap-detail__layout :deep(.detail-page-layout__content) {
padding: 0 14px 10px;
}
.finance-arap-detail__layout :deep(.form-section) {
padding: 10px 0;
}
.finance-arap-detail__layout :deep(.form-section__heading) {
margin-bottom: 8px;
}
.arap-metrics {
gap: 8px;
}
.arap-metric {
padding: 0 10px;
}
.arap-detail-grid {
gap: 10px;
}
.arap-settlement {
padding-left: 10px;
}
}
@media (max-width: 1080px) {
.finance-arap-detail__surface {
width: 100%;
@@ -558,6 +558,52 @@ watch(detailRouteId, (statementId) => {
.statement-line-table { min-width: 1840px; }
.statement-payment-table { min-width: 1300px; }
.revision-collapse { margin-top: 12px; }
@media (min-width: 1920px) {
.statement-detail-page :deep(.detail-page-layout) {
gap: 8px;
}
.statement-detail-page :deep(.detail-page-layout__header) {
min-height: 56px;
padding: 10px 14px;
}
.statement-detail-page__header h2 {
font-size: 18px;
}
.statement-detail-head {
grid-template-columns: minmax(0, 1fr) auto;
gap: 6px;
padding: 8px 14px;
}
.statement-summary-section {
padding: 8px 14px;
}
.statement-detail-tabs :deep(.el-tabs__header) {
padding: 0 14px;
}
.statement-detail-tabs :deep(.form-section) {
padding: 8px 14px;
}
.statement-detail-tabs :deep(.form-section__heading) {
margin-bottom: 8px;
}
.detail-table-scroll {
margin-bottom: 8px;
}
.revision-collapse {
margin-top: 8px;
}
}
@media (max-width: 640px) {
.statement-detail-page__header { align-items: stretch; flex-direction: column; }
}
@@ -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; }