${task.title}
${task.description || '无描述'}
📌
任务标题
${task.title}
📝
任务描述
${task.description || '暂无描述'}
📊
${task.status === 'completed' ? '✓' : task.status === 'in-progress' ? '⟳' : task.status === 'cancelled' ? '✕' : '○'}
${getStatusText(task.status)}
任务状态
📅
截止日期
${task.deadline ? new Date(task.deadline).toLocaleString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' }) : '无截止日期'}
👥
分配给
${task.assignedTo && task.assignedTo.length > 0 ? `${task.assignedTo.length} 人` : ''}
${task.assignedTo && task.assignedTo.length > 0 ?
task.assignedTo.map(user => `
`).join('') :
'
${user.username?.[0]?.toUpperCase() || '?'}
${user.username || '未知用户'}
未分配给任何人
' }
🕐
创建时间
${new Date(task.createdAt).toLocaleString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' })}
🔄
更新时间
${new Date(task.updatedAt).toLocaleString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' })}
📊
投票信息
${task.poll.question || '投票'}
${task.poll.votedCount || 0}
已投票
${(task.poll.totalMembers || 0) - (task.poll.votedCount || 0)}
未投票
${task.poll.totalVotes || 0}
总票数
${task.poll.options?.map(option => {
const percentage = task.poll.totalVotes > 0 ? Math.round((option.votes || 0) / task.poll.totalVotes * 100) : 0;
const voters = option.voters || [];
return \`
\` : \`
\`;
}).join('') || '
${task.poll.unvotedMembers && task.poll.unvotedMembers.length > 0 ? \`
\${option.text}
\${option.votes || 0} 票 (\${percentage}%)
\${voters.length > 0 ? \`
投票成员 (\${voters.length}人):
\${voters.map(voter => {
const voterName = typeof voter === 'string' ? voter : voter.username;
return \\`
\\${voterName ? voterName[0].toUpperCase() : '?'}
\\${voterName || '未知用户'}
\\`;
}).join('')}
暂无人投票
\`}
暂无投票选项
'}
⚠️
未投票成员 (\${task.poll.unvotedMembers.length}人):
\${task.poll.unvotedMembers.map(member => {
const memberName = typeof member === 'string' ? member : member.username;
return \\`
\\${memberName ? memberName[0].toUpperCase() : '?'}
\\${memberName || '未知用户'}
未投票
\\`;
}).join('')}
✅ 所有成员已完成投票
\` : ''}
请先选择一个群组
';
return;
}
const result = await apiService.getDocuments(currentGroup._id);
const groupResult = await apiService.getGroup(currentGroup._id);
const group = groupResult.group;
container.innerHTML = `
📄 共享文档 - ${currentGroup.name}
暂无共享文档
';
} else {
result.documents.forEach(doc => {
const docCard = document.createElement('div');
docCard.className = 'document-card';
const editableCount = doc.editableMembers?.length || 0;
docCard.innerHTML = `
📄 ${doc.title}
📄 ${doc.title}
管理哪些成员可以编辑此文档
${doc.title}
${doc.permission === 'readonly' ? '🔒 只读模式' : '✏️ 编辑模式'}请先选择一个群组
';
return;
}
try {
const result = await apiService.getGroupFiles(currentGroup._id);
container.innerHTML = `
文件管理 - ${currentGroup.name}
暂无文件
';
} else {
result.files.forEach(file => {
const fileCard = document.createElement('div');
fileCard.className = 'file-card';
const fileIcon = getFileIcon(file.mimetype);
const fileSize = formatFileSize(file.size);
fileCard.innerHTML = `
${file.originalName}
${file.description ? `${file.description}
` : ''}文件管理
加载文件失败: ${error.message}
`;
}
}
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 '📄';
}
function formatFileSize(bytes) {
if (bytes === 0) return '0 Bytes';
const k = 1024;
const sizes = ['Bytes', 'KB', 'MB', 'GB'];
const i = Math.floor(Math.log(bytes) / Math.log(k));
return Math.round(bytes / Math.pow(k, i) * 100) / 100 + ' ' + sizes[i];
}
async function renderChatView(container) {
if (!currentGroup) {
container.innerHTML = '请先选择一个群组
';
return;
}
const groupResult = await apiService.getGroup(currentGroup._id);
let group = groupResult.group;
container.innerHTML = `
群聊 - ${currentGroup.name}
🎨 白板作品
点击查看大图
`;
}
messageEl.innerHTML = `
`;
messagesDiv.appendChild(messageEl);
});
messagesDiv.scrollTop = messagesDiv.scrollHeight;
}
} catch (err) {
console.error('加载历史消息失败:', err);
}
const refreshMuteButtons = () => {
const btn = document.getElementById('muteAllBtn');
btn.textContent = isMutedAll ? '取消全体禁言' : '全体禁言';
btn.style.background = isMutedAll ? 'var(--danger)' : '';
};
refreshMuteButtons();
// 全体禁言（服务端生效）
// 清除聊天记录
document.getElementById('clearChatBtn').addEventListener('click', async () => {
const confirmText = '⚠️ 警告：此操作将永久删除该群组的所有聊天记录！\n\n确定要清除吗？';
if (!confirm(confirmText)) {
return;
}
// 二次确认
const doubleConfirm = prompt('请输入群组名称以确认删除：\n\n群组名称：' + currentGroup.name);
if (doubleConfirm !== currentGroup.name) {
alert('❌ 群组名称不匹配，操作已取消');
return;
}
try {
const btn = document.getElementById('clearChatBtn');
const originalText = btn.innerHTML;
btn.innerHTML = '⏳ 清除中...';
btn.disabled = true;
const token = localStorage.getItem('token');
const response = await fetch(`http://localhost:8765/api/messages/group/${currentGroup._id}/clear`, {
method: 'DELETE',
headers: {
'Authorization': `Bearer ${token}`,
'Content-Type': 'application/json'
}
});
if (!response.ok) {
const error = await response.json();
throw new Error(error.message || '清除失败');
}
const result = await response.json();
// 清空消息显示
messagesDiv.innerHTML = '✨ 聊天记录已清空
';
alert(`✅ 成功清除 ${result.deletedCount || 0} 条聊天记录！`);
btn.innerHTML = originalText;
btn.disabled = false;
} catch (error) {
console.error('清除聊天记录失败:', error);
alert('❌ 清除失败: ' + error.message);
const btn = document.getElementById('clearChatBtn');
btn.innerHTML = '🗑️ 清除记录';
btn.disabled = false;
}
});
document.getElementById('muteAllBtn').addEventListener('click', async () => {
try {
const next = !isMutedAll;
const res = await apiService.setMuteAll(currentGroup._id, next);
isMutedAll = Boolean(res.mutedAll);
refreshMuteButtons();
const notification = document.createElement('div');
notification.className = 'notification';
notification.textContent = isMutedAll ? '已开启全体禁言（成员无法发言）' : '已取消全体禁言';
messagesDiv.appendChild(notification);
messagesDiv.scrollTop = messagesDiv.scrollHeight;
} catch (e) {
alert('设置失败: ' + e.message);
}
});
// 个人禁言（服务端生效）
document.getElementById('manageMuteBtn').addEventListener('click', async () => {
// 重新拉取最新 group（避免成员变动不同步）
const latest = await apiService.getGroup(currentGroup._id);
group = latest.group;
mutedUsers = new Set((group.mutedUsers || []).map(String));
const membersList = document.getElementById('membersList');
membersList.innerHTML = group.members
.filter(m => m._id.toString() !== currentUserId)
.map(member => {
const isMuted = mutedUsers.has(member._id.toString());
return `
${member.username[0].toUpperCase()}
${member.username}
🎨 白板作品
点击查看大图
`;
}
messageEl.innerHTML = `
`;
messagesDiv.appendChild(messageEl);
messagesDiv.scrollTop = messagesDiv.scrollHeight;
}
});
// 发送被拦截提示（来自服务端）
wsService.on('chat_blocked', (data) => {
if (data.groupId === currentGroup._id) {
const notification = document.createElement('div');
notification.className = 'notification';
notification.textContent = data.message || '消息发送失败';
messagesDiv.appendChild(notification);
messagesDiv.scrollTop = messagesDiv.scrollHeight;
}
});
// 发送消息
const sendMessage = () => {
const content = messageInput.value.trim();
if (content) {
wsService.sendChatMessage(currentGroup._id, user.username, content);
messageInput.value = '';
}
};
sendBtn.addEventListener('click', sendMessage);
messageInput.addEventListener('keypress', (e) => {
if (e.key === 'Enter') sendMessage();
});
// AI助手按钮
document.getElementById('openAIBtn').addEventListener('click', () => {
document.getElementById('aiModal').classList.remove('hidden');
});
document.getElementById('closeAIModal').addEventListener('click', () => {
document.getElementById('aiModal').classList.add('hidden');
});
// 快捷问题按钮
document.querySelectorAll('.quick-question-btn').forEach(btn => {
btn.addEventListener('click', () => {
document.getElementById('aiInputText').value = btn.dataset.question;
document.getElementById('aiSendBtnModal').click();
});
btn.addEventListener('mouseenter', (e) => {
e.target.style.background = 'var(--primary)';
e.target.style.color = 'white';
e.target.style.transform = 'translateY(-2px)';
});
btn.addEventListener('mouseleave', (e) => {
e.target.style.background = 'var(--bg)';
e.target.style.color = 'inherit';
e.target.style.transform = 'translateY(0)';
});
});
// AI输入框自动调整高度
const aiInput = document.getElementById('aiInputText');
aiInput.addEventListener('input', () => {
aiInput.style.height = 'auto';
aiInput.style.height = aiInput.scrollHeight + 'px';
});
// 支持 Enter 发送，Shift+Enter 换行
aiInput.addEventListener('keydown', (e) => {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
document.getElementById('aiSendBtnModal').click();
}
});
// 输入框聚焦效果
aiInput.addEventListener('focus', () => {
aiInput.style.borderColor = 'var(--primary)';
});
aiInput.addEventListener('blur', () => {
aiInput.style.borderColor = 'var(--border)';
});
// 发送按钮悬停效果
const aiSendBtn = document.getElementById('aiSendBtnModal');
aiSendBtn.addEventListener('mouseenter', () => {
aiSendBtn.style.transform = 'scale(1.05)';
});
aiSendBtn.addEventListener('mouseleave', () => {
aiSendBtn.style.transform = 'scale(1)';
});
document.getElementById('aiSendBtnModal').addEventListener('click', async () => {
const input = document.getElementById('aiInputText');
const question = input.value.trim();
if (!question) return;
const chatMessages = document.getElementById('aiChatMessages');
// 显示用户消息
const userMsg = document.createElement('div');
userMsg.className = 'ai-message user';
userMsg.style.cssText = 'background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 12px 18px; border-radius: 18px 18px 4px 18px; margin: 10px 0; max-width: 75%; margin-left: auto; text-align: right; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3); animation: slideInRight 0.3s ease;';
userMsg.textContent = question;
chatMessages.appendChild(userMsg);
input.value = '';
// 显示加载中
const loadingMsg = document.createElement('div');
loadingMsg.className = 'ai-message ai loading';
loadingMsg.style.cssText = 'background: var(--bg-tertiary); padding: 12px 16px; border-radius: 12px; margin: 10px 0; max-width: 70%;';
loadingMsg.textContent = '思考中...';
chatMessages.appendChild(loadingMsg);
chatMessages.scrollTop = chatMessages.scrollHeight;
try {
const token = localStorage.getItem('token');
const response = await fetch('http://localhost:8765/api/ai/ask', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${token}`
},
body: JSON.stringify({ question, groupId: currentGroup?._id })
});
const result = await response.json();
loadingMsg.remove();
const aiMsg = document.createElement('div');
aiMsg.className = 'ai-message ai';
aiMsg.style.cssText = 'background: var(--bg-secondary); padding: 15px 18px; border-radius: 18px 18px 18px 4px; margin: 10px 0; max-width: 75%; border: 1px solid var(--border); box-shadow: 0 2px 4px rgba(0,0,0,0.05); animation: slideInLeft 0.3s ease; line-height: 1.6;';
aiMsg.textContent = result.answer || '抱歉，我无法回答这个问题。';
chatMessages.appendChild(aiMsg);
chatMessages.scrollTop = chatMessages.scrollHeight;
} catch (error) {
loadingMsg.remove();
const errorMsg = document.createElement('div');
errorMsg.className = 'ai-message ai error';
errorMsg.style.cssText = 'background: var(--danger); color: white; padding: 12px 16px; border-radius: 12px; margin: 10px 0; max-width: 70%;';
errorMsg.textContent = '抱歉，发生了错误: ' + error.message;
chatMessages.appendChild(errorMsg);
chatMessages.scrollTop = chatMessages.scrollHeight;
}
});
// 协作白板按钮
document.getElementById('openWhiteboardBtn').addEventListener('click', () => {
document.getElementById('whiteboardModal').classList.remove('hidden');
initWhiteboard();
});
document.getElementById('closeWhiteboardModal').addEventListener('click', () => {
document.getElementById('whiteboardModal').classList.add('hidden');
});
function initWhiteboard() {
const canvas = document.getElementById('whiteboardCanvas');
if (!canvas) return;
const ctx = canvas.getContext('2d');
let isDrawing = false;
let currentTool = 'pen';
let currentColor = '#000000';
let brushSize = 3;
let lastX = 0;
let lastY = 0;
// 工具切换
document.querySelectorAll('.tool-btn').forEach(btn => {
btn.onclick = () => {
document.querySelectorAll('.tool-btn').forEach(b => {
b.style.background = 'transparent';
b.style.borderColor = 'var(--border)';
b.style.color = 'inherit';
b.classList.remove('active');
});
btn.style.background = 'var(--primary)';
btn.style.borderColor = 'var(--primary)';
btn.style.color = 'white';
btn.classList.add('active');
currentTool = btn.dataset.tool;
};
});
const colorPicker = document.getElementById('colorPickerCanvas');
if (colorPicker) {
colorPicker.onchange = (e) => {
currentColor = e.target.value;
};
}
const brushSizeInput = document.getElementById('brushSizeCanvas');
const brushSizeLabel = document.getElementById('brushSizeLabel');
if (brushSizeInput && brushSizeLabel) {
brushSizeInput.oninput = (e) => {
brushSize = e.target.value;
brushSizeLabel.textContent = `大小: ${brushSize}`;
};
}
// 绘画功能
canvas.onmousedown = (e) => {
isDrawing = true;
const rect = canvas.getBoundingClientRect();
lastX = e.clientX - rect.left;
lastY = e.clientY - rect.top;
};
canvas.onmousemove = (e) => {
if (!isDrawing) return;
const rect = canvas.getBoundingClientRect();
const x = e.clientX - rect.left;
const y = e.clientY - rect.top;
ctx.beginPath();
ctx.moveTo(lastX, lastY);
ctx.lineTo(x, y);
ctx.strokeStyle = currentTool === 'eraser' ? '#ffffff' : currentColor;
ctx.lineWidth = brushSize;
ctx.lineCap = 'round';
ctx.stroke();
lastX = x;
lastY = y;
};
canvas.onmouseup = () => {
isDrawing = false;
};
canvas.onmouseleave = () => {
isDrawing = false;
};
// 清空画布
document.getElementById('clearCanvasBtn').onclick = () => {
if (confirm('确定要清空画布吗？')) {
ctx.clearRect(0, 0, canvas.width, canvas.height);
}
};
// 保存白板
document.getElementById('saveCanvasBtn').onclick = () => {
const dataURL = canvas.toDataURL('image/png');
const link = document.createElement('a');
link.download = `whiteboard-${Date.now()}.png`;
link.href = dataURL;
link.click();
alert('白板已保存！');
};
// 发送到群聊
document.getElementById('sendToGroupBtn').onclick = async () => {
try {
const dataURL = canvas.toDataURL('image/png');
const blob = await fetch(dataURL).then(r => r.blob());
// 创建 FormData 上传图片
const formData = new FormData();
formData.append('file', blob, `whiteboard-${Date.now()}.png`);
formData.append('groupId', currentGroup._id);
formData.append('description', '协作白板作品');
const token = localStorage.getItem('token');
const response = await fetch('http://localhost:8765/api/files/upload', {
method: 'POST',
headers: {
'Authorization': `Bearer ${token}`
},
body: formData
});
if (response.ok) {
const result = await response.json();
const fileId = result.file._id;
const fileUrl = `http://localhost:8765/api/files/${fileId}/download?token=${token}`;
// 发送包含图片的消息到群聊
wsService.sendChatMessage(currentGroup._id, user.username, `[白板作品]${fileUrl}`);
alert('白板作品已发送到群聊！');
document.getElementById('whiteboardModal').classList.add('hidden');
} else {
throw new Error('上传失败');
}
} catch (error) {
console.error('发送白板作品错误:', error);
alert('发送失败: ' + error.message);
}
};
}
}
async function renderCallView(container) {
if (!currentGroup) {
container.innerHTML = '请先选择一个群组
';
return;
}
container.innerHTML = `
随机点名 - ${currentGroup.name}
点名结果:
${result.calledMembers.map(member => `
`).join('')}
`;
} catch (error) {
alert('点名失败: ' + error.message);
}
});
}
async function renderAuditView(container) {
container.innerHTML = `
${member.username[0].toUpperCase()}
${member.username}
操作记录
今日操作
-
本周操作
-
活跃用户
-
加载中...
加载中...
';
const options = { page, limit: 20 };
const result = await apiService.getAuditLogs(filters, options);
if (result.logs.length === 0) {
auditLogsDiv.innerHTML = '暂无操作记录
';
document.getElementById('auditPagination').style.display = 'none';
return;
}
auditLogsDiv.innerHTML = `
时间
用户
操作
资源
详情
${new Date(log.createdAt).toLocaleString()}
${log.user?.username?.[0]?.toUpperCase() || '?'}
${log.user?.username || '未知用户'}
${getActionText(log.action)}
${log.resourceTitle || log.resourceId}
${log.details?.description || '-'}
加载失败: ' + error.message + '
';
}
}
async function loadStats() {
try {
const today = new Date();
const weekAgo = new Date(today.getTime() - 7 * 24 * 60 * 60 * 1000);
// 获取今日统计
const todayStats = await apiService.getAuditSummary({
startDate: today.toISOString().split('T')[0],
endDate: today.toISOString().split('T')[0]
});
// 获取本周统计
const weekStats = await apiService.getAuditSummary({
startDate: weekAgo.toISOString().split('T')[0],
endDate: today.toISOString().split('T')[0]
});
document.getElementById('todayCount').textContent = todayStats.summary.totalLogs;
document.getElementById('weekCount').textContent = weekStats.summary.totalLogs;
document.getElementById('activeUsers').textContent = weekStats.summary.topUsers.length;
} catch (error) {
console.error('加载统计信息失败:', error);
}
}
// 格式化审计描述
function formatAuditDescription(log) {
const username = log.user?.username || '未知用户';
const action = getActionText(log.action);
const resourceTitle = log.resourceTitle || log.resourceId;
let description = '' + username + ' ';
switch(log.action) {
case 'document_create':
description += '创建了文档 "' + resourceTitle + '"';
break;
case 'document_update':
description += '更新了文档 "' + resourceTitle + '"';
if (log.details?.field) {
description += ' 的 ' + getFieldName(log.details.field) + '';
}
break;
case 'document_delete':
description += '删除了文档 "' + resourceTitle + '"';
break;
case 'content_edit':
description += '编辑了文档 "' + resourceTitle + '" 的内容';
if (log.changes) {
const insertions = log.changes.insertions?.reduce((sum, ins) => sum + ins.length, 0) || 0;
const deletions = log.changes.deletions?.reduce((sum, del) => sum + del.length, 0) || 0;
if (insertions > 0 || deletions > 0) {
description += ' (+' + insertions + ' / -' + deletions + ' 字符)';
}
}
break;
case 'title_edit':
description += '修改了文档 "' + resourceTitle + '" 的标题';
if (log.details?.oldValue && log.details?.newValue) {
description += ' 从 "' + log.details.oldValue + '" 改为 "' + log.details.newValue + '"';
}
break;
case 'document_permission_change':
description += '修改了文档 "' + resourceTitle + '" 的权限设置';
break;
default:
description += '执行了 ' + action + ' 操作';
}
return description;
}
// 获取字段中文名称
function getFieldName(field) {
const fieldMap = {
'title': '标题',
'content': '内容',
'permissions': '权限',
'status': '状态',
'tags': '标签',
'category': '分类',
'description': '描述'
};
return fieldMap[field] || field;
}
// 格式化值显示
function formatValue(value) {
if (value === null || value === undefined) {
return '空';
}
if (typeof value === 'object') {
return JSON.stringify(value, null, 2);
}
const strValue = String(value);
// 如果内容太长，截断显示
if (strValue.length > 500) {
return strValue.substring(0, 500) + '... (内容过长，已截断)';
}
// HTML转义
return strValue.replace(//g, '>');
}
// 显示操作详情
window.showAuditDetail = async (logId) => {
try {
const token = localStorage.getItem('token');
const response = await fetch(`http://localhost:8765/api/audit/${logId}`, {
headers: { 'Authorization': `Bearer ${token}` }
});
const result = await response.json();
const log = result.log;
const modal = document.getElementById('auditDetailModal');
const content = document.getElementById('auditDetailContent');
// 获取操作类型颜色
const getActionColor = (action) => {
const colors = {
'create': '#10b981',
'update': '#f59e0b',
'delete': '#ef4444',
'login': '#6366f1',
'logout': '#8b5cf6'
};
return colors[action] || '#6366f1';
};
content.innerHTML = `
📋
操作信息
操作类型:
${getActionText(log.action)}
操作时间:
${new Date(log.createdAt).toLocaleString('zh-CN', {
year: 'numeric',
month: 'long',
day: 'numeric',
hour: '2-digit',
minute: '2-digit',
second: '2-digit'
})}
操作用户:
${log.user?.username?.[0]?.toUpperCase() || '?'}
${log.user?.username || '未知用户'}
📄
资源信息
资源类型:
${log.resourceType || '未知'}
资源ID:
${log.resourceId}
资源标题:
${log.resourceTitle || '无'}
📝
详细总结
ℹ️ 操作详情
🌐
请求信息
IP地址:
${log.ipAddress || '未记录'}
用户代理:
${log.userAgent || '未记录'}
' + formatValue(log.details.oldValue) + '
';
}
if (log.details.newValue !== undefined && log.details.newValue !== null) {
detailsHTML += '新值:';
detailsHTML += '' + formatValue(log.details.newValue) + '
';
}
}
if (detailsHTML) {
detailsContent.innerHTML = detailsHTML;
document.getElementById('auditDetailsSection').style.display = 'block';
} else {
document.getElementById('auditDetailsSection').style.display = 'none';
}
// 填充变更统计
if (log.changes && (log.changes.insertions?.length > 0 || log.changes.deletions?.length > 0)) {
const changesContent = document.getElementById('auditChangesContent');
let changesHTML = '';
if (log.changes.insertions && log.changes.insertions.length > 0) {
const insertCount = log.changes.insertions.reduce((sum, ins) => sum + ins.length, 0);
changesHTML += '';
changesHTML += '
';
}
if (log.changes.deletions && log.changes.deletions.length > 0) {
const deleteCount = log.changes.deletions.reduce((sum, del) => sum + del.length, 0);
changesHTML += '✅ 新增内容
';
changesHTML += '共 ' + insertCount + ' 个字符
';
changesHTML += '';
changesHTML += '
';
}
changesContent.innerHTML = changesHTML;
document.getElementById('auditChangesSection').style.display = 'block';
} else {
document.getElementById('auditChangesSection').style.display = 'none';
}
modal.classList.remove('hidden');
} catch (error) {
alert('加载详情失败: ' + error.message);
}
};
// 事件监听
document.getElementById('applyFilters').addEventListener('click', () => {
currentFilters = {
groupId: document.getElementById('auditGroupFilter').value,
action: document.getElementById('auditActionFilter').value,
startDate: document.getElementById('startDate').value,
endDate: document.getElementById('endDate').value
};
// 移除空值
Object.keys(currentFilters).forEach(key => {
if (!currentFilters[key]) {
delete currentFilters[key];
}
});
currentPage = 1;
loadAuditLogs(currentPage, currentFilters);
});
document.getElementById('prevPage').addEventListener('click', () => {
if (currentPage > 1) {
currentPage--;
loadAuditLogs(currentPage, currentFilters);
}
});
document.getElementById('nextPage').addEventListener('click', () => {
currentPage++;
loadAuditLogs(currentPage, currentFilters);
});
document.getElementById('exportLogs').addEventListener('click', () => {
alert('导出功能开发中...');
});
document.getElementById('closeAuditDetail').addEventListener('click', () => {
document.getElementById('auditDetailModal').classList.add('hidden');
});
// 初始加载
loadStats();
loadAuditLogs();
}
async function renderSearchView(container) {
container.innerHTML = `
❌ 删除内容
';
changesHTML += '共 ' + deleteCount + ' 个字符
';
changesHTML += '🔍 搜索
请输入搜索关键词
';
return;
}
const filters = {
messages: document.getElementById('filterMessages').checked,
documents: document.getElementById('filterDocuments').checked,
tasks: document.getElementById('filterTasks').checked
};
searchResults.innerHTML = '搜索中...
';
try {
const results = [];
// 搜索消息
if (filters.messages && currentGroup) {
try {
const messagesResult = await apiService.getGroupMessages(currentGroup._id);
if (messagesResult.messages) {
const matchedMessages = messagesResult.messages.filter(msg =>
msg.content.toLowerCase().includes(query.toLowerCase())
);
matchedMessages.forEach(msg => {
results.push({
type: 'message',
title: `消息 - ${msg.username}`,
content: msg.content,
time: msg.timestamp,
group: currentGroup.name
});
});
}
} catch (err) {
console.error('搜索消息失败:', err);
}
}
// 搜索文档
if (filters.documents) {
try {
if (currentGroup) {
const docsResult = await apiService.getDocuments(currentGroup._id);
if (docsResult.documents) {
const matchedDocs = docsResult.documents.filter(doc =>
doc.title.toLowerCase().includes(query.toLowerCase()) ||
doc.content.toLowerCase().includes(query.toLowerCase())
);
matchedDocs.forEach(doc => {
results.push({
type: 'document',
title: doc.title,
content: doc.content.substring(0, 200),
time: doc.updatedAt,
id: doc._id,
group: currentGroup.name
});
});
}
}
} catch (err) {
console.error('搜索文档失败:', err);
}
}
// 搜索任务
if (filters.tasks && currentGroup) {
try {
const tasksResult = await apiService.getTasks(currentGroup._id);
if (tasksResult.tasks) {
const matchedTasks = tasksResult.tasks.filter(task =>
task.title.toLowerCase().includes(query.toLowerCase()) ||
(task.description && task.description.toLowerCase().includes(query.toLowerCase()))
);
matchedTasks.forEach(task => {
results.push({
type: 'task',
title: task.title,
content: task.description || '',
time: task.updatedAt,
id: task._id,
status: task.status,
group: currentGroup.name
});
});
}
} catch (err) {
console.error('搜索任务失败:', err);
}
}
// 显示结果
if (results.length === 0) {
searchResults.innerHTML = '未找到相关结果
';
} else {
searchResults.innerHTML = results.map(result => {
const typeIcon = {
message: '💬',
document: '📄',
task: '📋'
};
return `
${typeIcon[result.type]} ${result.type === 'message' ? '消息' : result.type === 'document' ? '文档' : '任务'}
${new Date(result.time).toLocaleString()}
${highlightText(result.title, query)}
${highlightText(result.content, query)}
${result.group ? `群组: ${result.group}` : ''} ${result.status ? `状态: ${getStatusText(result.status)}` : ''}搜索失败: ${error.message}
`;
}
};
searchBtn.addEventListener('click', performSearch);
searchInput.addEventListener('keypress', (e) => {
if (e.key === 'Enter') performSearch();
});
}
function highlightText(text, query) {
if (!query) return text;
const regex = new RegExp(`(${query})`, 'gi');
return text.replace(regex, '$1');
}
function getStatusText(status) {
const statusMap = {
'pending': '待处理',
'in_progress': '进行中',
'completed': '已完成',
'terminated': '已终止'
};
return statusMap[status] || status;
}
function getActionText(action) {
const actionMap = {
'document_create': '创建文档',
'document_update': '更新文档',
'document_delete': '删除文档',
'content_edit': '编辑内容',
'title_edit': '修改标题',
'document_permission_change': '权限修改'
};
return actionMap[action] || action;
}
function getStatusText(status) {
const statusMap = {
'pending': '待处理',
'in_progress': '进行中',
'completed': '已完成',
'terminated': '已终止'
};
return statusMap[status] || status;
}
// 知识库管理
async function renderKnowledgeView(container) {
if (!currentGroup) {
container.innerHTML = '请先选择一个群组
';
return;
}
try {
const token = localStorage.getItem('token');
const response = await fetch(`http://localhost:8765/api/knowledge/group/${currentGroup._id}`, {
headers: { 'Authorization': `Bearer ${token}` }
});
if (!response.ok) {
throw new Error(`HTTP ${response.status}: ${response.statusText}`);
}
const result = await response.json();
console.log('知识库数据:', result);
// 后端返回的是 { success: true, data: { knowledgeList: [...], pagination: {...} } }
const knowledgeItems = result.data?.knowledgeList || [];
console.log('知识库条目数量:', knowledgeItems.length);
container.innerHTML = `
📚 知识库管理 - ${currentGroup.name}
暂无知识条目
';
} else {
knowledgeItems.forEach(item => {
const card = document.createElement('div');
card.className = 'knowledge-card';
card.style.cssText = 'background: var(--bg-secondary); padding: 20px; border-radius: 12px; border: 1px solid var(--border); transition: transform 0.2s, box-shadow 0.2s; position: relative;';
card.innerHTML = `
${item.isShared ? '🌐已共享
' : ''}
${item.title}
${item.content.substring(0, 150)}${item.content.length > 150 ? '...' : ''}
${item.tags && item.tags.length > 0 ? ` ` : ''}加载失败: ${error.message}
`;
}
}
// 工作流管理
// 格式化工作流触发条件
function formatWorkflowTrigger(trigger) {
if (!trigger) return '未设置';
// 如果是字符串，直接转换
if (typeof trigger === 'string') {
const triggerNames = {
'document_create': '📄 文档创建时',
'document_update': '✏️ 文档更新时',
'document_delete': '🗑️ 文档删除时',
'task_create': '📋 任务创建时',
'task_complete': '✅ 任务完成时',
'task_overdue': '⏰ 任务逾期时',
'member_join': '👥 成员加入时',
'group_create': '🏢 群组创建时',
'scheduled': '⏱️ 定时触发',
'manual': '🖱️ 手动触发'
};
return triggerNames[trigger] || trigger;
}
// 如果是对象，解析详细信息
const parts = [];
if (trigger.event) {
const eventNames = {
'document_created': '📄 文档创建',
'document_updated': '✏️ 文档更新',
'document_deleted': '🗑️ 文档删除',
'task_created': '📋 任务创建',
'task_completed': '✅ 任务完成',
'task_overdue': '⏰ 任务逾期',
'member_joined': '👥 成员加入',
'group_created': '🏢 群组创建',
'message_sent': '💬 消息发送',
'file_uploaded': '📎 文件上传'
};
parts.push(eventNames[trigger.event] || trigger.event);
}
if (trigger.conditions && Object.keys(trigger.conditions).length > 0) {
const conditions = [];
for (const [key, value] of Object.entries(trigger.conditions)) {
const conditionNames = {
'group': '群组',
'user': '用户',
'keyword': '关键词',
'status': '状态',
'priority': '优先级'
};
const conditionName = conditionNames[key] || key;
conditions.push(`${conditionName}=${value}`);
}
if (conditions.length > 0) {
parts.push(`(条件: ${conditions.join(', ')})`);
}
}
if (trigger.schedule) {
parts.push(`⏱️ 定时: ${trigger.schedule}`);
}
return parts.length > 0 ? parts.join(' ') : '自定义触发条件';
}
async function renderWorkflowView(container) {
if (!currentGroup) {
container.innerHTML = '请先选择一个群组
';
return;
}
try {
const token = localStorage.getItem('token');
const response = await fetch(`http://localhost:8765/api/workflows/group/${currentGroup._id}`, {
headers: { 'Authorization': `Bearer ${token}` }
});
const result = await response.json();
const workflows = result.data?.workflows || [];
container.innerHTML = `
⚙️ 工作流管理 - ${currentGroup.name}
暂无工作流
';
} else {
workflows.forEach(workflow => {
const card = document.createElement('div');
card.className = 'workflow-card';
card.style.cssText = 'background: var(--bg-secondary); padding: 20px; border-radius: 12px; border: 1px solid var(--border); transition: transform 0.2s, box-shadow 0.2s;';
const isActive = workflow.status === 'active';
card.innerHTML = `
${workflow.name}
${isActive ? '✅ 活跃' : '⏸️ 暂停'}${workflow.description || '无描述'}
加载失败: ${error.message}
`;
}
}
// 备份管理
async function renderBackupView(container) {
try {
const token = localStorage.getItem('token');
const response = await fetch('http://localhost:8765/api/backup/list', {
headers: { 'Authorization': `Bearer ${token}` }
});
const result = await response.json();
const backups = result.data?.backups || [];
container.innerHTML = `
💾 备份管理
暂无备份
';
} else {
backups.forEach(backup => {
const card = document.createElement('div');
card.className = 'backup-card';
card.style.cssText = 'background: var(--bg-secondary); padding: 20px; border-radius: 12px; border: 1px solid var(--border); transition: transform 0.2s, box-shadow 0.2s;';
const size = (backup.size / 1024 / 1024).toFixed(2);
card.innerHTML = `
📦
${backup.filename}
${size} MB
加载失败: ${error.message}
`;
}
}
// AI助手
async function renderAIView(container) {
container.innerHTML = 'AI助手功能开发中...
';
}
// 数据导出
async function renderExportView(container) {
container.innerHTML = `
📤 数据导出
📜 导出历史
加载中...
📦 ${exp.format.toUpperCase()} 导出
📅 ${new Date(exp.createdAt).toLocaleString()}
暂无导出记录
';
}
} catch (error) {
document.getElementById('historyList').innerHTML = '加载失败
';
}
document.getElementById('exportBtn').addEventListener('click', async () => {
const options = {
groups: document.getElementById('exportGroups').checked,
documents: document.getElementById('exportDocuments').checked,
tasks: document.getElementById('exportTasks').checked,
messages: document.getElementById('exportMessages').checked,
files: document.getElementById('exportFiles').checked,
format: document.getElementById('exportFormat').value
};
const btn = document.getElementById('exportBtn');
btn.disabled = true;
btn.textContent = '⏳ 导出中...';
try {
const token = localStorage.getItem('token');
const response = await fetch('http://localhost:8765/api/export', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${token}`
},
body: JSON.stringify(options)
});
if (response.ok) {
const blob = await response.blob();
const url = window.URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `export-${Date.now()}.${options.format}`;
a.click();
alert('导出成功！');
await renderExportView(container);
} else {
throw new Error('导出失败');
}
} catch (error) {
alert('导出失败: ' + error.message);
} finally {
btn.disabled = false;
btn.textContent = '🚀 开始导出';
}
});
}
// 协作白板
async function renderWhiteboardView(container) {
if (!currentGroup) {
container.innerHTML = '请先选择一个群组
';
return;
}
container.innerHTML = `
🎨 协作白板 - ${currentGroup.name}
👤 ${user.username}
🔌 集成管理
邮件通知
接收重要事件的邮件通知
Webhook
自定义 Webhook 集成
钉钉机器人
发送消息到钉钉群
企业微信
发送消息到企业微信
Slack
连接到 Slack 工作区
数据分析
导出数据到分析平台
⚙️ 设置中心
管理您的个人偏好和系统配置
👤
个人设置
🔔
通知设置
🎨
系统设置
❓ 帮助中心
快速找到您需要的帮助和支持
📖
快速开始
❓
常见问题
ℹ️
关于 CollabDocChat
CollabDocChat v2.3.0
开源的实时协作文档聊天平台，提供强大的团队协作功能。
© 2026 CollabDocChat. All rights reserved.
核心特性
- 实时协作编辑
- 智能 AI 助手
- 工作流自动化
- 知识库管理
- 协作白板
- 数据备份导出