|
-
+
({
- reds: c.reds,
- blue: c.blue
- })),
- quick_pick: false,
- }),
- });
- const data = await res.json();
- if (res.ok && data.status === 'success') {
- showLotteryMsg('✅ ' + data.message, true);
- this.cart = [];
+ /**
+ * 将当前选号加入购物车
+ */
+ addToCart() {
+ if (this.selectedReds.length !== 3 || !this.selectedBlue) {
+ showLotteryMsg('⚠️ 请选满 3 个红球和 1 个蓝球', false);
+ return;
+ }
+ if (this.cart.length >= 10) {
+ showLotteryMsg('⚠️ 单次最多加入 10 注', false);
+ return;
+ }
+ this.cart.push({
+ reds: [...this.selectedReds].sort((a, b) => a - b),
+ blue: this.selectedBlue,
+ quick: false
+ });
+ // 清空选号等待下一注
+ this.selectedReds = [];
+ this.selectedBlue = null;
+ },
- // 更新金币余额显示
- if (window.chatContext) {
- window.chatContext.userJjb = Math.max(0, (window.chatContext.userJjb ?? 0) - data
- .count * 100);
- }
+ /**
+ * 提交购物车（批量购买）
+ */
+ async submitCart() {
+ if (this.cart.length === 0 || this.buying) return;
+ this.buying = true;
+ try {
+ const res = await fetch('/lottery/buy', {
+ method: 'POST',
+ headers: {
+ 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json',
+ },
+ body: JSON.stringify({
+ numbers: this.cart.map(c => ({
+ reds: c.reds,
+ blue: c.blue
+ })),
+ quick_pick: false,
+ }),
+ });
+ const data = await res.json();
+ if (res.ok && data.status === 'success') {
+ showLotteryMsg('✅ ' + data.message, true);
+ this.cart = [];
- // 刷新我的购票列表
- await this.loadData();
- } else {
- showLotteryMsg('❌ ' + (data.message || '购票失败'), false);
+ // 更新金币余额显示
+ if (window.chatContext) {
+ window.chatContext.userJjb = Math.max(0, (window.chatContext.userJjb ?? 0) - data
+ .count * 100);
}
- } catch {
- showLotteryMsg('🌐 网络异常，请稍后重试', false);
+
+ // 刷新我的购票列表
+ await this.loadData();
+ } else {
+ showLotteryMsg('❌ ' + (data.message || '购票失败'), false);
}
- this.buying = false;
- },
- };
- }
-
- /**
- * 显示彩票面板内联消息（3s 后自动消失）
- *
- * @param {string} msg
- * @param {boolean} success
- */
- function showLotteryMsg(msg, success) {
- const el = document.getElementById('lottery-buy-msg');
- if (!el) return;
- el.style.background = success ? '#f0fdf4' : '#fff5f5';
- el.style.border = success ? '1px solid #86efac' : '1px solid #fecaca';
- el.style.color = success ? '#16a34a' : '#dc2626';
- el.textContent = msg;
- el.style.display = 'block';
- el.style.opacity = '1';
- clearTimeout(el._t);
- el._t = setTimeout(() => {
- el.style.opacity = '0';
- setTimeout(() => {
- el.style.display = 'none';
- }, 400);
- }, 3000);
- }
-
- /** 打开彩票面板 */
- window.openLotteryPanel = function() {
- const panel = document.getElementById('lottery-panel');
- if (panel) Alpine.$data(panel).open();
+ } catch {
+ showLotteryMsg('🌐 网络异常，请稍后重试', false);
+ }
+ this.buying = false;
+ },
};
+ }
- /** 关闭彩票面板 */
- window.closeLotteryPanel = function() {
- const panel = document.getElementById('lottery-panel');
- if (panel) {
- const data = Alpine.$data(panel);
- data.show = false;
- clearInterval(data._timer);
- }
- };
-
+ /**
+ * 显示彩票面板内联消息（3s 后自动消失）
+ *
+ * @param {string} msg
+ * @param {boolean} success
+ */
+ function showLotteryMsg(msg, success) {
+ const el = document.getElementById('lottery-buy-msg');
+ if (!el) return;
+ el.style.background = success ? '#f0fdf4' : '#fff5f5';
+ el.style.border = success ? '1px solid #86efac' : '1px solid #fecaca';
+ el.style.color = success ? '#16a34a' : '#dc2626';
+ el.textContent = msg;
+ el.style.display = 'block';
+ el.style.opacity = '1';
+ clearTimeout(el._t);
+ el._t = setTimeout(() => {
+ el.style.opacity = '0';
+ setTimeout(() => {
+ el.style.display = 'none';
+ }, 400);
+ }, 3000);
+ }
+
+ /** 打开彩票面板 */
+ window.openLotteryPanel = function() {
+ const panel = document.getElementById('lottery-panel');
+ if (panel) Alpine.$data(panel).open();
+ };
+
+ /** 关闭彩票面板 */
+ window.closeLotteryPanel = function() {
+ const panel = document.getElementById('lottery-panel');
+ if (panel) {
+ const data = Alpine.$data(panel);
+ data.show = false;
+ clearInterval(data._timer);
+ }
+ };
+
diff --git a/resources/views/chat/partials/mystery-box.blade.php b/resources/views/chat/partials/games/mystery-box.blade.php
similarity index 100%
rename from resources/views/chat/partials/mystery-box.blade.php
rename to resources/views/chat/partials/games/mystery-box.blade.php
diff --git a/resources/views/chat/partials/games/red-packet-panel.blade.php b/resources/views/chat/partials/games/red-packet-panel.blade.php
new file mode 100644
index 0000000..29559ca
--- /dev/null
+++ b/resources/views/chat/partials/games/red-packet-panel.blade.php
@@ -0,0 +1,688 @@
+{{--
+ 文件功能：礼包红包弹窗面板（HTML + CSS + 交互脚本）
+
+ 包含：
+ 1. 红包遮罩弹窗 DOM（#red-packet-modal）
+ 2. 红包弹窗样式（CSS）
+ 3. 红包前端交互 JS（发包、抢包、倒计时、WebSocket 监听）
+
+ 全局函数：
+ window.sendRedPacket() → superlevel 发包（弹 chatBanner 选类型）
+ window.showRedPacketModal(...) → 展示红包弹窗（收到 WebSocket 事件触发）
+ window.closeRedPacketModal() → 关闭红包弹窗
+ window.claimRedPacket() → 用户抢红包
+ window.updateRedPacketClaimsUI() → 更新领取名单（WebSocket 广播后调用）
+
+ 注：依赖 window.chatBanner（chat-banner.blade.php）、window.chatDialog、window.chatToast。
+
+ 从 scripts.blade.php 提取，与其他游戏面板（baccarat-panel、slot-machine 等）保持统一结构。
+
+ @author ChatRoom Laravel
+ @version 1.0.0
+--}}
+
+
+{{-- 红包弹窗 DOM --}}
+
+
+ {{-- 顶部标题区 --}}
+
+ {{-- 底部操作区 --}}
+
+
+ 剩余份数：10 / 10 份
+ 倒计时：120s
+
+
+
+
+ {{-- 领取名单 --}}
+
+
+
+
🎰 如何游玩
① 点击 SPIN 按钮消耗金币抽奖，系统随机确定三列图案
diff --git a/resources/views/chat/partials/global-dialog.blade.php b/resources/views/chat/partials/global-dialog.blade.php
index 0781458..fd8cd05 100644
--- a/resources/views/chat/partials/global-dialog.blade.php
+++ b/resources/views/chat/partials/global-dialog.blade.php
@@ -1,15 +1,16 @@
{{--
- 文件功能：全局自定义弹窗组件（替代原生 alert / confirm）
+ 文件功能：全局自定义弹窗组件（替代原生 alert / confirm / prompt）
提供全局 JS API：
- - window.chatDialog.alert(message, title?, color?) → Promise
- - window.chatDialog.confirm(message, title?, color?) → Promise
+ - window.chatDialog.alert(message, title?, color?) → Promise
+ - window.chatDialog.confirm(message, title?, color?) → Promise
+ - window.chatDialog.prompt(message, defaultVal?, title?, color?) → Promise
任何 JS 代码（Alpine.js 组件、toolbar、scripts 等）均可直接调用，
无需使用浏览器原生弹窗，避免 Chrome/Edge 兼容性问题。
@author ChatRoom Laravel
- @version 1.0.0
+ @version 2.0.0
--}}
{{-- ─── 全局弹窗遮罩 ─── --}}
@@ -27,10 +28,20 @@
{{-- 内容区 --}}
+ {{-- 输入框（prompt 模式专用） --}}
+
+
+
+
{{-- 按钮区 --}}
|