答辩级 UI 改造：指挥台驾驶舱/证据地图/演化生命线/成长路线图/候选审核台
- 驾驶舱改'人才能力变化指挥台'：变化事件流主图+可信度卡+行动卡+播报卡 - 图谱子图同心分层布局、技能变化角标、系统发现折叠入右栏、主操作收敛 - 演化页双 Tab（岗位报告/全岗位扫描）+ 能力生命线 Swimlane + 更替流 - 学习路径成长路线图：概要条/示范路线/预计投入/标记完成联动 - 新增候选审核台抽屉 + GET /api/stats/credibility - 简历裸姓名/专硕提取修复（桌面真实简历验收通过）+ BGE-M3 加载提示
This commit is contained in:
RoyirinRosmontis
+140
-2
@@ -481,8 +481,8 @@ svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width:
|
||||
content: ""; position: absolute; left: -21px; top: 16px;
|
||||
width: 10px; height: 10px; border-radius: 50%; border: 2px solid #fff;
|
||||
}
|
||||
.evo-event.t-新增::before { background: var(--success); }
|
||||
.evo-event.t-增强::before { background: var(--primary); }
|
||||
.evo-event.t-新增::before { background: var(--cyan); }
|
||||
.evo-event.t-增强::before { background: var(--purple); }
|
||||
.evo-event.t-减弱::before { background: var(--warning); }
|
||||
.evo-event.t-退出::before { background: var(--danger); }
|
||||
.evo-event .ee-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
|
||||
@@ -1024,3 +1024,141 @@ svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width:
|
||||
|
||||
/* 空状态内的行动按钮 */
|
||||
.empty .btn { margin-top: 8px; }
|
||||
|
||||
/* ============ 2026Q3 改版：指挥台 / 审核台 / 证据地图 / 生命线 / 路线图 ============ */
|
||||
|
||||
/* 指挥台首屏 */
|
||||
.cmd-hero {
|
||||
display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
|
||||
padding: 16px 20px; margin-bottom: 16px;
|
||||
background: linear-gradient(135deg, #f0f5ff 0%, #ffffff 55%);
|
||||
}
|
||||
.cmd-hero-main h2 { font-size: 18px; font-weight: 600; }
|
||||
.cmd-sub { font-size: 13px; color: var(--text-2); margin-top: 6px; }
|
||||
.cmd-scale { font-size: 12px; margin-top: 6px; }
|
||||
.cmd-hero-actions { display: flex; gap: 8px; flex: none; padding-top: 4px; }
|
||||
.cmd-kpis { grid-template-columns: repeat(4, 1fr); margin-bottom: 16px; }
|
||||
.cmd-head-right { display: inline-flex; align-items: center; gap: 4px; }
|
||||
.cmd-ledger { margin-top: 16px; }
|
||||
.cmd-ledger .card-body { padding-top: 8px; }
|
||||
|
||||
/* 数据可信度卡 */
|
||||
.trust-row {
|
||||
display: flex; align-items: baseline; gap: 10px;
|
||||
padding: 8px 2px; border-bottom: 1px dashed var(--border);
|
||||
}
|
||||
.trust-row:last-child { border-bottom: none; }
|
||||
.trust-k { width: 76px; flex: none; font-size: 13px; color: var(--text-2); }
|
||||
.trust-v { font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--primary); min-width: 64px; }
|
||||
.trust-sub { font-size: 12px; color: var(--text-3); }
|
||||
|
||||
/* 变化播报卡 */
|
||||
.feed-item.bcast { align-items: center; }
|
||||
.feed-item .bcast-body { flex: 1; min-width: 0; }
|
||||
.feed-item.bcast .tag { flex: none; }
|
||||
|
||||
/* 待办行动卡 */
|
||||
.review-item.action-card { border-left: 3px solid var(--warning); }
|
||||
|
||||
/* 候选岗位审核台（右侧抽屉） */
|
||||
.drawer-mask {
|
||||
position: fixed; inset: 0; background: rgba(29, 33, 41, 0.35); z-index: 450;
|
||||
}
|
||||
.drawer {
|
||||
position: absolute; top: 0; right: 0; bottom: 0; width: 480px; max-width: calc(100vw - 48px);
|
||||
background: var(--bg-page); box-shadow: -6px 0 16px rgba(29, 33, 41, 0.12);
|
||||
display: flex; flex-direction: column;
|
||||
}
|
||||
.drawer-head {
|
||||
display: flex; align-items: center; gap: 10px;
|
||||
padding: 14px 16px; background: #fff; border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.drawer-head h3 { font-size: 15px; }
|
||||
.drawer-head .icon-btn { margin-left: auto; }
|
||||
.drawer-body { flex: 1; overflow-y: auto; padding: 14px 16px; }
|
||||
.cand-card {
|
||||
background: #fff; border: 1px solid var(--border); border-radius: var(--radius);
|
||||
padding: 14px 16px; margin-bottom: 12px;
|
||||
}
|
||||
.cand-card.flash { animation: cand-flash 1.6s ease; }
|
||||
@keyframes cand-flash { 0%, 60% { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(47, 84, 235, 0.15); } }
|
||||
.cc-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
|
||||
.cc-head b { font-size: 15px; }
|
||||
.cc-def { font-size: 13px; color: var(--text-2); line-height: 1.6; margin-bottom: 8px; }
|
||||
.cc-dots { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
|
||||
.cred-dot {
|
||||
width: 12px; height: 12px; border-radius: 50%;
|
||||
background: var(--bg-page); border: 1.5px solid var(--border-dark);
|
||||
}
|
||||
.cred-dot.on { background: var(--success); border-color: var(--success); }
|
||||
.cc-dots-label { font-size: 12px; color: var(--text-3); margin-left: 4px; }
|
||||
.cc-meta { font-size: 12px; color: var(--text-2); margin-bottom: 4px; }
|
||||
.cc-diff { font-size: 12px; color: var(--text-2); margin-bottom: 8px; }
|
||||
.cc-skills { font-size: 12px; color: var(--text-2); line-height: 1.9; margin-bottom: 10px; }
|
||||
.cc-actions { display: flex; flex-wrap: wrap; gap: 8px; }
|
||||
.cmp-meta { font-size: 13px; color: var(--text-2); margin-bottom: 12px; }
|
||||
|
||||
/* 图谱页「更多」下拉 */
|
||||
.more-wrap { position: relative; }
|
||||
.more-menu {
|
||||
position: absolute; top: 38px; right: 0; z-index: 60; min-width: 150px;
|
||||
background: #fff; border: 1px solid var(--border); border-radius: var(--radius);
|
||||
box-shadow: var(--shadow-pop); padding: 4px; display: flex; flex-direction: column;
|
||||
}
|
||||
.more-item {
|
||||
display: flex; align-items: center; gap: 8px; border: none; background: none;
|
||||
padding: 8px 12px; font-size: 13px; color: var(--text-1); border-radius: var(--radius-sm);
|
||||
text-align: left; cursor: pointer; white-space: nowrap;
|
||||
}
|
||||
.more-item:hover { background: var(--primary-light); color: var(--primary); }
|
||||
.more-item svg { width: 14px; height: 14px; }
|
||||
|
||||
/* 右侧详情面板底部「系统发现」（原画布智能建议浮层） */
|
||||
.sys-findings { margin-top: auto; border-top: 1px solid var(--border); background: var(--bg-hover); }
|
||||
.sys-findings > summary {
|
||||
cursor: pointer; padding: 10px 16px; font-size: 13px; font-weight: 600; color: var(--text-1);
|
||||
user-select: none; list-style: none;
|
||||
}
|
||||
.sys-findings > summary::before { content: "▸ "; color: var(--warning); }
|
||||
.sys-findings[open] > summary::before { content: "▾ "; }
|
||||
.sys-findings .gs-list { max-height: 240px; overflow-y: auto; padding: 0 8px 10px; }
|
||||
.gs-item .gs-body { flex: 1; min-width: 0; }
|
||||
.gs-acts { display: flex; gap: 10px; margin-top: 4px; }
|
||||
.gs-ignore { color: var(--text-3); }
|
||||
.gs-ignore:hover { color: var(--danger); }
|
||||
|
||||
/* 能力生命线（Swimlane） */
|
||||
.sl-grid { display: grid; gap: 2px; min-width: 640px; align-items: center; }
|
||||
.sl-cell { position: relative; height: 20px; display: flex; align-items: center; }
|
||||
.sl-seg { position: absolute; left: 0; right: 0; height: 4px; border-radius: 2px; opacity: .8; }
|
||||
.sl-dot {
|
||||
position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
|
||||
width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid #fff; z-index: 1;
|
||||
}
|
||||
.sl-status { font-size: 11px; text-align: center; font-weight: 600; }
|
||||
|
||||
/* 能力更替流（旧核心 → 持续能力 → 新核心） */
|
||||
.evo-replace { margin-bottom: 16px; }
|
||||
.rp-grid { display: grid; grid-template-columns: 1fr 28px 1fr 28px 1fr; gap: 8px; align-items: stretch; }
|
||||
.rp-col { background: var(--bg-hover); border: 1px solid var(--border); border-radius: var(--radius); padding: 10px 12px; }
|
||||
.rp-col.old { border-left: 3px solid var(--danger); }
|
||||
.rp-col.keep { border-left: 3px solid var(--text-3); }
|
||||
.rp-col.new { border-left: 3px solid var(--cyan); }
|
||||
.rp-title { font-size: 12px; font-weight: 600; color: var(--text-1); }
|
||||
.rp-note { font-size: 11px; color: var(--text-3); margin: 2px 0 8px; }
|
||||
.rp-chips { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
.rp-chip { cursor: pointer; }
|
||||
.rp-chip:hover { filter: brightness(0.92); }
|
||||
.rp-arrow { align-self: center; text-align: center; color: var(--text-3); font-size: 16px; }
|
||||
|
||||
/* 成长路线图：概要条示范标识 / 示范路线横幅 */
|
||||
.po-demo {
|
||||
width: 100%; font-size: 12px; color: var(--warning);
|
||||
background: var(--warning-light); border-radius: var(--radius-sm); padding: 4px 10px;
|
||||
}
|
||||
.path-demo-banner {
|
||||
display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
|
||||
background: var(--warning-light); border: 1px solid #ffd591; border-radius: var(--radius);
|
||||
padding: 10px 14px; font-size: 13px; color: #ad4e00; margin-bottom: 14px;
|
||||
}
|
||||
.path-demo-banner .btn { margin-left: auto; }
|
||||
|
||||
Reference in New Issue
Block a user