Files
Aislo/B08_Quantity/B08_Quantity_UI_Page.css
T
eomsangdonandClaude Opus 5.5 aefcb23dd2 feat(b08): 3탭 토적표 — 옛 평균단면적법 엔진 복사 · 서버 읽기 전용 길 · 측점별 표 + 합계 줄(PLAN 61-3)
- 엔진 = old_code B08_Quantity_Engine_EarthworkTable.py 복사(B08_Quantity_Engine_Earthwork.py) · 계산식 그대로
- 고친 곳 = 입력부(암 종류 없으면 암 지반 유형) · 줄 cut_rock_kind · 합계 리핑암 · 발파암 칸
- 길 = GET /quantity/earthwork — B06 횡단 설계 저장 단면적(확정 노선 · 없으면 최신) · 환산계수 = 유토곡선과 같은 mixed_conversion_factors · 아무것도 안 씀
- 화면 = 측점 · 거리 · 절토(토사 · 리핑암 · 발파암) · 측구터파기(토사 · 암) 각 단면적 · 입적 · 보정량 · 보정량계 · 성토 · 유용토 · 차인토량 · 누가토량 · 합계 줄
- 옛 시험 test_b08_earthwork_table.py 는 가져오는 경로만 새 엔진으로 · 새 시험 test_61_3_b08_earthwork_kinds.py

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01UoSr2sqvYtBf1dtQdus88s
2026-10-06 18:26:17 +09:00

93 lines
2.2 KiB
CSS

/* B08 수량산출 — 위 탭 · 구조물 집계표(PLAN 61-1). 색은 테마 변수만(밝음 · 어두움 같이). */
.b08-quantity {
display: flex;
flex-direction: column;
gap: var(--spacing-16);
}
.b08-quantity__tabs {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-8);
padding-bottom: var(--spacing-8);
border-bottom: 1px solid var(--color-border);
}
/* 집계표 — 칸마다 테두리 · 머리 가운데 · 측점 열은 가로로 밀어도 붙어 있음 */
.b08-summary__wrap {
max-height: 70vh;
overflow: auto;
}
.b08-summary__table {
width: auto;
min-width: 100%;
}
.b08-summary__table th,
.b08-summary__table td {
padding: var(--spacing-4, 4px) var(--spacing-8);
border: 1px solid var(--color-border);
white-space: nowrap;
}
.b08-summary__table thead th {
position: sticky;
top: 0;
z-index: 1;
text-align: center;
background: var(--color-surface-raised, var(--color-surface));
color: var(--color-text);
}
/* 머리 둘째 줄은 첫 줄 아래에 붙음 */
.b08-summary__table thead tr + tr th {
top: calc(1lh + 2 * var(--spacing-4, 4px) + 1px);
}
.b08-summary__table .b08-summary__station {
position: sticky;
left: 0;
z-index: 2;
text-align: center;
background: var(--color-surface-raised, var(--color-surface));
color: var(--color-text);
}
.b08-summary__table thead .b08-summary__station {
z-index: 3;
}
.b08-summary__table td {
min-width: 80px;
background: var(--color-surface);
}
.b08-summary__name.is-missing {
color: var(--color-danger);
}
/* 3탭 토적표 — 수는 오른쪽 · 합계 줄은 아래에 붙어 굵게 */
.b08-earthwork__table td {
text-align: right;
}
.b08-earthwork__total th,
.b08-earthwork__total td {
position: sticky;
/* 칸 테두리는 표(border-collapse) 것이라 붙은 칸과 같이 안 움직임 — 그림자로 선을 긋고
아래로 1px 더 내려 뒤 줄이 비치지 않게 */
bottom: -1px;
z-index: 2;
font-weight: 700;
background: var(--color-surface-raised, var(--color-surface));
box-shadow:
inset 0 2px 0 var(--color-text-muted),
0 1px 0 var(--color-surface-raised, var(--color-surface));
}
.b08-earthwork__total th {
z-index: 3;
}