lkddi/chatroom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增：管理员命令系统（警告/踢出/禁言/冻结/查看私信/站长公屏）

Browse Source 
- 新建 AdminCommandController 处理6个管理操作命令
- 注册管理员命令路由 /command/*
- 更新 UserKicked 事件增加原因字段
- 更新 UserMuted 事件支持自定义提示消息
- 重构用户名片弹窗管理面板：警告/踢出/禁言/冻结按钮
- 站长专属：查看私信记录、📢公屏讲话按钮
- 被踢出时显示踢出原因
This commit is contained in:
流星
2026-02-26 22:27:49 +08:00
parent f5d8a593c9
commit 14c4effefa
7 changed files with 595 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

228
resources/views/chat/frame.blade.php
View File

@@ -94,44 +94,30 @@
userInfo: {},
isMuting: false,
muteDuration: 5,
showWhispers: false,
whisperList: [],
showAnnounce: false,
announceText: '',
async fetchUser(username) {
try {
const res = await fetch('/user/' + encodeURIComponent(username));
this.userInfo = await res.json();
this.showUserModal = true;
this.isMuting = false;
} catch (e) {
alert('获取资料失败');
}
const data = await res.json();
if (data.status === 'success') {
this.userInfo = data.data;
this.showUserModal = true;
this.isMuting = false;
this.showWhispers = false;
this.whisperList = [];
}
} catch (e) { console.error(e); }
},
async kickUser() {
if (!confirm('确定要将 ' + this.userInfo.username + ' 踢出房间吗？')) return;
const reason = prompt('踢出原因（可留空）：', '违反聊天室规则');
if (reason === null) return;
try {
const res = await fetch('/user/' + encodeURIComponent(this.userInfo.username) + '/kick', {
method: 'POST',
headers: {
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
'Content-Type': 'application/json',
'Accept': 'application/json'
},
body: JSON.stringify({ room_id: window.chatContext.roomId })
});
const data = await res.json();
if (data.status === 'success') {
this.showUserModal = false;
} else {
alert('操作失败：' + data.message);
}
} catch (e) {
alert('网络异常');
}
},
async muteUser() {
try {
const res = await fetch('/user/' + encodeURIComponent(this.userInfo.username) + '/mute', {
const res = await fetch('/command/kick', {
method: 'POST',
headers: {
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
@@ -139,20 +125,133 @@
'Accept': 'application/json'
},
body: JSON.stringify({
username: this.userInfo.username,
room_id: window.chatContext.roomId,
reason: reason || '违反聊天室规则'
})
});
const data = await res.json();
if (data.status === 'success') {
this.showUserModal = false;
} else {
alert('操作失败：' + data.message);
}
} catch (e) { alert('网络异常'); }
},
async muteUser() {
try {
const res = await fetch('/command/mute', {
method: 'POST',
headers: {
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
'Content-Type': 'application/json',
'Accept': 'application/json'
},
body: JSON.stringify({
username: this.userInfo.username,
room_id: window.chatContext.roomId,
duration: this.muteDuration
})
});
const data = await res.json();
if (data.status === 'success') {
alert(data.message);
this.showUserModal = false;
} else {
alert('操作失败：' + data.message);
}
} catch (e) {
alert('网络异常');
}
} catch (e) { alert('网络异常'); }
},
async warnUser() {
const reason = prompt('警告原因：', '请注意言行');
if (reason === null) return;
try {
const res = await fetch('/command/warn', {
method: 'POST',
headers: {
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
'Content-Type': 'application/json',
'Accept': 'application/json'
},
body: JSON.stringify({
username: this.userInfo.username,
room_id: window.chatContext.roomId,
reason: reason || '请注意言行'
})
});
const data = await res.json();
if (data.status === 'success') {
this.showUserModal = false;
} else {
alert('操作失败：' + data.message);
}
} catch (e) { alert('网络异常'); }
},
async freezeUser() {
if (!confirm('确定要冻结 ' + this.userInfo.username + ' 的账号吗？冻结后将无法登录！')) return;
const reason = prompt('冻结原因：', '严重违规');
if (reason === null) return;
try {
const res = await fetch('/command/freeze', {
method: 'POST',
headers: {
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
'Content-Type': 'application/json',
'Accept': 'application/json'
},
body: JSON.stringify({
username: this.userInfo.username,
room_id: window.chatContext.roomId,
reason: reason || '严重违规'
})
});
const data = await res.json();
if (data.status === 'success') {
this.showUserModal = false;
} else {
alert('操作失败：' + data.message);
}
} catch (e) { alert('网络异常'); }
},
async loadWhispers() {
try {
const res = await fetch('/command/whispers/' + encodeURIComponent(this.userInfo.username));
const data = await res.json();
if (data.status === 'success') {
this.whisperList = data.messages;
this.showWhispers = true;
} else {
alert(data.message);
}
} catch (e) { alert('网络异常'); }
},
async sendAnnounce() {
if (!this.announceText.trim()) return;
try {
const res = await fetch('/command/announce', {
method: 'POST',
headers: {
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
'Content-Type': 'application/json',
'Accept': 'application/json'
},
body: JSON.stringify({
content: this.announceText,
room_id: window.chatContext.roomId,
})
});
const data = await res.json();
if (data.status === 'success') {
this.announceText = '';
this.showAnnounce = false;
} else {
alert(data.message);
}
} catch (e) { alert('网络异常'); }
}
}">
<div x-show="showUserModal" style="display: none;" class="modal-overlay"
@@ -185,7 +284,7 @@
<div class="profile-detail" x-text="userInfo.sign || '这家伙很懒，什么也没留下'"></div>
</div>
{{-- 操作按钮 --}}
{{-- 普通操作按钮 --}}
<div class="modal-actions" x-show="userInfo.username !== window.chatContext.username">
<button class="btn-whisper"
x-on:click="document.getElementById('to_user').value = userInfo.username; document.getElementById('content').focus(); showUserModal = false;">
@@ -204,17 +303,55 @@
<div style="padding: 0 16px 12px;"
x-show="userInfo.username !== window.chatContext.username && userInfo.user_level < {{ Auth::user()->user_level }}">
<div style="font-size: 11px; color: #c00; margin-bottom: 6px; font-weight: bold;">管理操作</div>
<div style="display: flex; gap: 8px;">
<button class="btn-kick" style="flex:1; padding: 5px; border-radius: 4px;"
x-on:click="kickUser()">踢出</button>
<button class="btn-mute" style="flex:1; padding: 5px; border-radius: 4px;"
x-on:click="isMuting = !isMuting">禁言</button>
<div style="display: flex; gap: 6px; flex-wrap: wrap;">
<button
style="flex:1; padding: 5px; border-radius: 4px; font-size: 11px; background: #fef3c7; border: 1px solid #f59e0b; cursor: pointer;"
x-on:click="warnUser()">⚠️ 警告</button>
<button
style="flex:1; padding: 5px; border-radius: 4px; font-size: 11px; background: #fee2e2; border: 1px solid #ef4444; cursor: pointer;"
x-on:click="kickUser()">🚫 踢出</button>
<button
style="flex:1; padding: 5px; border-radius: 4px; font-size: 11px; background: #e0e7ff; border: 1px solid #6366f1; cursor: pointer;"
x-on:click="isMuting = !isMuting">🔇 禁言</button>
<button
style="flex:1; padding: 5px; border-radius: 4px; font-size: 11px; background: #dbeafe; border: 1px solid #3b82f6; cursor: pointer;"
x-on:click="freezeUser()">🧊 冻结</button>
</div>
</div>
<div class="mute-form" x-show="isMuting" style="display: none;">
<input type="number" x-model="muteDuration" min="1" placeholder="分钟">
<span style="font-size: 11px; color: #b86e00;">分钟</span>
<button x-on:click="muteUser()">执行</button>
{{-- 禁言表单 --}}
<div x-show="isMuting" style="display: none; padding: 0 16px 12px;">
<div style="display: flex; gap: 6px; align-items: center;">
<input type="number" x-model="muteDuration" min="1" max="1440" placeholder="分钟"
style="width: 60px; padding: 4px; border: 1px solid #ccc; border-radius: 3px; font-size: 11px;">
<span style="font-size: 11px; color: #b86e00;">分钟</span>
<button x-on:click="muteUser()"
style="padding: 4px 12px; background: #6366f1; color: #fff; border: none; border-radius: 3px; font-size: 11px; cursor: pointer;">执行</button>
</div>
</div>
@endif
{{-- 站长专属操作 --}}
@if (Auth::user()->user_level >= (int) \App\Models\Sysparam::getValue('superlevel', '100'))
<div style="padding: 0 16px 12px;" x-show="userInfo.username !== window.chatContext.username">
<div style="font-size: 11px; color: #7c3aed; margin-bottom: 6px; font-weight: bold;">站长操作</div>
<button
style="width: 100%; padding: 5px; border-radius: 4px; font-size: 11px; background: #f3e8ff; border: 1px solid #a855f7; cursor: pointer;"
x-on:click="loadWhispers()">🔍 查看私信记录</button>
</div>
{{-- 私信记录展示区 --}}
<div x-show="showWhispers"
style="display: none; padding: 0 16px 12px; max-height: 200px; overflow-y: auto;">
<div style="font-size: 11px; color: #666; margin-bottom: 4px;"
x-text="'最近 ' + whisperList.length + ' 条悄悄话：'"></div>
<template x-for="w in whisperList" :key="w.id">
<div style="font-size: 11px; padding: 3px 0; border-bottom: 1px solid #f0f0f0;">
<span style="color: #6366f1;" x-text="w.from_user"></span>
→ <span style="color: #059669;" x-text="w.to_user"></span>：
<span x-text="w.content"></span>
<span style="color: #aaa; font-size: 10px;" x-text="'(' + w.sent_at + ')'"></span>
</div>
</template>
<div x-show="whisperList.length === 0" style="font-size: 11px; color: #aaa;">暂无悄悄话记录</div>
</div>
@endif
</div>
@@ -245,7 +382,8 @@
<span style="font-size:12px; color:#666;">当前选中：</span>
<img id="avatar-preview" src="/images/headface/{{ $user->usersf ?: '1.GIF' }}"
style="width:40px; height:40px; border:2px solid #336699; border-radius:4px;">
<span id="avatar-selected-name" style="font-size:12px; color:#333;">{{ $user->usersf ?: '未设置' }}</span>
<span id="avatar-selected-name"
style="font-size:12px; color:#333;">{{ $user->usersf ?: '未设置' }}</span>
<button id="avatar-save-btn" disabled onclick="saveAvatar()"
style="margin-left:auto; padding:5px 16px; background:#336699; color:#fff; border:none;
border-radius:3px; font-size:12px; cursor:pointer;">确定更换</button>