From aebdf72867d72e4f901cd3ba0af59530580af59f Mon Sep 17 00:00:00 2001
From: stary <834207172@qq.com>
Date: Tue, 19 May 2026 13:22:01 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90m=E3=80=91=E5=A2=9E=E5=8A=A0=E8=AF=B7?=
 =?UTF-8?q?=E6=B1=82=E7=90=86=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/public/index.html      | 4 ++++
 client/public/main.js         | 7 ++++++-
 src/class/websockethandler.ts | 1 +
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/client/public/index.html b/client/public/index.html
index f6c9da4..1b720ae 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -697,6 +697,10 @@
                 </div>
                 <h3 class="text-xl font-bold mb-2" id="callRequestName">Sarah Chen</h3>
                 <p class="text-gray-400 text-sm" id="callRequestText">正在请求与您进行视频通话</p>
+                <div class="mt-3 rounded-lg bg-white/5 px-3 py-2 text-left">
+                    <div class="text-xs text-gray-500 mb-1">申请理由</div>
+                    <div class="text-sm text-gray-200 break-words" id="callRequestReason">未填写</div>
+                </div>
                 <div class="mt-4 flex items-center justify-center gap-4">
                     <img id="callRequestAvatar"
                         src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop"
diff --git a/client/public/main.js b/client/public/main.js
index 74ad695..d5c8e76 100644
--- a/client/public/main.js
+++ b/client/public/main.js
@@ -41,6 +41,7 @@ function showCallRequestDialog(caller = {}) {
     const callerName = caller.name || '邀请方';
     const callerAvatar = caller.avatar || '/images/p2.png';
     const targetConnectionId = caller.connectionId || '';
+    const applyReason = caller.applyReason || caller.reason || '未填写';
     pendingIncomingInvite = caller;
 
     if (document.getElementById('callRequestName')) {
@@ -54,6 +55,9 @@ function showCallRequestDialog(caller = {}) {
             ? `正在邀请您加入通话 (${targetConnectionId})`
             : '正在请求与您进行视频通话';
     }
+    if (document.getElementById('callRequestReason')) {
+        document.getElementById('callRequestReason').textContent = applyReason;
+    }
 
     if (targetConnectionId) {
         connectionId = targetConnectionId;
@@ -92,7 +96,8 @@ function bindInviteSignalHandlers() {
             inviterSocketId: payload.inviterSocketId,
             inviterUserId: payload.inviterUserId,
             name: payload.inviterName || '邀请方',
-            avatar: payload.inviterAvatar || '/images/p2.png'
+            avatar: payload.inviterAvatar || '/images/p2.png',
+            applyReason: payload.applyReason || payload.reason || ''
         };
         showCallRequestDialog(pendingIncomingInvite);
         showNotification(`${pendingIncomingInvite.name} 邀请你加入通话`);
diff --git a/src/class/websockethandler.ts b/src/class/websockethandler.ts
index 96fd923..7d5b074 100644
--- a/src/class/websockethandler.ts
+++ b/src/class/websockethandler.ts
@@ -430,6 +430,7 @@ function onInviteCall(ws: WebSocket, message: any): void {
       inviterUserId: message.inviterUserId || (((ws as any).userInfo || {}) as UserInfo).id || '',
       inviterName: message.inviterName || (((ws as any).userInfo || {}) as UserInfo).name || '邀请方',
       inviterAvatar: message.inviterAvatar || (((ws as any).userInfo || {}) as UserInfo).avatar || '',
+      applyReason: message.applyReason || message.reason || '',
       targetSocketId: targetSocketId || '',
       targetUserId: targetUserId || ''
     }