Release/test 合并上生产 #2
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user