-
${esc(c.title)}待审核
- ${esc(c.category || "")}
-
支撑 ${c.source_count} 条 JD · ${c.company_count} 家企业 · 期望年限 ${c.expected_years} 年
-
必备：${c.required_skills.map((s) => `${esc(s)}`).join(" ")}
- ${c.preferred_skills.length ? `
加分：${c.preferred_skills.map((s) => `${esc(s)}`).join(" ")}` : ""}
+ 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} 个季度跨度
-
-
-
+
+
+
-
`).join("");
+
+
候选：${esc(c.title)}
+ 可信等级：${t.level}
+
职责摘要：${esc((c.responsibilities || [])[0] || `负责${c.title}相关的方案设计、开发与交付（职责描述待人工补充）`)}
+
${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 视为新岗位）
+
+
- ${windows.map((w, i) => `
${i % labelEvery === 0 ? esc(w.slice(2)) : ""}
`).join("")}
- ${rows.map((e) => `
-
${esc(e.target)}
- ${windows.map((w) => cellHtml(e, w)).join("")}`).join("")}
+ ${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("")}
+ 行状态：
+ ${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("") || '无'}
+
`;
+ box.innerHTML = `
+
+ ${col("旧核心（已退出）", oldCore, "old", "曾为核心/加分，当前已退出画像")}
+
→
+ ${col("持续能力", cont, "keep", "跨周期稳定生效，构成岗位基本盘")}
+
→
+ ${col("新核心（近 4 季度进入）", newCore, "new", "本期新增或升级的必备/加分能力")}
+
`;
+ box.querySelectorAll(".rp-chip").forEach((el) => {
+ el.onclick = () => { switchView("graph"); if (CN.gotoNode) CN.gotoNode(el.dataset.skill); };
+ });
+}
+
/* ================= 人岗匹配（三步向导） ================= */
const matchState = { step: 1, skills: [], years: 0, result: null, profileText: "" };
let lastProfile = null; // 最近一次解析的完整简历画像（结构化模板与导出用）
@@ -1062,6 +1298,12 @@ $("#btn-run-match").onclick = async () => {
flushSkillInput(); // 输入框里未回车的技能先入库，避免丢失
const jobId = $("#match-job-select").value;
matchState.years = +$("#parse-years").value || 0;
+ const btn = $("#btn-run-match");
+ btn.disabled = true;
+ const embedReady = lastHealth && lastHealth.embed && lastHealth.embed.ready;
+ btn.textContent = embedReady
+ ? "诊断中…（首次语义召回需加载模型，约 10 秒）"
+ : "诊断中…";
try {
const m = await post("/api/match", {
job_id: jobId, skills: matchState.skills, years: matchState.years,
@@ -1071,6 +1313,7 @@ $("#btn-run-match").onclick = async () => {
renderMatchResult(m);
setMatchStep(3);
} catch (e) { toast(e.message, "error"); }
+ finally { btn.disabled = false; btn.textContent = "开始诊断"; }
};
$("#btn-back-2").onclick = () => setMatchStep(1);
$("#btn-goto-path").onclick = () => {
@@ -1484,7 +1727,12 @@ $("#path-weeks").querySelectorAll(".seg-item").forEach((b) => {
pathState.weeks = parseInt(b.dataset.weeks, 10);
};
});
-$("#path-job-select").addEventListener("change", () => loadPathJob($("#path-job-select").value));
+$("#path-job-select").addEventListener("change", () => {
+ const id = $("#path-job-select").value;
+ loadPathJob(id).then(() => {
+ if (lastPathData && lastPathData._demo) { lastPathData = null; renderDemoPath(); } // 示范路线跟随岗位切换
+ });
+});
$("#btn-path").onclick = async () => {
const jobId = $("#path-job-select").value;
@@ -1511,23 +1759,43 @@ function stageWeeks(n) {
return Array.from({ length: n }, () => base);
}
+/* 阶段预计投入文案：按每周约 8 小时有效学习估算 */
+function stageEffortText(w) {
+ return `${w} 周 / 约 ${w * 8} 小时`;
+}
+
function updatePathOverview() {
if (!lastPathData || !lastPathData.learning_path.length) return;
const n = lastPathData.learning_path.length;
- const gaps = lastPathData.learning_path.reduce((a, st) => a + st.skills.length, 0);
const done = pathState.done.size;
const pct = n ? Math.round((done / n) * 100) : 0;
+ /* 当前匹配分来自匹配页诊断结果（同岗位才展示）；目标分 = 匹配阈值 60 */
+ const cur = (matchState.result && matchState.result.job_id === pathState.jobId)
+ ? `${Math.round(matchState.result.total_score)} 分` : "未诊断";
$("#path-overview").innerHTML = `
+ ${lastPathData._demo ? `
示范路线 · 完成人岗诊断后将替换为你的个人结果
` : ""}
目标岗位${esc(lastPathData.title)}
-
待补技能${gaps} 项
-
阶段${n} 个
+
当前匹配分${cur}
+
目标分60 分
预计周期${pathState.weeks} 周
-
学习记录：已完成 ${done}/${n} 阶段（${pct}%）
+
学习记录：已完成 ${done}/${n} 阶段（${pct}%）· 完成阶段后可重新匹配验证
`;
}
+/* 未诊断时展示示范路线（当前选中岗，零已掌握），完成诊断后由个人结果替换 */
+async function renderDemoPath() {
+ if (lastPathData && lastPathData.learning_path && lastPathData.learning_path.length) return;
+ const jobId = $("#path-job-select").value || "job_Java开发工程师";
+ try {
+ const data = await post("/api/learning-path", { job_id: jobId, known_skills: [] });
+ data._demo = true;
+ lastPathData = data;
+ renderPath(data);
+ } catch { /* 静默：保留空状态引导 */ }
+}
+
function renderPath(data) {
const box = $("#path-result");
$("#btn-export-path").classList.toggle("hidden", !data.learning_path.length);
@@ -1540,7 +1808,11 @@ function renderPath(data) {
/* 阶段语义化命名：基础补齐 → 岗位核心 → 项目验证（超出 3 阶段顺延为综合提升） */
const STAGE_NAMES = ["基础补齐", "岗位核心", "项目验证"];
const stageName = (i) => STAGE_NAMES[i] || "综合提升";
- box.innerHTML = data.learning_path.map((st, i) => {
+ box.innerHTML = (data._demo ? `
+
+ 示范路线（以零已掌握技能生成）：完成一次人岗诊断后，此处将自动替换为你的个人成长路线图
+
+
` : "") + data.learning_path.map((st, i) => {
const done = pathState.done.has(st.stage);
return `
@@ -1554,6 +1826,7 @@ function renderPath(data) {
${st.skills.map((s) =>
`${esc(s)}`).join("")}
+
预计投入：${stageEffortText(weeks[i])}
资源类型：${RESOURCE_TYPES[i % RESOURCE_TYPES.length]}
技能性质：必备补齐
${st.acceptance ? `
能力类别：${esc(st.acceptance.category)}` : ""}
@@ -1585,11 +1858,27 @@ function renderPath(data) {
box.querySelectorAll(".stage-check").forEach((el) => {
el.onclick = () => {
const st = parseInt(el.dataset.stage, 10);
- if (pathState.done.has(st)) pathState.done.delete(st); else pathState.done.add(st);
+ const stage = (lastPathData.learning_path || []).find((x) => x.stage === st);
+ if (pathState.done.has(st)) {
+ pathState.done.delete(st);
+ } else {
+ pathState.done.add(st);
+ /* 完成阶段 → 左栏「已掌握」区同步点亮该阶段技能，并提示重新匹配验证 */
+ if (stage && !lastPathData._demo) {
+ stage.skills.forEach((s) => pathState.known.add(s));
+ renderSkillPool();
+ updatePathSummary();
+ toast("该阶段技能已同步为「已掌握」，可回到人岗匹配重新诊断验证", "success");
+ } else if (stage) {
+ toast("示范路线：完成诊断后，阶段完成状态将同步到个人技能画像", "info");
+ }
+ }
localStorage.setItem(pathDoneKey(pathState.jobId), JSON.stringify([...pathState.done]));
renderPath(lastPathData);
};
});
+ const gotoMatch2 = $("#path-goto-match-2");
+ if (gotoMatch2) gotoMatch2.onclick = () => switchView("match");
updatePathOverview();
}
@@ -2008,7 +2297,7 @@ $("#btn-config").onclick = () => openConfigModal(false);
/* ================= 启动 ================= */
window.addEventListener("resize", () => {
- if (CN._trend) drawTrend($("#trend-canvas"), CN._trend);
+ if (CN._flowEvents) drawEventFlow($("#trend-canvas"), CN._flowEvents, 8);
drawHeat();
});
(async function boot() {
diff --git a/webui/graph.js b/webui/graph.js
index 9581302..4836013 100644
--- a/webui/graph.js
+++ b/webui/graph.js
@@ -26,6 +26,67 @@
const NOTES_KEY = "cn_notes";
const VIEW_KEY = "cn_graph_view";
const DEFAULT_SOLO_JOB = "job_Java开发工程师"; // 首屏默认岗位子图（局部可读）
+ /* 变化类型颜色（与 app.js CHANGE_META 一致）：新增=青绿 / 增强=蓝紫 / 减弱=琥珀 / 退出=砖红 */
+ const CHANGE_COLORS = { "新增": "#13c2c2", "增强": "#722ed1", "减弱": "#ff7d00", "退出": "#f53f3f" };
+ const CHANGE_MARK = { "新增": "新", "增强": "↑", "减弱": "↓", "退出": "退" };
+
+ /* 变化角标数据：最近 2 季度有事件的技能（子图模式下按当前岗位过滤） */
+ function updateRecentChange() {
+ const wins = [...new Set(G.events.map((e) => e.window))].sort().slice(-2);
+ const m = new Map();
+ G.events.forEach((e) => {
+ if (!wins.includes(e.window)) return;
+ if (G.soloJob && e.job_id !== G.soloJob) return;
+ m.set(e.skill, e); // 事件按窗口升序，后者覆盖前者 = 取最近事件
+ });
+ G.recentChange = m;
+ }
+
+ /* 同心分层布局（岗位子图）：中心岗位 → 第一圈必备技能 → 第二圈加分技能 → 外圈场景/行业 */
+ function applySoloLayout() {
+ const job = G.nodes[G.idx[G.soloJob]];
+ if (!job) return;
+ const rings = [[], [], []];
+ G.edges.forEach((e) => {
+ if (e.source !== G.soloJob) return;
+ const t = G.nodes[G.idx[e.target]];
+ if (!t) return;
+ if (e.rel === "REQUIRES") rings[e.importance === "required" ? 0 : 1].push(t);
+ else rings[2].push(t); // APPLIES_TO / BELONGS_TO → 外圈
+ });
+ const base = [150, 260, 370];
+ let prevR = 0;
+ rings.forEach((nodes, ri) => {
+ nodes.sort((a, b) => String(a.title || a.id).localeCompare(String(b.title || b.id), "zh"));
+ const R = Math.max(base[ri], prevR + 90, (nodes.length * 34) / (2 * Math.PI));
+ prevR = R;
+ nodes.forEach((n, i) => {
+ const a = (i / Math.max(1, nodes.length)) * Math.PI * 2 - Math.PI / 2;
+ n.x = job.x + Math.cos(a) * R;
+ n.y = job.y + Math.sin(a) * R;
+ n.vx = 0; n.vy = 0;
+ });
+ });
+ }
+
+ /* 视野适配子图（只按子图节点的包围盒，而非全图） */
+ function fitSoloView() {
+ const c = canvas();
+ const ids = new Set([G.soloJob, ...neighborsOf(G.soloJob)]);
+ let minX = 1e9, minY = 1e9, maxX = -1e9, maxY = -1e9;
+ G.nodes.forEach((n) => {
+ if (!ids.has(n.id) || !visible(n)) return;
+ minX = Math.min(minX, n.x); maxX = Math.max(maxX, n.x);
+ minY = Math.min(minY, n.y); maxY = Math.max(maxY, n.y);
+ });
+ if (minX > maxX) return fitView();
+ const w = maxX - minX || 1, h = maxY - minY || 1;
+ const W = c.clientWidth, H = c.clientHeight;
+ G.cam.k = Math.max(0.2, Math.min(W / (w + 160), H / (h + 160), 1.6));
+ G.cam.x = (W - w * G.cam.k) / 2 - minX * G.cam.k;
+ G.cam.y = (H - h * G.cam.k) / 2 - minY * G.cam.k;
+ requestDraw(); drawMinimap();
+ }
/* ================= 数据装载 ================= */
async function load() {
@@ -62,14 +123,17 @@
buildFilterOptions();
layout();
restoreView() || fitView();
- /* 默认进入「Java开发工程师」岗位子图：首屏局部可读，顶栏徽标可退出全图（每次装载仅应用一次） */
+ /* 默认进入「Java开发工程师」岗位子图：同心分层布局（中心岗位 → 必备 → 加分 → 场景/行业），
+ * 退出子图即全量「岗位生态总览」（每次装载仅应用一次） */
if (!G._defaultApplied && !G.pendingLocate && G.idx[DEFAULT_SOLO_JOB]) {
G._defaultApplied = true;
G.soloJob = DEFAULT_SOLO_JOB;
updateSoloBadge();
+ applySoloLayout();
selectNode(DEFAULT_SOLO_JOB, false);
- centerOn(G.nodes[G.idx[DEFAULT_SOLO_JOB]], Math.max(G.cam.k, 1.05));
+ fitSoloView();
}
+ updateRecentChange();
renderSuggest();
renderChain(G.soloJob || null);
$("#graph-loading").classList.add("hidden");
@@ -311,8 +375,39 @@
ctx.fillStyle = n.type === "Job" ? "#1d2129" : "#4e5969";
ctx.fillText(label, p.x, p.y - r - 7);
}
+ /* 变化角标：最近 2 季度有事件的技能节点右上角显示 新/↑/↓/退 */
+ const ch = n.type === "Skill" && G.recentChange ? G.recentChange.get(n.id) : null;
+ if (ch && !dim) {
+ const mark = CHANGE_MARK[ch.change_type] || "";
+ const bc = CHANGE_COLORS[ch.change_type] || "#86909c";
+ const bx = p.x + r * 0.95, by = p.y - r * 0.95;
+ ctx.fillStyle = bc;
+ ctx.beginPath(); ctx.arc(bx, by, 7, 0, 7); ctx.fill();
+ ctx.strokeStyle = "#fff"; ctx.lineWidth = 1.2;
+ ctx.beginPath(); ctx.arc(bx, by, 7, 0, 7); ctx.stroke();
+ ctx.fillStyle = "#fff"; ctx.font = "bold 8px sans-serif";
+ ctx.textAlign = "center"; ctx.textBaseline = "middle";
+ ctx.fillText(mark, bx, by + 0.5);
+ ctx.textBaseline = "alphabetic";
+ }
ctx.restore();
});
+
+ /* 悬停提示：有近期变化的技能显示变化时间与证据量 */
+ if (G.hover && G.recentChange && G.recentChange.has(G.hover) && G.idx[G.hover] != null) {
+ const n = G.nodes[G.idx[G.hover]];
+ const e = G.recentChange.get(G.hover);
+ const p = toScreen(n);
+ const r = Math.max(2.5, nodeRadius(n) * Math.sqrt(G.cam.k));
+ const txt = `${e.window} ${e.change_type} · 支撑 ${(e.source_ids || []).length} 条 JD`;
+ ctx.font = "11px sans-serif";
+ const tw = ctx.measureText(txt).width;
+ const bx = Math.max(4, Math.min(c.clientWidth - tw - 20, p.x - tw / 2 - 8));
+ ctx.fillStyle = "rgba(29,33,41,0.92)";
+ ctx.beginPath(); ctx.roundRect(bx, p.y + r + 10, tw + 16, 20, 4); ctx.fill();
+ ctx.fillStyle = "#fff"; ctx.textAlign = "center";
+ ctx.fillText(txt, bx + tw / 2 + 8, p.y + r + 24);
+ }
}
/* ================= 小地图 ================= */
@@ -460,17 +555,56 @@
$("#fp-category").value = ""; $("#fp-level").value = "";
requestDraw(); drawMinimap();
};
- /* 头部按钮 */
+ /* 头部主操作：查看演化 / 查看证据 / 开始匹配；保存/分享/导出收进「更多」 */
+ const activeJobId = () => {
+ const n = G.selected != null ? G.nodes[G.idx[G.selected]] : null;
+ if (n && n.type === "Job" && !n.pending) return G.selected;
+ if (G.soloJob) return G.soloJob;
+ return DEFAULT_SOLO_JOB;
+ };
+ $("#btn-goto-evo").onclick = () => {
+ CN.switchView("evolution");
+ $("#evo-job-select").value = activeJobId();
+ $("#evo-job-select").dispatchEvent(new Event("change"));
+ };
+ $("#btn-goto-match").onclick = () => {
+ CN.switchView("match");
+ $("#match-job-select").value = activeJobId();
+ $("#match-job-select").dispatchEvent(new Event("change"));
+ toast("已带入目标岗位，请上传或载入示例简历", "success");
+ };
+ $("#btn-goto-evidence").onclick = () => {
+ const id = G.selected || G.soloJob;
+ if (!id) return toast("请先在画布中选择一个节点", "info");
+ const sources = new Set();
+ G.edges.forEach((e) => {
+ if (e.source === id || e.target === id) (e.sources || []).forEach((s) => sources.add(s));
+ });
+ const list = [...sources];
+ if (!list.length) return toast("该节点暂无来源证据记录", "info");
+ const n = G.nodes[G.idx[id]];
+ CN.showJdEvidence(list, { jobTitle: n.title || id });
+ };
+ $("#btn-more-menu").onclick = (e) => {
+ e.stopPropagation();
+ $("#more-menu").classList.toggle("hidden");
+ };
+ document.addEventListener("click", (e) => {
+ if (!e.target.closest(".more-wrap")) $("#more-menu").classList.add("hidden");
+ });
$("#btn-save-view").onclick = () => {
localStorage.setItem(VIEW_KEY, JSON.stringify({ cam: G.cam, filters: G.filters, labels: G.showLabels }));
+ $("#more-menu").classList.add("hidden");
toast("当前视图（位置/缩放/筛选）已保存", "success");
};
$("#btn-share-graph").onclick = async () => {
const url = `${location.origin}/#view=graph${G.selected ? `&node=${encodeURIComponent(G.selected)}` : ""}`;
+ $("#more-menu").classList.add("hidden");
try { await navigator.clipboard.writeText(url); toast("分享链接已复制到剪贴板", "success"); }
catch { CN.sysCopy({ title: "分享链接（请复制）", text: url }); }
};
$("#btn-export-graph").onclick = () => {
+ $("#more-menu").classList.add("hidden");
const c = canvas();
const tmp = document.createElement("canvas");
tmp.width = c.width; tmp.height = c.height;
@@ -487,7 +621,6 @@
toast("图谱 PNG 已导出", "success");
});
};
- $("#gs-toggle").onclick = () => $("#graph-suggest").classList.toggle("collapsed");
}
function restoreView() {
@@ -511,34 +644,61 @@
} catch { return false; }
}
- /* ================= 智能建议 ================= */
+ /* ================= 系统发现（原画布浮层「智能建议」，移入右侧详情面板底部可折叠区块） ================= */
+ const IGNORED_KEY = "cn_ignored_findings";
+ const ignoredSet = () => new Set(JSON.parse(localStorage.getItem(IGNORED_KEY) || "[]"));
function renderSuggest() {
+ const ig = ignoredSet();
const items = [];
G.pending.forEach((c) => items.push({
- color: "#ff7d00", kind: "pending", id: c.job_id,
+ color: "#ff7d00", kind: "pending", id: c.job_id, nodeId: c.job_id,
text: `新岗位候选「${esc(c.title)}」待审核`,
- sub: `${c.source_count} 条 JD · ${c.company_count} 家企业支撑`,
+ sub: `原因：聚类发现 ${c.source_count} 条 JD / ${c.company_count} 家企业指向未收录岗位 · 证据 ${c.source_count} 条`,
}));
G.events.slice(-4).reverse().forEach((e) => items.push({
- color: "#2f54eb", kind: "event", id: e.job_id,
+ color: "#2f54eb", kind: "event", id: `${e.job_id}|${e.skill}|${e.window}`, nodeId: e.job_id,
text: `「${esc(e.job_id.replace(/^job_/, ""))}」${esc(e.change_type)}技能 ${esc(e.skill)}`,
- sub: `窗口 ${esc(e.window)} · 需求指数 ${e.prev_weight.toFixed(2)}→${e.curr_weight.toFixed(2)}`,
+ sub: `证据：窗口 ${esc(e.window)} · 需求指数 ${e.prev_weight.toFixed(2)}→${e.curr_weight.toFixed(2)} · ${(e.source_ids || []).length} 条 JD`,
}));
- $("#gs-list").innerHTML = items.length ? items.map((it, i) => `
+ const list = items.filter((it) => !ig.has(`${it.kind}|${it.id}`));
+ $("#gs-list").innerHTML = list.length ? list.map((it, i) => `
-
${it.text}
${it.sub}
- ${it.kind === "pending" ? `
去审核 →` : ""}
-
`).join("") : `
暂无建议
`;
+
+
${it.text}
+
${it.sub}
+
+
+
+
+
+
`).join("") : `
暂无系统发现
`;
$$("#gs-list .gs-item").forEach((el) => {
el.onclick = (ev) => {
- if (ev.target.dataset.review) return;
- const it = items[+el.dataset.i];
- locateNode(it.id);
+ if (ev.target.dataset.accept !== undefined || ev.target.dataset.ignore !== undefined) return;
+ locateNode(list[+el.dataset.i].nodeId);
};
});
- $$("#gs-list [data-review]").forEach((a) => {
- a.onclick = () => locateNode(a.dataset.review);
+ $$("#gs-list [data-accept]").forEach((b) => {
+ b.onclick = () => {
+ const it = list[+b.dataset.accept];
+ if (it.kind === "pending") {
+ if (CN.openReviewDesk) CN.openReviewDesk(it.id);
+ } else {
+ CN.switchView("evolution");
+ $("#evo-job-select").value = it.nodeId;
+ $("#evo-job-select").dispatchEvent(new Event("change"));
+ }
+ };
+ });
+ $$("#gs-list [data-ignore]").forEach((b) => {
+ b.onclick = () => {
+ const it = list[+b.dataset.ignore];
+ const s = ignoredSet();
+ s.add(`${it.kind}|${it.id}`);
+ localStorage.setItem(IGNORED_KEY, JSON.stringify([...s]));
+ renderSuggest();
+ };
});
}
@@ -605,10 +765,11 @@
const n = G.nodes[G.idx[id]];
if (!n) { G.pendingLocate = id; return; } // 数据未就绪：加载完成后补定位
G.pendingLocate = null;
- /* 目标不在当前岗位子图内：自动退出子图，避免"定位到不可见节点" */
+ /* 目标不在当前岗位子图内：自动退出子图（即全量「岗位生态总览」），避免"定位到不可见节点" */
if (G.soloJob && id !== G.soloJob && !neighborsOf(G.soloJob).has(id)) {
G.soloJob = null;
updateSoloBadge();
+ updateRecentChange();
fitView();
}
selectNode(id);
@@ -626,7 +787,13 @@
}
}
const soloExit = $("#solo-exit");
- if (soloExit) soloExit.onclick = () => { G.soloJob = null; updateSoloBadge(); fitView(); };
+ if (soloExit) soloExit.onclick = () => {
+ G.soloJob = null;
+ updateSoloBadge();
+ updateRecentChange();
+ fitView();
+ toast("已退出子图，当前为岗位生态总览（全量图）", "info");
+ };
/* ================= 备注（localStorage） ================= */
const getNotes = () => JSON.parse(localStorage.getItem(NOTES_KEY) || "{}");
@@ -722,7 +889,7 @@
? G.events.filter((e) => e.job_id === id).sort((a, b) => (a.window < b.window ? 1 : -1)).slice(0, 3)
: [];
const dataCutoff = ((G.events.at(-1) || {}).window) || latestWin || "2026Q3";
- const EV_TAG = { "新增": "tag-green", "增强": "tag-blue", "减弱": "tag-orange", "退出": "tag-red" };
+ const EV_TAG = { "新增": "tag-cyan", "增强": "tag-purple", "减弱": "tag-orange", "退出": "tag-red" };
const skillChip = (r, cls) => `
${esc(r.title)}`;
const jobBlocks = isJob ? `
结论
@@ -789,8 +956,8 @@
操作
${isPending ? `
-
-
` : `
+
+
` : `
`}
@@ -860,9 +1027,12 @@
G.soloJob = G.soloJob === id ? null : id;
G._defaultApplied = true;
updateSoloBadge();
- requestDraw();
- if (G.soloJob) toast(`已进入「${n.title || id}」岗位子图（只看该岗位与一跳技能/场景/行业）`, "success");
- else fitView();
+ updateRecentChange();
+ if (G.soloJob) {
+ applySoloLayout();
+ fitSoloView();
+ toast(`已进入「${n.title || id}」岗位子图（同心分层：中心岗位 → 必备 → 加分 → 场景/行业）`, "success");
+ } else fitView();
};
const matchBtn = $("#dt-match");
if (matchBtn) matchBtn.onclick = () => {
@@ -988,19 +1158,21 @@
/* 数据装载完成 Promise（演示导览等需要等图谱就绪后定位） */
ready() { return this._p || Promise.resolve(); },
has(id) { return id in G.idx; },
- /* 进入指定岗位的局部子图（演示导览第 3 步） */
+ /* 进入指定岗位的局部子图（演示导览第 3 步）：同心分层布局 */
solo(id) {
if (!(id in G.idx)) return;
G._defaultApplied = true;
G.soloJob = id;
updateSoloBadge();
+ updateRecentChange();
+ applySoloLayout();
selectNode(id, false);
- centerOn(G.nodes[G.idx[id]], Math.max(G.cam.k, 1.05));
- requestDraw();
+ fitSoloView();
},
onShow() { requestDraw(); drawMinimap(); },
async reload() {
await load();
+ if (G.soloJob && G.idx[G.soloJob]) { applySoloLayout(); fitSoloView(); } // 子图模式下重排同心分层
if (G.selected && !(G.selected in G.idx)) selectNode(null, false);
else if (G.selected) renderDetail(G.selected);
},
diff --git a/webui/index.html b/webui/index.html
index 879876a..27445c5 100644
--- a/webui/index.html
+++ b/webui/index.html
@@ -4,7 +4,7 @@
CareerNexus 职联 · 岗位与能力图谱平台
-
+
@@ -79,62 +79,104 @@
-
+
-
+
+
+
人才能力变化概览
+
正在汇总本期变化…
+
+
+
+
+
+
+
+
-
近 12 个季度演化事件趋势
- 按事件窗口统计
+ 近 8 季度变化事件流（全岗位）
+ 点击柱段进入该季度演化详情
+
+
-
-
任务与审核状态
-
-
-
-
-
暂无任务记录
+
数据可信度
+
多源交叉验证口径
+
-
动态消息流
点击可跳转
+
变化播报
点击跳转演化详情
-
待审核新岗位候选
0 待办
+
+
待办行动
+
+ 0 待办
+
+
+
+
-
-
+
@@ -233,6 +267,11 @@
支持拖拽平移 / 滚轮缩放 / 点击选中
+
+
+ 系统发现（智能建议）
+
+
@@ -252,10 +291,19 @@
-
-
全部岗位演化热力图（每格 = 该季度演化事件数，点击行切换岗位）
-
+
+
+
+
+
+
+
+
全部岗位演化热力图 · 近 12 季度（每格 = 该季度演化事件数，点击行切换岗位并回到岗位报告）
+
+
+
+
@@ -263,6 +311,14 @@
本期结论（最近两个季度）
+
+
能力生命线（近 8 季度 · 按当前需求指数取 Top 12；线段 = 生效区间，圆点 = 变更事件）
+
+
+
+
能力更替流（旧核心 → 持续能力 → 新核心）
+
+
@@ -282,10 +338,6 @@
-
-
技能生命周期（横条 = 技能在画像中的生效区间，圆点 = 变更事件）
-
-
技能热度走势（纵轴：活跃技能关系数）
@@ -296,9 +348,10 @@
-
-
演化事件时间轴（点击查看证据 JD）
+
+
本期变化卡（变化前 → 变化后 / 支撑 JD 数 / 点击查看证据原文）
+
@@ -538,6 +591,18 @@
+
+
+
+
+
演示 1/6
@@ -550,7 +615,7 @@
-
-
+
+