附加费结算:分页改为退货取件管理同款紧凑样式(页数摘要+上下页)
This commit is contained in:
parent
03fea599fb
commit
c9bcbc780c
@ -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>
|
||||
|
||||
|
||||
@ -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('超长费');
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user