新增银行功能：存取金币、流水记录、PC/手机端双入口；迁移 bank_jjb 字段和 bank_logs 表

app/Http/Controllers/BankController.php

@@ -0,0 +1,128 @@
+<?php
+
+/**
+ * 文件功能：银行控制器
+ *
+ * 提供存款、取款、余额查询三个接口，金币在流通账户（jjb）
+ * 与银行账户（bank_jjb）之间互转，所有操作记录到 bank_logs。
+ *
+ * @author   ChatRoom Laravel
+ *
+ * @version  1.0.0
+ */
+
+namespace App\Http\Controllers;
+
+use App\Models\BankLog;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\DB;
+
+class BankController extends Controller
+{
+    /**
+     * 查询银行余额及最近20条流水记录
+     */
+    public function info(): JsonResponse
+    {
+        $user = Auth::user();
+        $logs = BankLog::where('user_id', $user->id)
+            ->latest()
+            ->limit(20)
+            ->get(['type', 'amount', 'balance_after', 'created_at']);
+
+        return response()->json([
+            'status' => 'success',
+            'jjb' => $user->jjb ?? 0,
+            'bank_jjb' => $user->bank_jjb ?? 0,
+            'logs' => $logs,
+        ]);
+    }
+
+    /**
+     * 存款：从流通金币（jjb）转入银行（bank_jjb）
+     *
+     * 请求参数：amount（正整数）
+     */
+    public function deposit(Request $request): JsonResponse
+    {
+        $request->validate([
+            'amount' => 'required|integer|min:1|max:9999999',
+        ]);
+
+        $amount = $request->integer('amount');
+        $user = Auth::user();
+
+        if (($user->jjb ?? 0) < $amount) {
+            return response()->json([
+                'status' => 'error',
+                'message' => '流通金币不足！当前余额 '.($user->jjb ?? 0)." 枚，无法存入 {$amount} 枚。",
+            ]);
+        }
+
+        DB::transaction(function () use ($user, $amount): void {
+            $user->decrement('jjb', $amount);
+            $user->increment('bank_jjb', $amount);
+
+            BankLog::create([
+                'user_id' => $user->id,
+                'type' => 'deposit',
+                'amount' => $amount,
+                'balance_after' => $user->fresh()->bank_jjb,
+            ]);
+        });
+
+        $fresh = $user->fresh();
+
+        return response()->json([
+            'status' => 'success',
+            'message' => "成功存入 {$amount} 枚金币！",
+            'jjb' => $fresh->jjb,
+            'bank_jjb' => $fresh->bank_jjb,
+        ]);
+    }
+
+    /**
+     * 取款：从银行（bank_jjb）转回流通金币（jjb）
+     *
+     * 请求参数：amount（正整数）
+     */
+    public function withdraw(Request $request): JsonResponse
+    {
+        $request->validate([
+            'amount' => 'required|integer|min:1|max:9999999',
+        ]);
+
+        $amount = $request->integer('amount');
+        $user = Auth::user();
+
+        if (($user->bank_jjb ?? 0) < $amount) {
+            return response()->json([
+                'status' => 'error',
+                'message' => '银行余额不足！当前存款 '.($user->bank_jjb ?? 0)." 枚，无法取出 {$amount} 枚。",
+            ]);
+        }
+
+        DB::transaction(function () use ($user, $amount): void {
+            $user->decrement('bank_jjb', $amount);
+            $user->increment('jjb', $amount);
+
+            BankLog::create([
+                'user_id' => $user->id,
+                'type' => 'withdraw',
+                'amount' => $amount,
+                'balance_after' => $user->fresh()->bank_jjb,
+            ]);
+        });
+
+        $fresh = $user->fresh();
+
+        return response()->json([
+            'status' => 'success',
+            'message' => "成功取出 {$amount} 枚金币！",
+            'jjb' => $fresh->jjb,
+            'bank_jjb' => $fresh->bank_jjb,
+        ]);
+    }
+}

app/Models/BankLog.php

