迁移婚姻弹窗基础按钮事件绑定

resources/js/chat-room.js

@@ -8,6 +8,7 @@ export { bindChatImageUploadControl } from "./chat-room/image-upload.js";
 export { bindFriendPanelControls, closeFriendPanel, friendSearch, loadFriends, openFriendPanel } from "./chat-room/friend-panel.js";
 export { closeChatImageLightbox, initChatImageLightboxEvents, openChatImageLightbox } from "./chat-room/lightbox.js";
 export { bindMobileDrawerControls } from "./chat-room/mobile-drawer.js";
+export { bindMarriageStatusControls } from "./chat-room/marriage-status.js";
 export { bindToolbarControls } from "./chat-room/toolbar.js";
 export { bindWelcomeMenuControls } from "./chat-room/welcome-menu.js";
 export { bindAdminMenuControls } from "./chat-room/admin-menu.js";
@@ -56,6 +57,7 @@ import { bindChatImageUploadControl } from "./chat-room/image-upload.js";
 import { bindFriendPanelControls, closeFriendPanel, friendSearch, loadFriends, openFriendPanel } from "./chat-room/friend-panel.js";
 import { closeChatImageLightbox, initChatImageLightboxEvents, openChatImageLightbox } from "./chat-room/lightbox.js";
 import { bindMobileDrawerControls } from "./chat-room/mobile-drawer.js";
+import { bindMarriageStatusControls } from "./chat-room/marriage-status.js";
 import { bindToolbarControls } from "./chat-room/toolbar.js";
 import { bindWelcomeMenuControls } from "./chat-room/welcome-menu.js";
 import { bindAdminMenuControls } from "./chat-room/admin-menu.js";
