admin-components: normalize platform orders css formatting (maintainable)

This commit is contained in:
萝卜
2026-03-14 13:37:23 +00:00
parent b14ad40a8a
commit 26f283d283
2 changed files with 86 additions and 11 deletions

View File

@@ -92,22 +92,62 @@
} }
/* 平台订单列表:精简视图(默认隐藏部分列,避免列表过长) */ /* 平台订单列表:精简视图(默认隐藏部分列,避免列表过长) */
.platform-orders-table .col-optional{display:none;} .platform-orders-table .col-optional{
.platform-orders-table.is-full .col-optional{display:table-cell;} display:none;
}
.platform-orders-table.is-full .col-optional{
display:table-cell;
}
/* 平台订单列表(精简视图):进一步收敛信息密度 */ /* 平台订单列表(精简视图):进一步收敛信息密度 */
.platform-orders-table.is-compact td{padding-top:8px;padding-bottom:8px;} .platform-orders-table.is-compact td{
.platform-orders-table.is-compact .muted-xs{font-size:12px;} padding-top:8px;
padding-bottom:8px;
}
.platform-orders-table.is-compact .muted-xs{
font-size:12px;
}
/* 平台订单列表:二行辅助信息(例如 线索/订阅ID */ /* 平台订单列表:二行辅助信息(例如 线索/订阅ID */
.platform-orders-table .row-meta{margin-top:2px;} .platform-orders-table .row-meta{
margin-top:2px;
}
/* 平台订单列表:行内治理提示(精简视图主要入口) */ /* 平台订单列表:行内治理提示(精简视图主要入口) */
.platform-orders-table .row-warn{margin-top:4px;padding:4px 6px;border-left:3px solid #e06b67;background:#fff9f9;border-radius:4px;} .platform-orders-table .row-warn{
.platform-orders-table .row-warn a.link{color:#b52b27;text-decoration:underline;} margin-top:4px;
.platform-orders-table .row-warn a.link:hover{text-decoration:none;} padding:4px 6px;
.platform-orders-table .row-warn-prefix{font-weight:600;display:inline-block;padding:1px 6px;border-radius:10px;background:#ffecec;color:#b52b27;margin-right:4px;} border-left:3px solid #e06b67;
background:#fff9f9;
border-radius:4px;
}
.platform-orders-table .row-warn a.link{
color:#b52b27;
text-decoration:underline;
}
.platform-orders-table .row-warn a.link:hover{
text-decoration:none;
}
.platform-orders-table .row-warn-prefix{
font-weight:600;
display:inline-block;
padding:1px 6px;
border-radius:10px;
background:#ffecec;
color:#b52b27;
margin-right:4px;
}
/* 平台订单列表:精简视图也要可达的治理提示(对账/退款不一致) */ /* 平台订单列表:精简视图也要可达的治理提示(对账/退款不一致) */
.platform-orders-table .governance-hints{margin-bottom:6px;} .platform-orders-table .governance-hints{
.platform-orders-table .governance-hint{line-height:1.4;} margin-bottom:6px;
}
.platform-orders-table .governance-hint{
line-height:1.4;
}

View File

@@ -0,0 +1,35 @@
<?php
namespace Tests\Feature;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;
class AdminComponentsCssPlatformOrdersFormattingTest 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_components_css_contains_platform_orders_blocks_with_braced_formatting(): void
{
$this->loginAsPlatformAdmin();
$css = file_get_contents(public_path('css/admin-components.css'));
$this->assertIsString($css);
// 轻量格式存在性断言:平台订单列表相关 selector 应使用多行块格式,便于长期维护
$this->assertStringContainsString(".platform-orders-table .col-optional{\n", $css);
$this->assertStringContainsString(".platform-orders-table.is-full .col-optional{\n", $css);
$this->assertStringContainsString(".platform-orders-table .row-warn{\n", $css);
$this->assertStringContainsString(".platform-orders-table .row-warn-prefix{\n", $css);
}
}