统一后台列表页样式并调整站长菜单

This commit is contained in:
2026-04-26 18:10:37 +08:00
parent 61cfc2091c
commit 00270b3904
36 changed files with 2590 additions and 2345 deletions
@@ -9,28 +9,32 @@
@section('title', '积分流水统计')
@section('content')
<div class="p-6 max-w-6xl mx-auto">
@php require resource_path('views/admin/partials/list-theme.php'); @endphp
{{-- 页头 --}}
<div class="flex items-center justify-between mb-6">
<h1 class="text-2xl font-bold text-gray-800">📊 积分流水活动统计</h1>
{{-- 日期选择器 --}}
<form method="GET" action="{{ route('admin.currency-stats.index') }}" class="flex items-center gap-3">
<label class="text-sm text-gray-600">查询日期:</label>
<input type="date" name="date" value="{{ $date }}"
class="border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-indigo-400">
<button type="submit"
class="bg-indigo-600 text-white px-4 py-2 rounded-lg text-sm hover:bg-indigo-700 transition">
查询
</button>
</form>
<div class="{{ $adminListPageClass }}">
<div class="{{ $adminListHeaderCardClass }}">
<div class="flex flex-col gap-4 xl:flex-row xl:items-center xl:justify-between">
<div>
<h1 class="{{ $adminListHeaderTitleClass }}">📊 积分流水活动统计</h1>
<p class="{{ $adminListHeaderSubtitleClass }}">查看指定日期下各活动来源的经验、金币、魅力产出,以及当日净流通量。</p>
</div>
<form method="GET" action="{{ route('admin.currency-stats.index') }}"
class="flex flex-wrap items-end gap-3">
<div>
<label class="{{ $adminListFilterLabelClass }}">查询日期</label>
<input type="date" name="date" value="{{ $date }}"
class="{{ $adminListFilterInputClass }}">
</div>
<button type="submit" class="{{ $adminListPrimaryButtonClass }}">查询</button>
</form>
</div>
</div>
{{-- 净流通量摘要卡片 --}}
<div class="grid grid-cols-3 gap-4 mb-8">
<div class="grid gap-4 md:grid-cols-3">
@foreach (['exp' => ['label' => '经验', 'icon' => '⚡', 'color' => 'amber'], 'gold' => ['label' => '金币', 'icon' => '💰', 'color' => 'yellow'], 'charm' => ['label' => '魅力', 'icon' => '🌸', 'color' => 'pink']] as $cur => $info)
@php $flow = $netFlow[$cur] ?? ['in'=>0,'out'=>0,'net'=>0]; @endphp
<div class="bg-white rounded-xl border border-gray-200 shadow-sm p-5">
<div class="{{ $adminListCardClass }} p-5">
<div class="flex items-center gap-2 mb-3">
<span class="text-2xl">{{ $info['icon'] }}</span>
<span class="font-semibold text-gray-700">{{ $info['label'] }} 流通</span>
@@ -43,26 +47,27 @@
净增:{{ $flow['net'] >= 0 ? '+' : '' }}{{ number_format($flow['net']) }}
</div>
</div>
@endforeach
@endforeach
</div>
{{-- 来源活动详细统计表 --}}
<div class="bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden">
<div class="px-6 py-4 border-b border-gray-200 bg-gray-50">
<h2 class="text-lg font-semibold text-gray-700">各活动来源产出明细</h2>
<p class="text-xs text-gray-400 mt-1">日期:{{ $date }}(仅统计正向增加,不含消耗)</p>
<div class="{{ $adminListCardClass }}">
<div class="{{ $adminListSectionHeadClass }}">
<h2 class="{{ $adminListSectionTitleClass }}">各活动来源产出明细</h2>
<p class="{{ $adminListSectionDescClass }}">日期:{{ $date }}(仅统计正向增加,不含消耗)</p>
</div>
<table class="w-full text-sm">
<thead class="bg-gray-50 border-b text-gray-600">
<div class="{{ $adminListTableWrapClass }}">
<table class="{{ $adminListTableClass }}">
<thead class="{{ $adminListTableHeadRowClass }}">
<tr>
<th class="px-6 py-3 text-left">来源活动</th>
<th class="px-6 py-3 text-right"> 经验产出</th>
<th class="px-6 py-3 text-right">💰 金币产出</th>
<th class="px-6 py-3 text-right">🌸 魅力产出</th>
<th class="px-6 py-3 text-right">参与人次</th>
<th class="{{ $adminListTableHeadCellClass }}">来源活动</th>
<th class="{{ $adminListTableHeadCellClass }} text-right"> 经验产出</th>
<th class="{{ $adminListTableHeadCellClass }} text-right">💰 金币产出</th>
<th class="{{ $adminListTableHeadCellClass }} text-right">🌸 魅力产出</th>
<th class="{{ $adminListTableHeadCellClass }} text-right">参与人次</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-100">
<tbody class="{{ $adminListTableBodyClass }}">
@foreach ($allSources as $source)
@php
$expRow = $statsByType['exp'][$source->value] ?? null;
@@ -75,28 +80,30 @@
$charmRow?->participant_count ?? 0,
);
@endphp
<tr class="{{ $hasData ? '' : 'opacity-40' }} hover:bg-gray-50 transition">
<td class="px-6 py-3 font-medium text-gray-700">{{ $source->label() }}</td>
<tr class="{{ $adminListTableRowClass }} {{ $hasData ? '' : 'opacity-40' }}">
<td class="px-4 py-3">
<span class="{{ $adminListPrimaryTextClass }}">{{ $source->label() }}</span>
</td>
<td
class="px-6 py-3 text-right {{ $expRow?->total_amount > 0 ? 'text-amber-600 font-semibold' : 'text-gray-300' }}">
class="px-4 py-3 text-right {{ $adminListNumericTextClass }} {{ $expRow?->total_amount > 0 ? 'text-amber-600 font-semibold' : 'text-gray-300' }}">
{{ $expRow ? number_format($expRow->total_amount) : '—' }}
</td>
<td
class="px-6 py-3 text-right {{ $goldRow?->total_amount > 0 ? 'text-yellow-600 font-semibold' : 'text-gray-300' }}">
class="px-4 py-3 text-right {{ $adminListNumericTextClass }} {{ $goldRow?->total_amount > 0 ? 'text-yellow-600 font-semibold' : 'text-gray-300' }}">
{{ $goldRow ? number_format($goldRow->total_amount) : '—' }}
</td>
<td
class="px-6 py-3 text-right {{ $charmRow?->total_amount > 0 ? 'text-pink-600 font-semibold' : 'text-gray-300' }}">
class="px-4 py-3 text-right {{ $adminListNumericTextClass }} {{ $charmRow?->total_amount > 0 ? 'text-pink-600 font-semibold' : 'text-gray-300' }}">
{{ $charmRow ? number_format($charmRow->total_amount) : '—' }}
</td>
<td class="px-6 py-3 text-right text-gray-500">
<td class="px-4 py-3 text-right {{ $adminListBodyTextClass }}">
{{ $maxParticipants > 0 ? $maxParticipants . ' 人' : '—' }}
</td>
</tr>
@endforeach
</tbody>
</table>
</tbody>
</table>
</div>
</div>
</div>
@endsection