Function renderRunDetail

static/js/selfcheck.js:191–239

(run)

}

function renderRunDetail(run) {
    const titleNode = document.getElementById('selfcheck-detail-title');
    const listNode = document.getElementById('selfcheck-check-list');
    if (!titleNode || !listNode) return;

    if (!run) {
        selfcheckState.selectedRun = null;
        titleNode.textContent = '请在上方点击一条运行记录';
        listNode.innerHTML = '<div class="empty-state">暂无检查数据</div>';
        renderRepairResults([]);
        renderRepairPreview(null);
        return;
    }
    selfcheckState.selectedRun = run;

    titleNode.textContent = `运行 #${run.id} | ${run.mode} | ${normalizeStatus(run.status).text} | 评分 ${run.score || 0}`;
    const checks = Array.isArray(run?.result_data?.checks) ? run.result_data.checks : [];
    if (!checks.length) {
        listNode.innerHTML = '<div class="empty-state">当前运行暂无检查结果</div>';
        renderRepairResults(run?.result_data?.repairs || []);
        return;
    }

    listNode.innerHTML = checks.map((check) => {
        const fixes = Array.isArray(check?.fixes) ? check.fixes : [];
        const detailsText = check?.details ? JSON.stringify(check.details, null, 2) : '';
        return `
            <div class="check-item">
                <div class="check-item-top">
                    <div class="check-item-title">${escapeHtml(check?.name || check?.key || '-')}</div>
                    <div>${statusBadge(check?.status)} <span class="hint-inline">${Number(check?.duration_ms || 0)}ms</span></div>
                </div>
                <div class="check-item-desc">${escapeHtml(check?.message || '-')}</div>
                ${detailsText ? `<details style="margin-top:8px;"><summary>查看明细</summary><pre style="margin-top:6px;white-space:pre-wrap;word-break:break-word;">${escapeHtml(detailsText)}</pre></details>` : ''}
                ${fixes.length ? `
                    <div class="check-fixes">
                        ${fixes.map((fixKey) => `
                            <button class="btn btn-warning btn-sm selfcheck-repair-btn" data-run-id="${run.id}" data-repair-key="${escapeHtml(fixKey)}">
                                ${escapeHtml(getRepairName(fixKey))}
                            </button>
                        `).join('')}
                    </div>
                ` : ''}
            </div>
        `;
    }).join('');

    renderRepairResults(run?.result_data?.repairs || []);
}

async function loadRepairCatalog() {
    try {