linxianzhuang/saasshop
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(admin): 仪表盘补齐第二行骨架（最近订单+占比占位）

Browse Source
This commit is contained in:
萝卜
2026-03-15 18:24:59 +08:00
parent 6ce936322d
commit 2de55fe9b3
2 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
resources/views/admin/dashboard.blade.php
View File

@@ -110,16 +110,17 @@
</div>
</div>
<div class="two-col mb-20" data-role="analysis-skeleton">
<div class="two-col mb-20" data-role="analysis-skeleton-row2">
<div class="card">
<h3 class="mt-0">趋势（占位）</h3>
<div class="muted">对齐 Ant Design Pro Analysis：这里后续接入「平台订单金额/单量趋势、订阅新增趋势」。</div>
<div class="muted muted-xs mt-10">当前先保留结构位，后续逐步替换为真实聚合数据与可视化（无构建链：优先轻量 JS）。</div>
<h3 class="mt-0">最近平台订单（占位）</h3>
<div class="muted">后续接入：最近 N 笔平台订单列表（订单号/站点/套餐/金额/状态/同步状态）。</div>
<div class="muted muted-xs mt-10">说明：先保证“看板位”稳定，避免后续接数据时反复改版。</div>
</div>
<div class="card">
<h3 class="mt-0">排行（占位）</h3>
<div class="muted">对齐 Ant Design Pro Analysis：这里后续接入「站点续费排行、套餐销量排行、待治理任务排行」。</div>
<div class="muted muted-xs mt-10">当前先保留结构位，后续补表格/列表组件与“查看全部”入口。</div>
<h3 class="mt-0">占比（占位）</h3>
<div class="muted">后续接入：套餐销量占比 / 渠道占比 / 支付方式占比（支持时间范围切换）。</div>
<div class="muted muted-xs mt-10">说明：后续会补占比卡的 legend 与颜色体系（对齐 AntD Pro）。</div>
</div>
</div>
@endsection

8
tests/Feature/AdminDashboardShouldHaveAnalysisLayoutSkeletonTest.php
View File

@@ -33,9 +33,15 @@ class AdminDashboardShouldHaveAnalysisLayoutSkeletonTest extends TestCase
$this->assertStringContainsString('class="page-header', $html);
$this->assertStringContainsString('class="kpi-grid', $html);
// Analysis 版式占位：趋势 + 排行（后续再接真实聚合数据）
// Analysis 版式占位：
// - 第一行：趋势 + 排行
$this->assertStringContainsString('data-role="analysis-skeleton"', $html);
$this->assertStringContainsString('趋势', $html);
$this->assertStringContainsString('排行', $html);
// - 第二行：最近订单 + 占比（占位）
$this->assertStringContainsString('data-role="analysis-skeleton-row2"', $html);
$this->assertStringContainsString('最近平台订单', $html);
$this->assertStringContainsString('占比', $html);
}
}