헤더 탭 전환 구조 추가

This commit is contained in:
hyunho
2026-03-25 12:42:45 +09:00
parent e924659887
commit 60b8a81919
3 changed files with 109 additions and 10 deletions

View File

@@ -39,24 +39,33 @@
<header class="dashboard-header">
<div class="brand-block">
<p class="eyebrow">MH Dashboard</p>
<h2>조직현황 메인</h2>
<h2 id="current-view-title">조직 현황</h2>
</div>
<div class="header-center">
<span class="nav-pill muted">사업관리대장</span>
<span class="nav-pill muted">프로젝트별 분석</span>
<span class="nav-pill muted">팀/개인별 분석</span>
<button class="nav-pill active" type="button">조직 현황</button>
<button class="nav-pill" type="button" data-view="ledger">사업관리대장</button>
<button class="nav-pill" type="button" data-view="project">프로젝트별 분석</button>
<button class="nav-pill" type="button" data-view="team">팀/개인별 분석</button>
<button class="nav-pill active" type="button" data-view="organization">조직 현황</button>
</div>
<div class="header-actions">
<button id="user-badge" class="ghost-button ghost-button-soft" type="button"></button>
<button id="logout-btn" class="ghost-button" type="button">로그아웃</button>
<button id="user-badge" class="ghost-button ghost-button-soft user-chip" type="button"></button>
<button id="logout-btn" class="ghost-button icon-button" type="button" title="로그아웃" aria-label="로그아웃"></button>
</div>
</header>
<main class="dashboard-main">
<section class="main-stage">
<section class="main-stage" data-stage="ledger" hidden>
<div class="stage-empty"></div>
</section>
<section class="main-stage" data-stage="project" hidden>
<div class="stage-empty"></div>
</section>
<section class="main-stage" data-stage="team" hidden>
<div class="stage-empty"></div>
</section>
<section class="main-stage" data-stage="organization">
<div class="stage-frame">
<iframe src="/legacy/organization?v=20260325-2" title="조직도 메인 화면"></iframe>
</div>