统一后台列表页样式并调整站长菜单
This commit is contained in:
@@ -11,20 +11,19 @@
|
||||
@section('title', '禁用用户名管理')
|
||||
|
||||
@section('content')
|
||||
@php require resource_path('views/admin/partials/list-theme.php'); @endphp
|
||||
|
||||
{{-- 标题 --}}
|
||||
<div class="flex items-start justify-between mb-6">
|
||||
<div>
|
||||
<h2 class="text-xl font-bold text-gray-800">🚫 禁用用户名管理</h2>
|
||||
<p class="text-sm text-gray-500 mt-1">
|
||||
以下词语永久禁止注册或改名使用（领导人名称、攻击性词汇、违禁词等）。
|
||||
临时保留的旧昵称（改名后30天）不在此列表中显示。
|
||||
</p>
|
||||
<div class="{{ $adminListPageClass }}">
|
||||
<div class="{{ $adminListHeaderCardClass }}">
|
||||
<div>
|
||||
<h2 class="{{ $adminListHeaderTitleClass }}">🚫 禁用用户名管理</h2>
|
||||
<p class="{{ $adminListHeaderSubtitleClass }}">
|
||||
以下词语永久禁止注册或改名使用。临时保留的旧昵称（改名后 30 天）不在此列表中显示。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- 新增表单 + 搜索栏 --}}
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6" x-data="{
|
||||
<div class="grid grid-cols-1 gap-4 md:grid-cols-2" x-data="{
|
||||
tab: 'single',
|
||||
username: '',
|
||||
words: '',
|
||||
@@ -76,107 +75,112 @@
|
||||
}
|
||||
}">
|
||||
|
||||
{{-- 新增卡片（单个 + 批量 Tab） --}}
|
||||
<div class="bg-white rounded-xl border border-gray-200 shadow-sm p-5">
|
||||
{{-- Tab 切换 --}}
|
||||
<div class="flex border-b border-gray-200 mb-4 -mx-5 px-5 gap-1">
|
||||
<button @click="tab='single'; msg=''"
|
||||
:class="tab === 'single' ? 'border-b-2 border-indigo-600 text-indigo-700 font-bold' :
|
||||
'text-gray-500 hover:text-gray-700'"
|
||||
class="pb-2 text-sm px-1 transition">➕ 单个添加</button>
|
||||
<button @click="tab='batch'; msg=''"
|
||||
:class="tab === 'batch' ? 'border-b-2 border-indigo-600 text-indigo-700 font-bold' :
|
||||
'text-gray-500 hover:text-gray-700'"
|
||||
class="pb-2 text-sm px-1 transition">📋 批量添加</button>
|
||||
</div>
|
||||
|
||||
<div class="space-y-3">
|
||||
{{-- 单个模式 --}}
|
||||
<div x-show="tab==='single'">
|
||||
<label class="text-xs text-gray-500 mb-1 block">禁用词 <span class="text-red-500">*</span></label>
|
||||
<input x-model="username" type="text" maxlength="50" placeholder="如：admin、习近平、fuck…"
|
||||
@keydown.enter="addSingle()"
|
||||
class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-indigo-400 outline-none">
|
||||
<div class="{{ $adminListCardClass }} p-5">
|
||||
{{-- Tab 切换 --}}
|
||||
<div class="mb-4 -mx-5 flex gap-1 border-b border-gray-200 px-5">
|
||||
<button @click="tab='single'; msg=''"
|
||||
:class="tab === 'single' ? 'border-b-2 border-indigo-600 text-indigo-700 font-bold' :
|
||||
'text-gray-500 hover:text-gray-700'"
|
||||
class="px-1 pb-2 text-sm transition">➕ 单个添加</button>
|
||||
<button @click="tab='batch'; msg=''"
|
||||
:class="tab === 'batch' ? 'border-b-2 border-indigo-600 text-indigo-700 font-bold' :
|
||||
'text-gray-500 hover:text-gray-700'"
|
||||
class="px-1 pb-2 text-sm transition">📋 批量添加</button>
|
||||
</div>
|
||||
|
||||
{{-- 批量模式 --}}
|
||||
<div x-show="tab==='batch'">
|
||||
<label class="text-xs text-gray-500 mb-1 block">
|
||||
批量词语 <span class="text-red-500">*</span>
|
||||
<span class="text-gray-400 font-normal">（每行一个，或用逗号/空格分隔）</span>
|
||||
</label>
|
||||
<textarea x-model="words" rows="6" maxlength="5000"
|
||||
placeholder="admin root fuck 操,草,傻 …（每行一个或逗号分隔）"
|
||||
class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-indigo-400 outline-none resize-y font-mono"></textarea>
|
||||
<p class="text-xs text-gray-400 mt-1">
|
||||
自动去重，跳过已存在的词语，超过50字符的词语忽略
|
||||
</p>
|
||||
</div>
|
||||
<div class="space-y-3">
|
||||
{{-- 单个模式 --}}
|
||||
<div x-show="tab==='single'">
|
||||
<label class="{{ $adminListFilterLabelClass }}">禁用词 <span class="text-red-500">*</span></label>
|
||||
<input x-model="username" type="text" maxlength="50" placeholder="如：admin、习近平、fuck…"
|
||||
@keydown.enter="addSingle()"
|
||||
class="w-full {{ $adminListFilterInputClass }}">
|
||||
</div>
|
||||
|
||||
{{-- 共用原因 --}}
|
||||
<div>
|
||||
<label class="text-xs text-gray-500 mb-1 block">禁用原因（选填）</label>
|
||||
<input x-model="reason" type="text" maxlength="100" placeholder="如：国家领导人姓名 / 攻击性词汇"
|
||||
class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-indigo-400 outline-none">
|
||||
</div>
|
||||
{{-- 批量模式 --}}
|
||||
<div x-show="tab==='batch'">
|
||||
<label class="{{ $adminListFilterLabelClass }}">
|
||||
批量词语 <span class="text-red-500">*</span>
|
||||
<span class="text-gray-400 font-normal">（每行一个，或用逗号/空格分隔）</span>
|
||||
</label>
|
||||
<textarea x-model="words" rows="6" maxlength="5000"
|
||||
placeholder="admin root fuck 操,草,傻 …（每行一个或逗号分隔）"
|
||||
class="w-full resize-y font-mono {{ $adminListFilterInputClass }}"></textarea>
|
||||
<p class="mt-1 text-xs text-gray-400">
|
||||
自动去重，跳过已存在的词语，超过50字符的词语忽略
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{{-- 提交按钮 --}}
|
||||
<button x-show="tab==='single'" @click="addSingle()" :disabled="saving || !username.trim()"
|
||||
class="w-full bg-indigo-600 hover:bg-indigo-700 disabled:opacity-40 text-white rounded-lg px-4 py-2 text-sm font-bold transition">
|
||||
<span x-text="saving ? '添加中…' : '➕ 添加到禁用列表'"></span>
|
||||
</button>
|
||||
<button x-show="tab==='batch'" @click="addBatch()" :disabled="saving || !words.trim()"
|
||||
class="w-full bg-indigo-600 hover:bg-indigo-700 disabled:opacity-40 text-white rounded-lg px-4 py-2 text-sm font-bold transition">
|
||||
<span x-text="saving ? '处理中…' : '📋 批量添加到禁用列表'"></span>
|
||||
</button>
|
||||
{{-- 共用原因 --}}
|
||||
<div>
|
||||
<label class="{{ $adminListFilterLabelClass }}">禁用原因（选填）</label>
|
||||
<input x-model="reason" type="text" maxlength="100" placeholder="如：国家领导人姓名 / 攻击性词汇"
|
||||
class="w-full {{ $adminListFilterInputClass }}">
|
||||
</div>
|
||||
|
||||
<p x-show="msg" x-text="msg" :class="msgOk ? 'text-green-600' : 'text-red-500'"
|
||||
class="text-xs font-bold"></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- 搜索卡片 --}}
|
||||
<div class="bg-white rounded-xl border border-gray-200 shadow-sm p-5">
|
||||
<h3 class="font-bold text-gray-700 text-sm mb-3">🔍 搜索禁用词</h3>
|
||||
<form method="GET" action="{{ route('admin.forbidden-usernames.index') }}" class="space-y-3">
|
||||
<input type="text" name="q" value="{{ $q }}" placeholder="输入关键词搜索…"
|
||||
class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-indigo-400 outline-none">
|
||||
<div class="flex gap-2">
|
||||
<button type="submit"
|
||||
class="flex-1 bg-gray-600 hover:bg-gray-700 text-white rounded-lg px-4 py-2 text-sm font-bold transition">
|
||||
搜索
|
||||
{{-- 提交按钮 --}}
|
||||
<button x-show="tab==='single'" @click="addSingle()" :disabled="saving || !username.trim()"
|
||||
class="w-full rounded-lg bg-indigo-600 px-4 py-2 text-sm font-semibold text-white transition hover:bg-indigo-700 disabled:opacity-40">
|
||||
<span x-text="saving ? '添加中…' : '➕ 添加到禁用列表'"></span>
|
||||
</button>
|
||||
<button x-show="tab==='batch'" @click="addBatch()" :disabled="saving || !words.trim()"
|
||||
class="w-full rounded-lg bg-indigo-600 px-4 py-2 text-sm font-semibold text-white transition hover:bg-indigo-700 disabled:opacity-40">
|
||||
<span x-text="saving ? '处理中…' : '📋 批量添加到禁用列表'"></span>
|
||||
</button>
|
||||
@if ($q)
|
||||
<a href="{{ route('admin.forbidden-usernames.index') }}"
|
||||
class="px-4 py-2 text-sm text-gray-500 border border-gray-300 rounded-lg hover:bg-gray-50 transition">
|
||||
✕ 清除
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
</form>
|
||||
<p class="text-xs text-gray-400 mt-3">
|
||||
共 <strong>{{ $items->total() }}</strong> 条永久禁用词
|
||||
@if ($q)
|
||||
（当前筛选"{{ $q }}"）
|
||||
@endif
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- 禁用词列表 --}}
|
||||
<div class="bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden">
|
||||
<table class="w-full text-sm">
|
||||
<thead class="bg-gray-50 border-b border-gray-200">
|
||||
<tr>
|
||||
<th class="px-4 py-3 text-left text-xs font-bold text-gray-500 uppercase">词语</th>
|
||||
<th class="px-4 py-3 text-left text-xs font-bold text-gray-500 uppercase">禁用原因</th>
|
||||
<th class="px-4 py-3 text-left text-xs font-bold text-gray-500 uppercase">添加时间</th>
|
||||
<th class="px-4 py-3 text-center text-xs font-bold text-gray-500 uppercase">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-100">
|
||||
@forelse ($items as $item)
|
||||
<tr x-data="{
|
||||
<p x-show="msg" x-text="msg" :class="msgOk ? 'text-green-600' : 'text-red-500'"
|
||||
class="text-xs font-bold"></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="{{ $adminListCardClass }} p-5">
|
||||
<h3 class="{{ $adminListSectionTitleClass }} mb-3">🔍 搜索禁用词</h3>
|
||||
<form method="GET" action="{{ route('admin.forbidden-usernames.index') }}" class="space-y-3">
|
||||
<input type="text" name="q" value="{{ $q }}" placeholder="输入关键词搜索…"
|
||||
class="w-full {{ $adminListFilterInputClass }}">
|
||||
<div class="flex gap-2">
|
||||
<button type="submit"
|
||||
class="flex-1 rounded-lg bg-gray-600 px-4 py-2 text-sm font-semibold text-white transition hover:bg-gray-700">
|
||||
搜索
|
||||
</button>
|
||||
@if ($q)
|
||||
<a href="{{ route('admin.forbidden-usernames.index') }}"
|
||||
class="{{ $adminListSecondaryButtonClass }}">
|
||||
✕ 清除
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
</form>
|
||||
<p class="mt-3 text-xs text-gray-400">
|
||||
共 <strong>{{ $items->total() }}</strong> 条永久禁用词
|
||||
@if ($q)
|
||||
（当前筛选"{{ $q }}"）
|
||||
@endif
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="{{ $adminListCardClass }}">
|
||||
<div class="{{ $adminListSectionHeadClass }}">
|
||||
<div>
|
||||
<h3 class="{{ $adminListSectionTitleClass }}">禁用词列表</h3>
|
||||
<p class="{{ $adminListSectionDescClass }}">表格、按钮与分页统一到用户管理页风格，保留高风险词的红色提示。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="{{ $adminListTableWrapClass }}">
|
||||
<table class="{{ $adminListTableClass }}">
|
||||
<thead>
|
||||
<tr class="{{ $adminListTableHeadRowClass }}">
|
||||
<th class="{{ $adminListTableHeadCellClass }}">词语</th>
|
||||
<th class="{{ $adminListTableHeadCellClass }}">禁用原因</th>
|
||||
<th class="{{ $adminListTableHeadCellClass }}">添加时间</th>
|
||||
<th class="{{ $adminListTableHeadCellClass }} text-center">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="{{ $adminListTableBodyClass }}">
|
||||
@forelse ($items as $item)
|
||||
<tr x-data="{
|
||||
editing: false,
|
||||
reason: @js($item->reason ?? ''),
|
||||
saving: false,
|
||||
@@ -209,11 +213,11 @@
|
||||
});
|
||||
location.reload();
|
||||
}
|
||||
}" class="hover:bg-gray-50 transition">
|
||||
}" class="{{ $adminListTableRowClass }}">
|
||||
{{-- 词语 --}}
|
||||
<td class="px-4 py-3">
|
||||
<span
|
||||
class="font-mono font-bold text-gray-800 bg-red-50 border border-red-200 px-2 py-0.5 rounded text-xs">
|
||||
class="inline-flex items-center rounded-full border border-red-200 bg-red-50 px-2 py-0.5 text-xs font-semibold text-gray-800">
|
||||
{{ $item->username }}
|
||||
</span>
|
||||
</td>
|
||||
@@ -224,9 +228,9 @@
|
||||
<div x-show="editing" class="flex items-center gap-2">
|
||||
<input x-model="reason" type="text" maxlength="100" @keydown.enter="saveReason()"
|
||||
@keydown.escape="editing = false"
|
||||
class="border border-indigo-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-indigo-400 outline-none w-48">
|
||||
class="w-48 rounded border border-indigo-300 px-2 py-1 text-xs outline-none focus:ring-1 focus:ring-indigo-400">
|
||||
<button @click="saveReason()" :disabled="saving"
|
||||
class="text-xs bg-indigo-600 text-white rounded px-2 py-1 hover:bg-indigo-700 disabled:opacity-50">
|
||||
class="{{ $adminListActionButtonClass }} bg-indigo-600 text-white hover:bg-indigo-700 disabled:opacity-50">
|
||||
<span x-text="saving ? '…' : '保存'"></span>
|
||||
</button>
|
||||
<button @click="editing = false"
|
||||
@@ -240,29 +244,30 @@
|
||||
{{-- 操作 --}}
|
||||
<td class="px-4 py-3 text-center">
|
||||
<button @click="destroy()"
|
||||
class="text-xs text-red-600 hover:text-red-800 border border-red-200 hover:border-red-400 rounded px-3 py-1 transition">
|
||||
class="{{ $adminListActionButtonClass }} border border-red-200 text-red-600 hover:border-red-400 hover:bg-red-50">
|
||||
🗑 删除
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="4" class="py-16 text-center text-gray-400">
|
||||
<td colspan="4" class="{{ $adminListEmptyClass }}">
|
||||
<p class="text-3xl mb-2">🚫</p>
|
||||
<p class="font-bold">暂无禁用词</p>
|
||||
<p class="text-xs mt-1">使用左侧表单添加第一条禁用词</p>
|
||||
</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@if ($items->hasPages())
|
||||
<div class="{{ $adminListPaginationClass }}">
|
||||
{{ $items->links() }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- 分页 --}}
|
||||
@if ($items->hasPages())
|
||||
<div class="mt-6">
|
||||
{{ $items->links() }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user