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

迁移游戏配置手动操作

Browse Source
This commit is contained in:
流星
2026-04-25 13:23:20 +08:00
parent 85a419fe53
commit 4751a5578e
2 changed files with 245 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/admin/game-configs.js
+224
View File
@@ -2,6 +2,12 @@
let adminGameConfigControlsBound = false;
const MYSTERY_BOX_META = {
normal: { name: "普通箱", icon: "📦" },
rare: { name: "稀有箱", icon: "💎" },
trap: { name: "黑化箱", icon: "☠️" },
};
/**
* 读取后台 layout 注入的 CSRF token。
*
@@ -221,6 +227,174 @@ async function toggleGame(button) {
}
}
/**
* 管理员手动投放神秘箱子。
*
* @param {HTMLButtonElement} button 投放按钮
* @returns {void}
*/
function dropMysteryBox(button) {
const boxType = button.getAttribute("data-game-drop-box-type") || "normal";
const dropUrl = button.getAttribute("data-game-drop-box-url") || "";
const meta = MYSTERY_BOX_META[boxType] || MYSTERY_BOX_META.normal;
if (!dropUrl) {
return;
}
window.adminDialog?.confirm(
`确定要向 <b>#1 房间</b> 投放一个「${meta.name}」吗？<br><span style="color:#64748b; font-size:12px;">箱子投放后将立即在公屏广播暗号，用户限时领取。</span>`,
`投放${meta.name}`,
() => {
fetch(dropUrl, {
method: "POST",
headers: {
"X-CSRF-TOKEN": getCsrfToken(),
"Content-Type": "application/json",
"Accept": "application/json",
},
body: JSON.stringify({ box_type: boxType }),
})
.then((response) => response.json())
.then((data) => {
window.adminDialog?.alert(
data.message || (data.ok ? "投放成功！" : "投放失败"),
data.ok ? "投放成功" : "投放失败",
data.ok ? meta.icon : "❌",
);
})
.catch(() => window.adminDialog?.alert("网络错误，请重试", "网络错误", "🌐"));
},
meta.icon,
);
}
/**
* 加载双色球当前期次状态。
*
* @param {HTMLButtonElement} button 状态加载按钮
* @returns {Promise<void>}
*/
async function loadLotteryStatus(button) {
const currentUrl = button.getAttribute("data-game-lottery-current-url") || "";
const statusPanel = document.getElementById("lottery-issue-status");
if (!currentUrl || !statusPanel) {
return;
}
statusPanel.innerHTML = '<span class="text-gray-400">⏳ 加载中…</span>';
try {
const response = await fetch(currentUrl, {
headers: { "Accept": "application/json" },
});
const data = await response.json();
if (!data.issue) {
statusPanel.innerHTML = '<span class="text-orange-500">⚠️ 当前无进行中期次，可手动开新期</span>';
return;
}
const issue = data.issue;
const pool = Number(issue.pool_amount).toLocaleString();
const statusMap = {
open: "🟢 购票中",
closed: "🔴 已停售",
settled: "✅ 已开奖",
};
const superTag = issue.is_super_issue ? " 🎊<b>超级期</b>" : "";
const drawAt = issue.draw_at ? issue.draw_at.replace("T", " ") : "--";
statusPanel.innerHTML = `第 <b>${issue.issue_no}</b> 期${superTag} &nbsp;·&nbsp; 状态：${statusMap[issue.status] || issue.status}
&nbsp;·&nbsp; 奖池：<b style="color:#dc2626">💰 ${pool} 金币</b>
&nbsp;·&nbsp; 预计开奖：${drawAt}
&nbsp;·&nbsp; 已购：${issue.total_tickets || 0} 注`;
} catch (error) {
statusPanel.innerHTML = '<span class="text-red-400">❌ 加载失败</span>';
}
}
/**
* 手动开启新一期双色球。
*
* @param {HTMLButtonElement} button 开期按钮
* @returns {void}
*/
function openLotteryIssue(button) {
const openUrl = button.getAttribute("data-game-lottery-open-url") || "";
if (!openUrl) {
return;
}
window.adminDialog?.confirm(
'确定要手动开启新一期双色球吗？<br><span style="color:#64748b;font-size:12px;">仅在无进行中期次时生效，开奖时间将使用当前配置的 draw_hour:draw_minute。</span>',
"手动开新期",
() => {
fetch(openUrl, {
method: "POST",
headers: {
"X-CSRF-TOKEN": getCsrfToken(),
"Accept": "application/json",
},
})
.then((response) => response.json())
.then((data) => {
window.adminDialog?.alert(data.message, data.ok ? "操作成功" : "操作失败", data.ok ? "✅" : "❌");
if (data.ok) {
const statusButton = document.querySelector("[data-game-lottery-current-url]");
if (statusButton instanceof HTMLButtonElement) {
void loadLotteryStatus(statusButton);
}
}
})
.catch(() => window.adminDialog?.alert("网络错误，请重试", "网络错误", "🌐"));
},
"➕",
);
}
/**
* 强制提前开奖，用于测试或管理需要。
*
* @param {HTMLButtonElement} button 强制开奖按钮
* @returns {void}
*/
function forceLotteryDraw(button) {
const drawUrl = button.getAttribute("data-game-lottery-force-url") || "";
if (!drawUrl) {
return;
}
window.adminDialog?.confirm(
'确定要<b style="color:red">立即强制开奖</b>吗？<br><span style="color:#64748b;font-size:12px;">将对当前 closed 或 open 期次立即执行开奖，此操作不可撤销！</span>',
"强制开奖确认",
() => {
fetch(drawUrl, {
method: "POST",
headers: {
"X-CSRF-TOKEN": getCsrfToken(),
"Accept": "application/json",
},
})
.then((response) => response.json())
.then((data) => {
window.adminDialog?.alert(data.message, data.ok ? "开奖完成" : "操作失败", data.ok ? "🎊" : "❌");
if (data.ok) {
const statusButton = document.querySelector("[data-game-lottery-current-url]");
if (statusButton instanceof HTMLButtonElement) {
void loadLotteryStatus(statusButton);
}
}
})
.catch(() => window.adminDialog?.alert("网络错误，请重试", "网络错误", "🌐"));
},
"🎊",
);
}
/**
* 绑定游戏管理页通用操作按钮。
*
@@ -248,6 +422,56 @@ export function bindAdminGameConfigControls() {
if (toggleButton instanceof HTMLButtonElement) {
event.preventDefault();
void toggleGame(toggleButton);
return;
}
const dropBoxButton = event.target.closest("[data-game-drop-box-type]");
if (dropBoxButton instanceof HTMLButtonElement) {
event.preventDefault();
dropMysteryBox(dropBoxButton);
return;
}
const lotteryStatusButton = event.target.closest("[data-game-lottery-current-url]");
if (lotteryStatusButton instanceof HTMLButtonElement) {
event.preventDefault();
void loadLotteryStatus(lotteryStatusButton);
return;
}
const lotteryOpenButton = event.target.closest("[data-game-lottery-open-url]");
if (lotteryOpenButton instanceof HTMLButtonElement) {
event.preventDefault();
openLotteryIssue(lotteryOpenButton);
return;
}
const lotteryForceButton = event.target.closest("[data-game-lottery-force-url]");
if (lotteryForceButton instanceof HTMLButtonElement) {
event.preventDefault();
forceLotteryDraw(lotteryForceButton);
}
});
document.addEventListener("mouseover", (event) => {
if (!(event.target instanceof Element)) {
return;
}
const hoverButton = event.target.closest("[data-game-hover-opacity]");
if (hoverButton instanceof HTMLElement) {
hoverButton.style.opacity = hoverButton.getAttribute("data-game-hover-opacity") || "";
}
});
document.addEventListener("mouseout", (event) => {
if (!(event.target instanceof Element)) {
return;
}
const hoverButton = event.target.closest("[data-game-hover-opacity]");
if (hoverButton instanceof HTMLElement) {
hoverButton.style.opacity = "1";
}
});
}
resources/views/admin/game-configs/index.blade.php
+21 -152
View File
@@ -157,19 +157,22 @@
<div class="mt-4 pt-4 border-t border-gray-100">
<div class="text-xs font-bold text-gray-600 mb-2">🎯 手动投放箱子</div>
<div class="flex items-center gap-3 flex-wrap">
<button onclick="dropBox('normal', {{ $game->id }})"
style="padding:8px 16px; background:linear-gradient(135deg,#059669,#10b981); color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; transition:opacity .15s;"
onmouseover="this.style.opacity='.85'" onmouseout="this.style.opacity='1'">
<button type="button" data-game-drop-box-type="normal"
data-game-drop-box-url="{{ route('admin.mystery-box.drop') }}"
data-game-hover-opacity=".85"
style="padding:8px 16px; background:linear-gradient(135deg,#059669,#10b981); color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; transition:opacity .15s;">
📦 投放普通箱
</button>
<button onclick="dropBox('rare', {{ $game->id }})"
style="padding:8px 16px; background:linear-gradient(135deg,#7c3aed,#a78bfa); color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; transition:opacity .15s;"
onmouseover="this.style.opacity='.85'" onmouseout="this.style.opacity='1'">
<button type="button" data-game-drop-box-type="rare"
data-game-drop-box-url="{{ route('admin.mystery-box.drop') }}"
data-game-hover-opacity=".85"
style="padding:8px 16px; background:linear-gradient(135deg,#7c3aed,#a78bfa); color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; transition:opacity .15s;">
💎 投放稀有箱
</button>
<button onclick="dropBox('trap', {{ $game->id }})"
style="padding:8px 16px; background:linear-gradient(135deg,#7f1d1d,#ef4444); color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; transition:opacity .15s;"
onmouseover="this.style.opacity='.85'" onmouseout="this.style.opacity='1'">
<button type="button" data-game-drop-box-type="trap"
data-game-drop-box-url="{{ route('admin.mystery-box.drop') }}"
data-game-hover-opacity=".85"
style="padding:8px 16px; background:linear-gradient(135deg,#7f1d1d,#ef4444); color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; transition:opacity .15s;">
☠️ 投放黑化箱
</button>
<span class="text-xs text-gray-400">直接向 #1 房间投放，立即广播暗号</span>
@@ -187,19 +190,19 @@
<span class="text-red-400">⏳ 点击下方「加载期次状态」查看当前状态</span>
</div>
<div class="flex items-center gap-3 flex-wrap">
<button onclick="lotteryLoadStatus()"
style="padding:8px 16px; background:linear-gradient(135deg,#475569,#64748b); color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; transition:opacity .15s;"
onmouseover="this.style.opacity='.85'" onmouseout="this.style.opacity='1'">
<button type="button" data-game-lottery-current-url="{{ url('/lottery/current') }}"
data-game-hover-opacity=".85"
style="padding:8px 16px; background:linear-gradient(135deg,#475569,#64748b); color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; transition:opacity .15s;">
🔄 加载期次状态
</button>
<button onclick="lotteryOpenIssue()"
style="padding:8px 16px; background:linear-gradient(135deg,#059669,#10b981); color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; transition:opacity .15s;"
onmouseover="this.style.opacity='.85'" onmouseout="this.style.opacity='1'">
<button type="button" data-game-lottery-open-url="{{ route('admin.lottery.open-issue') }}"
data-game-hover-opacity=".85"
style="padding:8px 16px; background:linear-gradient(135deg,#059669,#10b981); color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; transition:opacity .15s;">
➕ 手动开新期
</button>
<button onclick="lotteryForceDraw()"
style="padding:8px 16px; background:linear-gradient(135deg,#dc2626,#ef4444); color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; transition:opacity .15s;"
onmouseover="this.style.opacity='.85'" onmouseout="this.style.opacity='1'">
<button type="button" data-game-lottery-force-url="{{ route('admin.lottery.force-draw') }}"
data-game-hover-opacity=".85"
style="padding:8px 16px; background:linear-gradient(135deg,#dc2626,#ef4444); color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; transition:opacity .15s;">
🎊 立即强制开奖
</button>
<span class="text-xs text-gray-400">开新期仅在无进行中期次时生效；强制开奖将提前结束当期</span>
@@ -219,140 +222,6 @@
</div>
</div>
<script>
/**
* 管理员手动投放神秘箱子
*
* @param {string} boxType 箱子类型：normal | rare | trap
*/
function dropBox(boxType) {
const typeNames = {
normal: '普通箱',
rare: '稀有箱',
trap: '黑化箱'
};
const typeIcons = {
normal: '📦',
rare: '💎',
trap: '☠️'
};
const name = typeNames[boxType] || boxType;
const icon = typeIcons[boxType] || '📦';
window.adminDialog.confirm(
`确定要向 <b>#1 房间</b> 投放一个「${name}」吗？<br><span style="color:#64748b; font-size:12px;">箱子投放后将立即在公屏广播暗号，用户限时领取。</span>`,
`投放${name}`,
() => {
fetch('/admin/mystery-box/drop', {
method: 'POST',
headers: {
'X-CSRF-TOKEN': '{{ csrf_token() }}',
'Content-Type': 'application/json',
'Accept': 'application/json',
},
body: JSON.stringify({
box_type: boxType
}),
})
.then(r => r.json())
.then(data => {
window.adminDialog.alert(
data.message || (data.ok ? '投放成功！' : '投放失败'),
data.ok ? '投放成功' : '投放失败',
data.ok ? icon : '❌'
);
})
.catch(() => window.adminDialog.alert('网络错误，请重试', '网络错误', '🌐'));
},
icon
);
}
/**
* 加载双色球当前期次状态
*/
function lotteryLoadStatus() {
const box = document.getElementById('lottery-issue-status');
box.innerHTML = '<span class="text-gray-400">⏳ 加载中…</span>';
fetch('/lottery/current', {
headers: {
'Accept': 'application/json'
}
})
.then(r => r.json())
.then(data => {
if (!data.issue) {
box.innerHTML = '<span class="text-orange-500">⚠️ 当前无进行中期次，可手动开新期</span>';
return;
}
const iss = data.issue;
const pool = Number(iss.pool_amount).toLocaleString();
const statusMap = {
open: '🟢 购票中',
closed: '🔴 已停售',
settled: '✅ 已开奖'
};
const superTag = iss.is_super_issue ? ' 🎊<b>超级期</b>' : '';
const drawAt = iss.draw_at ? iss.draw_at.replace('T', ' ') : '--';
box.innerHTML = `第 <b>${iss.issue_no}</b> 期${superTag} &nbsp;·&nbsp; 状态：${statusMap[iss.status] || iss.status}
&nbsp;·&nbsp; 奖池：<b style="color:#dc2626">💰 ${pool} 金币</b>
&nbsp;·&nbsp; 预计开奖：${drawAt}
&nbsp;·&nbsp; 已购：${iss.total_tickets || 0} 注`;
})
.catch(() => {
box.innerHTML = '<span class="text-red-400">❌ 加载失败</span>';
});
}
/**
* 手动开启新一期双色球
*/
function lotteryOpenIssue() {
window.adminDialog.confirm(
'确定要手动开启新一期双色球吗？<br><span style="color:#64748b;font-size:12px;">仅在无进行中期次时生效，开奖时间将使用当前配置的 draw_hour:draw_minute。</span>',
'手动开新期', () => {
fetch('/admin/lottery/open-issue', {
method: 'POST',
headers: {
'X-CSRF-TOKEN': '{{ csrf_token() }}',
'Accept': 'application/json'
},
})
.then(r => r.json())
.then(d => {
window.adminDialog.alert(d.message, d.ok ? '操作成功' : '操作失败', d.ok ? '✅' : '❌');
if (d.ok) lotteryLoadStatus();
})
.catch(() => window.adminDialog.alert('网络错误，请重试', '网络错误', '🌐'));
}, '➕'
);
}
/**
* 强制提前开奖（用于测试或管理需要）
*/
function lotteryForceDraw() {
window.adminDialog.confirm(
'确定要<b style="color:red">立即强制开奖</b>吗？<br><span style="color:#64748b;font-size:12px;">将对当前 closed 或 open 期次立即执行开奖，此操作不可撤销！</span>',
'强制开奖确认', () => {
fetch('/admin/lottery/force-draw', {
method: 'POST',
headers: {
'X-CSRF-TOKEN': '{{ csrf_token() }}',
'Accept': 'application/json'
},
})
.then(r => r.json())
.then(d => {
window.adminDialog.alert(d.message, d.ok ? '开奖完成' : '操作失败', d.ok ? '🎊' : '❌');
if (d.ok) lotteryLoadStatus();
})
.catch(() => window.adminDialog.alert('网络错误，请重试', '网络错误', '🌐'));
}, '🎊'
);
}
</script>
@endsection
@php