collabdocchat 2.1.2 → 2.1.4

package/src/pages/user-dashboard.js

@@ -1,4 +1,4 @@
-import { ApiService } from '../services/api.js';
+import { ApiService } from '../services/api.js';
 import { AuthService } from '../services/auth.js';
 import 'emoji-picker-element';
 
@@ -16,42 +16,42 @@ export function renderUserDashboard(user, wsService) {
       <aside class="sidebar">
         <div class="sidebar-header">
           <h2>CollabDocChat</h2>
-          <span class="badge-user">鐢ㄦ埛</span>
+          <span class="badge-user">用户</span>
         </div>
         
         <div class="user-info">
           <div class="avatar">${user.username[0].toUpperCase()}</div>
           <div>
             <div class="username">${user.username}</div>
-            <div class="user-role">鏅€氱敤鎴?/div>
+            <div class="user-role">普通用户</div>
           </div>
         </div>
 
         <nav class="nav-menu">
           <button class="nav-item active" data-view="groups">
-            <span class="icon">馃懃</span> 鎴戠殑缇ょ粍
+            <span class="icon">👥</span> 我的群组
           </button>
           <button class="nav-item" data-view="allgroups">
-            <span class="icon">馃寪</span> 鎵€鏈夌兢缁?
+            <span class="icon">🌐</span> 所有群组
           </button>
           <button class="nav-item" data-view="tasks">
-            <span class="icon">馃搵</span> 鎴戠殑浠诲姟
+            <span class="icon">📋</span> 我的任务
           </button>
           <button class="nav-item" data-view="documents">
-            <span class="icon">馃搫</span> 鍏变韩鏂囨。
+            <span class="icon">📄</span> 共享文档
           </button>
           <button class="nav-item" data-view="files">
-            <span class="icon">馃搸</span> 鏂囦欢鍏变韩
+            <span class="icon">📎</span> 文件共享
           </button>
           <button class="nav-item" data-view="chat">
-            <span class="icon">馃挰</span> 缇よ亰
+            <span class="icon">💬</span> 群聊
           </button>
           <button class="nav-item" data-view="search">
-            <span class="icon">馃攳</span> 鎼滅储
+            <span class="icon">🔍</span> 搜索
           </button>
         </nav>
 
-        <button class="btn-logout" id="logoutBtn">閫€鍑虹櫥褰?/button>
+        <button class="btn-logout" id="logoutBtn">退出登录</button>
       </aside>
 
       <main class="main-content">
@@ -60,7 +60,7 @@ export function renderUserDashboard(user, wsService) {
     </div>
   `;
 
-  // 瀵艰埅鍒囨崲
+  // 导航切换
   document.querySelectorAll('.nav-item').forEach(item => {
     item.addEventListener('click', () => {
       document.querySelectorAll('.nav-item').forEach(i => i.classList.remove('active'));
@@ -70,7 +70,7 @@ export function renderUserDashboard(user, wsService) {
     });
   });
 
-  // 閫€鍑虹櫥褰?
+  // 退出登录
   document.getElementById('logoutBtn').addEventListener('click', () => {
     authService.logout();
   });
@@ -109,14 +109,14 @@ export function renderUserDashboard(user, wsService) {
 
     container.innerHTML = `
       <div class="view-header">
-        <h2>鎴戠殑缇ょ粍</h2>
+        <h2>我的群组</h2>
       </div>
       <div class="groups-grid" id="groupsList"></div>
     `;
 
     const groupsList = document.getElementById('groupsList');
     if (groups.length === 0) {
-      groupsList.innerHTML = '<div class="empty-state">鎮ㄨ繕娌℃湁鍔犲叆浠讳綍缇ょ粍<br>璇峰墠寰€"鎵€鏈夌兢缁?鏌ョ湅骞跺姞鍏?/div>';
+      groupsList.innerHTML = '<div class="empty-state">您还没有加入任何群组<br>请前往"所有群组"查看并加入</div>';
       return;
     }
 
@@ -125,15 +125,15 @@ export function renderUserDashboard(user, wsService) {
       groupCard.className = 'group-card';
       groupCard.innerHTML = `
         <h3>${group.name}</h3>
-        <p>${group.description || '鏆傛棤鎻忚堪'}</p>
+        <p>${group.description || '暂无描述'}</p>
         <div class="group-stats">
-          <span>馃懃 ${group.members.length} 鎴愬憳</span>
-          <span>馃搫 ${group.documents.length} 鏂囨。</span>
-          <span>馃搵 ${group.tasks.length} 浠诲姟</span>
+          <span>👥 ${group.members.length} 成员</span>
+          <span>📄 ${group.documents.length} 文档</span>
+          <span>📋 ${group.tasks.length} 任务</span>
         </div>
         <div style="display: flex; gap: 10px; margin-top: 10px;">
-          <button class="btn-select" data-id="${group._id}">杩涘叆缇ょ粍</button>
-          <button class="btn-secondary" data-id="${group._id}" data-action="leave">閫€鍑虹兢缁?/button>
+          <button class="btn-select" data-id="${group._id}">进入群组</button>
+          <button class="btn-secondary" data-id="${group._id}" data-action="leave">退出群组</button>
         </div>
       `;
       groupsList.appendChild(groupCard);
@@ -143,19 +143,19 @@ export function renderUserDashboard(user, wsService) {
       btn.addEventListener('click', () => {
         currentGroup = groups.find(g => g._id === btn.dataset.id);
         wsService.joinGroup(currentGroup._id);
-        alert(`宸茶繘鍏ョ兢缁? ${currentGroup.name}`);
+        alert(`已进入群组: ${currentGroup.name}`);
       });
     });
 
     document.querySelectorAll('[data-action="leave"]').forEach(btn => {
       btn.addEventListener('click', async () => {
-        if (confirm('纭畾瑕侀€€鍑鸿缇ょ粍鍚楋紵')) {
+        if (confirm('确定要退出该群组吗？')) {
           try {
             await apiService.leaveGroup(btn.dataset.id);
-            alert('宸查€€鍑虹兢缁?);
+            alert('已退出群组');
             await renderGroupsView(container);
           } catch (error) {
-            alert('閫€鍑哄け璐? ' + error.message);
+            alert('退出失败: ' + error.message);
           }
         }
       });
@@ -169,7 +169,7 @@ export function renderUserDashboard(user, wsService) {
 
     container.innerHTML = `
       <div class="view-header">
-        <h2>鎵€鏈夌兢缁?/h2>
+        <h2>所有群组</h2>
       </div>
       <div class="groups-grid" id="allGroupsList"></div>
     `;
@@ -181,14 +181,14 @@ export function renderUserDashboard(user, wsService) {
       groupCard.className = 'group-card';
       groupCard.innerHTML = `
         <h3>${group.name}</h3>
-        <p>${group.description || '鏆傛棤鎻忚堪'}</p>
+        <p>${group.description || '暂无描述'}</p>
         <div class="group-stats">
-          <span>馃懃 ${group.members.length} 鎴愬憳</span>
-          <span>馃搫 ${group.documents.length} 鏂囨。</span>
+          <span>👥 ${group.members.length} 成员</span>
+          <span>📄 ${group.documents.length} 文档</span>
         </div>
         ${isJoined ? 
-          '<div style="color: var(--success); margin-top: 10px;">鉁?宸插姞鍏?/div>' :
-          `<button class="btn-primary" data-id="${group._id}" data-action="join">鍔犲叆缇ょ粍</button>`
+          '<div style="color: var(--success); margin-top: 10px;">✓ 已加入</div>' :
+          `<button class="btn-primary" data-id="${group._id}" data-action="join">加入群组</button>`
         }
       `;
       allGroupsList.appendChild(groupCard);
@@ -198,10 +198,10 @@ export function renderUserDashboard(user, wsService) {
       btn.addEventListener('click', async () => {
         try {
           await apiService.joinGroup(btn.dataset.id);
-          alert('鍔犲叆鎴愬姛锛?);
+          alert('加入成功！');
           await renderAllGroupsView(container);
         } catch (error) {
-          alert('鍔犲叆澶辫触: ' + error.message);
+          alert('加入失败: ' + error.message);
         }
       });
     });
@@ -213,7 +213,7 @@ export function renderUserDashboard(user, wsService) {
       
       container.innerHTML = `
         <div class="view-header">
-          <h2>鎴戠殑浠诲姟</h2>
+          <h2>我的任务</h2>
         </div>
         <div class="tasks-list" id="tasksList"></div>
       `;
@@ -221,7 +221,7 @@ export function renderUserDashboard(user, wsService) {
       const tasksList = document.getElementById('tasksList');
       
       if (result.tasks.length === 0) {
-        tasksList.innerHTML = '<div class="empty-state">鏆傛棤浠诲姟</div>';
+        tasksList.innerHTML = '<div class="empty-state">暂无任务</div>';
         return;
       }
 
@@ -233,19 +233,19 @@ export function renderUserDashboard(user, wsService) {
           <p>${task.description}</p>
           <div class="task-meta">
             <span class="status-badge">${getStatusText(task.status)}</span>
-            <span>缇ょ粍: ${task.group.name}</span>
-            ${task.deadline ? `<span>鎴: ${new Date(task.deadline).toLocaleDateString()}</span>` : ''}
+            <span>群组: ${task.group.name}</span>
+            ${task.deadline ? `<span>截止: ${new Date(task.deadline).toLocaleDateString()}</span>` : ''}
           </div>
-          ${task.relatedDocument ? `<a href="#" class="doc-link" data-id="${task.relatedDocument._id}">馃搫 鏌ョ湅鐩稿叧鏂囨。</a>` : ''}
+          ${task.relatedDocument ? `<a href="#" class="doc-link" data-id="${task.relatedDocument._id}">📄 查看相关文档</a>` : ''}
           <div class="task-actions">
-            ${task.status === 'pending' ? `<button class="btn-primary btn-sm" data-id="${task._id}" data-action="start">寮€濮嬩换鍔?/button>` : ''}
-            ${task.status === 'in_progress' ? `<button class="btn-success btn-sm" data-id="${task._id}" data-action="complete">瀹屾垚浠诲姟</button>` : ''}
+            ${task.status === 'pending' ? `<button class="btn-primary btn-sm" data-id="${task._id}" data-action="start">开始任务</button>` : ''}
+            ${task.status === 'in_progress' ? `<button class="btn-success btn-sm" data-id="${task._id}" data-action="complete">完成任务</button>` : ''}
           </div>
         `;
         tasksList.appendChild(taskCard);
       });
 
