161 lines
12 KiB
Plaintext
161 lines
12 KiB
Plaintext
function renderPWarLeaderboard(data) {
|
|
const container = document.getElementById('p-war-table-container');
|
|
if (!container) return;
|
|
|
|
const sortedData = [...data].sort((a, b) => a.p_war - b.p_war);
|
|
|
|
container.innerHTML = `
|
|
<div class="table-scroll-wrapper">
|
|
<table class="data-table p-war-table">
|
|
<thead>
|
|
<tr>
|
|
<th style="position: sticky; top: 0; z-index: 10; width: 280px;">프로젝트명</th>
|
|
<th style="position: sticky; top: 0; z-index: 10;">파일 수</th>
|
|
<th style="position: sticky; top: 0; z-index: 10;">방치일</th>
|
|
<th style="position: sticky; top: 0; z-index: 10;">상태 판정</th>
|
|
<th style="position: sticky; top: 0; z-index: 10;">
|
|
현재 SOI <button class="btn-help" onclick="event.stopPropagation(); openAnalysisModal('soi')">?</button>
|
|
</th>
|
|
<th style="position: sticky; top: 0; z-index: 10; text-align:center;">실무 투입</th>
|
|
<th style="position: sticky; top: 0; z-index: 10;">
|
|
AI 예보 (14d) <button class="btn-help" onclick="event.stopPropagation(); openAnalysisModal('ai')">?</button>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
${sortedData.map((p, idx) => {
|
|
const status = getStatusInfo(p.p_war, p.is_auto_delete);
|
|
const soi = p.p_war;
|
|
const pred = p.predicted_soi;
|
|
const rowId = `project-${idx}`;
|
|
|
|
let trendIcon = "";
|
|
if (pred !== null) {
|
|
const diff = pred - soi;
|
|
if (diff < -5) trendIcon = '<span style="color:#ef4444; font-size:10px;">▼ 급락</span>';
|
|
else if (diff < 0) trendIcon = '<span style="color:#f59e0b; font-size:10px;">↘ 하락</span>';
|
|
else trendIcon = '<span style="color:#22c55e; font-size:10px;">↗ 유지</span>';
|
|
}
|
|
|
|
// 수식 상세 데이터 준비
|
|
const baseLambda = 0.04;
|
|
const scaleImpact = Math.min(0.04, Math.log10(p.file_count + 1) * 0.008);
|
|
const envImpact = Math.max(0, p.ai_lambda - baseLambda - scaleImpact);
|
|
|
|
// 존재 신뢰도 패널티 (ECV)
|
|
let ecvText = "100% (신뢰)";
|
|
let ecvClass = "highlight-val";
|
|
if (p.file_count === 0) { ecvText = "5% (유령 프로젝트 패널티)"; ecvClass = "highlight-penalty"; }
|
|
else if (p.file_count < 10) { ecvText = "40% (소규모 껍데기 패널티)"; ecvClass = "highlight-penalty"; }
|
|
|
|
return `
|
|
<tr class="project-row ${status.key === 'danger' ? 'row-danger' : status.key === 'warning' ? 'row-warning' : ''}"
|
|
onclick="toggleProjectDetail('${rowId}')">
|
|
<td class="font-bold">${p.project_nm}</td>
|
|
<td>${p.file_count.toLocaleString()}개</td>
|
|
<td>${p.days_stagnant}일</td>
|
|
<td><span class="${status.class}">${status.label}</span></td>
|
|
<td class="p-war-value ${soi >= 70 ? 'text-plus' : 'text-minus'}">
|
|
${soi.toFixed(1)}%
|
|
</td>
|
|
<td style="text-align:center;">
|
|
<div style="display:flex; flex-direction:column; align-items:center; gap:4px;">
|
|
<span style="font-weight:800; font-size:12px; color:${p.work_effort >= 70 ? '#059669' : p.work_effort <= 30 ? '#dc2626' : '#6366f1'};">
|
|
${p.work_effort}%
|
|
</span>
|
|
<div style="width:40px; height:4px; background:#f1f5f9; border-radius:2px; overflow:hidden;">
|
|
<div style="width:${p.work_effort}%; height:100%; background:${p.work_effort >= 70 ? '#059669' : p.work_effort <= 30 ? '#dc2626' : '#6366f1'}; transition: width 0.5s;"></div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td style="text-align:center;">
|
|
<div style="display:flex; align-items:center; justify-content:center; gap:8px;">
|
|
<span style="font-weight:700; font-size:14px; color:#6366f1;">
|
|
${pred !== null ? pred.toFixed(1) + '%' : '-'}
|
|
</span>
|
|
${trendIcon}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr id="detail-${rowId}" class="detail-row">
|
|
<td colspan="7">
|
|
<div class="detail-container">
|
|
<div class="formula-explanation-card">
|
|
<div style="font-size: 13px; font-weight: 700; color: #6366f1; margin-bottom: 15px;">
|
|
⚙️ AI 위험 적응형 모델(AAS) 산출 시뮬레이션
|
|
</div>
|
|
|
|
<!-- 실무 투입 분석 (상단 배치) -->
|
|
<div style="background: #f8fafc; padding: 15px; border-radius: 8px; margin-bottom: 20px; border: 1px solid #eef2f6;">
|
|
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
|
|
<span style="font-size: 13px; font-weight: 800; color: #1e5149;">📊 실질 업무 활성화 분석 (Work Vitality)</span>
|
|
<span style="font-size: 14px; font-weight: 800; color: ${p.work_effort >= 70 ? '#059669' : p.work_effort <= 30 ? '#dc2626' : '#6366f1'};">
|
|
투입률 ${p.work_effort}%
|
|
</span>
|
|
</div>
|
|
<div style="width: 100%; height: 6px; background: #e2e8f0; border-radius: 3px; overflow: hidden; margin-bottom: 10px;">
|
|
<div style="width: ${p.work_effort}%; height: 100%; background: ${p.work_effort >= 70 ? '#059669' : p.work_effort <= 30 ? '#dc2626' : '#6366f1'}; transition: width 0.5s;"></div>
|
|
</div>
|
|
<div style="font-size: 11.5px; color: #64748b; line-height: 1.5;">
|
|
최근 30개 수집 이력 중 단순 로그 갱신이 아닌 <b>실제 파일 수의 변동</b>이 포착된 날의 비율입니다.
|
|
현재 이 프로젝트는 <b>${p.work_effort >= 70 ? '매우 밀도 높은 실무' : p.work_effort <= 30 ? '형식적 관리 위주의 정체' : '간헐적인 성과물'}</b> 상태를 보이고 있습니다.
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 수식 단계 2x2 그리드 (1-4, 2-3 순서) -->
|
|
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
|
|
<!-- Row 1: Step 1 & Step 4 -->
|
|
<div class="formula-step">
|
|
<div class="step-num">1</div>
|
|
<div class="step-content">
|
|
<div class="step-title">동적 위험 계수(λ) 산출</div>
|
|
<div class="math-logic">λ = <span class="highlight-var">${p.ai_lambda.toFixed(4)}</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="formula-step">
|
|
<div class="step-num">4</div>
|
|
<div class="step-content">
|
|
<div class="step-title">활동 품질 검증 (Quality)</div>
|
|
<div class="step-desc" style="font-size:11px; margin-bottom:5px;">
|
|
${p.log_quality >= 1.0 ? '성과물 직결 <b>실무 활동</b> 감지' : p.log_quality >= 0.7 ? '시스템 <b>구조적 활동</b> 주류' : '단순 <b>행정적 활동</b> 판명'}
|
|
</div>
|
|
<div class="math-logic">Factor = <span class="${p.log_quality < 0.7 ? 'highlight-penalty' : 'highlight-val'}">${(p.log_quality * 100).toFixed(0)}%</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Row 2: Step 2 & Step 3 -->
|
|
<div class="formula-step">
|
|
<div class="step-num">2</div>
|
|
<div class="step-content">
|
|
<div class="step-title">방치 시간 감쇄 적용</div>
|
|
<div class="math-logic">Result = <span class="highlight-val">${((soi / (p.file_count === 0 ? 0.05 : p.file_count < 10 ? 0.4 : 1) / p.log_quality) || 0).toFixed(1)}%</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="formula-step">
|
|
<div class="step-num">3</div>
|
|
<div class="step-content">
|
|
<div class="step-title">존재 진정성 (ECV)</div>
|
|
<div class="math-logic">Factor = <span class="${ecvClass}">${ecvText}</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="margin-top: 20px; padding-top: 15px; border-top: 2px solid #1e5149; text-align: right; display: flex; justify-content: space-between; align-items: center;">
|
|
<span style="font-size: 11px; color: #94a3b8;">* 최종 점수는 위 4개 팩터의 연쇄 추론 결과입니다.</span>
|
|
<div>
|
|
<span style="font-size: 13px; color: #64748b; font-weight: 700;">최종 P-SOI: </span>
|
|
<span style="color: #1e5149; font-size: 22px; font-weight: 900;">${soi.toFixed(1)}%</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
`;
|
|
}).join('')}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
`;
|
|
}
|