Hyein/JH
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Describe 8091 dashboard and 8092 project code pages

Browse Source
This commit is contained in:
김혜인
2026-06-05 15:58:02 +09:00
parent c196a31e4a
commit 22625feade
7 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
detail-view-project.html
View File

@@ -21,10 +21,12 @@
.legend{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.legend-item{display:flex;gap:8px;align-items:center;font-size:12px;background:#fff;border:1px solid #e1d7cb;border-radius:10px;padding:7px 9px}
.dot{width:11px;height:11px;border-radius:999px}
.shared-note{margin:0 0 12px;padding:10px 12px;border:1px solid #d7e5ee;border-radius:12px;background:#eef8fb;color:#355468;font-size:12px;line-height:1.55}
</style>
</head>
<body>
<div class="wrap">
<div class="shared-note">이 화면은 선택한 프로젝트의 년도별 인원 투입 비중과 월별 투입 상세를 보여줍니다.</div>
<div class="card"><div class="row" style="justify-content:space-between"><h3 id="title" style="margin:0">선택 프로젝트 상세 (년도별)</h3><label>년도 <select id="yearSel"></select></label></div></div>
<div class="card"><div id="donutWrap" class="donut-wrap"></div></div>
<div class="card"><h3 style="margin:0 0 8px">인원 투입 상세 (년/월)</h3><div class="table-wrap"><table id="tblA"></table></div></div>

2
detail-view.html
View File

@@ -23,10 +23,12 @@
.dot{width:11px;height:11px;border-radius:999px}
.hours-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.hours-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e1d7cb;border-radius:999px;font-size:12px;background:#fff}
.shared-note{margin:0 0 12px;padding:10px 12px;border:1px solid #d7e5ee;border-radius:12px;background:#eef8fb;color:#355468;font-size:12px;line-height:1.55}
</style>
</head>
<body>
<div class="wrap">
<div class="shared-note">이 화면은 선택한 인원의 년도별 프로젝트 투입 비중과 월별 투입 상세를 보여줍니다.</div>
<div class="card"><div class="row" style="justify-content:space-between"><h3 id="detailTitle" style="margin:0">선택 인원 상세 (년도별)</h3><label>년도 <select id="yearSel"></select></label></div></div>
<div class="card"><div id="donutWrap" class="donut-wrap"></div></div>
<div class="card"><h3 style="margin:0 0 8px">프로젝트 투입 상세 (년/월/유형)</h3><div class="table-wrap"><table id="tblA"></table></div></div>

2
index.html
View File

@@ -44,6 +44,7 @@
margin-bottom: 10px;
box-shadow: var(--shadow);
}
.shared-note{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#eef8fb;color:#355468;font-size:13px;line-height:1.6}
h2, h3 { margin: 0 0 10px; letter-spacing:-.02em; }
.hero-card{
background: linear-gradient(180deg,#fff 0%,#f8f4ee 100%);
@@ -327,6 +328,7 @@
<body>
<div class="top-band"></div>
<div class="wrap">
<div class="shared-note">`8091` 페이지입니다. 프로젝트별 투입시간, 인원 현황, 기간별 집계와 상세 분석을 보여주는 메인 대시보드입니다.</div>
<div class="card hero-card">
<div class="hero-head">
<h2 class="hero-title">프로젝트 투입시간 대시보드</h2>

2
member_match_page.html
View File

@@ -33,6 +33,7 @@
box-shadow: 0 8px 20px rgba(24, 33, 47, 0.06);
margin-bottom: 16px;
}
.shared-note { margin-bottom: 16px; padding: 12px 14px; border: 1px solid #d7e5ee; border-radius: 12px; background: #eef8fb; color: #355468; font-size: 13px; line-height: 1.6; }
h1 { margin: 0 0 10px; font-size: 24px; }
p { margin: 8px 0; color: var(--muted); }
.row { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
@@ -61,6 +62,7 @@
</head>
<body>
<div class="wrap">
<div class="shared-note">이 화면은 `MemberNo`와 `korName` 매칭 상태를 확인하고 비교하는 페이지입니다.</div>
<div class="card">
<h1>MemberNo → korName 매칭 페이지</h1>
<p>`dallyproject.csv`의 `MemberNo`를 `member.csv`의 `MemberNo`와 매치해서 `korName`을 붙입니다.</p>

2
mysql-preview.html
View File

@@ -24,10 +24,12 @@
table { border-collapse: collapse; width: 100%; min-width: 900px; background: #fff; }
th, td { border-bottom: 1px solid #ebf0f8; padding: 7px 9px; font-size: 13px; text-align: left; white-space: nowrap; }
th { position: sticky; top: 0; background: #f8fbff; z-index: 1; }
.shared-note { margin-bottom: 14px; padding: 12px 14px; border: 1px solid #d7e5ee; border-radius: 12px; background: #eef8fb; color: #355468; font-size: 13px; line-height: 1.6; }
</style>
</head>
<body>
<div class="wrap">
<div class="shared-note">이 화면은 MySQL 테이블 목록과 선택한 테이블의 원본 데이터를 미리보는 페이지입니다.</div>
<div class="card">
<h2 style="margin-top:0;">MySQL 데이터 미리보기</h2>
<div class="row">

2
people-unified.html
View File

@@ -38,6 +38,7 @@
.summary-metrics { display:flex; flex-wrap:wrap; gap:8px 14px; margin-bottom:8px; font-size:12px; color:#334155; }
.metric { padding:0; border:0; background:transparent; }
.metric-label { font-size:11px; color:#64748b; margin-right:4px; }
.shared-note { margin-bottom: 12px; padding: 12px 14px; border: 1px solid #d7e5ee; border-radius: 12px; background: #eef8fb; color: #355468; font-size: 13px; line-height: 1.6; }
.metric-value { font-size:12px; font-weight:700; color:#0f172a; display:inline; }
.summary-sub { font-size:11px; color:#64748b; margin:6px 0 8px; }
.summary-table-wrap { max-height:none; overflow:visible; border:1px solid #dbe4f0; border-radius:8px; background:#fff; }
@@ -105,6 +106,7 @@
</head>
<body>
<div class="wrap">
<div class="shared-note">이 화면은 사람별 근무내역, 현장 기록, 월별 요약을 한 번에 보는 통합 페이지입니다.</div>
<div class="card">
<h2 style="margin:0 0 10px;">dailyproject 사람별 근무내역</h2>
<div class="tabs">

11
project-codes.html
View File

@@ -47,6 +47,16 @@
gap: 10px;
margin-top: 18px;
}
.shared-note {
margin: 0 0 14px;
padding: 12px 14px;
border: 1px solid var(--line);
border-radius: 14px;
background: rgba(238, 248, 251, 0.92);
color: #355468;
font-size: 13px;
line-height: 1.6;
}
.meta-chip {
display: inline-flex;
align-items: center;
@@ -451,6 +461,7 @@
</head>
<body>
<main class="shell">
<div class="shared-note">`8092` 페이지입니다. 시공코드 목록, 계약정보, 공사개요, 교량 매칭 정보를 조회하는 전용 화면입니다.</div>
<section class="table-card">
<div class="meta-row" style="margin: 0 0 14px;">
<div class="meta-chip" id="countChip">데이터 대기 중</div>