chore(admin-ui): add filters-card component for platform order filters
This commit is contained in:
@@ -110,6 +110,24 @@
|
|||||||
|
|
||||||
/* 可复用:折叠面板(参考 Ant Design Pro 的筛选区交互:可折叠、摘要做成一条可点 Header) */
|
/* 可复用:折叠面板(参考 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:标题区 + 描述 + 右侧操作区) */
|
/* 可复用:PageHeader(参考 Ant Design Pro:标题区 + 描述 + 右侧操作区) */
|
||||||
.page-header{
|
.page-header{
|
||||||
width:100%;
|
width:100%;
|
||||||
|
|||||||
@@ -295,15 +295,15 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<details class="card mb-20 collapsible" data-role="collapsible" data-storage-key="admin.platform_orders.filters" open>
|
<details class="card mb-20 collapsible filters-card" data-role="collapsible" data-storage-key="admin.platform_orders.filters" open>
|
||||||
<summary class="collapsible-summary">
|
<summary class="collapsible-summary filters-summary">
|
||||||
<div class="flex-between items-center">
|
<div class="flex-between items-center">
|
||||||
<h3 class="mb-0">筛选条件</h3>
|
<h3 class="mb-0">筛选条件</h3>
|
||||||
<span class="muted muted-xs">点击收起/展开</span>
|
<span class="muted muted-xs">点击收起/展开</span>
|
||||||
</div>
|
</div>
|
||||||
</summary>
|
</summary>
|
||||||
<div class="collapsible-body">
|
<div class="collapsible-body filters-body">
|
||||||
<form method="get" action="/admin/platform-orders" class="grid-3">
|
<form method="get" action="/admin/platform-orders" class="grid-3 filters-grid">
|
||||||
@if($safeBackForLinks !== '')
|
@if($safeBackForLinks !== '')
|
||||||
<input type="hidden" name="back" value="{!! $safeBackForLinks !!}">
|
<input type="hidden" name="back" value="{!! $safeBackForLinks !!}">
|
||||||
@endif
|
@endif
|
||||||
|
|||||||
@@ -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);
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user