全岗位扫描横条配色柔和化(与图表语义色统一为低饱和)

This commit is contained in:
RoyirinRosmontis
2026-08-19 16:00:59 +08:00
parent 07bd9e12fd
commit 3aa8f1ceab
+4 -4
View File
@@ -775,12 +775,12 @@ function renderEvoScan() {
<div class="scan-row" data-job="${esc(r.j.job_id)}" <div class="scan-row" data-job="${esc(r.j.job_id)}"
title="${esc(r.j.title)}:新增 ${r.add} · 退出 ${r.out} · 增强/减弱 ${r.other}(点击进岗位报告)"> title="${esc(r.j.title)}:新增 ${r.add} · 退出 ${r.out} · 增强/减弱 ${r.other}(点击进岗位报告)">
<span class="scan-label">${esc(r.j.title)}</span> <span class="scan-label">${esc(r.j.title)}</span>
<span class="scan-track"><i class="scan-bar" style="width:${(r.add / max) * 100}%;background:var(--success)"></i><i class="scan-bar" style="width:${(r.out / max) * 100}%;background:var(--danger)"></i><i class="scan-bar" style="width:${(r.other / max) * 100}%;background:var(--primary)"></i></span> <span class="scan-track"><i class="scan-bar" style="width:${(r.add / max) * 100}%;background:#7bc8a4"></i><i class="scan-bar" style="width:${(r.out / max) * 100}%;background:#d99a91"></i><i class="scan-bar" style="width:${(r.other / max) * 100}%;background:#8f9ff0"></i></span>
<span class="scan-num">${r.total}</span> <span class="scan-num">${r.total}</span>
</div>`).join("") + ` </div>`).join("") + `
<div class="hm-legend"><span>横条构成:</span><i class="hm-l" style="background:var(--success)"></i>新增技能 <div class="hm-legend"><span>横条构成:</span><i class="hm-l" style="background:#7bc8a4"></i>新增技能
<i class="hm-l" style="background:var(--danger)"></i>退出技能 <i class="hm-l" style="background:#d99a91"></i>退出技能
<i class="hm-l" style="background:var(--primary)"></i>增强/减弱 <i class="hm-l" style="background:#8f9ff0"></i>增强/减弱
<span class="text-weak">(近 12 季度,点击行进入该岗位报告)</span></div>`; <span class="text-weak">(近 12 季度,点击行进入该岗位报告)</span></div>`;
box.querySelectorAll(".scan-row").forEach((el) => { box.querySelectorAll(".scan-row").forEach((el) => {
el.onclick = () => { el.onclick = () => {