RoyirinRosmontis/CareerNexus
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复职级/时序视图挤压：岗位带内多行排列，时序视图基于全景力导向布局取景

Browse Source
This commit is contained in:
RoyirinRosmontis
2026-08-20 12:14:13 +08:00
parent c58e2e996f
commit ed1b1777b5
1 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/graph.js
+15 -4
View File
@@ -153,9 +153,11 @@
const yBand = LEVEL_BANDS[b].y; const yBand = LEVEL_BANDS[b].y;
const jl = G.nodes.filter((n) => n.type === "Job" && levelBandOf(n) === b) const jl = G.nodes.filter((n) => n.type === "Job" && levelBandOf(n) === b)
.sort((x, y) => String(x.title || x.id).localeCompare(String(y.title || y.id), "zh")); .sort((x, y) => String(x.title || x.id).localeCompare(String(y.title || y.id), "zh"));
// 岗位带内多行排列（一行排开会横向过长，fitView 按比例缩成横带）
const jPerRow = Math.max(3, Math.ceil(Math.sqrt(jl.length) * 1.8));
jl.forEach((n, i) => { jl.forEach((n, i) => {
n.x = (i - (jl.length - 1) / 2) * 200; n.x = ((i % jPerRow) - (jPerRow - 1) / 2) * 190;
n.y = yBand + 170; n.y = yBand + 150 - Math.floor(i / jPerRow) * 85;
n.vx = 0; n.vy = 0; n.vx = 0; n.vy = 0;
}); });
const sl = G.nodes.filter((n) => n.type !== "Job" && levelBandOf(n) === b) const sl = G.nodes.filter((n) => n.type !== "Job" && levelBandOf(n) === b)
@@ -218,7 +220,12 @@
G.activeNodes = null; G.activeEdges = null; G.activeNodes = null; G.activeEdges = null;
} else if (mode === "tech") applyTechLayout(); } else if (mode === "tech") applyTechLayout();
else if (mode === "level") applyLevelLayout(); else if (mode === "level") applyLevelLayout();
else if (mode === "timeline") setupTimeline(); else if (mode === "timeline") {
// 时序视图沿用全景力导向布局（否则继承上一个视图的特化布局会被压扁）
if (G._overviewPos) G._overviewPos.forEach((p, i) => { G.nodes[i].x = p.x; G.nodes[i].y = p.y; G.nodes[i].vx = 0; G.nodes[i].vy = 0; });
else layout();
setupTimeline();
}
if (G.soloJob) { applySoloLayout(); fitSoloView(); } if (G.soloJob) { applySoloLayout(); fitSoloView(); }
else fitView(); else fitView();
requestDraw(); drawMinimap(); requestDraw(); drawMinimap();
@@ -229,7 +236,11 @@
function relayoutByView() { function relayoutByView() {
if (G.viewMode === "tech") applyTechLayout(); if (G.viewMode === "tech") applyTechLayout();
else if (G.viewMode === "level") applyLevelLayout(); else if (G.viewMode === "level") applyLevelLayout();
else if (G.viewMode === "timeline") setupTimeline(); else if (G.viewMode === "timeline") {
if (G._overviewPos) G._overviewPos.forEach((p, i) => { G.nodes[i].x = p.x; G.nodes[i].y = p.y; G.nodes[i].vx = 0; G.nodes[i].vy = 0; });
else layout();
setupTimeline();
}
} }
/* ================= 数据装载 ================= */ /* ================= 数据装载 ================= */