【m】界面分为3个页面

WebApp/client/public/onebyone/endcall/endcall.js

@@ -0,0 +1,98 @@
+/**
+ * 结束通话界面逻辑
+ * 处理通话结束后的操作，如重新连接或返回连接界面
+ */
+
+// 通知函数
+function showNotification(message, type = 'info') {
+    const notification = document.getElementById('notification');
+    const notificationText = document.getElementById('notificationText');
+
+    if (notification && notificationText) {
+        notificationText.textContent = message;
+
+        // 清除之前的类
+        notification.className = 'fixed top-20 left-1/2 transform -translate-x-1/2 glass px-6 py-3 rounded-full flex items-center gap-3 opacity-0 pointer-events-none transition-all duration-300 z-50 translate-y-[-20px]';
+
+        // 根据类型添加不同的图标
+        const iconElement = notification.querySelector('i');
+        if (iconElement) {
+            iconElement.className = 'fas fa-info-circle text-indigo-400';
+            switch (type) {
+                case 'success':
+                    iconElement.className = 'fas fa-check-circle text-green-400';
+                    break;
+                case 'error':
+                    iconElement.className = 'fas fa-exclamation-circle text-red-400';
+                    break;
+                case 'warning':
+                    iconElement.className = 'fas fa-exclamation-triangle text-yellow-400';
+                    break;
+            }
+        }
+
+        // 显示通知
+        notification.classList.remove('opacity-0', 'translate-y-[-20px]');
+        notification.classList.add('opacity-100', 'translate-y-0');
+
+        // 3秒后隐藏
+        setTimeout(() => {
+            notification.classList.remove('opacity-100', 'translate-y-0');
+            notification.classList.add('opacity-0', 'translate-y-[-20px]');
+        }, 3000);
+    }
+}
+
+// 重新连接
+function reconnectCall() {
+    showNotification('正在重新连接...');
+
+    // 跳转到通话界面
+    window.location.href = '../index.html';
+}
+
+// 离开
+function leaveCall() {
+    // 清除本地存储中的连接ID
+    localStorage.removeItem('connectionId');
+
+    // 跳转到连接界面
+    window.location.href = '../connect/connect.html';
+}
+
+// 绑定事件监听器
+function bindEvents() {
+    // 重新连接按钮
+    const reconnectBtn = document.getElementById('reconnectBtn');
+    if (reconnectBtn) {
+        reconnectBtn.addEventListener('click', reconnectCall);
+    }
+
+    // 离开按钮
+    const leaveBtn = document.getElementById('leaveBtn');
+    if (leaveBtn) {
+        leaveBtn.addEventListener('click', leaveCall);
+    }
+}
+
+// 页面加载完成后初始化
+window.addEventListener('DOMContentLoaded', () => {
+    bindEvents();
+
+    // 更新断开连接信息
+    const disconnectConnectionId = document.getElementById('disconnectConnectionId');
+    const disconnectTime = document.getElementById('disconnectTime');
+
+    if (disconnectConnectionId) {
+        disconnectConnectionId.textContent = localStorage.getItem('connectionId') || '--';
+    }
+
+    if (disconnectTime) {
+        disconnectTime.textContent = new Date().toLocaleString();
+    }
+});
+
+// 导出全局函数
+window.showNotification = showNotification;
+window.reconnectCall = reconnectCall;
+window.leaveCall = leaveCall;