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

新增聊天室座驾系统

Browse Source
This commit is contained in:
pllx
2026-04-30 09:40:50 +08:00
parent 45ce8b2b2d
commit 3c95478097
32 changed files with 3982 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/admin/shop/index.blade.php
+14
View File
@@ -26,6 +26,7 @@
'msg_name_color' => ['label' => '昵称颜色', 'color' => 'bg-pink-100 text-pink-700'],
'msg_text_color' => ['label' => '文字颜色', 'color' => 'bg-cyan-100 text-cyan-700'],
'avatar_frame' => ['label' => '头像框', 'color' => 'bg-amber-100 text-amber-700'],
'ride' => ['label' => '聊天室座驾', 'color' => 'bg-slate-900 text-white'],
];
$isSuperAdmin = Auth::id() === 1;
@endphp
@@ -44,6 +45,7 @@
duration_minutes: 0,
intimacy_bonus: 0,
charm_bonus: 0,
welcome_message: '',
sort_order: 0,
is_active: true,
},
@@ -61,6 +63,7 @@
duration_minutes: 0,
intimacy_bonus: 0,
charm_bonus: 0,
welcome_message: '',
sort_order: 0,
is_active: true,
};
@@ -81,6 +84,7 @@
duration_minutes: item.duration_minutes || 0,
intimacy_bonus: item.intimacy_bonus || 0,
charm_bonus: item.charm_bonus || 0,
welcome_message: item.welcome_message || '',
sort_order: item.sort_order,
is_active: item.is_active,
};
@@ -192,6 +196,7 @@
'duration_minutes' => $item->duration_minutes,
'intimacy_bonus' => $item->intimacy_bonus,
'charm_bonus' => $item->charm_bonus,
'welcome_message' => $item->welcome_message,
'sort_order' => $item->sort_order,
'is_active' => (bool) $item->is_active,
]) }})"
@@ -295,10 +300,19 @@
<option value="msg_name_color">msg_name_color — 昵称颜色</option>
<option value="msg_text_color">msg_text_color — 文字颜色</option>
<option value="avatar_frame">avatar_frame — 头像框</option>
<option value="ride">ride — 聊天室座驾</option>
</select>
</div>
</div>
<div x-show="form.type === 'ride'">
<label class="block text-xs font-semibold text-gray-600 mb-1">座驾欢迎语句</label>
<textarea name="welcome_message" x-model="form.welcome_message" rows="2" maxlength="255"
placeholder="支持 {name} 用户名、{ride} 座驾名，例如：【{name}】驾驶【{ride}】震撼入场！"
class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-indigo-400 focus:border-indigo-400 outline-none resize-none"></textarea>
<p class="mt-1 text-[11px] text-gray-500">仅座驾类型生效；不填写时使用系统默认欢迎语。</p>
</div>
<div class="grid grid-cols-3 gap-4">
<div>
<label class="block text-xs font-semibold text-gray-600 mb-1">有效天数</label>
resources/views/chat/frame.blade.php
+1 -1
View File
@@ -126,7 +126,7 @@
'localClearStorageKey' => "local_clear_msg_id_{$room->id}",
'welcomeMessage' => $initialWelcomeMessage ?? null,
'welcomeMessages' => $initialWelcomeMessages ?? [],
'entryEffect' => $newbieEffect ?: ($initialPresenceTheme['presence_effect'] ?? ($weekEffect ?? null)),
'entryEffect' => $newbieEffect ?: ($initialRideEffect ?? ($initialPresenceTheme['presence_effect'] ?? ($weekEffect ?? null))),
'presenceTheme' => $initialPresenceTheme ?? null,
'pendingProposal' => $pendingProposal ?? null,
'pendingDivorce' => $pendingDivorce ?? null,
resources/views/chat/partials/layout/input-bar.blade.php
+10
View File
@@ -201,6 +201,8 @@ $welcomeMessages = [
style="font-size:11px;padding:6px 8px;background:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;">✅ 签到</button>
<button type="button" data-chat-feature-shortcut="shop"
style="font-size:11px;padding:6px 8px;background:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;">🛍 商店</button>
<button type="button" data-chat-feature-shortcut="ride"
style="font-size:11px;padding:6px 8px;background:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;">🚘 座驾</button>
<button type="button" data-chat-feature-shortcut="vip"
style="font-size:11px;padding:6px 8px;background:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;">👑 会员</button>
<button type="button" data-chat-feature-shortcut="game"
@@ -330,6 +332,14 @@ $welcomeMessages = [
style="font-size:11px;padding:6px 8px;background:#fff;color:#7c3aed;border:1px solid #ddd6fe;border-radius:6px;cursor:pointer;">🎊 彩带庆典</button>
<button type="button" data-chat-admin-effect="fireflies"
style="font-size:11px;padding:6px 8px;background:#fff;color:#15803d;border:1px solid #bbf7d0;border-radius:6px;cursor:pointer;">✨ 萤火虫</button>
<button type="button" data-chat-admin-effect-preview="j35"
style="grid-column:1 / -1;font-size:12px;padding:7px 10px;background:linear-gradient(135deg,#020617,#075985);color:#e0f2fe;border:1px solid #38bdf8;border-radius:8px;cursor:pointer;box-shadow:0 6px 16px rgba(14,165,233,.22);">✈️ 测试歼-35效果（仅自己可见）</button>
<button type="button" data-chat-admin-effect-preview="99a"
style="grid-column:1 / -1;font-size:12px;padding:7px 10px;background:linear-gradient(135deg,#1f2a1d,#4d7c0f);color:#fef3c7;border:1px solid #bef264;border-radius:8px;cursor:pointer;box-shadow:0 6px 16px rgba(77,124,15,.26);">🛡️ 测试99A坦克效果（仅自己可见）</button>
<button type="button" data-chat-admin-effect-preview="df5c"
style="grid-column:1 / -1;font-size:12px;padding:7px 10px;background:linear-gradient(135deg,#450a0a,#991b1b,#f97316);color:#fff7ed;border:1px solid #fdba74;border-radius:8px;cursor:pointer;box-shadow:0 6px 18px rgba(249,115,22,.3);">🚀 测试东风-5C效果（仅自己可见）</button>
<button type="button" data-chat-admin-effect-preview="fujian"
style="grid-column:1 / -1;font-size:12px;padding:7px 10px;background:linear-gradient(135deg,#0f172a,#0f766e,#22d3ee);color:#ecfeff;border:1px solid #67e8f9;border-radius:8px;cursor:pointer;box-shadow:0 6px 18px rgba(34,211,238,.28);">🚢 测试福建舰效果（仅自己可见）</button>
</div>
@endif
</div>
resources/views/chat/partials/layout/toolbar.blade.php
+56
View File
@@ -718,6 +718,62 @@
{{-- 商店弹窗业务脚本已迁移到 resources/js/chat-room/shop-controls.js --}}
{{-- ═══════════ 座驾弹窗 ═══════════ --}}
<style>
#ride-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:9999; justify-content:center; align-items:center; font-family:'Microsoft YaHei',SimSun,sans-serif; }
#ride-modal-inner { width:820px; max-width:96vw; max-height:90vh; background:#f8fafc; border-radius:10px; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 14px 44px rgba(15,23,42,.42); }
#ride-modal-header { background:linear-gradient(135deg,#0f172a,#0f766e); color:#fff; padding:12px 16px; display:flex; align-items:center; gap:12px; flex-shrink:0; }
#ride-modal-title { font-size:15px; font-weight:bold; }
#ride-modal-jjb { margin-left:auto; font-size:12px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); border-radius:999px; padding:4px 10px; }
#ride-modal-close { cursor:pointer; font-size:20px; opacity:.82; }
#ride-modal-close:hover { opacity:1; }
#ride-current { margin:12px 14px 0; padding:9px 12px; background:#ecfdf5; border:1px solid #99f6e4; border-radius:8px; color:#115e59; display:flex; align-items:center; gap:8px; font-size:12px; min-height:38px; }
.ride-current-icon { font-size:18px; }
.ride-current-expire { margin-left:auto; color:#64748b; }
.ride-current-empty { color:#64748b; }
#ride-modal-body { padding:12px 14px 14px; overflow-y:auto; display:flex; flex-direction:column; gap:12px; }
.ride-section-title { font-size:12px; font-weight:bold; color:#0f172a; display:flex; align-items:center; gap:6px; margin-bottom:8px; }
#ride-items-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(188px,1fr)); gap:10px; }
.ride-card { background:#fff; border:1px solid #dbe4ef; border-radius:8px; padding:11px; display:flex; flex-direction:column; gap:8px; min-height:156px; box-shadow:0 3px 10px rgba(15,23,42,.04); }
.ride-card.active { border-color:#14b8a6; box-shadow:0 0 0 1px rgba(20,184,166,.18),0 6px 16px rgba(20,184,166,.08); }
.ride-card-head { display:flex; align-items:center; gap:7px; min-width:0; }
.ride-card-icon { font-size:22px; flex-shrink:0; }
.ride-card-title { font-size:13px; font-weight:bold; color:#102033; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ride-active-badge { margin-left:auto; font-size:10px; color:#047857; background:#d1fae5; border-radius:999px; padding:2px 7px; flex-shrink:0; }
.ride-card-desc { color:#64748b; font-size:11px; line-height:1.45; min-height:32px; }
.ride-card-meta { display:flex; justify-content:space-between; color:#475569; font-size:11px; gap:8px; }
.ride-buy-btn { margin-top:auto; border:none; border-radius:6px; background:#0f766e; color:#fff; font-size:12px; font-weight:bold; padding:7px 8px; cursor:pointer; }
.ride-buy-btn:hover { background:#0d9488; }
#ride-purchase-list { background:#fff; border:1px solid #e2e8f0; border-radius:8px; overflow:hidden; }
.ride-record { display:grid; grid-template-columns:1.4fr .7fr .8fr 1.1fr; gap:8px; padding:8px 10px; border-bottom:1px solid #f1f5f9; color:#475569; font-size:11px; align-items:center; }
.ride-record:last-child { border-bottom:none; }
.ride-empty { grid-column:1/-1; text-align:center; padding:22px 0; color:#94a3b8; font-size:12px; }
.ride-error { color:#dc2626; }
</style>
<div id="ride-modal" data-ride-items-url="{{ route('rides.items') }}" data-ride-buy-url="{{ route('rides.buy') }}">
<div id="ride-modal-inner">
<div id="ride-modal-header">
<div id="ride-modal-title">🚘 聊天室座驾</div>
<div id="ride-modal-jjb">💰 <strong id="ride-jjb">--</strong> 金币</div>
<span id="ride-modal-close" data-ride-modal-close>✕</span>
</div>
<div id="ride-current"><span class="ride-current-empty">当前未启用座驾</span></div>
<div id="ride-modal-body">
<div>
<div class="ride-section-title">可购买座驾</div>
<div id="ride-items-list"><div class="ride-empty">加载中...</div></div>
</div>
<div>
<div class="ride-section-title">购买记录</div>
<div id="ride-purchase-list"><div class="ride-empty">暂无座驾购买记录</div></div>
</div>
</div>
</div>
</div>
{{-- 座驾弹窗业务脚本已迁移到 resources/js/chat-room/ride-controls.js --}}
{{-- ═══════════ 会员中心弹窗 ═══════════ --}}
<style>
#vip-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,.6); z-index:9999; justify-content:center; align-items:center; }