附加费结算:分页改为退货取件管理同款紧凑样式(页数摘要+上下页)

This commit is contained in:
zhoushengchen 2026-10-13 10:41:15 +08:00
parent 03fea599fb
commit c9bcbc780c
2 changed files with 23 additions and 4 deletions

View File

@ -170,6 +170,12 @@
.settlement-table tbody tr.is-active td[data-finance-fixed="true"],
.settlement-table tbody tr.is-active td[data-finance-fixed="end"] { background: var(--settlement-soft); border-bottom-color: #e4d7ba; }
.settlement-table tbody tr.is-active td:first-child { box-shadow: inset 3px 0 0 var(--settlement-accent); }
.settlement-footer { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .35rem .15rem 0; color: var(--settlement-muted); font-size: .72rem; }
.settlement-pagination { display: flex; align-items: center; gap: .35rem; }
.settlement-page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 1.7rem; height: 1.6rem; border: 1px solid var(--settlement-border); border-radius: .4rem; background: #fff; color: var(--settlement-ink); text-decoration: none; }
.settlement-page-link:hover { border-color: var(--settlement-accent); background: var(--settlement-soft); }
.settlement-page-link.is-disabled { opacity: .4; pointer-events: none; }
.settlement-page-link .material-icons-outlined { font-size: 1rem; }
@media (max-width: 900px) {
.settlement-summary { grid-template-columns: 1fr 1fr; }
@ -266,8 +272,18 @@
</div>
</div>
@if (method_exists($rows, 'links') && $rows->hasPages())
<div class="settlement-pagination">{{ $rows->withQueryString()->links() }}</div>
@if (method_exists($rows, 'hasPages') && $rows->hasPages())
<div class="settlement-footer">
<span>第 {{ $rows->currentPage() }} / {{ $rows->lastPage() }} 页,本页 {{ $rows->count() }} 条,共 {{ number_format($rows->total()) }} 条</span>
<div class="settlement-pagination">
<a class="settlement-page-link {{ $rows->onFirstPage() ? 'is-disabled' : '' }}" href="{{ $rows->onFirstPage() ? '#' : $rows->url($rows->currentPage() - 1) }}" aria-label="上一页">
<span class="material-icons-outlined" aria-hidden="true">chevron_left</span>
</a>
<a class="settlement-page-link {{ $rows->hasMorePages() ? '' : 'is-disabled' }}" href="{{ $rows->hasMorePages() ? $rows->url($rows->currentPage() + 1) : '#' }}" aria-label="下一页">
<span class="material-icons-outlined" aria-hidden="true">chevron_right</span>
</a>
</div>
</div>
@endif
</section>

View File

@ -138,9 +138,9 @@ class CourierSurchargeSettlementPageTest extends FeatureTestCase
'settlement_amount' => 8,
'surcharge_type' => '超长费',
]],
'total' => 1,
'total' => 30,
'has_more' => false,
'summary' => ['count' => 1, 'settlement_amount' => 8.0],
'summary' => ['count' => 30, 'settlement_amount' => 8.0],
'sync' => ['code' => 'fresh', 'last_succeeded_at' => '2026-10-13 06:31:34'],
'state' => ['code' => 'fresh', 'last_succeeded_at' => '2026-10-13 06:31:34'],
]);
@ -153,6 +153,9 @@ class CourierSurchargeSettlementPageTest extends FeatureTestCase
->assertSee('data-settlement-row', false)
->assertSee('is-clickable', false)
->assertSee('is-active', false)
->assertSee('settlement-page-link', false)
->assertDontSee('page-item', false)
->assertSeeText('第 1 / 2 页,本页 1 条,共 30 条')
->assertSeeText('点击行可高亮标记')
->assertSeeText('曹县德邦')
->assertSeeText('超长费');