@@ -0,0 +1,46 @@
+<?php
+
+/**
+ * 文件功能：银行流水记录模型
+ *
+ * 对应 bank_logs 表，记录每次存款/取款操作及操作后余额。
+ */
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class BankLog extends Model
+{
+    /**
+     * 允许批量赋值的字段
+     *
+     * @var list<string>
+     */
+    protected $fillable = [
+        'user_id',
+        'type',
+        'amount',
+        'balance_after',
+    ];
+
+    /**
+     * 字段类型转换
+     */
+    protected function casts(): array
+    {
+        return [
+            'amount' => 'integer',
+            'balance_after' => 'integer',
+        ];
+    }
+
+    /**
+     * 所属用户
+     */
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+}

database/migrations/2026_03_18_202706_add_bank_jjb_to_users_table.php

@@ -0,0 +1,34 @@
+<?php
+
+/**
+ * 文件功能：为 users 表新增银行存款字段 bank_jjb
+ *
+ * 银行金币与流通金币（jjb）完全隔离，所有游戏仅扣 jjb，不动 bank_jjb。
+ */
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * 执行迁移：在 frozen_jjb 之后追加 bank_jjb 字段
+     */
+    public function up(): void
+    {
+        Schema::table('users', function (Blueprint $table): void {
+            $table->integer('bank_jjb')->default(0)->after('frozen_jjb')->comment('银行存款金币（与流通金币隔离）');
+        });
+    }
+
+    /**
+     * 回滚迁移
+     */
+    public function down(): void
+    {
+        Schema::table('users', function (Blueprint $table): void {
+            $table->dropColumn('bank_jjb');
+        });
+    }
+};

database/migrations/2026_03_18_202708_create_bank_logs_table.php

