迁移手机抽屉基础事件绑定

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

@@ -17,18 +17,18 @@
 
 {{-- ── 浮动按钮组（右下角固定） ── --}}
 <div id="mobile-fabs">
-    <button class="mobile-fab" id="fab-toolbar" onclick="openMobileDrawer('toolbar')" title="工具菜单">🔧</button>
-    <button class="mobile-fab" id="fab-users"   onclick="openMobileDrawer('users')"   title="在线名单">👥</button>
+    <button class="mobile-fab" id="fab-toolbar" data-mobile-drawer-open="toolbar" title="工具菜单">🔧</button>
+    <button class="mobile-fab" id="fab-users" data-mobile-drawer-open="users" title="在线名单">👥</button>
 </div>
 
 {{-- ── 遮罩（点击关闭当前抽屉） ── --}}
-<div id="mobile-drawer-mask" onclick="closeMobileDrawer()"></div>
+<div id="mobile-drawer-mask" data-mobile-drawer-close></div>
 
 {{-- ── 工具条抽屉（底部滑入） ── --}}
 <div id="mobile-drawer-toolbar" class="mobile-drawer">
     <div class="mobile-drawer-header">
         🔧 工具菜单
-        <button class="mobile-drawer-close" onclick="closeMobileDrawer()">✕</button>
+        <button class="mobile-drawer-close" data-mobile-drawer-close>✕</button>
     </div>
     <div class="mobile-drawer-body">
         <div class="mobile-tool-btn" onclick="closeMobileDrawer();quickDailySignIn();">✅<br>签到</div>
@@ -57,17 +57,17 @@
 <div id="mobile-drawer-users" class="mobile-drawer">
     <div class="mobile-drawer-header">
         <span id="mob-drawer-title">👥 在线名单</span>
-        <button class="mobile-drawer-close" onclick="closeMobileDrawer()">✕</button>
+        <button class="mobile-drawer-close" data-mobile-drawer-close>✕</button>
     </div>
 
     {{-- Tab 切换条 --}}
     <div style="display:flex;background:#e8f0f8;border-bottom:1px solid #b0c8e0;flex-shrink:0;">
         <button id="mob-tab-users"
             style="flex:1;padding:7px 4px;font-size:12px;border:none;background:#336699;color:#fff;cursor:pointer;font-weight:bold;"
-            onclick="switchMobileTab('users')">👥 名单</button>
+            data-mobile-drawer-tab="users">👥 名单</button>
         <button id="mob-tab-rooms"
             style="flex:1;padding:7px 4px;font-size:12px;border:none;background:transparent;color:#336699;cursor:pointer;"
-            onclick="switchMobileTab('rooms')">🏠 房间</button>
+            data-mobile-drawer-tab="rooms">🏠 房间</button>
     </div>
 
     {{-- 名单面板 --}}
@@ -75,15 +75,13 @@
         {{-- 排序/搜索工具栏 --}}
         <div style="display:flex;gap:4px;padding:5px 6px;background:#f0f4f8;border-bottom:1px solid #dde8f0;flex-shrink:0;">
             <select id="mob-user-sort-select"
-                style="flex:1;font-size:11px;border:1px solid #b0c8e0;border-radius:3px;padding:2px 4px;color:#224466;"
-                onchange="renderMobileUserList()">
+                style="flex:1;font-size:11px;border:1px solid #b0c8e0;border-radius:3px;padding:2px 4px;color:#224466;">
                 <option value="default">默认顺序</option>
                 <option value="level">按等级排</option>
                 <option value="name">按名字排</option>
             </select>
             <input id="mob-user-search-input" type="text" placeholder="搜索用户..."
-                style="flex:2;font-size:11px;border:1px solid #b0c8e0;border-radius:3px;padding:2px 6px;color:#333;"
-                oninput="scheduleRenderMobileUserList()">
+                style="flex:2;font-size:11px;border:1px solid #b0c8e0;border-radius:3px;padding:2px 6px;color:#333;">
         </div>
 
         {{-- 用户列表容器 --}}