From 289aac02cfa3af033cbdd820098c4be46c41cb59 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=90=9D=E5=8D=9C?= <dev@saasshop.local>
Date: Mon, 16 Mar 2026 01:06:31 +0800
Subject: [PATCH] chore(admin-ui): add filters-card component for platform
 order filters

---
 public/css/admin-components.css               | 18 ++++++++++
 .../admin/platform_orders/index.blade.php     |  8 ++---
 ...rsIndexShouldUseFiltersCardClassesTest.php | 35 +++++++++++++++++++
 3 files changed, 57 insertions(+), 4 deletions(-)
 create mode 100644 tests/Feature/AdminPlatformOrdersIndexShouldUseFiltersCardClassesTest.php

diff --git a/public/css/admin-components.css b/public/css/admin-components.css
index 0abc013..01957e4 100644
--- a/public/css/admin-components.css
+++ b/public/css/admin-components.css
@@ -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%;
diff --git a/resources/views/admin/platform_orders/index.blade.php b/resources/views/admin/platform_orders/index.blade.php
index 0dd2ac9..e84be11 100644
--- a/resources/views/admin/platform_orders/index.blade.php
+++ b/resources/views/admin/platform_orders/index.blade.php
@@ -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
diff --git a/tests/Feature/AdminPlatformOrdersIndexShouldUseFiltersCardClassesTest.php b/tests/Feature/AdminPlatformOrdersIndexShouldUseFiltersCardClassesTest.php
new file mode 100644
index 0000000..9c1b47f
--- /dev/null
+++ b/tests/Feature/AdminPlatformOrdersIndexShouldUseFiltersCardClassesTest.php
@@ -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);
+    }
+}