Files
chatroom/resources/views/admin/rooms/index.blade.php
lkddi 5f30220609 feat: 任命/撤销通知系统 + 用户名片UI优化
- 任命/撤销事件增加 type 字段区分类型
- 任命:全屏礼花 + 紫色弹窗 + 紫色系统消息
- 撤销:灰色弹窗 + 灰色系统消息,无礼花
- 消息分发:操作者/被操作者显示在私聊面板,其他人显示在公屏
- 系统消息加随机鼓励语(各5条轮换)
- ChatStateService 修复 Redis key 前缀扫描问题(getAllActiveRoomIds)
- 用户名片折叠优化:管理员视野、职务履历均可折叠
- 管理操作 + 职务操作合并为「🔧 管理操作」折叠区
- 悄悄话改为「🎁 送礼物」按钮,礼物面板内联展开
2026-02-28 23:44:38 +08:00

118 lines
8.2 KiB
PHP

@extends('admin.layouts.app')
@section('title', '房间管理')
@section('content')
<div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
<div class="p-6 border-b border-gray-100 flex justify-between items-center bg-gray-50">
<div>
<h2 class="text-lg font-bold text-gray-800">房间管理</h2>
<p class="text-xs text-gray-500 mt-1">管理聊天室房间的名称、介绍、公告和权限设置。</p>
</div>
</div>
<div class="p-6">
<div class="space-y-4">
@foreach ($rooms as $room)
<div class="border border-gray-200 rounded-lg overflow-hidden" x-data="{ editing: false }">
{{-- 房间信息行 --}}
<div class="flex items-center justify-between p-4 bg-gray-50 cursor-pointer"
@click="editing = !editing">
<div class="flex items-center gap-4">
<span
class="text-xs font-bold bg-indigo-100 text-indigo-700 px-2 py-1 rounded">#{{ $room->id }}</span>
<div>
<span class="font-bold text-gray-800">{{ $room->room_name }}</span>
@if ($room->room_keep)
<span
class="ml-2 text-xs px-1.5 py-0.5 rounded bg-amber-100 text-amber-700">系统房间</span>
@endif
@if (!$room->door_open)
<span class="ml-1 text-xs px-1.5 py-0.5 rounded bg-red-100 text-red-600">已关闭</span>
@endif
</div>
</div>
<div class="flex items-center gap-3 text-xs text-gray-500">
<span>房主: {{ $room->room_owner ?: '无' }}</span>
<span>人气: {{ $room->visit_num ?? 0 }}</span>
<span>等级限制: {{ $room->permit_level ?? 0 }}</span>
<svg class="w-4 h-4 transition-transform" :class="editing ? 'rotate-180' : ''"
fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M19 9l-7 7-7-7" />
</svg>
</div>
</div>
{{-- 编辑表单(展开) --}}
<div x-show="editing" x-collapse class="border-t border-gray-200">
<form action="{{ route('admin.rooms.update', $room->id) }}" method="POST" class="p-4">
@csrf
@method('PUT')
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<label class="block text-xs font-bold text-gray-600 mb-1">房间名称</label>
<input type="text" name="room_name" value="{{ $room->room_name }}" required
class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border text-sm">
</div>
<div>
<label class="block text-xs font-bold text-gray-600 mb-1">房主用户名</label>
<input type="text" name="room_owner" value="{{ $room->room_owner }}"
class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border text-sm"
placeholder="留空为无房主">
</div>
<div class="md:col-span-2">
<label class="block text-xs font-bold text-gray-600 mb-1">房间介绍</label>
<input type="text" name="room_des" value="{{ $room->room_des }}"
class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border text-sm"
placeholder="描述这个房间的用途和氛围">
</div>
<div class="md:col-span-2">
<label class="block text-xs font-bold text-gray-600 mb-1">公告/祝福语
<span class="text-gray-400 font-normal">(在聊天室顶部滚动显示)</span></label>
<input type="text" name="announcement" value="{{ $room->announcement }}"
class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border text-sm"
placeholder="例:祝大家新年快乐!">
</div>
<div>
<label class="block text-xs font-bold text-gray-600 mb-1">进入等级限制</label>
<input type="number" name="permit_level" value="{{ $room->permit_level ?? 0 }}"
min="0" max="15"
class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border text-sm">
</div>
<div>
<label class="block text-xs font-bold text-gray-600 mb-1">房间状态</label>
<select name="door_open"
class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border text-sm">
<option value="1" {{ $room->door_open ? 'selected' : '' }}>开放</option>
<option value="0" {{ !$room->door_open ? 'selected' : '' }}>关闭</option>
</select>
</div>
</div>
<div class="mt-4 flex items-center gap-3">
<button type="submit"
class="px-5 py-2 bg-indigo-600 text-white rounded-md font-bold hover:bg-indigo-700 shadow-sm transition text-sm">
保存修改
</button>
@unless ($room->room_keep)
<form action="{{ route('admin.rooms.destroy', $room->id) }}" method="POST"
class="inline"
onsubmit="return confirm('确定要删除房间「{{ $room->room_name }}」吗?此操作不可撑销!')">
@csrf
@method('DELETE')
<button type="submit"
class="px-4 py-2 bg-red-500 text-white rounded-md font-bold hover:bg-red-600 transition text-sm">
删除房间
</button>
</form>
@endunless
</div>
</form>
</div>
</div>
@endforeach
</div>
</div>
</div>
@endsection