'use strict';
/* =====================================================================
小白复盘 · 数据中枢 admin/app.js — HEL-529 第十二版
三页真实数据中枢：运行总览 / 数据源配置 / 数据血缘。
视觉系统逐行照抄已通过打样 hub-kimi.html + SPEC-V11.md（v12 血缘压缩增补），
但本文件不含任何随机/模拟数据——全部状态、数字、事件均来自真实接口：
既有 /admin/api/{overview,sources,jobs,batches,datasets,audit,...}
与 HEL-543 新增只读旁路 /admin/api/{providers/status,source-catalog,
lineage,lineage/affected}。
===================================================================== */
/* ================= 基础：DOM helper / API / CSRF ================= */
function $(id) { return document.getElementById(id); }
function esc(v) { return String(v ?? '').replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' }[c])); }
const state = { csrf: '', page: 'overview', calm: false, username: '' };
async function api(path, options = {}) {
const headers = Object.assign({ 'Content-Type': 'application/json' }, options.headers || {});
if (state.csrf && (options.method || 'GET') !== 'GET') headers['X-CSRF-Token'] = state.csrf;
const res = await fetch(path, Object.assign({}, options, { headers, credentials: 'same-origin' }));
const body = await res.json().catch(() => ({}));
if (!res.ok) {
const msg = (body.error && body.error.message) || body.error || res.statusText;
throw new Error(msg);
}
return body;
}
/* ================= 认证：登录 / 改密 / 登出 ================= */
function showView(id) {
['login-view', 'change-view'].forEach((k) => { $(k).hidden = k !== id; });
$('appRoot').hidden = id !== 'shell';
}
async function boot() {
try {
const session = await api('/admin/api/session');
state.csrf = session.csrf;
state.username = session.username;
$('who').textContent = session.username;
if (session.must_change) { showView('change-view'); return; }
showView('shell');
await startApp();
} catch {
showView('login-view');
}
}
$('login-form').addEventListener('submit', async (event) => {
event.preventDefault();
const form = new FormData(event.target);
$('login-error').hidden = true;
try {
const result = await api('/admin/api/login', {
method: 'POST',
body: JSON.stringify({ username: form.get('username'), password: form.get('password') }),
});
state.csrf = result.csrf;
if (result.must_change) { showView('change-view'); return; }
const session = await api('/admin/api/session');
state.username = session.username;
$('who').textContent = session.username;
showView('shell');
await startApp();
} catch (err) {
$('login-error').hidden = false;
$('login-error').textContent = err.message;
}
});
$('change-form').addEventListener('submit', async (event) => {
event.preventDefault();
const form = new FormData(event.target);
try {
await api('/admin/api/change-password', {
method: 'POST',
body: JSON.stringify({ current: form.get('current'), new_password: form.get('new_password') }),
});
const session = await api('/admin/api/session');
state.username = session.username;
$('who').textContent = session.username;
showView('shell');
await startApp();
} catch (err) {
$('change-error').hidden = false;
$('change-error').textContent = err.message;
}
});
$('logout-btn').addEventListener('click', async () => {
try { await api('/admin/api/logout', { method: 'POST', body: '{}' }); } catch {}
Poller.stop();
showView('login-view');
});
/* ================= 状态归类（真实状态字符串 → 7 类视觉桶） =================
桶: ok / slow / fail / plan / review / degrade / off
来源覆盖：observability.classify_error/classify_rows、CircuitBreaker、
eod/revision progress、batches/publications、job_runs 的全部真实取值。 */
const HEALTH = {
ok: { label: '正常', led: 'ok', color: '#34d399' },
slow: { label: '慢', led: 'slow', color: '#fbbf24' },
fail: { label: '失败', led: 'fail', color: '#f87171' },
plan: { label: '计划', led: 'plan', color: '#8b9bb4' },
review: { label: '复核中', led: 'rev', color: '#22d3ee' },
degrade: { label: '降级', led: 'slow', color: '#fbbf24' },
off: { label: '未配置', led: 'off', color: '#54637e' },
};
const STATE_MAP = {
ok: 'ok', closed: 'ok', published: 'ok', done: 'ok', aligned: 'ok',
half_open: 'slow', waiting_upstream: 'slow',
open: 'fail', timeout: 'fail', blocked: 'fail', empty: 'fail', missing_fields: 'fail',
error: 'fail', failed: 'fail', cutoff_failed: 'fail', cutoff: 'fail', review_failed: 'fail',
degraded: 'degrade', stale: 'degrade',
pending_first_attempt: 'plan', pending_publish: 'plan',
running: 'review', staged: 'review', waiting_review: 'review',
unconfigured: 'off', reserved: 'off', unknown: 'off', closed_day: 'off',
};
function bucketOf(rawState) { return STATE_MAP[String(rawState || '').toLowerCase()] || 'off'; }
const SEV = { fail: 6, degrade: 5, slow: 4, review: 3, plan: 2, off: 1, ok: 0 };
function worstBucket(list) {
let best = 'ok', bestSev = -1;
for (const b of list) { const s = SEV[b] ?? 0; if (s > bestSev) { bestSev = s; best = b; } }
return list.length ? best : 'ok';
}
/* ================= 渲染小工具（结构照抄 hub-kimi.html） ================= */
function ledHtml(st, pulse) { return ``; }
function pillHtml(bucket, label) { const h = HEALTH[bucket] || HEALTH.off; return `${ledHtml(h.led, bucket === 'fail' || bucket === 'review')}${label || h.label}`; }
function tagHtml(tone, inner) { return `${inner}`; }
function panelHtml(title, right, body, pad) {
return `//${title}${right ? `${right}` : ''}${body}
`;
}
function kpiHtml(label, value, sub, tone, live) {
const tc = { txt: '', mint: 'glow-mint', amb: 'glow-amb', rd: 'glow-rd', cy: 'glow-cy' }[tone || 'txt'];
return `${label}${value}${live ? '_' : ''}${sub ? `${sub}` : ''}
`;
}
function radarBlipsHtml(pulseOk) {
return pulseOk
? ``
: '';
}
function latHtml(ms, warn) {
if (ms == null) return '—';
const color = ms > 1000 ? '#fbbf24' : (warn ? '#fbbf24' : '#d7e1f0');
return `${Number(ms).toLocaleString('en-US')}ms`;
}
function ageFromIso(iso) {
if (!iso) return null;
const t = Date.parse(iso.includes('T') ? iso : iso.replace(' ', 'T'));
if (Number.isNaN(t)) return null;
return Math.max(0, Math.floor((Date.now() - t) / 1000));
}
function ageHtml(iso) {
const s = ageFromIso(iso);
if (s == null) return '—';
const txt = s < 90 ? `${s}s` : s < 3600 ? `${Math.floor(s / 60)}m` : `${Math.floor(s / 3600)}h`;
return `${txt}`;
}
function hm(iso) {
if (!iso) return '—';
const s = String(iso);
const idx = s.indexOf('T') >= 0 ? s.indexOf('T') : s.indexOf(' ');
if (idx < 0 || s.length < idx + 6) return s.slice(0, 5) || '—';
return s.slice(idx + 1, idx + 6);
}
const p2 = (x) => String(x).padStart(2, '0');
/* ================= 数据层：拉取真实接口并汇总为一份快照 ================= */
const RAW = {
overview: null, sources: null, providers: null, catalog: null,
lineage: null, jobs: null, batches: null, datasets: null, audit: null,
};
async function fetchAll() {
const [overview, sources, providers, catalog, lineage, jobs, batches, datasets, audit] = await Promise.all([
api('/admin/api/overview'),
api('/admin/api/sources'),
api('/admin/api/providers/status?limit=200'),
api('/admin/api/source-catalog'),
api('/admin/api/lineage'),
api('/admin/api/jobs'),
api(`/admin/api/batches?date=${today()}`),
api(`/admin/api/datasets?date=${today()}`),
api('/admin/api/audit'),
]);
RAW.overview = overview; RAW.sources = sources; RAW.providers = providers; RAW.catalog = catalog;
RAW.lineage = lineage; RAW.jobs = jobs; RAW.batches = batches; RAW.datasets = datasets; RAW.audit = audit;
}
function today() { return RAW.overview ? RAW.overview.trade_date : ''; }
/* 按 provider(+interface) 索引 provider_health，供各页复用 */
function healthIndex() {
const idx = {};
const rows = (RAW.providers && RAW.providers.health) || [];
for (const row of rows) {
idx[row.provider] = idx[row.provider] || [];
idx[row.provider].push(row);
}
return idx;
}
function callsIndex() {
const idx = {};
const rows = (RAW.providers && RAW.providers.recent_calls) || [];
for (const row of rows) { (idx[row.provider] = idx[row.provider] || []).push(row); }
return idx;
}
const OFFICIAL_DATASET_IDS = ['daily', 'valuation', 'moneyflow', 'auction', 'index_daily', 'limit_events', 'popularity', 'dragon_tiger', 'sector_daily', 'stocks'];
const DATASET_NAME = {
daily: '日K', valuation: '估值', moneyflow: '资金流', auction: '竞价', index_daily: '指数日K',
limit_events: '涨停池', popularity: '人气榜', dragon_tiger: '龙虎榜', sector_daily: '题材板块', stocks: '股票主档',
};
/* =====================================================================
总览页
===================================================================== */
function buildOverviewVM() {
const ov = RAW.overview || {};
const eod = ov.eod_status || {};
const rev = ov.revision_status || {};
const pubsByDs = {};
(ov.publications || []).forEach((p) => { pubsByDs[p.dataset] = p; });
const batchByDs = {};
((RAW.batches && RAW.batches.batches) || []).forEach((b) => { if (!batchByDs[b.dataset] || b.started_at > batchByDs[b.dataset].started_at) batchByDs[b.dataset] = b; });
const hidx = healthIndex();
const totalOfficial = OFFICIAL_DATASET_IDS.length;
const publishedCount = OFFICIAL_DATASET_IDS.filter((id) => pubsByDs[id] && pubsByDs[id].state === 'published').length;
const anomalyCount = (ov.anomalies || []).length;
const recentCalls = ov.recent_calls || [];
const successRate = recentCalls.length ? (recentCalls.filter((c) => c.ok).length / recentCalls.length * 100) : null;
// 主站回退页面：主源异常且备源健康 → 判定为“回退中”的 provisional 数据集
let fallbackPages = 0;
(RAW.lineage && RAW.lineage.items || []).forEach((it) => {
if (it.tier !== 'provisional' || !it.backup_source) return;
const rows = it.live_provider_health || [];
const primaryProv = (it.providers || [])[0];
const backupProv = (it.providers || [])[1];
const primaryState = worstBucket(rows.filter((r) => r.provider === primaryProv).map((r) => bucketOf(r.state)));
const backupState = worstBucket(rows.filter((r) => r.provider === backupProv).map((r) => bucketOf(r.state)));
if ((primaryState === 'fail' || primaryState === 'degrade' || primaryState === 'slow') && backupState === 'ok') fallbackPages += 1;
});
const datasetCards = OFFICIAL_DATASET_IDS.map((id) => {
const pub = pubsByDs[id];
const batch = batchByDs[id];
let bucket = 'plan', note = '';
if (pub) {
bucket = pub.state === 'published' ? 'ok' : (pub.state === 'degraded' ? 'degrade' : 'fail');
note = pub.published_at ? hm(pub.published_at) : '';
} else if (batch) {
bucket = batch.state === 'failed' ? 'fail' : (batch.state === 'staged' ? 'review' : 'plan');
note = batch.error ? esc(batch.error) : '';
}
const rows = (batch && batch.rows_out) || (pub && pub.rows_out) || null;
return { id, name: DATASET_NAME[id] || id, bucket, time: note && !batch?.error ? note : '', rows, err: batch && batch.error ? batch.error : '' };
});
// 实时观察层：eastmoney / tencent 的真实 provider_health 行
const catalogByProv = {};
(RAW.catalog && RAW.catalog.items || []).forEach((it) => { catalogByProv[it.provider] = it; });
const observers = [];
['eastmoney', 'tencent'].forEach((prov) => {
const rows = hidx[prov] || [];
const cat = catalogByProv[prov];
rows.forEach((row) => {
const iface = (cat && cat.interfaces.find((i) => i.interface === row.interface)) || {};
observers.push({
name: iface.capability || row.interface,
provider: prov,
interface: row.interface,
lastOk: row.last_ok_at,
lat: row.last_latency_ms,
bucket: bucketOf(row.state),
note: row.last_error || row.last_fallback_reason || '',
});
});
});
// 主站影响：lineage() 条目按 known_consumers 展开
const siteImpact = [];
(RAW.lineage && RAW.lineage.items || []).forEach((it) => {
const rows = it.live_provider_health || [];
const bucket = it.tier === 'official'
? (it.publication ? (it.publication.state === 'published' ? 'ok' : (it.publication.state === 'degraded' ? 'degrade' : 'fail')) : (rows.length ? worstBucket(rows.map((r) => bucketOf(r.state))) : 'plan'))
: (rows.length ? worstBucket(rows.map((r) => bucketOf(r.state))) : 'off');
const note = rows.find((r) => r.last_error)?.last_error || rows.find((r) => r.last_fallback_reason)?.last_fallback_reason || '';
(it.known_consumers || []).forEach((c) => {
siteImpact.push({ page: c, dataset: it.dataset, bucket, note });
});
});
const okPages = siteImpact.filter((s) => s.bucket === 'ok').length;
// 今晚时间线：真实 jobs() 定义 + job_runs
const jobDefs = (RAW.jobs && RAW.jobs.jobs || []).filter((j) => j.at !== 'manual');
const runsByJob = {};
((RAW.jobs && RAW.jobs.runs) || []).forEach((r) => { (runsByJob[r.job_id] = runsByJob[r.job_id] || []).push(r); });
const timeline = jobDefs.map((j) => {
const runs = (runsByJob[j.id] || []).slice().sort((a, b) => (a.id < b.id ? 1 : -1));
const latest = runs[0];
let st = 'wait';
if (latest) st = latest.state === 'ok' ? 'done' : (latest.state === 'failed' ? 'fail' : 'wait');
return { t: (j.at.split('-')[0] || j.at).slice(0, 5), label: j.title, state: st, jobId: j.id };
});
// 待处理异常：批次失败/停滞 + 主源连续失败 + 未配置授权源
const incidents = [];
(ov.anomalies || []).forEach((b) => {
incidents.push({ sev: 'fail', tag: b.state, title: `${DATASET_NAME[b.dataset] || b.dataset} ${b.state === 'failed' ? '失败' : '停滞'}`, meta: `${b.error ? esc(b.error) : '无错误详情'} · 批次 ${b.batch_id}`, dataset: b.dataset });
});
if (eod.state === 'waiting_upstream' || eod.state === 'cutoff_failed') {
incidents.push({ sev: eod.state === 'cutoff_failed' ? 'fail' : 'slow', tag: eod.state, title: eod.state === 'cutoff_failed' ? '盘后批已截止失败' : '等待上游重试', meta: `已试 ${eod.attempts || 0} 次${(eod.missing_datasets || []).length ? ' · 缺 ' + eod.missing_datasets.join(',') : ''}`, dataset: (eod.missing_datasets || [])[0] || '' });
}
Object.keys(hidx).forEach((prov) => {
const bad = (hidx[prov] || []).filter((r) => (r.consec_failures || 0) > 0 && bucketOf(r.state) === 'fail');
if (bad.length) incidents.push({ sev: 'fail', tag: prov, title: `${prov} 部分接口连续失败`, meta: bad.map((r) => `${r.interface}×${r.consec_failures}`).join(' · '), provider: prov });
});
const ifindCat = catalogByProv.ifind;
if (ifindCat && !(ifindCat.credential && ifindCat.credential.configured)) {
incidents.push({ sev: 'off', tag: '未配置', title: 'iFinD · 授权源未启用', meta: '凭证未配置 · 功能隐藏 · 配置后启用', provider: 'ifind' });
}
return {
trade_date: ov.trade_date, session_phase: ov.session_phase, eod, rev,
publishedCount, totalOfficial, anomalyCount, successRate,
fallbackPages, datasetCards, observers, siteImpact, okPages, timeline, incidents,
};
}
function heroHtml(vm) {
const anomalyTxt = vm.anomalyCount ? `${vm.anomalyCount} 项异常` : `无异常`;
const tags = [];
if (vm.eod.state === 'waiting_upstream') tags.push(tagHtml('amb', `等待上游 · 已试 ${vm.eod.attempts || 0} 次`));
if (vm.rev.state === 'waiting_review') tags.push(tagHtml('cy', '复核 · 待发布'));
const subParts = [];
if (vm.eod.attempts) subParts.push(`已试 ${vm.eod.attempts} 次`);
if (vm.eod.next_retry_at) subParts.push(`下次重试 ${hm(vm.eod.next_retry_at)}`);
if ((vm.eod.missing_datasets || []).length) subParts.push(`缺 ${esc(vm.eod.missing_datasets.join(','))}`);
if (vm.rev.window) subParts.push(`复核窗口 ${esc(vm.rev.window)}`);
return `` +
`
` +
`
${vm.anomalyCount ? '部分异常' : '整体可用'}·${anomalyTxt}
` +
`
${tags.join('')}
` +
(subParts.length ? `
${subParts.join('|')}
` : '') +
`
` +
`
` +
kpiHtml('已发布数据集', `${vm.publishedCount}/${vm.totalOfficial}`, null) +
kpiHtml('今日调用成功率', vm.successRate == null ? '—' : `${vm.successRate.toFixed(1)}%`, null, 'mint', vm.successRate != null) +
kpiHtml('主站回退页面', `${vm.fallbackPages} 页`, null, vm.fallbackPages ? 'amb' : 'txt') +
kpiHtml('EOD 尝试', `${vm.eod.attempts || 0} 次`, '上限 5 · 23:30 止', vm.eod.attempts ? 'rd' : 'txt') +
`
${vm.datasetCards.map((d) => {
const ring = d.bucket === 'fail' ? 'fail' : d.bucket === 'degrade' ? 'slow' : d.bucket === 'review' ? 'review' : '';
let note = '';
if (d.time) note += `
${esc(d.time)} · `;
if (d.rows) note += `
${Number(d.rows).toLocaleString('en-US')} 行`;
if (d.err) note += `
${esc(d.err)}`;
if (!d.time && !d.rows && !d.err) note = '
今日尚未发布';
return `
` +
`
${esc(d.name)}${pillHtml(d.bucket)}
` +
`
${note}
` +
`
`;
}).join('')}
` +
`| ${esc(o.name)} | ` +
`${o.provider === 'eastmoney' ? '东方财富' : '腾讯行情'} | ` +
`${ageHtml(o.lastOk)} | ` +
`${latHtml(o.lat, o.bucket !== 'ok')} | ` +
`${pillHtml(o.bucket)}${o.note ? `${esc(o.note)}` : ''} | ` +
`
`).join('') : `| 尚无真实观测记录（等待首次探测/调用） |
`;
const body = `| 观察项 | 当前来源 | 最近成功 | 延迟 | 状态 · 备注 |
|---|
${rows}
`;
return panelHtml('实时观察层', right, body, false);
}
function siteImpactHtml(vm) {
const right = `${vm.okPages} 项正常 · ${vm.siteImpact.length - vm.okPages} 项待关注`;
const rows = vm.siteImpact.length ? vm.siteImpact.map((s) => `` +
`| ${esc(s.page)} | ` +
`${pillHtml(s.bucket)} | ` +
`${s.note ? esc(s.note) : '—'} | ` +
` | ` +
`
`).join('') : `| 尚无血缘记录 |
`;
return panelHtml('主站影响', right, ``, false);
}
function timelineHtml(vm) {
const nodes = vm.timeline;
if (!nodes.length) return panelHtml('今晚时间线', '', '暂无可展示的调度任务
', true);
const W = 560, H = 150, x0 = 34, x1 = W - 30, y = 75;
const step = (x1 - x0) / Math.max(1, nodes.length - 1);
const X = (i) => x0 + i * step;
const now = new Date();
const nowMinutes = now.getHours() * 60 + now.getMinutes();
const toMin = (t) => { const [h, m] = t.split(':').map(Number); return h * 60 + (m || 0); };
let nowX = X(0);
for (let i = 0; i < nodes.length - 1; i++) {
const a = toMin(nodes[i].t), b = toMin(nodes[i + 1].t);
if (nowMinutes >= a && nowMinutes <= b && b > a) { nowX = X(i) + (X(i + 1) - X(i)) * ((nowMinutes - a) / (b - a)); break; }
if (nowMinutes < toMin(nodes[0].t)) { nowX = X(0); break; }
if (nowMinutes > toMin(nodes[nodes.length - 1].t)) { nowX = X(nodes.length - 1); }
}
let s = ``;
const right = `现在 ${p2(now.getHours())}:${p2(now.getMinutes())} · SCHEDULER.PY`;
return panelHtml('今晚时间线', right, s, false);
}
function incidentsHtml(vm) {
if (!vm.incidents.length) return panelHtml('待处理异常', tagHtml('mint', '0 OPEN'), '当前无待处理异常
', true);
const cards = vm.incidents.map((it) => {
const tag = it.sev === 'fail' ? tagHtml('rd', esc(it.tag)) : it.sev === 'slow' ? tagHtml('amb', esc(it.tag)) : tagHtml('dashed', esc(it.tag));
return `${tag}` +
`
` +
`
${esc(it.title)}
` +
`
${esc(it.meta)}
` +
`
` +
`
` +
`
${cards}
`, true);
}
function overviewHtml() {
const vm = buildOverviewVM();
return `${heroHtml(vm)}${datasetStripHtml(vm)}` +
`
${observatoryHtml(vm)}${siteImpactHtml(vm)}
` +
`
${timelineHtml(vm)}${incidentsHtml(vm)}
` +
`接口 ${card.usedCount}/${card.totalCount} 在用` +
`|最后探测 ${esc(card.lastProbe)}` +
`|延迟 ${latHtml(card.latency)}` +
(card.error ? `|最近错误 ${esc(card.error)}` : `|无最近错误`) +
`
`;
if (ui.open && card.ifaceRows.length) {
h += `` +
`
| 接口 | 用途 | 最近成功 | 延迟 | 状态 |
|---|
` +
card.ifaceRows.map((it) => `` +
`| ${esc(it.api)} | ` +
`${esc(it.use)} | ` +
`${esc(it.ok)} | ` +
`${latHtml(it.lat)} | ` +
`${pillHtml(it.st)}${it.err ? `${esc(it.err)}` : ''} | ` +
`
`).join('') + `
` +
`
` +
`数据源 ${vm.cards.length} 路 · 接口 ${vm.usedIfaces}/${vm.totalIfaces} 在用` +
alerts.join('') +
`` +
`凭证安全存储 · 探测只读 · 不影响盘中链路` +
`
` +
`
${vm.cards.map(sourceCardHtml).join('')}
` +
`
${vm.reserved.map((r) => `
${ledHtml('off')}${esc(r.label)}${tagHtml('dashed', '预留位 · 未接入')}
`).join('')}
` +
`
悬停节点 · 追踪上下游链路
`;
return h;
}
function activeSetCalc(hover, vm) {
if (!hover) return null;
const set = new Set([hover]);
const isSrc = vm.sources.some((s) => s.id === hover);
const isDs = vm.datasets.some((d) => d.id === hover);
if (isSrc) { (adj.sd.get(hover) || new Set()).forEach((d) => { set.add(d); (adj.dp.get(d) || new Set()).forEach((p) => set.add(p)); }); }
else if (isDs) { (adj.ds.get(hover) || new Set()).forEach((s) => set.add(s)); (adj.dp.get(hover) || new Set()).forEach((p) => set.add(p)); }
else { (adj.pd.get(hover) || new Set()).forEach((d) => { set.add(d); (adj.ds.get(d) || new Set()).forEach((s) => set.add(s)); }); }
return set;
}
function applyLinHover(vm) {
const act = activeSetCalc(linHover, vm);
const isSrcHov = vm.sources.some((s) => s.id === linHover);
document.querySelectorAll('#linSvg path[data-link]').forEach((p) => {
const a = p.dataset.a, b = p.dataset.b;
const shown = !act || (act.has(a) && act.has(b));
let hot = false;
if (act && act.has(a) && act.has(b)) hot = isSrcHov ? (a === linHover ? true : (adj.sd.get(linHover) || new Set()).has(a)) : true;
p.setAttribute('stroke-width', hot ? 1.8 : 1);
p.setAttribute('stroke-opacity', shown ? (act ? 0.85 : (p.dataset.kind === 'sd' ? 0.28 : 0.22)) : 0.05);
});
document.querySelectorAll('#linSvg g[data-nid]').forEach((g) => {
const id = g.dataset.nid, kind = g.dataset.gkind;
const dimmed = act && !act.has(id);
g.setAttribute('opacity', dimmed ? (kind === 'src' ? 0.3 : 0.25) : 1);
if (kind !== 'src') { const t = g.querySelector('text'); if (t) t.setAttribute('fill', act && act.has(id) ? '#e8f1ff' : '#8b9bb4'); }
});
const hint = $('linHint');
if (hint) hint.textContent = linHover ? `FOCUS: ${linHover} · 高亮上下游链路` : '悬停节点 · 追踪上下游链路';
}
function setLinHover(id, vm) { linHover = id; applyLinHover(vm); }
function linRowsData(vm) {
return vm.rows.filter((r) => {
if (linFilter.onlyBad && !['fail', 'slow', 'degrade', 'off', 'review', 'plan'].includes(r.st)) return false;
if (linFilter.src !== '全部' && !r.via.includes({ Tushare: 'tushare', 东方财富: 'eastmoney', 腾讯: 'tencent', iFinD: 'ifind' }[linFilter.src] || '')) return false;
if (linFilter.q && !(r.page + r.item + r.dataset + r.via).toLowerCase().includes(linFilter.q.toLowerCase())) return false;
return true;
});
}
function renderLinRows(vm) {
const body = $('linBody'), cnt = $('linCount'), bodyN = $('linBodyN');
if (!body) return;
const rows = linRowsData(vm);
if (cnt) cnt.textContent = `${rows.length}/${vm.rows.length} 行`;
const cls = (st) => st === 'fail' ? 'row-fail' : st === 'degrade' || st === 'slow' ? 'row-slow' : st === 'off' ? 'row-off' : '';
body.innerHTML = rows.map((r) => `` +
`| ${esc(r.page)} | ` +
`${esc(r.item)} | ` +
`${esc(r.dataset)} | ` +
`${esc(r.via)} | ` +
`${esc(r.role)} | ` +
`${esc(r.ok)} | ` +
`${latHtml(r.lat)} | ` +
`${pillHtml(r.st)}${r.note ? `${esc(r.note)}` : ''} | ` +
`
`).join('') || `| 无匹配记录 · 调整筛选条件 |
`;
if (bodyN) bodyN.innerHTML = rows.map((r) => `` +
`| ${esc(r.page)}${esc(r.item)} | ` +
`${esc(r.dataset)} | ` +
`${esc(r.via)} | ` +
`${esc(r.ok)}${r.lat != null ? r.lat + 'ms' : '—'} | ` +
`${pillHtml(r.st)}${r.note ? `${esc(r.note)}` : ''} | ` +
`
`).join('') || `| 无匹配记录 · 调整筛选条件 |
`;
}
function lineageHtml() {
const vm = buildLineageVM();
const anomalyPages = new Set();
vm.rows.forEach((r) => { if (r.st === 'fail') (r.page || '').split(' / ').forEach((p) => anomalyPages.add(p)); });
const html = `` +
`
` +
`血缘地图` +
`${vm.sources.length} 源 → ${vm.datasets.length} 数据集 → ${vm.pages.length} 页面` +
`${ledHtml('ok')}健康${ledHtml('slow')}慢/降级${ledHtml('fail')}失败${ledHtml('plan')}计划${ledHtml('off')}未配置` +
`` +
(anomalyPages.size ? tagHtml('rd', `${[...anomalyPages][0]} 断链影响 ${anomalyPages.size} 页`) : tagHtml('mint', '暂无断链影响')) +
`
` +
`
` +
`
` +
`
最近运行（最新 20 条）
| ID | 任务 | 状态 | 开始 | 结束 | 错误 |
|---|
${runs.slice(0, 20).map((r) => `| ${r.id} | ${esc(r.job_id)} | ${pillHtml(bucketOf(r.state))} | ${esc(r.started_at || '')} | ${esc(r.finished_at || '')} | ${esc(r.error || '')} |
`).join('') || '| 暂无运行记录 |
'}
`;
$('drawerBody').querySelectorAll('[data-run]').forEach((btn) => {
btn.addEventListener('click', async () => {
const dateInput = $('drawerBody').querySelector(`[data-run-date="${btn.dataset.run}"]`);
try {
await api(`/admin/api/jobs/${btn.dataset.run}/run`, { method: 'POST', body: JSON.stringify({ trade_date: (dateInput && dateInput.value) || '' }) });
toast('已触发：' + btn.dataset.run, 'ok');
await refreshQuiet(); renderDrawer();
} catch (err) { toast(err.message, 'err'); }
});
});
}
function renderDrawerRelease() {
const date = drawerCtx.date || today();
$('drawerBody').innerHTML = `
`;
$('relLoad').addEventListener('click', async () => { drawerCtx.date = $('relDate').value; await loadRelease(); });
$('relBackfill').addEventListener('click', () => openDangerModal('backfill', { dataset: drawerCtx.dataset || '', date: drawerCtx.date || date }));
loadRelease();
}
async function loadRelease() {
const date = drawerCtx.date || today();
let data;
try { data = await api(`/admin/api/batches?date=${encodeURIComponent(date)}`); } catch (err) { toast(err.message, 'err'); return; }
$('relBody').innerHTML = `
发布映射
| 数据集 | 活跃批次 | 上一批次 | 状态 | 发布时间 | 操作 |
|---|
${data.publications.map((row) => `| ${esc(row.dataset)} | ${esc(row.active_batch)} | ${esc(row.prev_batch || '')} | ${pillHtml(bucketOf(row.state))} | ${esc(row.published_at || '')} |
${row.prev_batch ? `` : '—'} |
`).join('') || '| 当日暂无发布记录 |
'}
批次
| batch_id | 数据集 | 状态 | 行数 | 错误 |
|---|
${data.batches.map((row) => `| ${esc(row.batch_id)} | ${esc(row.dataset)} | ${pillHtml(bucketOf(row.state))} | ${row.rows_out ?? ''} | ${esc(row.error || '')} |
`).join('') || '| 当日暂无批次 |
'}
| 时间 | 操作者 | 动作 | 对象 | 详情 |
|---|
${items.map((row) => `| ${esc(row.created_at)} | ${esc(row.actor)} | ${esc(row.action)} | ${esc(row.target || '')} | ${esc(row.detail || '')} |
`).join('') || '| 暂无审计记录 |
'}
`;
}
/* ---------- 危险操作确认弹层（回滚 / 补数） ---------- */
let dangerCtx = null;
function openDangerModal(kind, ctx) {
dangerCtx = { kind, ...ctx };
const word = `${ctx.dataset}:${ctx.date}`;
$('modalTitle').textContent = kind === 'rollback' ? '确认回滚' : '确认补数';
$('modalDesc').textContent = kind === 'rollback'
? `将把 ${ctx.dataset} 在 ${ctx.date} 的发布回退到上一批次，需管理密码与确认词。`
: `将对 ${ctx.dataset || '（请先在发布列表选择数据集）'} 于 ${ctx.date} 重新补数并发布，需管理密码与确认词。`;
$('modalConfirmWord').textContent = word;
$('modalPassword').value = ''; $('modalConfirm').value = ''; $('modalErr').textContent = '';
$('modalMask').classList.add('open');
}
$('modalCancel').addEventListener('click', () => $('modalMask').classList.remove('open'));
$('modalMask').addEventListener('click', (e) => { if (e.target.id === 'modalMask') $('modalMask').classList.remove('open'); });
$('modalOk').addEventListener('click', async () => {
if (!dangerCtx) return;
const password = $('modalPassword').value;
const confirm = $('modalConfirm').value;
const path = dangerCtx.kind === 'rollback' ? '/admin/api/rollback' : '/admin/api/backfill';
try {
await api(path, { method: 'POST', body: JSON.stringify({ dataset: dangerCtx.dataset, trade_date: dangerCtx.date, password, confirm }) });
$('modalMask').classList.remove('open');
toast('操作成功', 'ok');
await refreshQuiet();
if (state.page === 'overview') renderPage('overview');
if (drawerTab === 'release') loadRelease();
} catch (err) {
$('modalErr').textContent = err.message;
}
});
/* ---------- toast ---------- */
let toastT = null;
function toast(msg, kind) {
const el = $('toastEl');
el.textContent = msg;
el.className = 'toast show' + (kind ? ' ' + kind : '');
clearTimeout(toastT);
toastT = setTimeout(() => { el.classList.remove('show'); }, 3200);
}
/* ================= 顶栏：时钟 / 减少动态 / 主题 ================= */
function updateClock() {
const now = new Date();
$('ckD').textContent = `${now.getFullYear()}-${p2(now.getMonth() + 1)}-${p2(now.getDate())}`;
$('ckH').textContent = p2(now.getHours());
$('ckM').textContent = p2(now.getMinutes());
$('ckS').textContent = p2(now.getSeconds());
}
function applyCalm(on) {
state.calm = on;
$('appRoot').classList.toggle('reduce-motion', on);
$('calmBtn').textContent = on ? '恢复动态' : '减少动态';
$('calmBtn').classList.toggle('on', on);
}
$('calmBtn').addEventListener('click', () => applyCalm(!state.calm));
if (window.matchMedia) {
const mq = window.matchMedia('(prefers-reduced-motion: reduce)');
const syncMq = () => { if (mq.matches && !state.calm) applyCalm(true); };
syncMq();
mq.addEventListener ? mq.addEventListener('change', syncMq) : mq.addListener(syncMq);
}
/* ================= 轮询：拉取真实数据、驱动渲染、可见性/网络门禁 ================= */
const Poller = (() => {
let timer = null;
let running = false;
const INTERVAL = 4000;
async function tick() {
if (!running) return;
try {
await fetchAll();
updateTape();
if (state.page === 'overview') mainEl.innerHTML = overviewHtml();
else if (state.page === 'sources') renderSourceCards();
else if (state.page === 'lineage') { /* 血缘图交互态复杂，仅在用户操作或下次轮询后整体重绘一次 */ mainEl.innerHTML = lineageHtml(); renderLinRows(window.__linVM); applyLinHover(window.__linVM); fitLineageTable(); }
updatePhaseTag();
setNetOk(true);
} catch (err) {
setNetOk(false);
}
}
function setNetOk(ok) {
$('liveSpan').style.opacity = ok ? '1' : '.35';
}
function scheduleNext() { timer = setTimeout(async () => { await tick(); scheduleNext(); }, INTERVAL); }
return {
async start() {
if (running) return;
running = true;
await tick();
scheduleNext();
},
stop() { running = false; if (timer) clearTimeout(timer); timer = null; },
isRunning() { return running; },
};
})();
function resetTapeBaselines() {
// 恢复轮询时静默重建基线，不补播暂停期间错过的事件。
tapeSeen.call = tapeSeen.provCall = tapeSeen.audit = tapeSeen.job = Number.MAX_SAFE_INTEGER;
tapeSeen.first = true;
}
document.addEventListener('visibilitychange', () => {
if (document.hidden) { Poller.stop(); }
else if (!$('appRoot').hidden) { resetTapeBaselines(); Poller.start(); }
});
window.addEventListener('offline', () => { Poller.stop(); $('liveSpan').style.opacity = '.35'; });
window.addEventListener('online', () => { if (!$('appRoot').hidden && !document.hidden) { resetTapeBaselines(); Poller.start(); } });
async function refreshQuiet() {
try { await fetchAll(); } catch {}
}
/* ================= 启动 ================= */
async function startApp() {
setInterval(updateClock, 1000);
updateClock();
await fetchAll();
tapeSeen.first = true;
renderPage(pageFromHash());
await Poller.start();
}
boot();