-      // 浠诲姟鎿嶄綔
+      // 任务操作
       document.querySelectorAll('[data-action]').forEach(btn => {
         btn.addEventListener('click', async () => {
           const taskId = btn.dataset.id;
@@ -256,24 +256,24 @@ export function renderUserDashboard(user, wsService) {
             await apiService.updateTaskStatus(taskId, status);
             await renderTasksView(container);
           } catch (error) {
-            alert('鎿嶄綔澶辫触: ' + error.message);
+            alert('操作失败: ' + error.message);
           }
         });
       });
     } catch (error) {
-      console.error('鑾峰彇浠诲姟澶辫触:', error);
+      console.error('获取任务失败:', error);
       container.innerHTML = `
         <div class="view-header">
-          <h2>鎴戠殑浠诲姟</h2>
+          <h2>我的任务</h2>
         </div>
-        <div class="empty-state">鍔犺浇浠诲姟澶辫触: ${error.message}</div>
+        <div class="empty-state">加载任务失败: ${error.message}</div>
       `;
     }
   }
 
   async function renderDocumentsView(container) {
     if (!currentGroup) {
-      container.innerHTML = '<div class="empty-state">璇峰厛閫夋嫨涓€涓兢缁?/div>';
+      container.innerHTML = '<div class="empty-state">请先选择一个群组</div>';
       return;
     }
 
@@ -281,7 +281,7 @@ export function renderUserDashboard(user, wsService) {
     
     container.innerHTML = `
       <div class="view-header">
-        <h2>鍏变韩鏂囨。 - ${currentGroup.name}</h2>
+        <h2>共享文档 - ${currentGroup.name}</h2>
       </div>
       <div class="documents-list" id="docsList"></div>
     `;
@@ -289,7 +289,7 @@ export function renderUserDashboard(user, wsService) {
     const docsList = document.getElementById('docsList');
     
     if (result.documents.length === 0) {
-      docsList.innerHTML = '<div class="empty-state">鏆傛棤鏂囨。</div>';
+      docsList.innerHTML = '<div class="empty-state">暂无文档</div>';
       return;
     }
 
@@ -297,14 +297,14 @@ export function renderUserDashboard(user, wsService) {
       const docCard = document.createElement('div');
       docCard.className = 'document-card';
       docCard.innerHTML = `
-        <h3>馃搫 ${doc.title}</h3>
+        <h3>📄 ${doc.title}</h3>
         <div class="doc-meta">
-          <span>鍒涘缓鑰? ${doc.creator.username}</span>
-          <span>${doc.permission === 'readonly' ? '馃敀 鍙' : '鉁忥笍 鍙紪杈?}</span>
-          <span>鏇存柊: ${new Date(doc.updatedAt).toLocaleString()}</span>
+          <span>创建者: ${doc.creator.username}</span>
+          <span>${doc.permission === 'readonly' ? '🔒 只读' : '✏️ 可编辑'}</span>
+          <span>更新: ${new Date(doc.updatedAt).toLocaleString()}</span>
         </div>
         <button class="btn-edit" data-id="${doc._id}">
-          ${doc.permission === 'readonly' ? '鏌ョ湅' : '缂栬緫'}
+          ${doc.permission === 'readonly' ? '查看' : '编辑'}
         </button>
       `;
       docsList.appendChild(docCard);
@@ -323,25 +323,25 @@ export function renderUserDashboard(user, wsService) {
 
     container.innerHTML = `
       <div class="view-header">
-        <button class="btn-back" id="backBtn">鈫?杩斿洖</button>
+        <button class="btn-back" id="backBtn">← 返回</button>
         <h2>${doc.title}</h2>
-        <span class="doc-status">${doc.permission === 'readonly' ? '馃敀 鍙妯″紡' : '鉁忥笍 缂栬緫妯″紡'}</span>
+        <span class="doc-status">${doc.permission === 'readonly' ? '🔒 只读模式' : '✏️ 编辑模式'}</span>
       </div>
       <div class="editor-container">
         <div class="editor-toolbar">
           <div class="online-users" id="onlineUsers">
-            <span class="user-badge">馃懁 ${user.username}</span>
+            <span class="user-badge">👤 ${user.username}</span>
           </div>
-          ${doc.permission === 'editable' ? '<button class="btn-primary" id="saveBtn">淇濆瓨</button>' : ''}
+          ${doc.permission === 'editable' ? '<button class="btn-primary" id="saveBtn">保存</button>' : ''}
         </div>
         <div id="editor" ${doc.permission === 'readonly' ? 'class="readonly"' : ''}></div>
         <div class="editor-footer">
-          <span>鏈€鍚庣紪杈? ${new Date(doc.updatedAt).toLocaleString()}</span>
+          <span>最后编辑: ${new Date(doc.updatedAt).toLocaleString()}</span>
         </div>
       </div>
     `;
 
-    // 鍒濆鍖?Quill 缂栬緫鍣?
+    // 初始化 Quill 编辑器
     const quill = new Quill('#editor', {
       theme: 'snow',
       modules: {
@@ -357,15 +357,15 @@ export function renderUserDashboard(user, wsService) {
       readOnly: doc.permission === 'readonly'
     });
 
-    // 璁剧疆鍒濆鍐呭
-    editor.value = doc.content || '';
+    // 设置初始内容
+    quill.root.innerHTML = doc.content || '';
     
-    // 瀹炴椂鍚屾
+    // 实时同步
     if (doc.permission === 'editable') {
       let typingTimeout;
       let saveTimeout;
       
-      editor.addEventListener('input', () => {
+      quill.on('text-change', () => {
         clearTimeout(typingTimeout);
         clearTimeout(saveTimeout);
         wsService.sendTyping(documentId, user.username, true);
@@ -374,45 +374,45 @@ export function renderUserDashboard(user, wsService) {
           wsService.sendTyping(documentId, user.username, false);
         }, 1000);
 
-        // 鑷姩淇濆瓨
+        // 自动保存
         saveTimeout = setTimeout(async () => {
-          const content = editor.value;
+          const content = quill.root.innerHTML;
           try {
             await apiService.updateDocument(documentId, content);
           } catch (error) {
-            console.error('鑷姩淇濆瓨澶辫触:', error);
+            console.error('自动保存失败:', error);
           }
         }, 2000);
       });
 
       document.getElementById('saveBtn').addEventListener('click', async () => {
         try {
-          const content = editor.value;
+          const content = quill.root.innerHTML;
           await apiService.updateDocument(documentId, content);
-          alert('淇濆瓨鎴愬姛锛?);
+          alert('保存成功！');
         } catch (error) {
-          alert('淇濆瓨澶辫触: ' + error.message);
+          alert('保存失败: ' + error.message);
         }
       });
     }
 
-    // 鐩戝惉鏂囨。鏇存柊
+    // 监听文档更新
     wsService.on('document_update', (data) => {
       if (data.documentId === documentId && data.userId !== user.id) {
         const selection = quill.getSelection();
-        editor.value = data.content;
+        quill.root.innerHTML = data.content;
         if (selection) {
           quill.setSelection(selection);
         }
       }
     });
 
-    // 鐩戝惉鎵撳瓧鐘舵€?
+    // 监听打字状态
     wsService.on('typing', (data) => {
       if (data.documentId === documentId && data.userId !== user.id) {
         const onlineUsers = document.getElementById('onlineUsers');
         if (data.isTyping) {
-          onlineUsers.innerHTML += `<span class="user-badge typing" data-user="${data.userId}">鉁忥笍 ${data.username}</span>`;
+          onlineUsers.innerHTML += `<span class="user-badge typing" data-user="${data.userId}">✏️ ${data.username}</span>`;
         } else {
           const badge = onlineUsers.querySelector(`[data-user="${data.userId}"]`);
           if (badge) badge.remove();
@@ -427,7 +427,7 @@ export function renderUserDashboard(user, wsService) {
 
   async function renderFilesView(container) {
     if (!currentGroup) {
-      container.innerHTML = '<div class="empty-state">璇峰厛閫夋嫨涓€涓兢缁?/div>';
+      container.innerHTML = '<div class="empty-state">请先选择一个群组</div>';
       return;
     }
 
@@ -436,31 +436,31 @@ export function renderUserDashboard(user, wsService) {
       
       container.innerHTML = `
         <div class="view-header">
-          <h2>鏂囦欢鍏变韩 - ${currentGroup.name}</h2>
-          <button class="btn-primary" id="uploadFileBtn">馃摛 涓婁紶鏂囦欢</button>
+          <h2>文件共享 - ${currentGroup.name}</h2>
+          <button class="btn-primary" id="uploadFileBtn">📤 上传文件</button>
         </div>
         <div class="files-list" id="filesList"></div>
         
-        <!-- 鏂囦欢涓婁紶妯℃€佹 -->
+        <!-- 文件上传模态框 -->
         <div class="modal hidden" id="uploadFileModal">
           <div class="modal-content">
             <div class="modal-header">
-              <h3>涓婁紶鏂囦欢</h3>
+              <h3>上传文件</h3>
               <button class="modal-close" id="closeUploadModal">&times;</button>
             </div>
             <form id="uploadFileForm">
               <div class="form-group">
-                <label>閫夋嫨鏂囦欢</label>
+                <label>选择文件</label>
                 <input type="file" id="fileInput" required>
-                <small>鏀寔鍥剧墖銆丳DF銆乄ord銆丒xcel绛夛紝鏈€澶?0MB</small>
+                <small>支持图片、PDF、Word、Excel等，最大10MB</small>
               </div>
               <div class="form-group">
-                <label>鎻忚堪锛堝彲閫夛級</label>
-                <textarea id="fileDescription" rows="3" placeholder="鏂囦欢鎻忚堪..."></textarea>
+                <label>描述（可选）</label>
+                <textarea id="fileDescription" rows="3" placeholder="文件描述..."></textarea>
               </div>
               <div class="form-actions">
-                <button type="button" class="btn-secondary" id="cancelUpload">鍙栨秷</button>
-                <button type="submit" class="btn-primary">涓婁紶</button>
+                <button type="button" class="btn-secondary" id="cancelUpload">取消</button>
+                <button type="submit" class="btn-primary">上传</button>
               </div>
             </form>
           </div>
@@ -470,7 +470,7 @@ export function renderUserDashboard(user, wsService) {
       const filesList = document.getElementById('filesList');
       
       if (!result.files || result.files.length === 0) {
-        filesList.innerHTML = '<div class="empty-state">鏆傛棤鏂囦欢</div>';
+        filesList.innerHTML = '<div class="empty-state">暂无文件</div>';
       } else {
         result.files.forEach(file => {
           const fileCard = document.createElement('div');
@@ -484,37 +484,37 @@ export function renderUserDashboard(user, wsService) {
             <div class="file-info">
               <h4>${file.originalName}</h4>
               <div class="file-meta">
-                <span>涓婁紶鑰? ${file.uploader.username}</span>
-                <span>澶у皬: ${fileSize}</span>
-                <span>鏃堕棿: ${new Date(file.createdAt).toLocaleString()}</span>
+                <span>上传者: ${file.uploader.username}</span>
+                <span>大小: ${fileSize}</span>
+                <span>时间: ${new Date(file.createdAt).toLocaleString()}</span>
               </div>
               ${file.description ? `<p class="file-description">${file.description}</p>` : ''}
             </div>
             <div class="file-actions">
-              <a href="${apiService.getFileDownloadUrl(file._id)}" class="btn-primary" download>涓嬭浇</a>
-              ${file.uploader._id === currentUserId ? `<button class="btn-danger" data-id="${file._id}" data-action="delete-file">鍒犻櫎</button>` : ''}
+              <a href="${apiService.getFileDownloadUrl(file._id)}" class="btn-primary" download>下载</a>
+              ${file.uploader._id === currentUserId ? `<button class="btn-danger" data-id="${file._id}" data-action="delete-file">删除</button>` : ''}
             </div>
           `;
           filesList.appendChild(fileCard);
         });
 
-        // 鍒犻櫎鏂囦欢浜嬩欢
+        // 删除文件事件
         document.querySelectorAll('[data-action="delete-file"]').forEach(btn => {
           btn.addEventListener('click', async () => {
-            if (confirm('纭畾瑕佸垹闄よ繖涓枃浠跺悧锛?)) {
+            if (confirm('确定要删除这个文件吗？')) {
               try {
                 await apiService.deleteFile(btn.dataset.id);
-                alert('鏂囦欢鍒犻櫎鎴愬姛锛?);
+                alert('文件删除成功！');
                 await renderFilesView(container);
               } catch (error) {
-                alert('鍒犻櫎澶辫触: ' + error.message);
+                alert('删除失败: ' + error.message);
               }
             }
           });
         });
       }
 
-      // 鏂囦欢涓婁紶鍔熻兘
+      // 文件上传功能
       document.getElementById('uploadFileBtn').addEventListener('click', () => {
         document.getElementById('uploadFileModal').classList.remove('hidden');
       });
@@ -535,38 +535,38 @@ export function renderUserDashboard(user, wsService) {
         const description = document.getElementById('fileDescription').value;
 
         if (!fileInput.files[0]) {
-          alert('璇烽€夋嫨鏂囦欢');
+          alert('请选择文件');
           return;
         }
 
         try {
           await apiService.uploadFile(currentGroup._id, fileInput.files[0], description);
-          alert('鏂囦欢涓婁紶鎴愬姛锛?);
+          alert('文件上传成功！');
           document.getElementById('uploadFileModal').classList.add('hidden');
           document.getElementById('uploadFileForm').reset();
           await renderFilesView(container);
         } catch (error) {
-          alert('涓婁紶澶辫触: ' + error.message);
+          alert('上传失败: ' + error.message);
         }
       });
     } catch (error) {
-      console.error('鑾峰彇鏂囦欢鍒楄〃澶辫触:', error);
+      console.error('获取文件列表失败:', error);
       container.innerHTML = `
         <div class="view-header">
-          <h2>鏂囦欢鍏变韩</h2>
+          <h2>文件共享</h2>
         </div>
-        <div class="empty-state">鍔犺浇鏂囦欢澶辫触: ${error.message}</div>
+        <div class="empty-state">加载文件失败: ${error.message}</div>
       `;
     }
   }
 
   function getFileIcon(mimetype) {
-    if (mimetype.startsWith('image/')) return '馃柤锔?;
-    if (mimetype === 'application/pdf') return '馃摃';
-    if (mimetype.includes('word') || mimetype.includes('document')) return '馃摌';
-    if (mimetype.includes('excel') || mimetype.includes('spreadsheet')) return '馃摋';
-    if (mimetype.includes('zip') || mimetype.includes('compressed')) return '馃摝';
-    return '馃搫';
+    if (mimetype.startsWith('image/')) return '🖼️';
+    if (mimetype === 'application/pdf') return '📕';
+    if (mimetype.includes('word') || mimetype.includes('document')) return '📘';
+    if (mimetype.includes('excel') || mimetype.includes('spreadsheet')) return '📗';
+    if (mimetype.includes('zip') || mimetype.includes('compressed')) return '📦';
+    return '📄';
   }
 
   function formatFileSize(bytes) {
@@ -579,7 +579,7 @@ export function renderUserDashboard(user, wsService) {
 
   async function renderChatView(container) {
     if (!currentGroup) {
-      container.innerHTML = '<div class="empty-state">璇峰厛閫夋嫨涓€涓兢缁?/div>';
+      container.innerHTML = '<div class="empty-state">请先选择一个群组</div>';
       return;
     }
 
@@ -591,14 +591,14 @@ export function renderUserDashboard(user, wsService) {
 
     container.innerHTML = `
       <div class="view-header">
-        <h2>缇よ亰 - ${currentGroup.name}</h2>
+        <h2>群聊 - ${currentGroup.name}</h2>
       </div>
       <div class="chat-container">
         <div class="messages" id="messages"></div>
         <div class="chat-input">
-          <button class="btn-emoji" id="emojiBtn" ${canSpeak ? '' : 'disabled'}>馃槉</button>
-          <input type="text" id="messageInput" placeholder="${canSpeak ? '杈撳叆娑堟伅...' : (isMutedAll ? '鍏ㄤ綋绂佽█涓紝鏃犳硶鍙戣█' : '浣犲凡琚瑷€')}" ${canSpeak ? '' : 'disabled'}>
-          <button class="btn-primary" id="sendBtn" ${canSpeak ? '' : 'disabled'}>鍙戦€?/button>
+          <button class="btn-emoji" id="emojiBtn" ${canSpeak ? '' : 'disabled'}>😊</button>
+          <input type="text" id="messageInput" placeholder="${canSpeak ? '输入消息...' : (isMutedAll ? '全体禁言中，无法发言' : '你已被禁言')}" ${canSpeak ? '' : 'disabled'}>
+          <button class="btn-primary" id="sendBtn" ${canSpeak ? '' : 'disabled'}>发送</button>
         </div>
         <emoji-picker id="emojiPicker" class="hidden"></emoji-picker>
       </div>
@@ -608,7 +608,7 @@ export function renderUserDashboard(user, wsService) {
     const messageInput = document.getElementById('messageInput');
     const sendBtn = document.getElementById('sendBtn');
 
-    // 鍔犺浇鍘嗗彶娑堟伅
+    // 加载历史消息
     try {
       const messagesResult = await apiService.getGroupMessages(currentGroup._id);
       if (messagesResult.messages) {
@@ -627,10 +627,10 @@ export function renderUserDashboard(user, wsService) {
         messagesDiv.scrollTop = messagesDiv.scrollHeight;
       }
     } catch (err) {
-      console.error('鍔犺浇鍘嗗彶娑堟伅澶辫触:', err);
+      console.error('加载历史消息失败:', err);
     }
 
-    // 琛ㄦ儏鍖呭姛鑳?
+    // 表情包功能
     const emojiBtn = document.getElementById('emojiBtn');
     const emojiPicker = document.getElementById('emojiPicker');
     
@@ -644,15 +644,15 @@ export function renderUserDashboard(user, wsService) {
       emojiPicker.classList.add('hidden');
     });
 
-    // 鐐瑰嚮澶栭儴鍏抽棴琛ㄦ儏閫夋嫨鍣?
+    // 点击外部关闭表情选择器
     document.addEventListener('click', (e) => {
       if (!emojiBtn.contains(e.target) && !emojiPicker.contains(e.target)) {
         emojiPicker.classList.add('hidden');
       }
     });
 
-    // 娑堟伅閫氱煡绯荤粺
-    function showNotification(title, body, icon = '馃挰') {
+    // 消息通知系统
+    function showNotification(title, body, icon = '💬') {
       if ('Notification' in window && Notification.permission === 'granted') {
         new Notification(title, {
           body: body,
@@ -663,12 +663,12 @@ export function renderUserDashboard(user, wsService) {
       }
     }
 
-    // 璇锋眰閫氱煡鏉冮檺
+    // 请求通知权限
     if ('Notification' in window && Notification.permission === 'default') {
       Notification.requestPermission();
     }
 
-    // 鐩戝惉娑堟伅
+    // 监听消息
     wsService.on('chat_message', (data) => {
       if (data.groupId === currentGroup._id) {
         const messageEl = document.createElement('div');
@@ -683,35 +683,35 @@ export function renderUserDashboard(user, wsService) {
         messagesDiv.appendChild(messageEl);
         messagesDiv.scrollTop = messagesDiv.scrollHeight;
 
-        // 鏄剧ず閫氱煡锛堝鏋滀笉鏄嚜宸卞彂閫佺殑娑堟伅锛?
+        // 显示通知（如果不是自己发送的消息）
         if (data.userId !== currentUserId) {
-          showNotification(`${data.username} 鍦?${currentGroup.name}`, data.content);
+          showNotification(`${data.username} 在 ${currentGroup.name}`, data.content);
         }
       }
     });
 
-    // 鏈嶅姟绔嫤鎴彁绀猴紙姣斿琚瑷€/鏈姞鍏ョ兢缁勶級
+    // 服务端拦截提示（比如被禁言/未加入群组）
     wsService.on('chat_blocked', (data) => {
       if (data.groupId === currentGroup._id) {
         const notificationEl = document.createElement('div');
         notificationEl.className = 'notification';
-        notificationEl.textContent = data.message || '娑堟伅鍙戦€佸け璐?;
+        notificationEl.textContent = data.message || '消息发送失败';
         messagesDiv.appendChild(notificationEl);
         messagesDiv.scrollTop = messagesDiv.scrollHeight;
       }
     });
 
-    // 鐩戝惉鐐瑰悕閫氱煡
+    // 监听点名通知
     wsService.on('call_response', (data) => {
       if (data.groupId === currentGroup._id) {
         const notificationEl = document.createElement('div');
         notificationEl.className = 'notification';
-        notificationEl.textContent = `${data.username} 宸插搷搴旂偣鍚峘;
+        notificationEl.textContent = `${data.username} 已响应点名`;
         messagesDiv.appendChild(notificationEl);
       }
     });
 
-    // 鍙戦€佹秷鎭?
+    // 发送消息
     const sendMessage = () => {
       const content = messageInput.value.trim();
       if (content) {
@@ -729,22 +729,22 @@ export function renderUserDashboard(user, wsService) {
   async function renderSearchView(container) {
     container.innerHTML = `
       <div class="view-header">
-        <h2>馃攳 鎼滅储</h2>
+        <h2>🔍 搜索</h2>
       </div>
       <div class="search-container">
         <div class="search-box">
-          <input type="text" id="searchInput" placeholder="鎼滅储娑堟伅銆佹枃妗ｃ€佷换鍔?..">
-          <button class="btn-primary" id="searchBtn">鎼滅储</button>
+          <input type="text" id="searchInput" placeholder="搜索消息、文档、任务...">
+          <button class="btn-primary" id="searchBtn">搜索</button>
         </div>
         <div class="search-filters">
           <label>
-            <input type="checkbox" id="filterMessages" checked> 娑堟伅
+            <input type="checkbox" id="filterMessages" checked> 消息
           </label>
           <label>
-            <input type="checkbox" id="filterDocuments" checked> 鏂囨。
+            <input type="checkbox" id="filterDocuments" checked> 文档
           </label>
           <label>
-            <input type="checkbox" id="filterTasks" checked> 浠诲姟
+            <input type="checkbox" id="filterTasks" checked> 任务
           </label>
         </div>
         <div class="search-results" id="searchResults"></div>
@@ -758,7 +758,7 @@ export function renderUserDashboard(user, wsService) {
     const performSearch = async () => {
       const query = searchInput.value.trim();
       if (!query) {
-        searchResults.innerHTML = '<div class="empty-state">璇疯緭鍏ユ悳绱㈠叧閿瘝</div>';
+        searchResults.innerHTML = '<div class="empty-state">请输入搜索关键词</div>';
         return;
       }
 
@@ -768,12 +768,12 @@ export function renderUserDashboard(user, wsService) {
         tasks: document.getElementById('filterTasks').checked
       };
 
-      searchResults.innerHTML = '<div class="loading">鎼滅储涓?..</div>';
+      searchResults.innerHTML = '<div class="loading">搜索中...</div>';
 
       try {
         const results = [];
         
-        // 鎼滅储娑堟伅
+        // 搜索消息
         if (filters.messages && currentGroup) {
           try {
             const messagesResult = await apiService.getGroupMessages(currentGroup._id);
@@ -784,7 +784,7 @@ export function renderUserDashboard(user, wsService) {
               matchedMessages.forEach(msg => {
                 results.push({
                   type: 'message',
-                  title: `娑堟伅 - ${msg.username}`,
+                  title: `消息 - ${msg.username}`,
                   content: msg.content,
                   time: msg.timestamp,
                   group: currentGroup.name
@@ -792,11 +792,11 @@ export function renderUserDashboard(user, wsService) {
               });
             }
           } catch (err) {
-            console.error('鎼滅储娑堟伅澶辫触:', err);
+            console.error('搜索消息失败:', err);
           }
         }
 
-        // 鎼滅储鏂囨。
+        // 搜索文档
         if (filters.documents) {
           try {
             if (currentGroup) {
@@ -819,11 +819,11 @@ export function renderUserDashboard(user, wsService) {
               }
             }
           } catch (err) {
-            console.error('鎼滅储鏂囨。澶辫触:', err);
+            console.error('搜索文档失败:', err);
           }
         }
 
-        // 鎼滅储浠诲姟
+        // 搜索任务
         if (filters.tasks) {
           try {
             const tasksResult = await apiService.getMyTasks();
@@ -844,36 +844,36 @@ export function renderUserDashboard(user, wsService) {
               });
             }
           } catch (err) {
-            console.error('鎼滅储浠诲姟澶辫触:', err);
+            console.error('搜索任务失败:', err);
           }
         }
 
-        // 鏄剧ず缁撴灉
+        // 显示结果
         if (results.length === 0) {
-          searchResults.innerHTML = '<div class="empty-state">鏈壘鍒扮浉鍏崇粨鏋?/div>';
+          searchResults.innerHTML = '<div class="empty-state">未找到相关结果</div>';
         } else {
           searchResults.innerHTML = results.map(result => {
             const typeIcon = {
-              message: '馃挰',
-              document: '馃搫',
-              task: '馃搵'
+              message: '💬',
+              document: '📄',
+              task: '📋'
             };
             return `
               <div class="search-result-item">
                 <div class="result-header">
-                  <span class="result-type">${typeIcon[result.type]} ${result.type === 'message' ? '娑堟伅' : result.type === 'document' ? '鏂囨。' : '浠诲姟'}</span>
+                  <span class="result-type">${typeIcon[result.type]} ${result.type === 'message' ? '消息' : result.type === 'document' ? '文档' : '任务'}</span>
                   <span class="result-time">${new Date(result.time).toLocaleString()}</span>
                 </div>
                 <h4>${highlightText(result.title, query)}</h4>
                 <p>${highlightText(result.content, query)}</p>
-                ${result.group ? `<span class="result-group">缇ょ粍: ${result.group}</span>` : ''}
-                ${result.status ? `<span class="result-status">鐘舵€? ${getStatusText(result.status)}</span>` : ''}
+                ${result.group ? `<span class="result-group">群组: ${result.group}</span>` : ''}
+                ${result.status ? `<span class="result-status">状态: ${getStatusText(result.status)}</span>` : ''}
               </div>
             `;
           }).join('');
         }
       } catch (error) {
-        searchResults.innerHTML = `<div class="empty-state">鎼滅储澶辫触: ${error.message}</div>`;
+        searchResults.innerHTML = `<div class="empty-state">搜索失败: ${error.message}</div>`;
       }
     };
 
@@ -891,10 +891,10 @@ export function renderUserDashboard(user, wsService) {
 
   function getStatusText(status) {
     const statusMap = {
-      'pending': '寰呭鐞?,
-      'in_progress': '杩涜涓?,
-      'completed': '宸插畬鎴?,
-      'terminated': '宸茬粓姝?
+      'pending': '待处理',
+      'in_progress': '进行中',
+      'completed': '已完成',
+      'terminated': '已终止'
     };
     return statusMap[status] || status;
   }