chore(admin-ui): add filters-card component for platform order filters

This commit is contained in:
萝卜
2026-03-16 01:06:31 +08:00
parent 2f62a5f180
commit 289aac02cf
3 changed files with 57 additions and 4 deletions

View File

@@ -110,6 +110,24 @@
/* 可复用:折叠面板(参考 Ant Design Pro 的筛选区交互:可折叠、摘要做成一条可点 Header */
/* 可复用Filters Card平台订单/订阅等列表页共用:统一筛选区观感) */
.filters-card{
padding:0;
}
.filters-summary{
padding:14px 16px;
}
.filters-body{
padding:14px 16px 16px;
border-top:1px solid var(--adm-border-color, #e5e7eb);
}
.filters-grid{
margin:0;
}
/* 可复用PageHeader参考 Ant Design Pro标题区 + 描述 + 右侧操作区) */
.page-header{
width:100%;

View File

@@ -295,15 +295,15 @@
</div>
</div>
<details class="card mb-20 collapsible" data-role="collapsible" data-storage-key="admin.platform_orders.filters" open>
<summary class="collapsible-summary">
<details class="card mb-20 collapsible filters-card" data-role="collapsible" data-storage-key="admin.platform_orders.filters" open>
<summary class="collapsible-summary filters-summary">
<div class="flex-between items-center">
<h3 class="mb-0">筛选条件</h3>
<span class="muted muted-xs">点击收起/展开</span>
</div>
</summary>
<div class="collapsible-body">
<form method="get" action="/admin/platform-orders" class="grid-3">
<div class="collapsible-body filters-body">
<form method="get" action="/admin/platform-orders" class="grid-3 filters-grid">
@if($safeBackForLinks !== '')
<input type="hidden" name="back" value="{!! $safeBackForLinks !!}">
@endif

View File

@@ -0,0 +1,35 @@
<?php
namespace Tests\Feature;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;
class AdminPlatformOrdersIndexShouldUseFiltersCardClassesTest extends TestCase
{
use RefreshDatabase;
protected function loginAsPlatformAdmin(): void
{
$this->seed();
$this->post('/admin/login', [
'email' => 'platform.admin@demo.local',
'password' => 'Platform@123456',
])->assertRedirect('/admin');
}
public function test_admin_platform_orders_index_should_use_filters_card_classes(): void
{
$this->loginAsPlatformAdmin();
$response = $this->get('/admin/platform-orders');
$response->assertOk();
// 护栏:平台订单筛选区应使用统一的 Filters Card 组件类,便于后续全站风格一致。
$response->assertSee('filters-card', false);
$response->assertSee('filters-summary', false);
$response->assertSee('filters-body', false);
$response->assertSee('filters-grid', false);
}
}