@@ -123,6 +125,7 @@ if (typeof window !== "undefined") {
         submitBaccaratLossCoverEvent,
         bindBankControls,
         bindFishingControls,
+        bindMarriageStatusControls,
         bindProfileControls,
         bindShopControls,
         bindVipControls,
@@ -175,6 +178,7 @@ if (typeof window !== "undefined") {
     bindBaccaratLossCoverAdminControls();
     bindBankControls();
     bindFishingControls();
+    bindMarriageStatusControls();
     bindProfileControls();
     bindShopControls();
     bindVipControls();

resources/js/chat-room/marriage-status.js

@@ -0,0 +1,100 @@
+// 婚姻状态弹窗基础事件绑定，替代 toolbar 婚姻区域内联 onclick。
+
+let marriageStatusEventsBound = false;
+
+/**
+ * 调用婚姻系统存量全局函数。
+ *
+ * @param {string} functionName 全局函数名
+ * @param {...unknown} args 参数
+ * @returns {void}
+ */
+function callMarriageGlobal(functionName, ...args) {
+    if (typeof window[functionName] === "function") {
+        window[functionName](...args);
+    }
+}
+
+/**
+ * 从分页文本解析当前页码。
+ *
+ * @returns {number}
+ */
+function resolveCurrentMarriedPage() {
+    const pageInfo = document.getElementById("married-page-info")?.textContent || "1 / 1";
+    const currentPage = Number.parseInt(pageInfo.split("/")[0]?.trim() || "1", 10);
+
+    return Number.isInteger(currentPage) && currentPage > 0 ? currentPage : 1;
+}
+
+/**
+ * 绑定婚姻弹窗 tab、分页、用户名片和状态操作按钮事件。
+ *
+ * @returns {void}
+ */
+export function bindMarriageStatusControls() {
+    if (marriageStatusEventsBound || typeof document === "undefined") {
+        return;
+    }
+
+    marriageStatusEventsBound = true;
+    document.addEventListener("click", (event) => {
+        if (!(event.target instanceof Element)) {
+            return;
+        }
+
+        const tabButton = event.target.closest("[data-marriage-tab]");
+        if (tabButton) {
+            event.preventDefault();
+            callMarriageGlobal("switchMarriageTab", tabButton.getAttribute("data-marriage-tab") || "");
+            return;
+        }
+
+        if (event.target.closest("[data-marriage-modal-close]")) {
+            event.preventDefault();
+            callMarriageGlobal("closeMarriageStatusModal");
+            return;
+        }
+
+        const pageButton = event.target.closest("[data-marriage-page-delta]");
+        if (pageButton) {
+            event.preventDefault();
+
+            // 分页状态仍由存量脚本维护，这里从页面文本推导目标页。
+            const delta = Number.parseInt(pageButton.getAttribute("data-marriage-page-delta") || "0", 10);
+            callMarriageGlobal("fetchMarriedList", resolveCurrentMarriedPage() + delta);
+            return;
+        }
+
+        const userCard = event.target.closest("[data-marriage-user-card]");
+        if (userCard) {
+            event.preventDefault();
+            callMarriageGlobal("openUserCard", userCard.getAttribute("data-marriage-user-card") || "");
+            return;
+        }
+
+        const actionButton = event.target.closest("[data-marriage-action]");
+        if (actionButton) {
+            event.preventDefault();
+
+            // 接受/拒绝沿用原 marriageAction，按钮可声明完成后关闭弹窗。
+            const marriageId = actionButton.getAttribute("data-marriage-id") || "";
+            const action = actionButton.getAttribute("data-marriage-action") || "";
+            callMarriageGlobal("marriageAction", marriageId, action);
+
+            if (actionButton.getAttribute("data-marriage-close-after-action") === "1") {
+                callMarriageGlobal("closeMarriageStatusModal");
+            }
+
+            return;
+        }
+
+        const divorceButton = event.target.closest("[data-marriage-divorce]");
+        if (!divorceButton) {
+            return;
+        }
+
+        event.preventDefault();
+        callMarriageGlobal("tryDivorce", divorceButton.getAttribute("data-marriage-divorce") || "");
+    });
+}

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

@@ -2029,11 +2029,11 @@ async function generateWechatBindCode() {
             <div style="display:flex; align-items:center; gap:12px;">
                 <span style="font-size:14px; font-weight:bold;">💍 婚姻系统</span>
                 <div style="display:flex; gap:6px;">
-                    <button id="marriage-tabbtn-mine" class="marriage-tab-btn active" onclick="switchMarriageTab('mine')">我的婚姻</button>
-                    <button id="marriage-tabbtn-list" class="marriage-tab-btn" onclick="switchMarriageTab('list')">已婚列表</button>
+                    <button id="marriage-tabbtn-mine" class="marriage-tab-btn active" data-marriage-tab="mine">我的婚姻</button>
+                    <button id="marriage-tabbtn-list" class="marriage-tab-btn" data-marriage-tab="list">已婚列表</button>
                 </div>
             </div>
-            <span onclick="closeMarriageStatusModal()"
+            <span data-marriage-modal-close
                 style="cursor:pointer; font-size:18px; opacity:.8; line-height:1;">✕</span>
         </div>
 
@@ -2051,9 +2051,9 @@ async function generateWechatBindCode() {
                 <div style="text-align:center; color:#aaa; padding:30px 0; font-size:12px;">加载中…</div>
             </div>
             <div id="married-list-pagination" style="padding:10px 16px; border-top:1px solid #fce7f3; display:flex; justify-content:space-between; align-items:center; font-size:11px;">
-                <button onclick="fetchMarriedList(marriedListPage - 1)" id="married-prev-btn" style="border:1px solid #fbcfe8; background:#fff; color:#be185d; padding:2px 8px; border-radius:4px; cursor:pointer;">上一页</button>
+                <button data-marriage-page-delta="-1" id="married-prev-btn" style="border:1px solid #fbcfe8; background:#fff; color:#be185d; padding:2px 8px; border-radius:4px; cursor:pointer;">上一页</button>
                 <span id="married-page-info" style="color:#be185d; font-weight:bold;">1 / 1</span>
-                <button onclick="fetchMarriedList(marriedListPage + 1)" id="married-next-btn" style="border:1px solid #fbcfe8; background:#fff; color:#be185d; padding:2px 8px; border-radius:4px; cursor:pointer;">下一页</button>
+                <button data-marriage-page-delta="1" id="married-next-btn" style="border:1px solid #fbcfe8; background:#fff; color:#be185d; padding:2px 8px; border-radius:4px; cursor:pointer;">下一页</button>
             </div>
         </div>
     </div>
@@ -2155,12 +2155,12 @@ async function generateWechatBindCode() {
                 return `
                     <div class="married-list-item">
                         <div class="married-couple-info">
-                            <div class="married-user-box" style="cursor:pointer;" onclick="openUserCard('${user.username}')">
+                            <div class="married-user-box" style="cursor:pointer;" data-marriage-user-card="${user.username}">
                                 <img src="${user.headface_url || '/images/headface/1.gif'}" class="married-user-avatar" onerror="this.src='/images/headface/1.gif'">
                                 <span class="married-user-name" style="${userColor}" title="${user.username}">${user.username}</span>
                             </div>
                             <div class="married-heart">💖</div>
-                            <div class="married-user-box" style="cursor:pointer;" onclick="openUserCard('${partner.username}')">
+                            <div class="married-user-box" style="cursor:pointer;" data-marriage-user-card="${partner.username}">
                                 <img src="${partner.headface_url || '/images/headface/1.gif'}" class="married-user-avatar" onerror="this.src='/images/headface/1.gif'">
                                 <span class="married-user-name" style="${partnerColor}" title="${partner.username}">${partner.username}</span>
                             </div>
@@ -2205,7 +2205,7 @@ async function generateWechatBindCode() {
                         </div>
                     </div>`;
                 footer.innerHTML = `
-                    <button onclick="closeMarriageStatusModal()"
+                    <button data-marriage-modal-close
                         style="flex:1; padding:9px; background:#f3f4f6; color:#555;
                                border:1px solid #d1d5db; border-radius:6px; font-size:13px; cursor:pointer;">
                         关闭
@@ -2247,12 +2247,12 @@ async function generateWechatBindCode() {
                 if (!iProposed) {
                     // 被求婚方：可以接受 / 拒绝
                     footer.innerHTML = `
-                        <button onclick="marriageAction('${m.id}','reject'); closeMarriageStatusModal();"
+                        <button data-marriage-action="reject" data-marriage-id="${m.id}" data-marriage-close-after-action="1"
                             style="flex:1;padding:9px;background:#f3f4f6;color:#555;
                                    border:1px solid #d1d5db;border-radius:6px;font-size:13px;cursor:pointer;">
                             😢 婉拒
                         </button>
-                        <button onclick="marriageAction('${m.id}','accept'); closeMarriageStatusModal();"
+                        <button data-marriage-action="accept" data-marriage-id="${m.id}" data-marriage-close-after-action="1"
                             style="flex:1;padding:9px;background:linear-gradient(135deg,#be185d,#f43f5e);
                                    color:#fff;border:none;border-radius:6px;font-size:13px;
                                    font-weight:bold;cursor:pointer;">
@@ -2260,7 +2260,7 @@ async function generateWechatBindCode() {
                         </button>`;
                 } else {
                     footer.innerHTML = `
-                        <button onclick="closeMarriageStatusModal()"
+                        <button data-marriage-modal-close
                             style="flex:1;padding:9px;background:#f3f4f6;color:#555;
                                    border:1px solid #d1d5db;border-radius:6px;font-size:13px;cursor:pointer;">
                             关闭（等待对方回应）
@@ -2304,12 +2304,12 @@ async function generateWechatBindCode() {
 
                 // 已婚底部：离婚入口（需要二次确认）
                 footer.innerHTML = `
-                    <button onclick="closeMarriageStatusModal()"
+                    <button data-marriage-modal-close
                         style="flex:1;padding:9px;background:#f3f4f6;color:#555;
                                border:1px solid #d1d5db;border-radius:6px;font-size:13px;cursor:pointer;">
                         关闭
                     </button>
-                    <button onclick="tryDivorce('${m.id}')"
+                    <button data-marriage-divorce="${m.id}"
                         style="flex:.8;padding:9px;border:1px solid #fca5a5;background:#fff;
                                color:#dc2626;border-radius:6px;font-size:12px;cursor:pointer;">
                         💔 申请离婚
@@ -2321,7 +2321,7 @@ async function generateWechatBindCode() {
             body.innerHTML =
                 `<div style="text-align:center;color:#999;padding:30px 0;font-size:12px;">暂无有效婚姻记录</div>`;
             footer.innerHTML = `
-                <button onclick="closeMarriageStatusModal()"
+                <button data-marriage-modal-close
                     style="flex:1;padding:9px;background:#f3f4f6;color:#555;
                            border:1px solid #d1d5db;border-radius:6px;font-size:13px;cursor:pointer;">关闭</button>`;
         }