@@ -0,0 +1,40 @@
+<?php
+
+/**
+ * 文件功能：创建银行流水记录表 bank_logs
+ *
+ * 记录每次存款、取款的明细，便于用户查看历史。
+ */
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * 执行迁移：创建 bank_logs 流水表
+     */
+    public function up(): void
+    {
+        Schema::create('bank_logs', function (Blueprint $table): void {
+            $table->id();
+            $table->unsignedBigInteger('user_id')->comment('操作用户ID');
+            $table->enum('type', ['deposit', 'withdraw'])->comment('操作类型：存款/取款');
+            $table->integer('amount')->comment('操作金额（正数）');
+            $table->integer('balance_after')->comment('操作后 bank_jjb 余额');
+            $table->timestamps();
+
+            $table->foreign('user_id')->references('id')->on('users')->onDelete('cascade');
+            $table->index(['user_id', 'created_at']);
+        });
+    }
+
+    /**
+     * 回滚迁移
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('bank_logs');
+    }
+};

resources/views/chat/partials/layout/mobile-drawer.blade.php

@@ -34,7 +34,7 @@
         <div class="mobile-tool-btn" onclick="closeMobileDrawer();openShopModal();">🛒<br>商店</div>
         <div class="mobile-tool-btn" onclick="closeMobileDrawer();saveExp();">💾<br>存点</div>
         <div class="mobile-tool-btn" onclick="closeMobileDrawer();openGameHall();">🎮<br>娱乐</div>
-        <div class="mobile-tool-btn" onclick="closeMobileDrawer();window.chatDialog.alert('银行功能开发中，敬请期待！','开发中','#78716c');">🏦<br>银行</div>
+        <div class="mobile-tool-btn" onclick="closeMobileDrawer();openBankModal();">🏦<br>银行</div>
         <div class="mobile-tool-btn" onclick="closeMobileDrawer();openMarriageStatusModal();">💍<br>婚姻</div>
         <div class="mobile-tool-btn" onclick="closeMobileDrawer();openFriendPanel();">👫<br>好友</div>
         <div class="mobile-tool-btn" onclick="closeMobileDrawer();openAvatarPicker();">🖼️<br>头像</div>

resources/views/chat/partials/layout/toolbar.blade.php

@@ -18,7 +18,7 @@
     <div class="tool-btn" onclick="openShopModal()" title="购买道具">商店</div>
     <div class="tool-btn" onclick="saveExp()" title="手动存经验点">存点</div>
     <div class="tool-btn" onclick="openGameHall()" title="娱乐游戏大厅">娱乐</div>
-    <div class="tool-btn" onclick="window.chatDialog.alert('银行功能开发中，敬请期待！', '开发中', '#78716c')" title="银行（待开发）">银行</div>
+    <div class="tool-btn" onclick="openBankModal()" title="银行存取金币">银行</div>
     <div class="tool-btn" onclick="openMarriageStatusModal()" title="婚姻状态">婚姻</div>
     <div class="tool-btn" onclick="openFriendPanel()" title="好友列表">好友</div>
     <div class="tool-btn" onclick="openAvatarPicker()" title="修改头像">头像</div>
@@ -1568,3 +1568,353 @@
 
     })();
 </script>
+
+{{-- ═══════════ 银行弹窗 ═══════════ --}}
+<style>
+    /* 银行弹窗遮罩 */
+    #bank-modal {
+        display: none;
+        position: fixed;
+        inset: 0;
+        background: rgba(0, 0, 0, .5);
+        z-index: 9999;
+        justify-content: center;
+        align-items: center;
+    }
+
+    /* 弹窗主体 */
+    #bank-modal-inner {
+        background: #fff;
+        border-radius: 8px;
+        width: 480px;
+        max-width: 95vw;
+        max-height: 86vh;
+        display: flex;
+        flex-direction: column;
+        box-shadow: 0 8px 32px rgba(0, 0, 0, .3);
+        overflow: hidden;
+    }
+
+    /* 标题栏 */
+    #bank-modal-header {
+        background: linear-gradient(135deg, #78350f, #b45309);
+        color: #fff;
+        padding: 10px 16px;
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        flex-shrink: 0;
+    }
+
+    /* 余额卡片区 */
+    .bank-balance-row {
+        display: flex;
+        gap: 10px;
+        padding: 14px 16px 10px;
+        background: #fffbeb;
+        border-bottom: 1px solid #fde68a;
+        flex-shrink: 0;
+    }
+
+    .bank-balance-card {
+        flex: 1;
+        background: #fff;
+        border: 1px solid #fcd34d;
+        border-radius: 8px;
+        padding: 10px 12px;
+        text-align: center;
+    }
+
+    .bank-balance-card .label {
+        font-size: 11px;
+        color: #92400e;
+        margin-bottom: 4px;
+    }
+
+    .bank-balance-card .value {
+        font-size: 20px;
+        font-weight: bold;
+        color: #d97706;
+    }
+
+    /* 操作区 */
+    .bank-op-section {
+        padding: 12px 16px;
+        border-bottom: 1px solid #fde68a;
+        background: #fffbeb;
+        flex-shrink: 0;
+    }
+
+    .bank-op-row {
+        display: flex;
+        gap: 8px;
+        align-items: center;
+        margin-bottom: 8px;
+    }
+
+    .bank-op-row:last-child {
+        margin-bottom: 0;
+    }
+
+    .bank-op-label {
+        font-size: 12px;
+        font-weight: bold;
+        color: #78350f;
+        width: 44px;
+        flex-shrink: 0;
+    }
+
+    .bank-op-input {
+        flex: 1;
+        height: 34px;
+        padding: 0 10px;
+        border: 1px solid #fbbf24;
+        border-radius: 6px;
+        font-size: 13px;
+        color: #334155;
+        outline: none;
+    }
+
+    .bank-op-input:focus {
+        border-color: #d97706;
+    }
+
+    .bank-op-btn {
+        height: 34px;
+        padding: 0 14px;
+        border: none;
+        border-radius: 6px;
+        font-size: 12px;
+        font-weight: bold;
+        cursor: pointer;
+        white-space: nowrap;
+    }
+
+    .bank-op-btn-deposit {
+        background: linear-gradient(135deg, #b45309, #d97706);
+        color: #fff;
+    }
+
+    .bank-op-btn-withdraw {
+        background: linear-gradient(135deg, #16a34a, #22c55e);
+        color: #fff;
+    }
+
+    .bank-op-btn:disabled {
+        opacity: .6;
+        cursor: not-allowed;
+    }
+
+    /* 流水区 */
+    #bank-logs-list {
+        flex: 1;
+        overflow-y: auto;
+        padding: 10px 16px;
+        background: #fff;
+    }
+
+    .bank-log-item {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 6px 0;
+        border-bottom: 1px solid #f3f4f6;
+        font-size: 12px;
+    }
+
+    .bank-log-item:last-child {
+        border-bottom: none;
+    }
+
+    .bank-log-deposit { color: #b45309; }
+    .bank-log-withdraw { color: #16a34a; }
+</style>
+
+<div id="bank-modal">
+    <div id="bank-modal-inner">
+        {{-- 标题栏 --}}
+        <div id="bank-modal-header">
+            <span style="font-size:14px; font-weight:bold; flex:1;">🏦 金币银行</span>
+            <span style="cursor:pointer; font-size:18px; opacity:.8;" onclick="closeBankModal()">&times;</span>
+        </div>
+
+        {{-- 余额展示 --}}
+        <div class="bank-balance-row">
+            <div class="bank-balance-card">
+                <div class="label">💰 流通金币</div>
+                <div class="value" id="bank-jjb-display">—</div>
+            </div>
+            <div class="bank-balance-card">
+                <div class="label">🏦 银行存款</div>
+                <div class="value" id="bank-bank-display">—</div>
+            </div>
+        </div>
+
+        {{-- 操作区 --}}
+        <div class="bank-op-section">
+            {{-- 存款 --}}
+            <div class="bank-op-row">
+                <span class="bank-op-label">存 款</span>
+                <input type="number" id="bank-deposit-input" class="bank-op-input" min="1" placeholder="输入存款金额">
+                <button id="bank-deposit-btn" class="bank-op-btn bank-op-btn-deposit" onclick="bankDeposit()">存入</button>
+            </div>
+            {{-- 取款 --}}
+            <div class="bank-op-row">
+                <span class="bank-op-label">取 款</span>
+                <input type="number" id="bank-withdraw-input" class="bank-op-input" min="1" placeholder="输入取款金额">
+                <button id="bank-withdraw-btn" class="bank-op-btn bank-op-btn-withdraw" onclick="bankWithdraw()">取出</button>
+            </div>
+            <div id="bank-op-msg" style="display:none; font-size:12px; font-weight:bold; padding:6px 10px; border-radius:5px; margin-top:6px;"></div>
+        </div>
+
+        {{-- 流水记录 --}}
+        <div id="bank-logs-list">
+            <div style="text-align:center; color:#aaa; font-size:12px; padding:20px;">加载中...</div>
+        </div>
+    </div>
+</div>
+
+<script>
+    /**
+     * 打开银行弹窗并加载数据
+     */
+    function openBankModal() {
+        document.getElementById('bank-modal').style.display = 'flex';
+        bankLoadInfo();
+    }
+
+    /**
+     * 关闭银行弹窗
+     */
+    function closeBankModal() {
+        document.getElementById('bank-modal').style.display = 'none';
+    }
+
+    /**
+     * 加载银行数据（余额+流水）
+     */
+    async function bankLoadInfo() {
+        try {
+            const res  = await fetch('/bank', { headers: { 'Accept': 'application/json' } });
+            const data = await res.json();
+            if (data.status !== 'success') { return; }
+
+            // 更新余额显示
+            document.getElementById('bank-jjb-display').textContent  = data.jjb.toLocaleString();
+            document.getElementById('bank-bank-display').textContent  = data.bank_jjb.toLocaleString();
+
+            // 同步更新全局上下文
+            window.chatContext.myGold  = data.jjb;
+            window.chatContext.bankGold = data.bank_jjb;
+
+            // 渲染流水
+            const list = document.getElementById('bank-logs-list');
+            if (data.logs.length === 0) {
+                list.innerHTML = '<div style="text-align:center;color:#aaa;font-size:12px;padding:20px;">暂无记录</div>';
+                return;
+            }
+            list.innerHTML = data.logs.map(log => {
+                const isDeposit = log.type === 'deposit';
+                const sign      = isDeposit ? '▼存' : '▲取';
+                const cls       = isDeposit ? 'bank-log-deposit' : 'bank-log-withdraw';
+                const dt        = log.created_at.replace('T', ' ').substring(0, 16);
+                return `<div class="bank-log-item">
+                    <span class="${cls}">${sign} ${log.amount.toLocaleString()} 金币</span>
+                    <span style="color:#6b7280; font-size:11px;">存款余额：${log.balance_after.toLocaleString()}</span>
+                    <span style="color:#9ca3af; font-size:10px;">${dt}</span>
+                </div>`;
+            }).join('');
+        } catch (e) {
+            document.getElementById('bank-logs-list').innerHTML =
+                '<div style="text-align:center;color:red;font-size:12px;padding:20px;">加载失败</div>';
+        }
+    }
+
+    /**
+     * 存款操作
+     */
+    async function bankDeposit() {
+        const amount = parseInt(document.getElementById('bank-deposit-input').value, 10);
+        if (!amount || amount <= 0) {
+            bankShowMsg('请输入有效的存款金额', false);
+            return;
+        }
+        const btn = document.getElementById('bank-deposit-btn');
+        btn.disabled = true;
+        try {
+            const res  = await fetch('/bank/deposit', {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
+                    'Content-Type': 'application/json',
+                    'Accept':       'application/json',
+                },
+                body: JSON.stringify({ amount }),
+            });
+            const data = await res.json();
+            bankShowMsg(data.message, data.status === 'success');
+            if (data.status === 'success') {
+                document.getElementById('bank-deposit-input').value = '';
+                bankLoadInfo();
+            }
+        } catch (e) {
+            bankShowMsg('网络异常，请稍后重试', false);
+        }
+        btn.disabled = false;
+    }
+
+    /**
+     * 取款操作
+     */
+    async function bankWithdraw() {
+        const amount = parseInt(document.getElementById('bank-withdraw-input').value, 10);
+        if (!amount || amount <= 0) {
+            bankShowMsg('请输入有效的取款金额', false);
+            return;
+        }
+        const btn = document.getElementById('bank-withdraw-btn');
+        btn.disabled = true;
+        try {
+            const res  = await fetch('/bank/withdraw', {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
+                    'Content-Type': 'application/json',
+                    'Accept':       'application/json',
+                },
+                body: JSON.stringify({ amount }),
+            });
+            const data = await res.json();
+            bankShowMsg(data.message, data.status === 'success');
+            if (data.status === 'success') {
+                document.getElementById('bank-withdraw-input').value = '';
+                bankLoadInfo();
+            }
+        } catch (e) {
+            bankShowMsg('网络异常，请稍后重试', false);
+        }
+        btn.disabled = false;
+    }
+
+    /**
+     * 显示操作结果提示（3秒后自动消失）
+     *
+     * @param {string}  msg     提示内容
+     * @param {boolean} success 是否成功
+     */
+    function bankShowMsg(msg, success) {
+        const el = document.getElementById('bank-op-msg');
+        el.textContent = msg;
+        el.style.background = success ? '#f0fdf4' : '#fff5f5';
+        el.style.border     = success ? '1px solid #86efac' : '1px solid #fecaca';
+        el.style.color      = success ? '#16a34a' : '#dc2626';
+        el.style.display    = 'block';
+        clearTimeout(el._t);
+        el._t = setTimeout(() => { el.style.display = 'none'; }, 3000);
+    }
+
+    // 点击遮罩关闭银行弹窗
+    document.getElementById('bank-modal').addEventListener('click', function (e) {
+        if (e.target === this) { closeBankModal(); }
+    });
+</script>

routes/web.php

@@ -294,6 +294,11 @@ Route::middleware(['chat.auth'])->group(function () {
     Route::post('/shop/buy', [\App\Http\Controllers\ShopController::class, 'buy'])->name('shop.buy');
     Route::post('/shop/rename', [\App\Http\Controllers\ShopController::class, 'rename'])->name('shop.rename');
 
+    // ---- 银行（存取金币）----
+    Route::get('/bank', [\App\Http\Controllers\BankController::class, 'info'])->name('bank.info');
+    Route::post('/bank/deposit', [\App\Http\Controllers\BankController::class, 'deposit'])->name('bank.deposit');
+    Route::post('/bank/withdraw', [\App\Http\Controllers\BankController::class, 'withdraw'])->name('bank.withdraw');
+
     // ---- 开发日志（独立前台页面 /changelog）----
     Route::get('/changelog', [ChangelogController::class, 'index'])->name('changelog.index');
     // 懒加载接口：scroll 到底追加更多日志