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

chore(admin-ui): migrate merchants index to filters/list card and admin pagination

Browse Source
This commit is contained in:
萝卜
2026-03-16 03:28:20 +08:00
parent 84fa9eb63a
commit d5c14bd741
2 changed files with 113 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
resources/views/admin/merchants/index.blade.php
View File

@@ -29,59 +29,77 @@
};
@endphp
<div class="card mb-20">
<p class="muted muted-tight">这里是总台视角的站点管理入口，用于开通、查看和维护 SaaS 站点主体。</p>
<p class="muted">当前站点列表已接入缓存：{{ $cacheMeta['store'] }} / TTL {{ $cacheMeta['ttl'] }}。</p>
@if($safeBackForLinks !== '')
<div class="mt-10">
<a href="{!! $safeBackForLinks !!}" class="muted">← 返回上一页（保留上下文）</a>
<details class="card mb-20 collapsible filters-card" data-role="collapsible" data-storage-key="admin.merchants.filters" open>
<summary class="collapsible-summary filters-summary">
<div class="flex-between items-center">
<div>
<h3 class="mb-0">站点管理</h3>
<div class="muted muted-xs">总台视角的站点管理入口：开通、查看和维护 SaaS 站点主体。</div>
</div>
<span class="muted muted-xs">点击收起/展开</span>
</div>
@endif
<div class="muted muted-xs mt-6">当前站点列表已接入缓存：{{ $cacheMeta['store'] }} / TTL {{ $cacheMeta['ttl'] }}。</div>
<h3>新增站点</h3>
<form method="post" action="/admin/merchants">
@csrf
<div class="grid-3">
<input name="name" placeholder="站点名称" value="{{ old('name') }}">
<input name="slug" placeholder="站点标识 slug" value="{{ old('slug') }}">
<input name="plan" placeholder="套餐，如 pro/basic" value="{{ old('plan', 'basic') }}">
<input name="status" placeholder="状态" value="{{ old('status', 'active') }}">
<input name="contact_name" placeholder="联系人" value="{{ old('contact_name') }}">
<input name="contact_phone" placeholder="联系电话" value="{{ old('contact_phone') }}">
@if($safeBackForLinks !== '')
<div class="mt-10">
<a href="{!! $safeBackForLinks !!}" class="muted">← 返回上一页（保留上下文）</a>
</div>
@endif
</summary>
<div class="collapsible-body filters-body">
<h3 class="mt-0">新增站点</h3>
<form method="post" action="/admin/merchants" class="filters-grid">
@csrf
<div class="grid-3">
<input name="name" placeholder="站点名称" value="{{ old('name') }}">
<input name="slug" placeholder="站点标识 slug" value="{{ old('slug') }}">
<input name="plan" placeholder="套餐，如 pro/basic" value="{{ old('plan', 'basic') }}">
<input name="status" placeholder="状态" value="{{ old('status', 'active') }}">
<input name="contact_name" placeholder="联系人" value="{{ old('contact_name') }}">
<input name="contact_phone" placeholder="联系电话" value="{{ old('contact_phone') }}">
</div>
<div class="mt-12"><input name="contact_email" placeholder="联系邮箱" class="w-full" value="{{ old('contact_email') }}"></div>
<div class="mt-12"><button type="submit" class="btn btn-sm">创建站点</button></div>
</form>
</div>
</details>
<div class="card list-card">
<div class="list-card-header">
<div>
<h3 class="list-card-title">站点列表</h3>
</div>
<div class="mt-12"><input name="contact_email" placeholder="联系邮箱" class="w-full" value="{{ old('contact_email') }}"></div>
<div class="mt-12"><button type="submit">创建站点</button></div>
</form>
</div>
</div>
<div class="list-card-body">
<table class="list-card-table">
<thead><tr><th>ID</th><th>站点名称</th><th>Slug</th><th>套餐</th><th>状态</th><th>联系人</th><th>操作</th></tr></thead>
<tbody>
@forelse($merchants as $merchant)
<tr>
<td>{{ $merchant->id }}</td>
<td>{{ $merchant->name }}</td>
<td>{{ $merchant->slug }}</td>
<td>{{ $merchant->plan }}</td>
<td>{{ $merchant->status }}</td>
<td>{{ $merchant->contact_name }} / {{ $merchant->contact_phone }}</td>
<td>
<div class="actions gap-10">
<a href="/site-admin/login" target="_blank" rel="noopener">进入站点后台</a>
<a class="muted" href="{!! $makeSubscriptionsUrl((int) $merchant->id) !!}">订阅</a>
<a class="muted" href="{!! $makePlatformOrdersUrl((int) $merchant->id) !!}">平台订单</a>
<a class="muted" href="{!! $makePlatformOrdersUrl((int) $merchant->id, ['renewal_missing_subscription' => '1']) !!}">续费缺订阅</a>
</div>
<div class="muted muted-xs">当前阶段请使用该站点管理员账号登录</div>
</td>
</tr>
@empty
<tr><td colspan="7" class="muted table-empty">暂无站点</td></tr>
@endforelse
</tbody>
</table>
<div class="card">
<h3>站点列表</h3>
<table>
<thead><tr><th>ID</th><th>站点名称</th><th>Slug</th><th>套餐</th><th>状态</th><th>联系人</th><th>操作</th></tr></thead>
<tbody>
@foreach($merchants as $merchant)
<tr>
<td>{{ $merchant->id }}</td>
<td>{{ $merchant->name }}</td>
<td>{{ $merchant->slug }}</td>
<td>{{ $merchant->plan }}</td>
<td>{{ $merchant->status }}</td>
<td>{{ $merchant->contact_name }} / {{ $merchant->contact_phone }}</td>
<td>
<div class="actions gap-10">
<a href="/site-admin/login" target="_blank" rel="noopener">进入站点后台</a>
<a class="muted" href="{!! $makeSubscriptionsUrl((int) $merchant->id) !!}">订阅</a>
<a class="muted" href="{!! $makePlatformOrdersUrl((int) $merchant->id) !!}">平台订单</a>
<a class="muted" href="{!! $makePlatformOrdersUrl((int) $merchant->id, ['renewal_missing_subscription' => '1']) !!}">续费缺订阅</a>
</div>
<div class="muted muted-xs">当前阶段请使用该站点管理员账号登录</div>
</td>
</tr>
@endforeach
</tbody>
</table>
{{ $merchants->links('pagination.admin') }}
</div>
</div>
<div class="pagination-wrap">{{ $merchants->links() }}</div>
@endsection

45
tests/Feature/AdminMerchantsIndexShouldUseFiltersAndListCardStructureTest.php Normal file
View File

@@ -0,0 +1,45 @@
<?php
namespace Tests\Feature;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;
class AdminMerchantsIndexShouldUseFiltersAndListCardStructureTest 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_merchants_index_should_use_filters_and_list_card_structure(): void
{
$this->loginAsPlatformAdmin();
$response = $this->get('/admin/merchants');
$response->assertOk();
// 护栏：站点管理页应使用统一 Filters Card + List Card 结构，便于全站后台观感一致。
$response->assertSee('filters-card', false);
$response->assertSee('filters-summary', false);
$response->assertSee('filters-body', false);
$response->assertSee('filters-grid', false);
$response->assertSee('list-card', false);
$response->assertSee('list-card-header', false);
$response->assertSee('list-card-body', false);
$response->assertSee('list-card-table', false);
// 分页统一：此页数据量可能不足导致 hasPages=false，因此用扫描型护栏断言。
$blade = file_get_contents(resource_path('views/admin/merchants/index.blade.php'));
$this->assertIsString($blade);
$this->assertStringContainsString("links('pagination.admin')", $blade);
}
}