diff --git a/webui/app.js b/webui/app.js
index a043d44..21cedae 100644
--- a/webui/app.js
+++ b/webui/app.js
@@ -1,2336 +1,2265 @@
-/* CareerNexus 职联 前端主脚本：外壳 + 驾驶舱 + 演化 + 匹配 + 学习路径。
- * 全部数据走 /api，完全离线（无外部依赖）。图谱工作台见 graph.js。 */
-"use strict";
-
-/* ================= 公共工具 ================= */
-const $ = (s) => document.querySelector(s);
-const $$ = (s) => Array.from(document.querySelectorAll(s));
-
-/* 网络层统一封装：网络错误一律翻译为中文业务文案，
- * 演示环境禁止出现 "Failed to fetch"、接口路径、内部文件名。 */
-async function cnFetch(path, options) {
- try {
- return await fetch(path, options);
- } catch {
- throw new Error("暂时无法连接服务，请检查后端是否已启动");
- }
-}
-
-/* 把残余的技术型报错兜底翻译为业务文案（服务端中文 detail 原样保留） */
-function friendlyErr(e, fallback = "操作失败，请稍后重试") {
- const raw = (e && e.message) || "";
- if (!raw) return fallback;
- if (/failed to fetch|networkerror|load failed/i.test(raw)) return "暂时无法连接服务，请检查后端是否已启动";
- if (/\.jsonl|\.py|traceback/i.test(raw)) return fallback; // 内部文件名不外显
- return raw.replace(/HTTP (\d{3})/g, "服务响应异常（$1）");
-}
-
-async function api(path, options) {
- options = options || {};
- options.headers = Object.assign(
- { "X-Access-Token": localStorage.getItem("cn_access_token") || "" },
- options.headers);
- const resp = await cnFetch(path, options);
- if (resp.status === 401) {
- openConfigModal(true);
- throw new Error("需要访问令牌：请在系统设置中填写");
- }
- const body = await resp.json().catch(() => ({ code: -1, message: "服务响应异常，请稍后重试" }));
- if (!resp.ok || body.code !== 0) {
- throw new Error(friendlyErr({ message: body.detail || body.message || "" }, `服务暂时不可用（错误码 ${resp.status}）`));
- }
- return body.data;
-}
-
-function esc(s) {
- return String(s ?? "").replace(/[&<>"']/g, (c) =>
- ({ "&": "&", "<": "<", ">": ">", '"': """, "'": "'" }[c]));
-}
-
-function toast(msg, type = "info") {
- const el = document.createElement("div");
- el.className = `toast ${type}`;
- el.textContent = msg;
- $("#toast-wrap").appendChild(el);
- setTimeout(() => el.remove(), 2800);
-}
-
-/* ================= 统一系统弹窗（替代浏览器原生 alert/prompt/confirm） ================= */
-function sysDialog({ title, bodyHtml, okText = "确定", cancelText = "取消", danger = false, onOk }) {
- return new Promise((resolve) => {
- const wrap = document.createElement("div");
- wrap.className = "sysdlg-mask";
- wrap.innerHTML = `
-
-
${esc(title)}
-
${bodyHtml}
-
-
${esc(label)}
` : ""}
- `,
- onOk: (w) => w.querySelector("input").value.trim() || null,
- });
-}
-
-function sysConfirm({ title, text, okText = "确定", danger = false }) {
- return sysDialog({ title, bodyHtml: `${esc(text)}
`, okText, danger });
-}
-
-function sysAlert({ title, text, okText = "知道了" }) {
- return sysDialog({ title, bodyHtml: `${esc(text)}
`, okText, cancelText: "" });
-}
-
-/* 复制展示框：readonly 输入 + 一键复制（clipboard 失败时退化为手动全选复制） */
-function sysCopy({ title, text }) {
- return sysDialog({
- title,
- okText: "复制", cancelText: "关闭",
- bodyHtml: ``,
- onOk: async (w) => {
- const input = w.querySelector("input");
- input.focus(); input.select();
- try { await navigator.clipboard.writeText(text); toast("已复制到剪贴板", "success"); }
- catch { document.execCommand("copy"); toast("已复制到剪贴板", "success"); }
- return true;
- },
- });
-}
-
-function openModal(title, bodyHtml, footHtml) {
- $("#modal-title").innerHTML = title;
- $("#modal-body").innerHTML = bodyHtml;
- const foot = $("#modal-foot");
- if (footHtml) { foot.innerHTML = footHtml; foot.classList.remove("hidden"); }
- else foot.classList.add("hidden");
- $("#modal-mask").classList.remove("hidden");
-}
-function closeModal() { $("#modal-mask").classList.add("hidden"); $("#modal-box").classList.remove("wide"); }
-$("#modal-close").onclick = closeModal;
-$("#modal-mask").addEventListener("click", (e) => { if (e.target.id === "modal-mask") closeModal(); });
-document.addEventListener("keydown", (e) => { if (e.key === "Escape") closeModal(); });
-
-const post = (path, payload) => api(path, {
- method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload),
-});
-
-/* 全局共享状态与命名空间（graph.js 复用） */
-const CN = window.CN = {
- api, post, $, $$, esc, toast, openModal, closeModal,
- sysPrompt, sysConfirm, sysAlert, sysCopy,
- jobs: [], // /api/jobs 缓存
- graphData: null, // /api/graph 缓存
- switchView: null, // 下方赋值
- gotoNode: null, // graph.js 注册：跳转图谱并选中节点
-};
-
-const TYPE_META = {
- Job: { name: "岗位", color: "#2f54eb", tag: "tag-blue" },
- Skill: { name: "技能", color: "#00b42a", tag: "tag-green" },
- Industry: { name: "行业", color: "#13c2c2", tag: "tag-cyan" },
- Scenario: { name: "场景", color: "#722ed1", tag: "tag-purple" },
-};
-CN.TYPE_META = TYPE_META;
-
-/* JD 原文缓存（证据弹窗与来源列表共用，失败不缓存以允许重试） */
-const _jdCache = new Map();
-async function fetchJd(sid) {
- if (_jdCache.has(sid)) return _jdCache.get(sid);
- const p = api(`/api/jd?sid=${encodeURIComponent(sid)}`);
- _jdCache.set(sid, p);
- try { return await p; } catch (e) { _jdCache.delete(sid); throw e; }
-}
-
-/* 来源列表行内联元信息：填充为「企业 · 平台 · 日期」可读文案（不显示内部 source_id） */
-CN.jdMetaLine = async function (el, sid) {
- try {
- const r = await fetchJd(sid);
- el.textContent = `${r.company || "企业未披露"} · ${r.source || "公开招聘平台"} · ${r.publish_date || "时间未知"}`;
- } catch {
- el.textContent = "证据详情暂时读取失败，点击可重试查看";
- }
-};
-
-/* JD 证据弹窗（演化事件 / 图谱来源共用）
- * sids：单条或数组（数组时支持上一条/下一条翻页）
- * ctx：{ skill, jobTitle, changeType, window } 用于生成可读结论与命中依据 */
-async function showJdEvidence(sids, ctx = {}) {
- const list = (Array.isArray(sids) ? sids : [sids]).filter(Boolean);
- if (!list.length) return toast("该条目暂无关联的公开 JD 证据", "info");
- let idx = 0;
- const conclusion = ctx.skill
- ? `${ctx.skill}${ctx.changeType ? ` · ${ctx.changeType}` : ""}${ctx.jobTitle ? ` — ${ctx.jobTitle}` : ""}`
- : "";
- async function render() {
- const sid = list[idx];
- const foot = `
- ${list.length > 1 ? `
-
- ${idx + 1} / ${list.length}
- ` : ""}
- `;
- openModal("JD 原文证据", `证据加载中…
`, foot);
- $("#ev-close").onclick = closeModal;
- if (list.length > 1) {
- $("#ev-prev").onclick = () => { idx -= 1; render(); };
- $("#ev-next").onclick = () => { idx += 1; render(); };
- }
- try {
- const rec = await fetchJd(sid);
- $("#modal-body").innerHTML = `
- ${conclusion ? `${esc(conclusion)}${ctx.window ? `（${esc(ctx.window)}）` : ""}
` : ""}
-
- ${esc(rec.job_title)}${esc(rec.company || "企业未披露")}
- ${esc(rec.city || "—")}${esc(rec.salary || "—")}
-
- 来源：${esc(rec.source || "公开招聘平台")} · ${esc(rec.company || "企业未披露")} · 发布时间：${esc(rec.publish_date || "未知")}
- ${esc(rec.text)}
- ${ctx.skill ? `命中依据：该 JD 对「${esc(ctx.skill)}」提出明确能力要求${ctx.changeType ? `（${esc(ctx.changeType)}）` : ""}
` : ""}
- ${esc(sid)}
`;
- } catch (e) {
- const gone = /不存在|非法|格式/.test((e && e.message) || "");
- $("#modal-body").innerHTML = `
-
-
${gone ? "该能力当前没有可展示的公开原文，已进入人工核验队列"
- : "暂时无法读取该条证据，请检查服务后重试"}
-
-
- ${m.name}${esc(n.title || n.id)}
- ${esc(n.category || "")}
`;
- }).join("") : `无匹配结果
`;
- drop.classList.remove("hidden");
- $$("#global-search-drop .sd-item[data-id]").forEach((el) => {
- el.onclick = () => {
- drop.classList.add("hidden"); input.value = "";
- switchView("graph");
- if (CN.gotoNode) CN.gotoNode(el.dataset.id);
- };
- });
- } catch { /* 静默 */ }
- }, 200);
- });
- document.addEventListener("click", (e) => {
- if (!e.target.closest(".global-search")) drop.classList.add("hidden");
- });
-})();
-
-/* ================= 人才能力变化指挥台（数据驾驶舱） ================= */
-/* 首屏 KPI：新岗位候选 / 关键技能增强 / 待人工复核 / 影响岗位（图谱规模降级为一行小字） */
-const METRIC_DEFS = [
- { key: "candidates", label: "新岗位候选", act: "desk", sub: "聚类发现，待人工决策", icon: '' },
- { key: "boosted", label: "关键技能增强", act: "evolution", sub: "近 2 季度新增+增强事件", icon: '' },
- { key: "review", label: "待人工复核", act: "desk", sub: "候选岗位 + 候选技能关系", icon: '' },
- { key: "affected", label: "影响岗位", act: "evolution", sub: "近 2 季度发生变化的岗位", icon: '' },
-];
-
-async function loadDashboard() {
- const [health, graph, pending, audit] = await Promise.all([
- api("/api/health"), api("/api/graph"),
- api("/api/review/pending").catch(() => []),
- api("/api/audit?limit=8").catch(() => []),
- ]);
- CN.graphData = graph;
- CN._pendingCache = pending;
- const s = health.graph || {};
- updateBanners(health);
- const events = graph.events || [];
- const lastWin = (events.at(-1) || {}).window || "2026Q3";
- $("#data-version").textContent = `数据截止：${lastWin} · 模拟数据`;
-
- /* 本期口径：最近 2 个季度的变化事件 */
- const wins2 = [...new Set(events.map((e) => e.window))].sort().slice(-2);
- const recent = events.filter((e) => wins2.includes(e.window));
- const cnt = (t) => recent.filter((e) => e.change_type === t).length;
- const readyCount = pending.filter((c) => ["高", "较高"].includes(candidateTrust(c, CN.jobs).level)).length;
- const pendingRels = pending.reduce((a, c) =>
- a + (c.required_skills || []).length + (c.preferred_skills || []).length, 0);
-
- /* 指挥台首屏：结论 + 图谱规模（降级为小字） */
- $("#cmd-title").textContent = `${lastWin} 人才能力变化概览`;
- $("#cmd-sub").textContent = pending.length
- ? `本期确认 ${recent.length} 项关键变化（新增 ${cnt("新增")} · 增强 ${cnt("增强")} · 减弱 ${cnt("减弱")} · 退出 ${cnt("退出")}）；${readyCount} 个岗位候选已具备入库条件`
- : `本期确认 ${recent.length} 项关键变化（新增 ${cnt("新增")} · 增强 ${cnt("增强")} · 减弱 ${cnt("减弱")} · 退出 ${cnt("退出")}）；当前无待审核候选`;
- $("#cmd-scale").textContent =
- `图谱规模：岗位 ${s.jobs ?? "—"} · 技能 ${s.skills ?? "—"} · 关系边 ${s.edges ?? "—"} · 演化事件 ${s.events ?? "—"}`;
-
- /* KPI 卡（点击直达对应处理界面） */
- const values = {
- candidates: pending.length,
- boosted: cnt("增强") + cnt("新增"),
- review: pending.length + pendingRels,
- affected: new Set(recent.map((e) => e.job_id)).size,
- };
- $("#metric-cards").innerHTML = METRIC_DEFS.map((m) => `
-
-
${m.icon}${m.label}
-
${values[m.key] ?? "—"}
-
${m.sub}
-
${k}${v}
- ${esc(sub)}
`).join("");
- } catch (e) {
- box.innerHTML = `
-
可信度统计暂时加载失败：${esc(friendlyErr(e))}
-
支持 .jsonl / .csv / .txt 文件上传（UTF-8，≤10MB），或直接粘贴 JSONL 文本（每行一条记录）；两者都留空则仅触发全量重建。
- 上传文件
-
- 或粘贴文本
- `,
- onOk: (w) => {
- const f = w.querySelector("#imp-file").files[0];
- const t = w.querySelector("#imp-text").value;
- if (!f && !t.trim()) return "rebuild";
- return { file: f, text: t };
- },
- });
- if (choice === null) return;
- try {
- let t;
- if (choice === "rebuild") {
- t = await post("/api/jd/import", {});
- } else {
- const fd = new FormData();
- if (choice.file) fd.append("file", choice.file);
- else fd.append("text", choice.text);
- t = await api("/api/jd/import", { method: "POST", body: fd });
- const bad = (t.bad_lines || []).length;
- toast(`已接收：导入 ${t.imported} 条 / 跳过 ${t.skipped} 条 / 坏行 ${bad} 条`
- + (bad ? `（详见 logs/${t.bad_log}）` : ""), bad ? "error" : "success");
- }
- toast(`导入任务已启动：${t.task_id}`, "success");
- pollTask(t.task_id);
- } catch (e) { toast(e.message, "error"); }
-}
-
-async function pollTask(taskId) { const timer = setInterval(async () => {
- try {
- const t = await api(`/api/tasks/${taskId}`);
- if (t.status === "done") {
- clearInterval(timer);
- toast("JD 导入完成，图谱已更新", "success");
- loadDashboard();
- } else if (t.status === "failed") {
- clearInterval(timer);
- toast("导入失败：" + (t.error || "未知错误"), "error");
- }
- } catch { clearInterval(timer); }
- }, 1500);
-}
-
-function renderTaskTable(audit) {
- const tbody = $("#task-table tbody");
- const rows = (audit || []).slice(0, 8);
- if (!rows.length) {
- tbody.innerHTML = "";
- $("#task-empty").classList.remove("hidden");
- return;
- }
- $("#task-empty").classList.add("hidden");
- tbody.innerHTML = rows.map((r) => {
- const isNode = r.kind === "node_update";
- const obj = isNode ? r.node_id : (r.candidate_id || "").replace(/^cand_/, "");
- const act = isNode ? "节点编辑" : { accept: "审核通过", reject: "退回观察", modify: "审核修改" }[r.action] || r.action;
- const badge = isNode ? "badge-version" : (r.action === "reject" ? "badge-warning" : "badge-success");
- return `| ${act} |
- ${esc(obj)} | ${esc(r.operator || "—")} |
- ${esc(r.time || "—")} | ${esc(r.reason || "—")} |
`;
- }).join("");
-}
-
-/* 变化播报卡：技能图标 + 变化类型 + 影响岗位 + 证据数 + 跳转演化页（审核动作归入台账） */
-function renderFeed(events) {
- const verb = { "新增": "成为新要求", "增强": "需求显著增强", "减弱": "需求明显减弱", "退出": "退出能力画像" };
- const items = (events || []).slice(-6).reverse();
- const jobTitle = (id) => ((CN.jobs || []).find((j) => j.job_id === id) || {}).title || id.replace(/^job_/, "");
- $("#activity-feed").innerHTML = items.length ? items.map((e, i) => {
- const m = CHANGE_META[e.change_type] || { tag: "tag-gray", color: "#86909c" };
- return `
-
-
-
-
${esc(e.skill)} ${verb[e.change_type] || esc(e.change_type)}
-
影响岗位：${esc(jobTitle(e.job_id))} · 证据 ${(e.source_ids || []).length} 条 JD · ${esc(e.window)}
-
-
${esc(e.change_type)}
-
暂无变化播报
`;
- $$("#activity-feed .feed-item").forEach((el) => {
- el.onclick = () => {
- const e = items[+el.dataset.i];
- switchView("evolution");
- $("#evo-job-select").value = e.job_id;
- loadEvolution();
- };
- });
-}
-
-/* 待办行动卡（最多 3 张：结论 + 证据强度 + 处理按钮；完整台账见审核台/下方台账） */
-function renderPending(pending) {
- const box = $("#pending-list");
- if (!pending.length) {
- box.innerHTML = `暂无待审核候选（可在图谱页触发新岗位发现）
`;
- return;
- }
- box.innerHTML = pending.slice(0, 3).map((c) => {
- const t = candidateTrust(c, CN.jobs);
- const ready = ["高", "较高"].includes(t.level);
- return `
-
${esc(c.title)}
- ${ready ? "建议批准入图" : "建议继续观察"}
-
结论：四指标达标 ${t.okCount}/4（可信等级 ${t.level}） · 处理人：待分配
-
证据强度：${c.source_count} 条 JD · ${c.company_count} 家企业 · ${(c.support_windows || []).length} 个季度跨度
-
-
-
-
-
-
-
候选数据暂时加载失败：${esc(friendlyErr(e))}
-
暂无待审核候选（可在图谱页触发新岗位发现）
`;
- return;
- }
- const levelTag = { "高": "tag-green", "较高": "tag-cyan", "中": "tag-orange", "低": "tag-red" };
- box.innerHTML = pending.map((c) => {
- const t = candidateTrust(c, CN.jobs);
- const wins = (c.support_windows || []).slice().sort();
- const span = wins.length ? `${wins[0]} ~ ${wins[wins.length - 1]}` : "—";
- const resp = c.responsibilities || [];
- const summary = resp[0]
- || `面向${(c.industries || []).join("/") || "新兴"}领域的「${c.title}」岗位（职责描述待人工补充）`;
- return `
-
候选：${esc(c.title)}
- 可信等级：${t.level}
-
职责摘要：${esc(summary)}
- ${resp.length > 1 ? `
核心职责：${resp.slice(0, 5).map((d) => `${esc(d.replace(/；\s*$/, ""))}`).join(" ")}
` : ""}
-
应用场景：${(c.scenarios || []).length
- ? c.scenarios.map((s) => `${esc(s)}`).join(" ")
- : "—"}
-
${t.dots.map((d) =>
- ``).join("")}
- ${t.okCount}/4 指标达标（JD / 企业 / 增长 / 差异）
-
多源证据：${c.source_count} JD · ${c.company_count} 企业 · 时间跨度 ${esc(span)}
-
与相近岗位：${t.nearest.title
- ? `「${esc(t.nearest.title)}」技能重合 ${(t.nearest.sim * 100).toFixed(0)}%，职责差异度 ${t.distinctness.toFixed(2)}`
- : "暂无可比较岗位"}
-
必备：${(c.required_skills || []).slice(0, 6).map((s) => `${esc(s)}`).join(" ") || "—"}
- ${(c.preferred_skills || []).length ? `
加分：${c.preferred_skills.slice(0, 4).map((s) => `${esc(s)}`).join(" ")}` : ""}
-
-
-
-
-
-
-
技能重合 ${(t.nearest.sim * 100).toFixed(0)}% · 职责差异度 ${t.distinctness.toFixed(2)}（≥0.40 视为新岗位）
-
-
候选「${esc(c.title)}」必备
-
${chips(c.required_skills, "tag-blue")}
-
「${esc(near.title)}」必备
-
${chips(near.required_skills, "tag-green")}
-
候选独有技能
-
${chips((c.required_skills || []).filter((s) => !(near.required_skills || []).includes(s)), "tag-orange")}
-
暂无演化事件数据
`;
- return;
- }
- const windows = [...new Set(events.map((e) => e.window))].sort().slice(-12); // 全岗位扫描仅近 12 季度
- // 统计每个岗位每季度事件数与类型分布
- const cell = {};
- events.forEach((e) => {
- const k = `${e.job_id}|${e.window}`;
- cell[k] = cell[k] || { n: 0, types: {} };
- cell[k].n += 1;
- cell[k].types[e.change_type] = (cell[k].types[e.change_type] || 0) + 1;
- });
- // 按总事件数降序排列岗位
- const totals = {};
- events.forEach((e) => { totals[e.job_id] = (totals[e.job_id] || 0) + 1; });
- const rows = [...jobs].sort((a, b) => (totals[b.job_id] || 0) - (totals[a.job_id] || 0));
- const labelEvery = Math.ceil(windows.length / 10);
- // 色阶：开方缩放 + 12 封顶，避免个别高峰季度（如 57 件）把其余格子压到看不清
- const alphaOf = (n) => 0.18 + 0.82 * Math.sqrt(Math.min(n, 12) / 12);
- box.innerHTML = `
-
-
- ${windows.map((w, i) => `
${i % labelEvery === 0 ? esc(w) : ""}
`).join("")}
- ${rows.map((j) => `
-
${esc(j.title)}
- ${windows.map((w) => {
- const c = cell[`${j.job_id}|${w}`];
- const tip = c
- ? `${j.title} · ${w}：${c.n} 个事件（${Object.entries(c.types).map(([t, n]) => `${t} ${n}`).join("，")}）`
- : `${j.title} · ${w}：无事件`;
- return `
`;
- }).join("")}`).join("")}
-
- 事件数：少
-
- 多
- （悬停查看类型分布，点击行标签切换岗位）
-
`;
- box.querySelectorAll(".hm-row-label").forEach((el) => {
- el.onclick = () => {
- $("#evo-job-select").value = el.dataset.job;
- /* 点击行 → 转入该岗位报告（默认 Tab） */
- $$("#evo-tabs .match-tab").forEach((x) => x.classList.toggle("active", x.dataset.evotab === "report"));
- $("#evo-tab-report").classList.remove("hidden");
- $("#evo-tab-scan").classList.add("hidden");
- loadEvolution();
- };
- });
-}
-
-/* 演化页二级 Tab：岗位报告（默认） / 全岗位扫描（热力图） */
-$$("#evo-tabs .match-tab").forEach((b) => {
- b.onclick = () => {
- $$("#evo-tabs .match-tab").forEach((x) => x.classList.toggle("active", x === b));
- const tab = b.dataset.evotab;
- $("#evo-tab-report").classList.toggle("hidden", tab !== "report");
- $("#evo-tab-scan").classList.toggle("hidden", tab !== "scan");
- if (tab === "scan") renderEvoHeatmap();
- };
-});
-
-function bucketWindow(w, gran) {
- if (gran === "year") return w.slice(0, 4);
- if (gran === "month") { /* 季度窗口展开为季中月 */ return `${w.slice(0, 4)}-${String((+w.slice(5) - 1) * 3 + 2).padStart(2, "0")}`; }
- return w;
-}
-
-async function loadEvolution() {
- const id = $("#evo-job-select").value;
- if (!id) return;
- try {
- const data = await api(`/api/jobs/${encodeURIComponent(id)}/evolution`);
- evoEvents = data.events;
- } catch (e) {
- evoEvents = [];
- $("#evo-timeline").innerHTML = `
-
演化数据暂时加载失败：${esc(friendlyErr(e))}
-
该岗位暂无演化事件，暂无本期结论
`;
- return;
- }
- const wins = [...new Set(evoEvents.map((e) => e.window))].sort().slice(-2);
- const order = ["新增", "增强", "减弱", "退出"];
- box.innerHTML = wins.map((w) => {
- const evs = evoEvents.filter((e) => e.window === w);
- const parts = order.map((t) => {
- const list = evs.filter((e) => e.change_type === t);
- if (!list.length) return "";
- const skills = list.map((e) => (t === "增强" || t === "减弱")
- ? `${esc(e.skill)}（需求指数 ${e.prev_weight.toFixed(2)}→${e.curr_weight.toFixed(2)}）`
- : esc(e.skill)).join("、");
- const verb = { "新增": "成为新要求", "增强": "需求显著增强", "减弱": "需求明显减弱", "退出": "退出能力画像" }[t];
- return `${t}${skills} ${verb}`;
- }).filter(Boolean).join("");
- return ``;
- }).join("");
-}
-
-function renderEvoStats(jobId) {
- const job = (CN.jobs || []).find((j) => j.job_id === jobId) || {};
- const wins = [...new Set(evoEvents.map((e) => e.window))].sort();
- const recent = new Set(wins.slice(-4));
- const cnt = (t) => evoEvents.filter((e) => e.change_type === t && recent.has(e.window)).length;
- const jds = new Set(evoEvents.flatMap((e) => e.source_ids || []));
- const items = [
- ["当前必备技能", `${(job.required_skills || []).length} 项`],
- ["当前加分技能", `${(job.preferred_skills || []).length} 项`],
- ["近 4 季度新增", cnt("新增")],
- ["近 4 季度退出", cnt("退出")],
- ["证据 JD 总量", `${jds.size} 条`],
- ];
- $("#evo-stats").innerHTML = items.map(([k, v]) =>
- `${k}${v}
`).join("");
-}
-
-async function runEvoCompare() {
- const id = $("#evo-job-select").value;
- if (!id) return;
- const box = $("#evo-diff");
- // 默认日期：A=最早事件所在季度初，B=今天
- if (!$("#evo-date-a").value) {
- const first = (evoEvents[0] || {}).window || "2019Q1";
- $("#evo-date-a").value = `${first.slice(0, 4)}-01-01`;
- }
- if (!$("#evo-date-b").value) {
- $("#evo-date-b").value = new Date().toISOString().slice(0, 10);
- }
- const atA = $("#evo-date-a").value, atB = $("#evo-date-b").value;
- box.innerHTML = `对比计算中…
`;
- try {
- const [sa, sb] = await Promise.all([
- api(`/api/jobs/${encodeURIComponent(id)}/snapshot?at=${atA}`),
- api(`/api/jobs/${encodeURIComponent(id)}/snapshot?at=${atB}`),
- ]);
- const setA = new Map(sa.skills.map((s) => [s.skill, s.importance]));
- const setB = new Map(sb.skills.map((s) => [s.skill, s.importance]));
- const onlyA = [...setA.keys()].filter((s) => !setB.has(s));
- const both = [...setA.keys()].filter((s) => setB.has(s));
- const onlyB = [...setB.keys()].filter((s) => !setA.has(s));
- const chip = (s, cls, extra) =>
- `${esc(s)}${extra ? `${extra}` : ""}`;
- const col = (title, list, cls, note) => `
-
-
${title}（${list.length}）
-
${list.map((s) => chip(s, cls,
- note === "升" && setA.get(s) !== setB.get(s) ? "↑" : "")).join("") ||
- '无'}
-
${esc(atA)}（${esc(sa.window)}）：${setA.size} 项技能 → ${esc(atB)}（${esc(sb.window)}）：${setB.size} 项技能
-
- ${col(`仅 ${esc(atA)} 有（已退出）`, onlyA, "tag-red")}
- ${col("两个时点共有（保留）", both, "tag-gray", "升")}
- ${col(`仅 ${esc(atB)} 有（新增）`, onlyB, "tag-green")}
-
`;
- box.querySelectorAll(".diff-chip").forEach((el) => {
- el.onclick = () => { switchView("graph"); if (CN.gotoNode) CN.gotoNode(el.dataset.skill); };
- });
- } catch (e) {
- box.innerHTML = `
-
时点对比暂时失败：${esc(friendlyErr(e))}
-
-
${esc(e.window)}
- ${esc(e.change_type)}
- ${esc(e.skill)}
- 需求指数 ${e.prev_weight.toFixed(2)} → ${e.curr_weight.toFixed(2)}
-
${esc((e.description || "").replace(/权重/g, "需求指数"))}
-
证据 JD ${e.source_ids.length} 条 · 点击查看原文
-
该岗位暂无演化事件
`;
- box.querySelectorAll(".evo-event").forEach((el) => {
- el.onclick = () => {
- const e = evoEvents[+el.dataset.i];
- showJdEvidence(e.source_ids || [], {
- skill: e.skill, jobTitle, changeType: e.change_type, window: e.window,
- });
- };
- });
-}
-
-function drawHeatLine(canvas, kv) {
- const { ctx, W, H } = fitCanvas(canvas, 200);
- ctx.clearRect(0, 0, W, H);
- if (!kv.length) return;
- const pad = { l: 40, r: 16, t: 16, b: 28 };
- const max = Math.max(1, ...kv.map(([, v]) => v));
- /* 网格与 y 轴 */
- ctx.strokeStyle = "#f0f0f0"; ctx.fillStyle = "#86909c"; ctx.font = "11px sans-serif";
- for (let g = 0; g <= 4; g++) {
- const y = pad.t + ((H - pad.t - pad.b) * g) / 4;
- ctx.beginPath(); ctx.moveTo(pad.l, y); ctx.lineTo(W - pad.r, y); ctx.stroke();
- ctx.textAlign = "right";
- ctx.fillText(Math.round(max * (1 - g / 4)), pad.l - 6, y + 4);
- }
- const px = (i) => pad.l + (i / Math.max(1, kv.length - 1)) * (W - pad.l - pad.r);
- const py = (v) => pad.t + (1 - v / max) * (H - pad.t - pad.b);
- /* 面积 + 折线 */
- ctx.beginPath();
- kv.forEach(([, v], i) => ctx[i ? "lineTo" : "moveTo"](px(i), py(v)));
- ctx.strokeStyle = "#2f54eb"; ctx.lineWidth = 2; ctx.stroke();
- ctx.lineTo(px(kv.length - 1), H - pad.b); ctx.lineTo(px(0), H - pad.b); ctx.closePath();
- const grad = ctx.createLinearGradient(0, pad.t, 0, H - pad.b);
- grad.addColorStop(0, "rgba(47,84,235,0.25)"); grad.addColorStop(1, "rgba(47,84,235,0.02)");
- ctx.fillStyle = grad; ctx.fill();
- /* 点与 x 轴 */
- ctx.textAlign = "center";
- kv.forEach(([k, v], i) => {
- ctx.fillStyle = "#2f54eb";
- ctx.beginPath(); ctx.arc(px(i), py(v), 3, 0, 7); ctx.fill();
- if (kv.length <= 14 || i % Math.ceil(kv.length / 14) === 0) {
- ctx.fillStyle = "#86909c"; ctx.fillText(k, px(i), H - 8);
- }
- });
-}
-
-/* 变更类型构成堆叠柱状图（按季度） */
-function drawStackBars(canvas, events) {
- const { ctx, W, H } = fitCanvas(canvas, 220);
- ctx.clearRect(0, 0, W, H);
- const windows = [...new Set(events.map((e) => e.window))].sort();
- $("#stack-legend").innerHTML = Object.entries(CHANGE_META).map(([t, m]) =>
- `${t}`).join("");
- if (!windows.length) return;
- const types = Object.keys(CHANGE_META);
- const counts = windows.map((w) => {
- const row = {};
- types.forEach((t) => { row[t] = events.filter((e) => e.window === w && e.change_type === t).length; });
- return row;
- });
- const maxTotal = Math.max(1, ...counts.map((r) => types.reduce((a, t) => a + r[t], 0)));
- const bw = W / windows.length;
- const baseY = H - 22;
- ctx.font = "10px sans-serif"; ctx.textAlign = "center";
- windows.forEach((w, i) => {
- let y = baseY;
- types.forEach((t) => {
- const v = counts[i][t];
- if (!v) return;
- const h = (v / maxTotal) * (H - 52);
- ctx.fillStyle = CHANGE_META[t].color;
- ctx.fillRect(i * bw + bw * 0.2, y - h, bw * 0.6, h);
- y -= h;
- });
- const total = types.reduce((a, t) => a + counts[i][t], 0);
- if (total) {
- ctx.fillStyle = "#4e5969";
- ctx.fillText(total, i * bw + bw / 2, y - 4);
- }
- ctx.fillStyle = "#86909c";
- ctx.fillText(w.slice(2), i * bw + bw / 2, H - 6);
- });
-}
-
-/* 能力生命线（Swimlane）：每个核心技能一行（近 8 季度），线段=生效区间，圆点=变更事件。
- * 行状态取该技能最近一次事件：新增=青绿 / 增强=蓝紫 / 减弱=琥珀 / 退出=砖红 / 持续=蓝灰 */
-function renderEvoGantt(jobId) {
- const box = $("#evo-gantt");
- const g = CN.graphData || {};
- const allEvents = g.events || [];
- const windows = [...new Set(allEvents.map((e) => e.window))].sort().slice(-8);
- const edges = (g.edges || []).filter((e) => e.source === jobId && e.rel === "REQUIRES" && (e.intervals || []).length);
- if (!windows.length || !edges.length) {
- box.innerHTML = `暂无该岗位的能力生命线数据
`;
- return;
- }
- /* Top 12：当前仍生效优先，按当前需求指数降序 */
- const alive = (e) => e.intervals.some(([s, en]) => en === null);
- const rows = edges.slice().sort((a, b) =>
- ((alive(b) ? 1 : 0) - (alive(a) ? 1 : 0)) || ((b.weight || 0) - (a.weight || 0))).slice(0, 12);
- const dots = {};
- evoEvents.forEach((e) => { dots[`${e.skill}|${e.window}`] = e.change_type; });
- const lastWin = windows[windows.length - 1];
- const recentWins = windows.slice(-4);
- const rowMeta = (edge) => {
- const activeNow = edge.intervals.some(([s, en]) => s <= lastWin && (en === null || lastWin < en));
- if (!activeNow) return { label: "退出", color: CHANGE_META["退出"].color };
- const lastEv = evoEvents.filter((e) => e.skill === edge.target && recentWins.includes(e.window)).at(-1);
- if (lastEv) return { label: lastEv.change_type, color: (CHANGE_META[lastEv.change_type] || {}).color || STEADY_COLOR };
- return { label: edge.importance === "required" ? "核心" : "加分", color: STEADY_COLOR };
- };
- const cellHtml = (edge, w, color) => {
- const active = edge.intervals.some(([s, en]) => s <= w && (en === null || w < en));
- const dotType = dots[`${edge.target}|${w}`];
- const dot = dotType
- ? `` : "";
- return `
- ${active ? `
` : ""}${dot}
-
- ${windows.map((w) => `
${esc(w.slice(2))}
`).join("")}
-
状态
- ${rows.map((e) => {
- const m = rowMeta(e);
- return `
${esc(e.target)}
- ${windows.map((w) => cellHtml(e, w, m.color)).join("")}
-
${m.label}
`;
- }).join("")}
-
- 行状态：
- ${Object.entries(CHANGE_META).map(([t, m]) => `${t}`).join("")}
- 持续
- （圆点 = 该季度变更事件，点击技能名跳转图谱）
-
`;
- box.querySelectorAll(".gt-label").forEach((el) => {
- el.onclick = () => { switchView("graph"); if (CN.gotoNode) CN.gotoNode(el.dataset.skill); };
- });
-}
-
-/* 能力更替流：旧核心（已退出必备） → 持续能力 → 新核心（近 4 季度新进入） */
-function renderEvoReplace(jobId) {
- const box = $("#evo-replace");
- const g = CN.graphData || {};
- const wins = [...new Set((g.events || []).map((e) => e.window))].sort();
- const recent4 = new Set(wins.slice(-4));
- const edges = (g.edges || []).filter((e) => e.source === jobId && e.rel === "REQUIRES" && (e.intervals || []).length);
- if (!edges.length) {
- box.innerHTML = `暂无能力更替数据
`;
- return;
- }
- const alive = (e) => e.intervals.some(([s, en]) => en === null);
- const start = (e) => e.intervals.map((i) => i[0]).sort()[0];
- const oldCore = edges.filter((e) => !alive(e));
- const cont = edges.filter((e) => alive(e) && !recent4.has(start(e)));
- const newCore = edges.filter((e) => alive(e) && recent4.has(start(e)));
- const chip = (e) =>
- `${esc(e.target)}`;
- const col = (title, list, cls, note) => `
-
-
${title}（${list.length}）
-
${note}
-
${list.slice(0, 10).map(chip).join("") || '无'}
-
- ${col("旧核心（已退出）", oldCore, "old", "曾为核心/加分，当前已退出画像")}
-
→
- ${col("持续能力", cont, "keep", "跨周期稳定生效，构成岗位基本盘")}
-
→
- ${col("新核心（近 4 季度进入）", newCore, "new", "本期新增或升级的必备/加分能力")}
-
请先选择目标岗位
`; return; }
- box.innerHTML = `岗位信息加载中…
`;
- try {
- const d = await api(`/api/jobs/${encodeURIComponent(jobId)}`);
- const def = d.definition || d;
- const level = def.expected_years == null ? "—" : def.expected_years <= 2 ? "初级" : def.expected_years <= 5 ? "中级" : "高级";
- const chips = (list, cls, n) => (list || []).slice(0, n).map((s) => `${esc(s)}`).join(" ") || `无`;
- box.innerHTML = `
- ${esc(def.title || jobId)}
- ${level} · 支撑 ${def.source_count ?? "—"} 条 JD · ${def.company_count ?? "—"} 家企业 · 数据截止 2026Q3
- ${(def.responsibilities || [])[0] ? `${esc(def.responsibilities[0])}
` : ""}
- 必备技能${chips(def.required_skills, "tag-green", 6)}
- 加分技能${chips(def.preferred_skills, "tag-cyan", 4)}
`;
- } catch (e) {
- box.innerHTML = `
-
岗位信息暂时加载失败：${esc(friendlyErr(e))}
-
`
- : ``;
- const kv = (k, v) => `${k} | ${esc(v || "—")} | `;
- const secs = (p.sections && p.sections.length)
- ? p.sections : [{ title: "简历全文", text: p.raw_masked_text }];
- box.innerHTML = `
-
-
- | ${photo} |
- ${kv("姓名", p.name)}${kv("性别", p.gender)}
-
- ${kv("学历", p.education)}${kv("工作年限", p.years ? p.years + " 年" : "")}
- ${kv("手机", p.phone)}${kv("邮箱", p.email)}
- | 家庭住址 | ${esc(p.address || "—")} |
- ${secs.map((sec) => `
-
- | ${esc(sec.title)} |
- ${highlightHtml(sec.text, clsOf)} |
-
`).join("")}
-
`;
-}
-
-$("#btn-export-resume").onclick = async () => {
- if (!lastProfile) return toast("请先解析简历", "error");
- try {
- const resp = await cnFetch("/api/resume/export", {
- method: "POST", headers: { "Content-Type": "application/json" },
- body: JSON.stringify({ profile: lastProfile, match: matchState.result }),
- });
- if (!resp.ok) throw new Error(`服务响应异常（${resp.status}）`);
- const blob = await resp.blob();
- const a = document.createElement("a");
- a.href = URL.createObjectURL(blob);
- a.download = `简历_${lastProfile.name || "脱敏"}_结构化.docx`;
- a.click();
- URL.revokeObjectURL(a.href);
- toast("规范简历 DOCX 已导出", "success");
- } catch (e) { toast(`导出失败：${friendlyErr(e)}`, "error"); }
-};
-
-async function renderRecJobs(current) {
- const box = $("#rec-job-cards");
- box.innerHTML = `计算中…
`;
- const others = CN.jobs.filter((j) => j.job_id !== current.job_id).slice(0, 12);
- const results = await Promise.all(others.map((j) =>
- post("/api/match", { job_id: j.job_id, skills: matchState.skills, years: matchState.years, scenarios: [] })
- .then((m) => ({ job: j, m })).catch(() => null)));
- const top = results.filter(Boolean).sort((a, b) => b.m.total_score - a.m.total_score).slice(0, 3);
- box.innerHTML = top.map(({ job, m }) => `
-
-
${esc(job.title)} ${esc(job.category || "")}
-
${m.total_score} 分
-
缺口：${m.missing_required.slice(0, 3).map(esc).join("、") || "无"}
-
批量解析与匹配中（${batchState.files.length} 份）…
`;
- try {
- const fd = new FormData();
- fd.append("job_id", $("#batch-job-select").value);
- batchState.files.forEach((f) => fd.append("files", f, f.name));
- const resp = await cnFetch("/api/match/batch", {
- method: "POST", body: fd,
- headers: { "X-Access-Token": localStorage.getItem("cn_access_token") || "" },
- });
- const body = await resp.json();
- if (!resp.ok) throw new Error(friendlyErr({ message: body.detail || "" }, `服务响应异常（${resp.status}）`));
- batchState.result = body.data;
- renderBatchResult(body.data);
- } catch (e2) {
- box.innerHTML = `
-
批量匹配失败：${esc(friendlyErr(e2))}
-
| ${i + 1} | ${esc(r.filename)} |
- ${esc(r.error)} |
`;
- }
- const pct = Math.round(r.total_score);
- return `
- | ${i + 1} |
- ${esc(r.name)} ${esc(r.filename)} |
- |
- ${r.years || 0} 年 |
- ${(r.matched || []).slice(0, 4).map(esc).join("、") || "—"} |
- ${(r.missing || []).slice(0, 4).map(esc).join("、") || "—"} |
- ${r.is_match ? '达标' : '未达标'} |
-
`;
- }).join("");
- $("#batch-result").innerHTML = `
- 共 ${data.total} 份，成功匹配 ${data.ok} 份，目标岗位：${esc(data.job_title)}（按总分降序）
-
- | # | 候选人 | 总分 | 年限 | 命中技能 | 关键缺口 | 结论 |
|---|
- ${rows}
-
`;
-}
-
-$("#btn-batch-export").onclick = () => {
- const data = batchState.result;
- if (!data) return;
- const head = ["排名", "文件名", "姓名", "总分", "工作年限", "技能数",
- "必备技能分", "加分技能分", "经验分", "场景分", "命中技能", "缺失技能", "是否达标", "备注"];
- const lines = [head.join(",")];
- data.results.forEach((r, i) => {
- const cell = (v) => `"${String(v ?? "").replace(/"/g, '""')}"`;
- if (r.error) {
- lines.push([i + 1, cell(r.filename), "", "", "", "", "", "", "", "", "", "", "", cell(r.error)].join(","));
- } else {
- const d = r.dimension_scores || {};
- lines.push([i + 1, cell(r.filename), cell(r.name), r.total_score, r.years || 0, r.skills_count || 0,
- d.required ?? 0, d.preferred ?? 0, d.experience ?? 0, d.scenario ?? 0,
- cell((r.matched || []).join("、")), cell((r.missing || []).join("、")),
- r.is_match ? "达标" : "未达标", ""].join(","));
- }
- });
- const blob = new Blob(["" + lines.join("\r\n")], { type: "text/csv;charset=utf-8" });
- const a = document.createElement("a");
- a.href = URL.createObjectURL(blob);
- a.download = `批量匹配结果_${data.job_title}_${new Date().toISOString().slice(0, 10)}.csv`;
- a.click();
- URL.revokeObjectURL(a.href);
- toast("CSV 已导出", "success");
-};
-
-/* ================= 学习路径 ================= */
-const RESOURCE_TYPES = ["官方文档", "实战项目", "在线课程", "技术社区"];
-let lastPathData = null;
-const pathState = { jobId: null, known: new Set(), weeks: 8, done: new Set(), required: [], preferred: [] };
-
-function pathDoneKey(jobId) { return `cn_path_done_${jobId}`; }
-
-async function loadPathJob(jobId, presetKnown) {
- if (!jobId) return;
- pathState.jobId = jobId;
- pathState.known = new Set(presetKnown || []);
- try { pathState.done = new Set(JSON.parse(localStorage.getItem(pathDoneKey(jobId)) || "[]")); }
- catch { pathState.done = new Set(); }
- const pool = $("#path-skill-pool");
- pool.innerHTML = `加载技能清单…
`;
- try {
- const d = await api(`/api/jobs/${encodeURIComponent(jobId)}`);
- const def = d.definition || d;
- pathState.required = def.required_skills || [];
- pathState.preferred = def.preferred_skills || [];
- renderSkillPool();
- updatePathSummary();
- } catch (e) {
- pool.innerHTML = `
-
技能清单暂时加载失败：${esc(friendlyErr(e))}
-
-
${title}（${skills.length}）
-
${skills.map((s) =>
- `${esc(s)}`).join("")}
-
正在生成学习路径：对齐岗位图谱 → 计算技能缺口 → 拆分阶段…
`;
- try {
- const data = await post("/api/learning-path", { job_id: jobId, known_skills: [...pathState.known] });
- lastPathData = data;
- renderPath(data);
- } catch (e) {
- $("#path-result").innerHTML = `
-
学习路径生成失败：${esc(friendlyErr(e))}
-
示范路线 · 完成人岗诊断后将替换为你的个人结果
` : ""}
- 目标岗位${esc(lastPathData.title)}
- 当前匹配分${cur}
- 目标分60 分
- 预计周期${pathState.weeks} 周
-
-
-
学习记录：已完成 ${done}/${n} 阶段（${pct}%）· 完成阶段后可重新匹配验证
-
✓ 已覆盖「${esc(data.title)}」全部必备技能，无需补课
`;
- return;
- }
- const weeks = stageWeeks(data.learning_path.length);
- /* 阶段语义化命名：基础补齐 → 岗位核心（可多个）→ 项目验证 */
- const stageName = (i, n) =>
- i === 0 ? "基础补齐" : i === n - 1 ? "项目验证" : "岗位核心";
- box.innerHTML = (data._demo ? `
-
- 示范路线（以零已掌握技能生成）：完成一次人岗诊断后，此处将自动替换为你的个人成长路线图
-
-
` : "") + data.learning_path.map((st, i) => {
- const done = pathState.done.has(st.stage);
- return `
-
-
${done ? "✓" : st.stage}
-
-
- 阶段 ${st.stage} · ${stageName(i, data.learning_path.length)}（${st.skills.length} 项技能）
- 建议 ${weeks[i]} 周
-
- ${i > 0 ? `
前置：建议完成阶段 ${st.stage - 1} 后开始（按技能前置关系拓扑排序）
` : ""}
-
${st.skills.map((s) =>
- `${esc(s)}`).join("")}
-
- 预计投入：${stageEffortText(weeks[i])}
- 资源类型：${RESOURCE_TYPES[i % RESOURCE_TYPES.length]}
- 技能性质：必备补齐
- ${st.acceptance ? `能力类别：${esc(st.acceptance.category)}` : ""}
-
- ${st.acceptance ? `
-
- 验收标准（产出物 1 项 · 量化验收 ${st.acceptance.criteria.length} 项 · 自测 ${st.acceptance.self_check.length} 问）
-
-
产出物
-
${esc(st.acceptance.deliverable)}
-
量化验收项
-
${st.acceptance.criteria.map((c, k) =>
- `- ${k + 1}${esc(c)}
`).join("")}
-
自测问答（能口头讲清才算通过）
-
${st.acceptance.self_check.map((q, k) =>
- `- Q${k + 1}${esc(q)}
`).join("")}
-
` : ""}
-
-
-
- 首次使用，建议先完成基础配置（均可稍后通过右上角 ⚙ 修改）：
-
· 配置 LLM API 密钥可启用大模型抽取（不配则离线确定性方案兜底）
-
· 配置语义向量模型（本地 BGE-M3 或联网 API）可启用语义相似匹配
-
· 需要对外提供服务时，再调整监听地址与访问令牌
-
` : ""}
-
- 当前监听 ${esc(cfg.running.host)}:${cfg.running.port}
- LLM 状态 ${modeBadge}
- ${cfg.restart_required ? `监听变更待重启` : ""}
-
- ${needToken ? `该服务已启用访问令牌，请填写后保存。
` : ""}
-
-
服务监听（修改后需重启生效）
-
-
-
-
-
-
-
-
-
LLM API（星火 / OpenAI 兼容，保存即热生效）
-
-
-
-
-
-
-
-
-
-
-
-
-
-
语义向量匹配（可选增强，保存即热生效）
-
-
-
-
-
-
- 自动完成全部配置，推荐首次使用：
-
① 安装 sentence-transformers 依赖（PyPI 镜像站）
-
② 从 ModelScope 镜像站下载 BGE-M3 权重（约 2.2GB）
-
③ 自动写入配置并启用语义匹配。全程约 3–8 分钟，期间可继续使用其他功能。
-
-
-
-
-
-
-
-
-
手动配置方式（不使用一键配置时）
-
- - 安装依赖：
pip install sentence-transformers
- - 下载权重（约 2.2GB）：ModelScope（国内推荐）
modelscope.cn/models/BAAI/bge-m3 或 HuggingFace huggingface.co/BAAI/bge-m3
- - 目录内需包含
config.json、model.safetensors 与分词器文件，填入上方路径保存即可
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
联网 API 配置引导
-
- - 开通阿里云百炼（DashScope），在控制台获取 API Key
- - 默认接口为 OpenAI 兼容模式，模型推荐
text-embedding-v4
- - 填入 Key 保存即生效；网络不可达时自动回退词表归一化
-
-
-
-
+
${esc(title)}
+
${bodyHtml}
+
+
${esc(label)}
` : ""}
+ `,
+ onOk: (w) => w.querySelector("input").value.trim() || null,
+ });
+}
+
+function sysConfirm({ title, text, okText = "确定", danger = false }) {
+ return sysDialog({ title, bodyHtml: `${esc(text)}
`, okText, danger });
+}
+
+function sysAlert({ title, text, okText = "知道了" }) {
+ return sysDialog({ title, bodyHtml: `${esc(text)}
`, okText, cancelText: "" });
+}
+
+/* 复制展示框：readonly 输入 + 一键复制（clipboard 失败时退化为手动全选复制） */
+function sysCopy({ title, text }) {
+ return sysDialog({
+ title,
+ okText: "复制", cancelText: "关闭",
+ bodyHtml: ``,
+ onOk: async (w) => {
+ const input = w.querySelector("input");
+ input.focus(); input.select();
+ try { await navigator.clipboard.writeText(text); toast("已复制到剪贴板", "success"); }
+ catch { document.execCommand("copy"); toast("已复制到剪贴板", "success"); }
+ return true;
+ },
+ });
+}
+
+function openModal(title, bodyHtml, footHtml) {
+ $("#modal-title").innerHTML = title;
+ $("#modal-body").innerHTML = bodyHtml;
+ const foot = $("#modal-foot");
+ if (footHtml) { foot.innerHTML = footHtml; foot.classList.remove("hidden"); }
+ else foot.classList.add("hidden");
+ $("#modal-mask").classList.remove("hidden");
+}
+function closeModal() { $("#modal-mask").classList.add("hidden"); $("#modal-box").classList.remove("wide"); }
+$("#modal-close").onclick = closeModal;
+$("#modal-mask").addEventListener("click", (e) => { if (e.target.id === "modal-mask") closeModal(); });
+document.addEventListener("keydown", (e) => { if (e.key === "Escape") closeModal(); });
+
+const post = (path, payload) => api(path, {
+ method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload),
+});
+
+/* 全局共享状态与命名空间（graph.js 复用） */
+const CN = window.CN = {
+ api, post, $, $$, esc, toast, openModal, closeModal,
+ sysPrompt, sysConfirm, sysAlert, sysCopy,
+ jobs: [], // /api/jobs 缓存
+ graphData: null, // /api/graph 缓存
+ switchView: null, // 下方赋值
+ gotoNode: null, // graph.js 注册：跳转图谱并选中节点
+};
+
+const TYPE_META = {
+ Job: { name: "岗位", color: "#2f54eb", tag: "tag-blue" },
+ Skill: { name: "技能", color: "#00b42a", tag: "tag-green" },
+ Industry: { name: "行业", color: "#13c2c2", tag: "tag-cyan" },
+ Scenario: { name: "场景", color: "#722ed1", tag: "tag-purple" },
+};
+CN.TYPE_META = TYPE_META;
+
+/* JD 原文缓存（证据弹窗与来源列表共用，失败不缓存以允许重试） */
+const _jdCache = new Map();
+async function fetchJd(sid) {
+ if (_jdCache.has(sid)) return _jdCache.get(sid);
+ const p = api(`/api/jd?sid=${encodeURIComponent(sid)}`);
+ _jdCache.set(sid, p);
+ try { return await p; } catch (e) { _jdCache.delete(sid); throw e; }
+}
+
+/* 来源列表行内联元信息：填充为「企业 · 平台 · 日期」可读文案（不显示内部 source_id） */
+CN.jdMetaLine = async function (el, sid) {
+ try {
+ const r = await fetchJd(sid);
+ el.textContent = `${r.company || "企业未披露"} · ${r.source || "公开招聘平台"} · ${r.publish_date || "时间未知"}`;
+ } catch {
+ el.textContent = "证据详情暂时读取失败，点击可重试查看";
+ }
+};
+
+/* JD 证据弹窗（演化事件 / 图谱来源共用）
+ * sids：单条或数组（数组时支持上一条/下一条翻页）
+ * ctx：{ skill, jobTitle, changeType, window } 用于生成可读结论与命中依据 */
+async function showJdEvidence(sids, ctx = {}) {
+ const list = (Array.isArray(sids) ? sids : [sids]).filter(Boolean);
+ if (!list.length) return toast("该条目暂无关联的公开 JD 证据", "info");
+ let idx = 0;
+ const conclusion = ctx.skill
+ ? `${ctx.skill}${ctx.changeType ? ` · ${ctx.changeType}` : ""}${ctx.jobTitle ? ` — ${ctx.jobTitle}` : ""}`
+ : "";
+ async function render() {
+ const sid = list[idx];
+ const foot = `
+ ${list.length > 1 ? `
+
+ ${idx + 1} / ${list.length}
+ ` : ""}
+ `;
+ openModal("JD 原文证据", `证据加载中…
`, foot);
+ $("#ev-close").onclick = closeModal;
+ if (list.length > 1) {
+ $("#ev-prev").onclick = () => { idx -= 1; render(); };
+ $("#ev-next").onclick = () => { idx += 1; render(); };
+ }
+ try {
+ const rec = await fetchJd(sid);
+ $("#modal-body").innerHTML = `
+ ${conclusion ? `${esc(conclusion)}${ctx.window ? `（${esc(ctx.window)}）` : ""}
` : ""}
+
+ ${esc(rec.job_title)}${esc(rec.company || "企业未披露")}
+ ${esc(rec.city || "—")}${esc(rec.salary || "—")}
+
+ 来源：${esc(rec.source || "公开招聘平台")} · ${esc(rec.company || "企业未披露")} · 发布时间：${esc(rec.publish_date || "未知")}
+ ${esc(rec.text)}
+ ${ctx.skill ? `命中依据：该 JD 对「${esc(ctx.skill)}」提出明确能力要求${ctx.changeType ? `（${esc(ctx.changeType)}）` : ""}
` : ""}
+ ${esc(sid)}
`;
+ } catch (e) {
+ const gone = /不存在|非法|格式/.test((e && e.message) || "");
+ $("#modal-body").innerHTML = `
+
+
${gone ? "该能力当前没有可展示的公开原文，已进入人工核验队列"
+ : "暂时无法读取该条证据，请检查服务后重试"}
+
+
+ ${m.name}${esc(n.title || n.id)}
+ ${esc(n.category || "")}
`;
+ }).join("") : `无匹配结果
`;
+ drop.classList.remove("hidden");
+ $$("#global-search-drop .sd-item[data-id]").forEach((el) => {
+ el.onclick = () => {
+ drop.classList.add("hidden"); input.value = "";
+ switchView("graph");
+ if (CN.gotoNode) CN.gotoNode(el.dataset.id);
+ };
+ });
+ } catch { /* 静默 */ }
+ }, 200);
+ });
+ document.addEventListener("click", (e) => {
+ if (!e.target.closest(".global-search")) drop.classList.add("hidden");
+ });
+})();
+
+/* ================= 人才能力变化指挥台（数据驾驶舱） ================= */
+/* 首屏 KPI：新岗位候选 / 关键技能增强 / 待人工复核 / 影响岗位（图谱规模降级为一行小字） */
+const METRIC_DEFS = [
+ { key: "candidates", label: "新岗位候选", act: "desk", sub: "聚类发现，待人工决策", icon: '' },
+ { key: "boosted", label: "关键技能增强", act: "evolution", sub: "近 2 季度新增+增强事件", icon: '' },
+ { key: "review", label: "待人工复核", act: "desk", sub: "候选岗位 + 候选技能关系", icon: '' },
+ { key: "affected", label: "影响岗位", act: "evolution", sub: "近 2 季度发生变化的岗位", icon: '' },
+];
+
+async function loadDashboard() {
+ const [health, graph, pending, audit] = await Promise.all([
+ api("/api/health"), api("/api/graph"),
+ api("/api/review/pending").catch(() => []),
+ api("/api/audit?limit=8").catch(() => []),
+ ]);
+ CN.graphData = graph;
+ CN._pendingCache = pending;
+ const s = health.graph || {};
+ updateBanners(health);
+ const events = graph.events || [];
+ const lastWin = (events.at(-1) || {}).window || "2026Q3";
+ $("#data-version").textContent = `数据截止：${lastWin} · 模拟数据`;
+
+ /* 本期口径：最近 2 个季度的变化事件 */
+ const wins2 = [...new Set(events.map((e) => e.window))].sort().slice(-2);
+ const recent = events.filter((e) => wins2.includes(e.window));
+ const cnt = (t) => recent.filter((e) => e.change_type === t).length;
+ const readyCount = pending.filter((c) => ["高", "较高"].includes(candidateTrust(c, CN.jobs).level)).length;
+ const pendingRels = pending.reduce((a, c) =>
+ a + (c.required_skills || []).length + (c.preferred_skills || []).length, 0);
+
+ /* 指挥台首屏：结论 + 图谱规模（降级为小字） */
+ $("#cmd-title").textContent = `${lastWin} 人才能力变化概览`;
+ $("#cmd-sub").textContent = pending.length
+ ? `本期确认 ${recent.length} 项关键变化（新增 ${cnt("新增")} · 增强 ${cnt("增强")} · 减弱 ${cnt("减弱")} · 退出 ${cnt("退出")}）；${readyCount} 个岗位候选已具备入库条件`
+ : `本期确认 ${recent.length} 项关键变化（新增 ${cnt("新增")} · 增强 ${cnt("增强")} · 减弱 ${cnt("减弱")} · 退出 ${cnt("退出")}）；当前无待审核候选`;
+ $("#cmd-scale").textContent =
+ `图谱规模：岗位 ${s.jobs ?? "—"} · 技能 ${s.skills ?? "—"} · 关系边 ${s.edges ?? "—"} · 演化事件 ${s.events ?? "—"}`;
+
+ /* KPI 卡（点击直达对应处理界面） */
+ const values = {
+ candidates: pending.length,
+ boosted: cnt("增强") + cnt("新增"),
+ review: pending.length + pendingRels,
+ affected: new Set(recent.map((e) => e.job_id)).size,
+ };
+ $("#metric-cards").innerHTML = METRIC_DEFS.map((m) => `
+
+
${m.icon}${m.label}
+
${values[m.key] ?? "—"}
+
${m.sub}
+
${k}${v}
+ ${esc(sub)}
`).join("");
+ } catch (e) {
+ box.innerHTML = `
+
可信度统计暂时加载失败：${esc(friendlyErr(e))}
+
支持 .jsonl / .csv / .txt 文件上传（UTF-8，≤10MB），或直接粘贴 JSONL 文本（每行一条记录）；两者都留空则仅触发全量重建。
+ 上传文件
+
+ 或粘贴文本
+ `,
+ onOk: (w) => {
+ const f = w.querySelector("#imp-file").files[0];
+ const t = w.querySelector("#imp-text").value;
+ if (!f && !t.trim()) return "rebuild";
+ return { file: f, text: t };
+ },
+ });
+ if (choice === null) return;
+ try {
+ let t;
+ if (choice === "rebuild") {
+ t = await post("/api/jd/import", {});
+ } else {
+ const fd = new FormData();
+ if (choice.file) fd.append("file", choice.file);
+ else fd.append("text", choice.text);
+ t = await api("/api/jd/import", { method: "POST", body: fd });
+ const bad = (t.bad_lines || []).length;
+ toast(`已接收：导入 ${t.imported} 条 / 跳过 ${t.skipped} 条 / 坏行 ${bad} 条`
+ + (bad ? `（详见 logs/${t.bad_log}）` : ""), bad ? "error" : "success");
+ }
+ toast(`导入任务已启动：${t.task_id}`, "success");
+ pollTask(t.task_id);
+ } catch (e) { toast(e.message, "error"); }
+}
+
+async function pollTask(taskId) { const timer = setInterval(async () => {
+ try {
+ const t = await api(`/api/tasks/${taskId}`);
+ if (t.status === "done") {
+ clearInterval(timer);
+ toast("JD 导入完成，图谱已更新", "success");
+ loadDashboard();
+ } else if (t.status === "failed") {
+ clearInterval(timer);
+ toast("导入失败：" + (t.error || "未知错误"), "error");
+ }
+ } catch { clearInterval(timer); }
+ }, 1500);
+}
+
+function renderTaskTable(audit) {
+ const tbody = $("#task-table tbody");
+ const rows = (audit || []).slice(0, 8);
+ if (!rows.length) {
+ tbody.innerHTML = "";
+ $("#task-empty").classList.remove("hidden");
+ return;
+ }
+ $("#task-empty").classList.add("hidden");
+ tbody.innerHTML = rows.map((r) => {
+ const isNode = r.kind === "node_update";
+ const obj = isNode ? r.node_id : (r.candidate_id || "").replace(/^cand_/, "");
+ const act = isNode ? "节点编辑" : { accept: "审核通过", reject: "退回观察", modify: "审核修改" }[r.action] || r.action;
+ const badge = isNode ? "badge-version" : (r.action === "reject" ? "badge-warning" : "badge-success");
+ return `| ${act} |
+ ${esc(obj)} | ${esc(r.operator || "—")} |
+ ${esc(r.time || "—")} | ${esc(r.reason || "—")} |
`;
+ }).join("");
+}
+
+/* 变化播报卡：技能图标 + 变化类型 + 影响岗位 + 证据数 + 跳转演化页（审核动作归入台账） */
+function renderFeed(events) {
+ const verb = { "新增": "成为新要求", "增强": "需求显著增强", "减弱": "需求明显减弱", "退出": "退出能力画像" };
+ const items = (events || []).slice(-6).reverse();
+ const jobTitle = (id) => ((CN.jobs || []).find((j) => j.job_id === id) || {}).title || id.replace(/^job_/, "");
+ $("#activity-feed").innerHTML = items.length ? items.map((e, i) => {
+ const m = CHANGE_META[e.change_type] || { tag: "tag-gray", color: "#86909c" };
+ return `
+
+
+
+
${esc(e.skill)} ${verb[e.change_type] || esc(e.change_type)}
+
影响岗位：${esc(jobTitle(e.job_id))} · 证据 ${(e.source_ids || []).length} 条 JD · ${esc(e.window)}
+
+
${esc(e.change_type)}
+
暂无变化播报
`;
+ $$("#activity-feed .feed-item").forEach((el) => {
+ el.onclick = () => {
+ const e = items[+el.dataset.i];
+ switchView("evolution");
+ $("#evo-job-select").value = e.job_id;
+ loadEvolution();
+ };
+ });
+}
+
+/* 待办行动卡（最多 3 张：结论 + 证据强度 + 处理按钮；完整台账见审核台/下方台账） */
+function renderPending(pending) {
+ const box = $("#pending-list");
+ if (!pending.length) {
+ box.innerHTML = `暂无待审核候选（可在图谱页触发新岗位发现）
`;
+ return;
+ }
+ box.innerHTML = pending.slice(0, 3).map((c) => {
+ const t = candidateTrust(c, CN.jobs);
+ const ready = ["高", "较高"].includes(t.level);
+ return `
+
${esc(c.title)}
+ ${ready ? "建议批准入图" : "建议继续观察"}
+
结论：四指标达标 ${t.okCount}/4（可信等级 ${t.level}） · 处理人：待分配
+
证据强度：${c.source_count} 条 JD · ${c.company_count} 家企业 · ${(c.support_windows || []).length} 个季度跨度
+
+
+
+
+
+
+
候选数据暂时加载失败：${esc(friendlyErr(e))}
+
暂无待审核候选（可在图谱页触发新岗位发现）
`;
+ return;
+ }
+ const levelTag = { "高": "tag-green", "较高": "tag-cyan", "中": "tag-orange", "低": "tag-red" };
+ box.innerHTML = pending.map((c) => {
+ const t = candidateTrust(c, CN.jobs);
+ const wins = (c.support_windows || []).slice().sort();
+ const span = wins.length ? `${wins[0]} ~ ${wins[wins.length - 1]}` : "—";
+ const resp = c.responsibilities || [];
+ const summary = resp[0]
+ || `面向${(c.industries || []).join("/") || "新兴"}领域的「${c.title}」岗位（职责描述待人工补充）`;
+ return `
+
候选：${esc(c.title)}
+ 可信等级：${t.level}
+
职责摘要：${esc(summary)}
+ ${resp.length > 1 ? `
核心职责：${resp.slice(0, 5).map((d) => `${esc(d.replace(/；\s*$/, ""))}`).join(" ")}
` : ""}
+
应用场景：${(c.scenarios || []).length
+ ? c.scenarios.map((s) => `${esc(s)}`).join(" ")
+ : "—"}
+
${t.dots.map((d) =>
+ ``).join("")}
+ ${t.okCount}/4 指标达标（JD / 企业 / 增长 / 差异）
+
多源证据：${c.source_count} JD · ${c.company_count} 企业 · 时间跨度 ${esc(span)}
+
与相近岗位：${t.nearest.title
+ ? `「${esc(t.nearest.title)}」技能重合 ${(t.nearest.sim * 100).toFixed(0)}%，职责差异度 ${t.distinctness.toFixed(2)}`
+ : "暂无可比较岗位"}
+
必备：${(c.required_skills || []).slice(0, 6).map((s) => `${esc(s)}`).join(" ") || "—"}
+ ${(c.preferred_skills || []).length ? `
加分：${c.preferred_skills.slice(0, 4).map((s) => `${esc(s)}`).join(" ")}` : ""}
+
+
+
+
+
+
+
技能重合 ${(t.nearest.sim * 100).toFixed(0)}% · 职责差异度 ${t.distinctness.toFixed(2)}（≥0.40 视为新岗位）
+
+
候选「${esc(c.title)}」必备
+
${chips(c.required_skills, "tag-blue")}
+
「${esc(near.title)}」必备
+
${chips(near.required_skills, "tag-green")}
+
候选独有技能
+
${chips((c.required_skills || []).filter((s) => !(near.required_skills || []).includes(s)), "tag-orange")}
+
暂无演化事件数据
`;
+ return;
+ }
+ const winSet = new Set([...new Set(events.map((e) => e.window))].sort().slice(-12));
+ const per = {};
+ events.forEach((e) => {
+ if (!winSet.has(e.window)) return;
+ const p = per[e.job_id] = per[e.job_id] || { add: 0, out: 0, other: 0 };
+ if (e.change_type === "新增") p.add++;
+ else if (e.change_type === "退出") p.out++;
+ else p.other++;
+ });
+ const rows = jobs.map((j) => ({ j, ...(per[j.job_id] || { add: 0, out: 0, other: 0 }) }))
+ .map((r) => ({ ...r, total: r.add + r.out + r.other }))
+ .filter((r) => r.total > 0)
+ .sort((a, b) => b.total - a.total);
+ const max = Math.max(1, ...rows.map((r) => r.total));
+ box.innerHTML = rows.map((r) => `
+
+ ${esc(r.j.title)}
+
+ ${r.total}
+
`).join("") + `
+ 横条构成：新增技能
+ 退出技能
+ 增强/减弱
+ （近 12 季度，点击行进入该岗位报告）
`;
+ box.querySelectorAll(".scan-row").forEach((el) => {
+ el.onclick = () => {
+ $("#evo-job-select").value = el.dataset.job;
+ $$("#evo-tabs .match-tab").forEach((x) => x.classList.toggle("active", x.dataset.evotab === "report"));
+ $("#evo-tab-report").classList.remove("hidden");
+ $("#evo-tab-scan").classList.add("hidden");
+ loadEvolution();
+ };
+ });
+}
+
+/* 演化页二级 Tab：岗位报告（默认） / 全岗位扫描（热力图） */
+$$("#evo-tabs .match-tab").forEach((b) => {
+ b.onclick = () => {
+ $$("#evo-tabs .match-tab").forEach((x) => x.classList.toggle("active", x === b));
+ const tab = b.dataset.evotab;
+ $("#evo-tab-report").classList.toggle("hidden", tab !== "report");
+ $("#evo-tab-scan").classList.toggle("hidden", tab !== "scan");
+ if (tab === "scan") renderEvoScan();
+ };
+});
+
+function bucketWindow(w, gran) {
+ if (gran === "year") return w.slice(0, 4);
+ if (gran === "month") { /* 季度窗口展开为季中月 */ return `${w.slice(0, 4)}-${String((+w.slice(5) - 1) * 3 + 2).padStart(2, "0")}`; }
+ return w;
+}
+
+async function loadEvolution() {
+ const id = $("#evo-job-select").value;
+ if (!id) return;
+ try {
+ const data = await api(`/api/jobs/${encodeURIComponent(id)}/evolution`);
+ evoEvents = data.events;
+ } catch (e) {
+ evoEvents = [];
+ $("#evo-timeline").innerHTML = `
+
演化数据暂时加载失败：${esc(friendlyErr(e))}
+
该岗位暂无演化事件，暂无本期结论
`;
+ return;
+ }
+ const wins = [...new Set(evoEvents.map((e) => e.window))].sort().slice(-2);
+ const order = ["新增", "增强", "减弱", "退出"];
+ box.innerHTML = wins.map((w) => {
+ const evs = evoEvents.filter((e) => e.window === w);
+ const parts = order.map((t) => {
+ const list = evs.filter((e) => e.change_type === t);
+ if (!list.length) return "";
+ const skills = list.map((e) => (t === "增强" || t === "减弱")
+ ? `${esc(e.skill)}（需求指数 ${e.prev_weight.toFixed(2)}→${e.curr_weight.toFixed(2)}）`
+ : esc(e.skill)).join("、");
+ const verb = { "新增": "成为新要求", "增强": "需求显著增强", "减弱": "需求明显减弱", "退出": "退出能力画像" }[t];
+ return `${t}${skills} ${verb}`;
+ }).filter(Boolean).join("");
+ return ``;
+ }).join("");
+}
+
+function renderEvoStats(jobId) {
+ const job = (CN.jobs || []).find((j) => j.job_id === jobId) || {};
+ const wins = [...new Set(evoEvents.map((e) => e.window))].sort();
+ const recent = new Set(wins.slice(-4));
+ const cnt = (t) => evoEvents.filter((e) => e.change_type === t && recent.has(e.window)).length;
+ const jds = new Set(evoEvents.flatMap((e) => e.source_ids || []));
+ const items = [
+ ["当前必备技能", `${(job.required_skills || []).length} 项`],
+ ["当前加分技能", `${(job.preferred_skills || []).length} 项`],
+ ["近 4 季度新增", cnt("新增")],
+ ["近 4 季度退出", cnt("退出")],
+ ["证据 JD 总量", `${jds.size} 条`],
+ ];
+ $("#evo-stats").innerHTML = items.map(([k, v]) =>
+ `${k}${v}
`).join("");
+}
+
+async function runEvoCompare() {
+ const id = $("#evo-job-select").value;
+ if (!id) return;
+ const box = $("#evo-diff");
+ // 默认日期：A=最早事件所在季度初，B=今天
+ if (!$("#evo-date-a").value) {
+ const first = (evoEvents[0] || {}).window || "2019Q1";
+ $("#evo-date-a").value = `${first.slice(0, 4)}-01-01`;
+ }
+ if (!$("#evo-date-b").value) {
+ $("#evo-date-b").value = new Date().toISOString().slice(0, 10);
+ }
+ const atA = $("#evo-date-a").value, atB = $("#evo-date-b").value;
+ box.innerHTML = `对比计算中…
`;
+ try {
+ const [sa, sb] = await Promise.all([
+ api(`/api/jobs/${encodeURIComponent(id)}/snapshot?at=${atA}`),
+ api(`/api/jobs/${encodeURIComponent(id)}/snapshot?at=${atB}`),
+ ]);
+ const setA = new Map(sa.skills.map((s) => [s.skill, s.importance]));
+ const setB = new Map(sb.skills.map((s) => [s.skill, s.importance]));
+ const onlyA = [...setA.keys()].filter((s) => !setB.has(s));
+ const both = [...setA.keys()].filter((s) => setB.has(s));
+ const onlyB = [...setB.keys()].filter((s) => !setA.has(s));
+ const chip = (s, cls, extra) =>
+ `${esc(s)}${extra ? `${extra}` : ""}`;
+ const col = (title, list, cls, note) => `
+
+
${title}（${list.length}）
+
${list.map((s) => chip(s, cls,
+ note === "升" && setA.get(s) !== setB.get(s) ? "↑" : "")).join("") ||
+ '无'}
+
${esc(atA)}（${esc(sa.window)}）：${setA.size} 项技能 → ${esc(atB)}（${esc(sb.window)}）：${setB.size} 项技能
+
+ ${col(`仅 ${esc(atA)} 有（已退出）`, onlyA, "tag-red")}
+ ${col("两个时点共有（保留）", both, "tag-gray", "升")}
+ ${col(`仅 ${esc(atB)} 有（新增）`, onlyB, "tag-green")}
+
`;
+ box.querySelectorAll(".diff-chip").forEach((el) => {
+ el.onclick = () => { switchView("graph"); if (CN.gotoNode) CN.gotoNode(el.dataset.skill); };
+ });
+ } catch (e) {
+ box.innerHTML = `
+
时点对比暂时失败：${esc(friendlyErr(e))}
+
+
${esc(e.window)}
+ ${esc(e.change_type)}
+ ${esc(e.skill)}
+ 需求指数 ${e.prev_weight.toFixed(2)} → ${e.curr_weight.toFixed(2)}
+
${esc((e.description || "").replace(/权重/g, "需求指数"))}
+
证据 JD ${e.source_ids.length} 条 · 点击查看原文
+
该岗位暂无演化事件
`;
+ box.querySelectorAll(".evo-event").forEach((el) => {
+ el.onclick = () => {
+ const e = evoEvents[+el.dataset.i];
+ showJdEvidence(e.source_ids || [], {
+ skill: e.skill, jobTitle, changeType: e.change_type, window: e.window,
+ });
+ };
+ });
+}
+
+function drawHeatLine(canvas, kv) {
+ const { ctx, W, H } = fitCanvas(canvas, 200);
+ ctx.clearRect(0, 0, W, H);
+ if (!kv.length) return;
+ const pad = { l: 40, r: 16, t: 16, b: 28 };
+ const max = Math.max(1, ...kv.map(([, v]) => v));
+ /* 网格与 y 轴 */
+ ctx.strokeStyle = "#f0f0f0"; ctx.fillStyle = "#86909c"; ctx.font = "11px sans-serif";
+ for (let g = 0; g <= 4; g++) {
+ const y = pad.t + ((H - pad.t - pad.b) * g) / 4;
+ ctx.beginPath(); ctx.moveTo(pad.l, y); ctx.lineTo(W - pad.r, y); ctx.stroke();
+ ctx.textAlign = "right";
+ ctx.fillText(Math.round(max * (1 - g / 4)), pad.l - 6, y + 4);
+ }
+ const px = (i) => pad.l + (i / Math.max(1, kv.length - 1)) * (W - pad.l - pad.r);
+ const py = (v) => pad.t + (1 - v / max) * (H - pad.t - pad.b);
+ /* 面积 + 折线 */
+ ctx.beginPath();
+ kv.forEach(([, v], i) => ctx[i ? "lineTo" : "moveTo"](px(i), py(v)));
+ ctx.strokeStyle = "#2f54eb"; ctx.lineWidth = 2; ctx.stroke();
+ ctx.lineTo(px(kv.length - 1), H - pad.b); ctx.lineTo(px(0), H - pad.b); ctx.closePath();
+ const grad = ctx.createLinearGradient(0, pad.t, 0, H - pad.b);
+ grad.addColorStop(0, "rgba(47,84,235,0.25)"); grad.addColorStop(1, "rgba(47,84,235,0.02)");
+ ctx.fillStyle = grad; ctx.fill();
+ /* 点与 x 轴 */
+ ctx.textAlign = "center";
+ kv.forEach(([k, v], i) => {
+ ctx.fillStyle = "#2f54eb";
+ ctx.beginPath(); ctx.arc(px(i), py(v), 3, 0, 7); ctx.fill();
+ if (kv.length <= 14 || i % Math.ceil(kv.length / 14) === 0) {
+ ctx.fillStyle = "#86909c"; ctx.fillText(k, px(i), H - 8);
+ }
+ });
+}
+
+/* 变更类型构成堆叠柱状图（按季度） */
+function drawStackBars(canvas, events) {
+ const { ctx, W, H } = fitCanvas(canvas, 220);
+ ctx.clearRect(0, 0, W, H);
+ const windows = [...new Set(events.map((e) => e.window))].sort();
+ $("#stack-legend").innerHTML = Object.entries(CHANGE_META).map(([t, m]) =>
+ `${t}`).join("");
+ if (!windows.length) return;
+ const types = Object.keys(CHANGE_META);
+ const counts = windows.map((w) => {
+ const row = {};
+ types.forEach((t) => { row[t] = events.filter((e) => e.window === w && e.change_type === t).length; });
+ return row;
+ });
+ const maxTotal = Math.max(1, ...counts.map((r) => types.reduce((a, t) => a + r[t], 0)));
+ const bw = W / windows.length;
+ const baseY = H - 22;
+ ctx.font = "10px sans-serif"; ctx.textAlign = "center";
+ windows.forEach((w, i) => {
+ let y = baseY;
+ types.forEach((t) => {
+ const v = counts[i][t];
+ if (!v) return;
+ const h = (v / maxTotal) * (H - 52);
+ ctx.fillStyle = CHANGE_META[t].color;
+ ctx.fillRect(i * bw + bw * 0.2, y - h, bw * 0.6, h);
+ y -= h;
+ });
+ const total = types.reduce((a, t) => a + counts[i][t], 0);
+ if (total) {
+ ctx.fillStyle = "#4e5969";
+ ctx.fillText(total, i * bw + bw / 2, y - 4);
+ }
+ ctx.fillStyle = "#86909c";
+ ctx.fillText(w.slice(2), i * bw + bw / 2, H - 6);
+ });
+}
+
+/* 能力生命线（Swimlane）：每个核心技能一行（近 8 季度），线段=生效区间，圆点=变更事件。
+ * 行状态取该技能最近一次事件：新增=青绿 / 增强=蓝紫 / 减弱=琥珀 / 退出=砖红 / 持续=蓝灰 */
+/* 能力更替流：旧核心（已退出必备） → 持续能力 → 新核心（近 4 季度新进入） */
+function renderEvoReplace(jobId) {
+ const box = $("#evo-replace");
+ const g = CN.graphData || {};
+ const wins = [...new Set((g.events || []).map((e) => e.window))].sort();
+ const recent4 = new Set(wins.slice(-4));
+ const edges = (g.edges || []).filter((e) => e.source === jobId && e.rel === "REQUIRES" && (e.intervals || []).length);
+ if (!edges.length) {
+ box.innerHTML = `暂无能力更替数据
`;
+ return;
+ }
+ const alive = (e) => e.intervals.some(([s, en]) => en === null);
+ const start = (e) => e.intervals.map((i) => i[0]).sort()[0];
+ const oldCore = edges.filter((e) => !alive(e));
+ const cont = edges.filter((e) => alive(e) && !recent4.has(start(e)));
+ const newCore = edges.filter((e) => alive(e) && recent4.has(start(e)));
+ const chip = (e) =>
+ `${esc(e.target)}`;
+ const col = (title, list, cls, note) => `
+
+
${title}（${list.length}）
+
${note}
+
${list.slice(0, 10).map(chip).join("") || '无'}
+
+ ${col("旧核心（已退出）", oldCore, "old", "曾为核心/加分，当前已退出画像")}
+
→
+ ${col("持续能力", cont, "keep", "跨周期稳定生效，构成岗位基本盘")}
+
→
+ ${col("新核心（近 4 季度进入）", newCore, "new", "本期新增或升级的必备/加分能力")}
+
请先选择目标岗位
`; return; }
+ box.innerHTML = `岗位信息加载中…
`;
+ try {
+ const d = await api(`/api/jobs/${encodeURIComponent(jobId)}`);
+ const def = d.definition || d;
+ const level = def.expected_years == null ? "—" : def.expected_years <= 2 ? "初级" : def.expected_years <= 5 ? "中级" : "高级";
+ const chips = (list, cls, n) => (list || []).slice(0, n).map((s) => `${esc(s)}`).join(" ") || `无`;
+ box.innerHTML = `
+ ${esc(def.title || jobId)}
+ ${level} · 支撑 ${def.source_count ?? "—"} 条 JD · ${def.company_count ?? "—"} 家企业 · 数据截止 2026Q3
+ ${(def.responsibilities || [])[0] ? `${esc(def.responsibilities[0])}
` : ""}
+ 必备技能${chips(def.required_skills, "tag-green", 6)}
+ 加分技能${chips(def.preferred_skills, "tag-cyan", 4)}
`;
+ } catch (e) {
+ box.innerHTML = `
+
岗位信息暂时加载失败：${esc(friendlyErr(e))}
+
${k} | ${esc(v || "—")} | `;
+ const secs = (p.sections && p.sections.length)
+ ? p.sections : [{ title: "简历全文", text: p.raw_masked_text }];
+ box.innerHTML = `
+
+
+ | ${photo} |
+ ${kv("姓名", p.name)}${kv("性别", p.gender)}
+
+ ${kv("学历", p.education)}${kv("工作年限", p.years ? p.years + " 年" : "")}
+ ${kv("手机", p.phone)}${kv("邮箱", p.email)}
+ | 家庭住址 | ${esc(p.address || "—")} |
+ ${secs.map((sec) => `
+
+ | ${esc(sec.title)} |
+ ${highlightHtml(sec.text, clsOf)} |
+
`).join("")}
+
`;
+}
+
+$("#btn-export-resume").onclick = async () => {
+ if (!lastProfile) return toast("请先解析简历", "error");
+ try {
+ const resp = await cnFetch("/api/resume/export", {
+ method: "POST", headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ profile: lastProfile, match: matchState.result }),
+ });
+ if (!resp.ok) throw new Error(`服务响应异常（${resp.status}）`);
+ const blob = await resp.blob();
+ const a = document.createElement("a");
+ a.href = URL.createObjectURL(blob);
+ a.download = `简历_${lastProfile.name || "脱敏"}_结构化.docx`;
+ a.click();
+ URL.revokeObjectURL(a.href);
+ toast("规范简历 DOCX 已导出", "success");
+ } catch (e) { toast(`导出失败：${friendlyErr(e)}`, "error"); }
+};
+
+async function renderRecJobs(current) {
+ const box = $("#rec-job-cards");
+ box.innerHTML = `计算中…
`;
+ const others = CN.jobs.filter((j) => j.job_id !== current.job_id).slice(0, 12);
+ const results = await Promise.all(others.map((j) =>
+ post("/api/match", { job_id: j.job_id, skills: matchState.skills, years: matchState.years, scenarios: [] })
+ .then((m) => ({ job: j, m })).catch(() => null)));
+ const top = results.filter(Boolean).sort((a, b) => b.m.total_score - a.m.total_score).slice(0, 3);
+ box.innerHTML = top.map(({ job, m }) => `
+
+
${esc(job.title)} ${esc(job.category || "")}
+
${m.total_score} 分
+
缺口：${m.missing_required.slice(0, 3).map(esc).join("、") || "无"}
+
批量解析与匹配中（${batchState.files.length} 份）…
`;
+ try {
+ const fd = new FormData();
+ fd.append("job_id", $("#batch-job-select").value);
+ batchState.files.forEach((f) => fd.append("files", f, f.name));
+ const resp = await cnFetch("/api/match/batch", {
+ method: "POST", body: fd,
+ headers: { "X-Access-Token": localStorage.getItem("cn_access_token") || "" },
+ });
+ const body = await resp.json();
+ if (!resp.ok) throw new Error(friendlyErr({ message: body.detail || "" }, `服务响应异常（${resp.status}）`));
+ batchState.result = body.data;
+ renderBatchResult(body.data);
+ } catch (e2) {
+ box.innerHTML = `
+
批量匹配失败：${esc(friendlyErr(e2))}
+
| ${i + 1} | ${esc(r.filename)} |
+ ${esc(r.error)} |
`;
+ }
+ const pct = Math.round(r.total_score);
+ return `
+ | ${i + 1} |
+ ${esc(r.name)} ${esc(r.filename)} |
+ |
+ ${r.years || 0} 年 |
+ ${(r.matched || []).slice(0, 4).map(esc).join("、") || "—"} |
+ ${(r.missing || []).slice(0, 4).map(esc).join("、") || "—"} |
+ ${r.is_match ? '达标' : '未达标'} |
+
`;
+ }).join("");
+ $("#batch-result").innerHTML = `
+ 共 ${data.total} 份，成功匹配 ${data.ok} 份，目标岗位：${esc(data.job_title)}（按总分降序）
+
+ | # | 候选人 | 总分 | 年限 | 命中技能 | 关键缺口 | 结论 |
|---|
+ ${rows}
+
`;
+}
+
+$("#btn-batch-export").onclick = () => {
+ const data = batchState.result;
+ if (!data) return;
+ const head = ["排名", "文件名", "姓名", "总分", "工作年限", "技能数",
+ "必备技能分", "加分技能分", "经验分", "场景分", "命中技能", "缺失技能", "是否达标", "备注"];
+ const lines = [head.join(",")];
+ data.results.forEach((r, i) => {
+ const cell = (v) => `"${String(v ?? "").replace(/"/g, '""')}"`;
+ if (r.error) {
+ lines.push([i + 1, cell(r.filename), "", "", "", "", "", "", "", "", "", "", "", cell(r.error)].join(","));
+ } else {
+ const d = r.dimension_scores || {};
+ lines.push([i + 1, cell(r.filename), cell(r.name), r.total_score, r.years || 0, r.skills_count || 0,
+ d.required ?? 0, d.preferred ?? 0, d.experience ?? 0, d.scenario ?? 0,
+ cell((r.matched || []).join("、")), cell((r.missing || []).join("、")),
+ r.is_match ? "达标" : "未达标", ""].join(","));
+ }
+ });
+ const blob = new Blob(["" + lines.join("\r\n")], { type: "text/csv;charset=utf-8" });
+ const a = document.createElement("a");
+ a.href = URL.createObjectURL(blob);
+ a.download = `批量匹配结果_${data.job_title}_${new Date().toISOString().slice(0, 10)}.csv`;
+ a.click();
+ URL.revokeObjectURL(a.href);
+ toast("CSV 已导出", "success");
+};
+
+/* ================= 学习路径 ================= */
+const RESOURCE_TYPES = ["官方文档", "实战项目", "在线课程", "技术社区"];
+let lastPathData = null;
+const pathState = { jobId: null, known: new Set(), weeks: 8, done: new Set(), required: [], preferred: [] };
+
+function pathDoneKey(jobId) { return `cn_path_done_${jobId}`; }
+
+async function loadPathJob(jobId, presetKnown) {
+ if (!jobId) return;
+ pathState.jobId = jobId;
+ pathState.known = new Set(presetKnown || []);
+ try { pathState.done = new Set(JSON.parse(localStorage.getItem(pathDoneKey(jobId)) || "[]")); }
+ catch { pathState.done = new Set(); }
+ const pool = $("#path-skill-pool");
+ pool.innerHTML = `加载技能清单…
`;
+ try {
+ const d = await api(`/api/jobs/${encodeURIComponent(jobId)}`);
+ const def = d.definition || d;
+ pathState.required = def.required_skills || [];
+ pathState.preferred = def.preferred_skills || [];
+ renderSkillPool();
+ updatePathSummary();
+ } catch (e) {
+ pool.innerHTML = `
+
技能清单暂时加载失败：${esc(friendlyErr(e))}
+
+
${title}（${skills.length}）
+
${skills.map((s) =>
+ `${esc(s)}`).join("")}
+
正在生成学习路径：对齐岗位图谱 → 计算技能缺口 → 拆分阶段…
`;
+ try {
+ const data = await post("/api/learning-path", { job_id: jobId, known_skills: [...pathState.known] });
+ lastPathData = data;
+ renderPath(data);
+ } catch (e) {
+ $("#path-result").innerHTML = `
+
学习路径生成失败：${esc(friendlyErr(e))}
+
示范路线 · 完成人岗诊断后将替换为你的个人结果
` : ""}
+ 目标岗位${esc(lastPathData.title)}
+ 当前匹配分${cur}
+ 目标分60 分
+ 预计周期${pathState.weeks} 周
+
+
+
学习记录：已完成 ${done}/${n} 阶段（${pct}%）· 完成阶段后可重新匹配验证
+
✓ 已覆盖「${esc(data.title)}」全部必备技能，无需补课
`;
+ return;
+ }
+ const weeks = stageWeeks(data.learning_path.length);
+ /* 阶段语义化命名：基础补齐 → 岗位核心（可多个）→ 项目验证 */
+ const stageName = (i, n) =>
+ i === 0 ? "基础补齐" : i === n - 1 ? "项目验证" : "岗位核心";
+ box.innerHTML = (data._demo ? `
+
+ 示范路线（以零已掌握技能生成）：完成一次人岗诊断后，此处将自动替换为你的个人成长路线图
+
+
` : "") + data.learning_path.map((st, i) => {
+ const done = pathState.done.has(st.stage);
+ return `
+
+
${done ? "✓" : st.stage}
+
+
+ 阶段 ${st.stage} · ${stageName(i, data.learning_path.length)}（${st.skills.length} 项技能）
+ 建议 ${weeks[i]} 周
+
+ ${i > 0 ? `
前置：建议完成阶段 ${st.stage - 1} 后开始（按技能前置关系拓扑排序）
` : ""}
+
${st.skills.map((s) =>
+ `${esc(s)}`).join("")}
+
+ 预计投入：${stageEffortText(weeks[i])}
+ 资源类型：${RESOURCE_TYPES[i % RESOURCE_TYPES.length]}
+ 技能性质：必备补齐
+ ${st.acceptance ? `能力类别：${esc(st.acceptance.category)}` : ""}
+
+ ${st.acceptance ? `
+
+ 验收标准（产出物 1 项 · 量化验收 ${st.acceptance.criteria.length} 项 · 自测 ${st.acceptance.self_check.length} 问）
+
+
产出物
+
${esc(st.acceptance.deliverable)}
+
量化验收项
+
${st.acceptance.criteria.map((c, k) =>
+ `- ${k + 1}${esc(c)}
`).join("")}
+
自测问答（能口头讲清才算通过）
+
${st.acceptance.self_check.map((q, k) =>
+ `- Q${k + 1}${esc(q)}
`).join("")}
+
` : ""}
+
+
+
+ 首次使用，建议先完成基础配置（均可稍后通过右上角 ⚙ 修改）：
+
· 配置 LLM API 密钥可启用大模型抽取（不配则离线确定性方案兜底）
+
· 配置语义向量模型（本地 BGE-M3 或联网 API）可启用语义相似匹配
+
· 需要对外提供服务时，再调整监听地址与访问令牌
+
` : ""}
+
+ 当前监听 ${esc(cfg.running.host)}:${cfg.running.port}
+ LLM 状态 ${modeBadge}
+ ${cfg.restart_required ? `监听变更待重启` : ""}
+
+ ${needToken ? `该服务已启用访问令牌，请填写后保存。
` : ""}
+
+
服务监听（修改后需重启生效）
+
+
+
+
+
+
+
+
+
LLM API（星火 / OpenAI 兼容，保存即热生效）
+
+
+
+
+
+
+
+
+
+
+
+
+
+
语义向量匹配（可选增强，保存即热生效）
+
+
+
+
+
+
+ 自动完成全部配置，推荐首次使用：
+
① 安装 sentence-transformers 依赖（PyPI 镜像站）
+
② 从 ModelScope 镜像站下载 BGE-M3 权重（约 2.2GB）
+
③ 自动写入配置并启用语义匹配。全程约 3–8 分钟，期间可继续使用其他功能。
+
+
+
+
+
+
+
+
+
手动配置方式（不使用一键配置时）
+
+ - 安装依赖：
pip install sentence-transformers
+ - 下载权重（约 2.2GB）：ModelScope（国内推荐）
modelscope.cn/models/BAAI/bge-m3 或 HuggingFace huggingface.co/BAAI/bge-m3
+ - 目录内需包含
config.json、model.safetensors 与分词器文件，填入上方路径保存即可
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
联网 API 配置引导
+
+ - 开通阿里云百炼（DashScope），在控制台获取 API Key
+ - 默认接口为 OpenAI 兼容模式，模型推荐
text-embedding-v4
+ - 填入 Key 保存即生效；网络不可达时自动回退词表归一化
+
+
+
+
-
-
全部岗位演化热力图 · 近 12 季度（每格 = 该季度演化事件数，点击行切换岗位并回到岗位报告）
-
怎么看：每行一个岗位、每列一个季度，颜色越深说明该岗位当季能力变化越多。用于快速发现"哪些岗位正在剧烈变化"；点击行标签进入该岗位的详细报告。
-
+
+
全岗位扫描 · 近 12 季度变化量排行（点击行进入该岗位报告）
+
怎么看：每行一个岗位，横条长度=近 12 个季度的能力变化总量；绿色段=新增的技能，红色段=退出的技能。条越长说明这个岗位的能力要求变化越剧烈。
+
@@ -313,11 +313,6 @@
是什么：系统根据近两个季度的招聘 JD 自动归纳出的能力变化结论。新增=以前不要求、现在要求；增强=要求变重；减弱=要求变少；退出=不再要求。每条结论都可追溯到原始 JD 证据。
-
-
能力生命线（近 8 季度 · 按当前需求指数取 Top 12；线段 = 生效区间，圆点 = 变更事件）
-
怎么看：每行是一项核心技能的"在岗生命周期"——横线表示这段时间里该技能属于岗位要求，彩色圆点标记发生变化的时间点（颜色含义见图例）。一眼看出技能何时进入、何时增强、何时退出。
-
-
能力更替流（旧核心 → 持续能力 → 新核心）
是什么：把岗位技能按演化结果分三列——左边是已退出的旧要求，中间是一直有效的持续能力，右边是新进入的要求。用于回答"这个岗位正在从什么技术栈转向什么技术栈"。
diff --git a/webui/style.css b/webui/style.css
index 5c06e19..eb9012c 100644
--- a/webui/style.css
+++ b/webui/style.css
@@ -1168,3 +1168,15 @@ svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width:
/* 演化页图表说明文字 */
.evo-chart-desc { font-size: 12px; color: var(--text-3); line-height: 1.7; margin: -2px 0 8px; }
+
+/* 全岗位扫描：横条排行 */
+.evo-scan { margin-bottom: 16px; }
+.scan-row {
+ display: flex; align-items: center; gap: 10px; padding: 5px 4px;
+ cursor: pointer; border-radius: var(--radius-sm);
+}
+.scan-row:hover { background: var(--bg-hover); }
+.scan-label { flex: none; width: 132px; font-size: 13px; color: var(--text-1); text-align: right; }
+.scan-track { flex: 1; display: flex; height: 14px; background: var(--bg-page); border-radius: 3px; overflow: hidden; }
+.scan-bar { display: block; height: 100%; }
+.scan-num { flex: none; width: 34px; font-size: 12px; color: var(--text-2); font-variant-numeric: tabular-nums; }