Function loadRecentTasks

static/js/app.js:1900–1962

()

}

async function loadRecentTasks() {
    if (!elements.recentRegistrationTasksTable) return;

    try {
        const data = await api.get('/registration/tasks?page=1&page_size=12');
        const tasks = Array.isArray(data.tasks) ? data.tasks : [];

        if (!tasks.length) {
            elements.recentRegistrationTasksTable.innerHTML = `
                <tr>
                    <td colspan="4">
                        <div class="empty-state" style="padding: var(--spacing-md);">
                            <div class="empty-state-icon">🧾</div>
                            <div class="empty-state-title">暂无注册任务</div>
                        </div>
                    </td>
                </tr>
            `;
            return;
        }

        elements.recentRegistrationTasksTable.innerHTML = tasks.map(task => {
            const status = getRegistrationTaskStatusMeta(task.status);
            const taskId = escapeHtml(String(task.task_uuid || '').slice(0, 8) || '-');
            const serviceText = task.email_service_name
                ? escapeHtml(task.email_service_name)
                : (task.email_service_type ? escapeHtml(getServiceTypeText(task.email_service_type)) : (task.email_service_id ? `服务 #${task.email_service_id}` : '未绑定服务'));
            const summary = escapeHtml(buildRecentTaskSummary(task));
            const recoveryBadge = task.recovered_on_startup
                ? '<span class="task-recovery-badge">启动回收</span>'
                : '';
            return `
                <tr class="${task.recovered_on_startup ? 'task-recovered-row' : ''}">
                    <td>
                        <div style="font-weight: 600;">${taskId}</div>
                        <div class="task-subtext">${serviceText}</div>
                    </td>
                    <td>
                        <div class="task-status-stack">
                            <span class="status-badge ${status.className}">${escapeHtml(status.text)}</span>
                            ${recoveryBadge}
                        </div>
                    </td>
                    <td>
                        <div>${summary}</div>
                        ${task.recovered_on_startup ? `<div class="task-subtext">${escapeHtml(task.error_message || '')}</div>` : ''}
                    </td>
                    <td>${formatRecentTaskTime(task)}</td>
                </tr>
            `;
        }).join('');
    } catch (error) {
        elements.recentRegistrationTasksTable.innerHTML = `
            <tr>
                <td colspan="4">
                    <div class="empty-state" style="padding: var(--spacing-md);">
                        <div class="empty-state-title">加载失败：${escapeHtml(error.message)}</div>
                    </div>