优化
This commit is contained in:
@@ -454,6 +454,49 @@ watch(() => [route.name, String(route.params.customerId || '')], ([name, custome
|
|||||||
border-top: 0;
|
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) {
|
@media (max-width: 1080px) {
|
||||||
.account-metrics {
|
.account-metrics {
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
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);
|
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) {
|
@media (max-width: 1080px) {
|
||||||
.finance-arap-detail__surface {
|
.finance-arap-detail__surface {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -558,6 +558,52 @@ watch(detailRouteId, (statementId) => {
|
|||||||
.statement-line-table { min-width: 1840px; }
|
.statement-line-table { min-width: 1840px; }
|
||||||
.statement-payment-table { min-width: 1300px; }
|
.statement-payment-table { min-width: 1300px; }
|
||||||
.revision-collapse { margin-top: 12px; }
|
.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) {
|
@media (max-width: 640px) {
|
||||||
.statement-detail-page__header { align-items: stretch; flex-direction: column; }
|
.statement-detail-page__header { align-items: stretch; flex-direction: column; }
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -632,6 +632,80 @@ onMounted(() => {
|
|||||||
.operation-error { margin-bottom: 12px; }
|
.operation-error { margin-bottom: 12px; }
|
||||||
.operation-error-meta { margin: -6px 0 12px; }
|
.operation-error-meta { margin: -6px 0 12px; }
|
||||||
:deep(.el-select), :deep(.el-date-editor) { width: 100%; }
|
: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) {
|
@media (max-width: 720px) {
|
||||||
.settlement-detail-summary, .partial-summary, .settlement-operation-form { grid-template-columns: 1fr; }
|
.settlement-detail-summary, .partial-summary, .settlement-operation-form { grid-template-columns: 1fr; }
|
||||||
.settlement-detail-summary { gap: 10px; padding: 12px 16px; }
|
.settlement-detail-summary { gap: 10px; padding: 12px 16px; }
|
||||||
|
|||||||
Reference in New Issue
Block a user