104 lines
3.8 KiB
JavaScript
104 lines
3.8 KiB
JavaScript
// Admin Activity Module (ESM)
|
|
// Depends on globals: axios, window.API_BASE, window.authToken
|
|
|
|
function escapeHtml(text) {
|
|
if (!text) return '-';
|
|
const div = document.createElement('div');
|
|
div.textContent = text;
|
|
return div.innerHTML;
|
|
}
|
|
|
|
async function populateActivityUserSelect() {
|
|
try {
|
|
const resp = await axios.get(`${window.API_BASE}/admin/users`, {
|
|
headers: { Authorization: `Bearer ${window.authToken}` }
|
|
});
|
|
const payload = resp.data || {};
|
|
const users = Array.isArray(payload.items) ? payload.items : [];
|
|
const activitySelect = document.getElementById('activityUserId');
|
|
if (activitySelect) {
|
|
activitySelect.innerHTML = '<option value="">请选择用户...</option>' +
|
|
users.map(u => `<option value="${u.id}">${escapeHtml(u.email)} - ${escapeHtml(u.name || '未设置姓名')}</option>`).join('');
|
|
}
|
|
} catch (e) {
|
|
console.error('Failed to load users for activity:', e);
|
|
}
|
|
}
|
|
|
|
function getActionBadgeClass(action) {
|
|
const classes = {
|
|
'document_create': 'bg-blue-100 text-blue-800',
|
|
'document_delete': 'bg-red-100 text-red-800',
|
|
'ocr': 'bg-purple-100 text-purple-800',
|
|
'translate': 'bg-green-100 text-green-800'
|
|
};
|
|
return classes[action] || 'bg-gray-100 text-gray-800';
|
|
}
|
|
|
|
function formatActionName(action) {
|
|
const names = {
|
|
'document_create': '创建文档',
|
|
'document_delete': '删除文档',
|
|
'ocr': 'OCR 处理',
|
|
'translate': '翻译'
|
|
};
|
|
return names[action] || action;
|
|
}
|
|
|
|
function formatMetadata(metadata) {
|
|
if (!metadata) return '-';
|
|
if (typeof metadata === 'string') return metadata;
|
|
const obj = typeof metadata === 'object' ? metadata : {};
|
|
const parts = [];
|
|
if (obj.fileName) parts.push(`文件: ${escapeHtml(obj.fileName)}`);
|
|
if (obj.fileType) parts.push(`类型: ${escapeHtml(obj.fileType)}`);
|
|
return parts.length > 0 ? parts.join(', ') : escapeHtml(JSON.stringify(obj).substring(0, 50));
|
|
}
|
|
|
|
async function loadUserActivity() {
|
|
const userId = document.getElementById('activityUserId')?.value;
|
|
const limit = document.getElementById('activityLimit')?.value || '50';
|
|
const tbody = document.getElementById('activityLogsList');
|
|
if (!tbody) return;
|
|
|
|
if (!userId) {
|
|
tbody.innerHTML = `
|
|
<tr>
|
|
<td colspan="4" class="px-6 py-4 text-center text-gray-500">请选择用户查看活动日志</td>
|
|
</tr>`;
|
|
return;
|
|
}
|
|
|
|
try {
|
|
const resp = await axios.get(`${window.API_BASE}/admin/users/${userId}/activity?limit=${limit}`, {
|
|
headers: { Authorization: `Bearer ${window.authToken}` }
|
|
});
|
|
const logs = resp.data || [];
|
|
if (!logs.length) {
|
|
tbody.innerHTML = `
|
|
<tr>
|
|
<td colspan="4" class="px-6 py-4 text-center text-gray-500">该用户暂无活动记录</td>
|
|
</tr>`;
|
|
return;
|
|
}
|
|
tbody.innerHTML = logs.map(log => `
|
|
<tr>
|
|
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${new Date(log.createdAt).toLocaleString('zh-CN')}</td>
|
|
<td class="px-6 py-4 whitespace-nowrap text-sm">
|
|
<span class="px-2 py-1 text-xs font-medium rounded-full ${getActionBadgeClass(log.action)}">${formatActionName(log.action)}</span>
|
|
</td>
|
|
<td class="px-6 py-4 whitespace-nowrap text-sm font-mono text-gray-500">${log.resourceId ? escapeHtml(String(log.resourceId).substring(0,8)) + '...' : '-'}</td>
|
|
<td class="px-6 py-4 text-sm text-gray-500">${formatMetadata(log.metadata)}</td>
|
|
</tr>`).join('');
|
|
} catch (e) {
|
|
console.error('Failed to load activity logs:', e);
|
|
tbody.innerHTML = `<tr><td colspan="4" class="px-6 py-4 text-center text-red-500">加载失败：${escapeHtml(e.message||'')}</td></tr>`;
|
|
}
|
|
}
|
|
|
|
export async function initActivity() {
|
|
await populateActivityUserSelect();
|
|
// 兼容现有 onclick
|
|
window.loadUserActivity = loadUserActivity;
|
|
}
|