eomsangdonandClaude Opus 5.5
e91fd4398e
- 새 Hopyo_Check(모달 껍데기 · 머리 = 호표 · 엑셀 단가 · 제안 n / 줄 m · 확인 n · 만든 일위대가 ·
[호표 제안 모두 확인](새) · [일위대가 생성] = 옮기기 길 이 호표만 · [구조물 조합으로] · [엑셀 보기])
- 새 Hopyo_CheckRows(로직 표 + 자재 표 = 구조물 조합 상세 꼴 · Labor_Rows moneyCell · PRICE_SLOTS ·
Labor_MatMarks 빌려 씀 · 칸마다 엑셀 / 우리 단가 · 품 비교 · [고르기] · [원문 보기] · [옵션] · 추가 / 로직없음)
- 새 Hopyo_ToItem(구조물 조합 나무 add-item → 그 일위대가 문서에 SC 참조 한 줄 · 옮겨진 뒤만 켬)
- Hopyo_Rows: 시트 아래 줄 판 몸 걷음 → 줄 칸 부품 createRowKit(판정 · 고름 칩 · 블록 풀이 · 단위 환산 · [확인]) ·
옮기기 한 번 runMove(오른쪽 [옮기기] · 모달 [일위대가 생성] 한 벌)
- Router: POST /hopyo/{키}/price 우리 금액 미리 셈(저장 없음 · Make.Move.pick · Lines.picks → Labor_Doc.calc 재사용)
- Sheet: [수정] = openHopyoCheck · 시트 아래 자리는 단가산출 블록 판(SheetSk) 몫으로 남김
- 안 살림: 맞음·별칭 일괄 체크 · 품셈으로 바꾸기 · 모두 고정으로(지운 서버 길 몫) · 사용안함(새 옮기기 길에 뺌 없음)
- 시험: 새 test_786_2_check_modal(우리 금액 예시 1 = 94,227 · 예시 3 입력 필요 → 0 · 쓰기 0 · 모달 · 새 배지 ·
공용 import 만 · 날 button/input 0) · test_642_6 단언 = 줄 판 createJudgeRows → 모달 openHopyoCheck(까닭: 줄 판 몸 걷음)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
336 lines
7.4 KiB
CSS
336 lines
7.4 KiB
CSS
/* M02 일위대가 실무자료(PLAN 324-4) — 좌측 판 · 본 화면(호표 표 · 줄 맞춤) · 색은 공용 토큰(밝음 · 어두움 같이) */
|
|
.m02-hopyo-side {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-4);
|
|
}
|
|
|
|
.m02-hopyo {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-8);
|
|
min-width: 0;
|
|
}
|
|
|
|
.m02-hopyo__bar {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: var(--spacing-8);
|
|
}
|
|
|
|
/* 겉 = 보조 글 부품(ui-text--warning) · 여기는 줄바꿈 살림만 */
|
|
.m02-hopyo__warn {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.m02-hopyo__search {
|
|
max-width: 320px;
|
|
}
|
|
|
|
/* 실무자료 표 — 한글은 낱말 단위로만 줄바꿈(두세 글자마다 안 갈라짐) · 너무 긴 낱말만 쪼갬 */
|
|
.m02-hopyo__table :is(th, td) {
|
|
word-break: keep-all;
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
.m02-hopyo-ledger__table td:nth-child(1) {
|
|
min-width: 7em;
|
|
}
|
|
|
|
.m02-hopyo-ledger__table td:nth-child(2) {
|
|
min-width: 6em;
|
|
}
|
|
|
|
/* 우리 로직 칸 — 대상 여럿 = 칸 안 여러 줄(이름 · 키 · 몫 · 배 칸 · [옵션]) */
|
|
.m02-hopyo__parts {
|
|
min-width: 11em;
|
|
}
|
|
|
|
.m02-hopyo__part {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: var(--spacing-4);
|
|
}
|
|
|
|
.m02-hopyo__part + .m02-hopyo__part {
|
|
margin-top: var(--spacing-4);
|
|
}
|
|
|
|
.m02-hopyo__times {
|
|
width: 6em;
|
|
}
|
|
|
|
.m02-hopyo__unit {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: var(--spacing-4);
|
|
}
|
|
|
|
/* 단위 환산 칸 앞뒤 글 — 「엑셀 1 ㎡ = 우리 [ ] 본」 */
|
|
.m02-hopyo__unit-text {
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-sm);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.m02-hopyo__acts {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.m02-hopyo__acts > button + button {
|
|
margin-left: var(--spacing-4);
|
|
}
|
|
|
|
/* 별칭 장부(338) — 위 층 줄 = 회색 읽기만 · 고친 줄 = 왼쪽 띠 */
|
|
.m02-hopyo-ledger__row.is-upper {
|
|
color: var(--color-text-muted);
|
|
}
|
|
|
|
.m02-hopyo-ledger__row.is-edited > td:first-child {
|
|
box-shadow: inset 3px 0 0 var(--color-accent);
|
|
}
|
|
|
|
/* 엑셀 보기(329) — 왼쪽 읽기 전용 시트 · 오른쪽 호표 목록 */
|
|
.m02-hopyo-sheet {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) 22rem;
|
|
gap: var(--spacing-8);
|
|
flex: 1;
|
|
min-height: 0;
|
|
}
|
|
|
|
/* 좁은 폭(730-2) — 오른쪽 목록 22rem 이 시트 칸을 폭 0 으로 짓누름 → 위(시트) · 아래(목록) 쌓기 */
|
|
@media (max-width: 900px) {
|
|
.m02-hopyo-sheet {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
grid-template-rows: minmax(0, 3fr) minmax(0, 2fr);
|
|
}
|
|
}
|
|
|
|
/* 불러오기 본 칸(785-4) — 본 칸을 화면 높이로 채움(도면 양식 앞선 꼴 한 벌) · 시트 아래 줄 판 자리 */
|
|
.m02-main:has(> .m02-main__host > .m02-hopyo-import) {
|
|
box-sizing: border-box;
|
|
height: calc(100dvh - var(--app-header-h));
|
|
min-height: 0;
|
|
}
|
|
|
|
.m02-main__host:has(> .m02-hopyo-import) {
|
|
display: flex;
|
|
flex: 1 1 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
.m02-hopyo-import {
|
|
display: flex;
|
|
flex: 1 1 0;
|
|
flex-direction: column;
|
|
gap: var(--spacing-8);
|
|
width: 100%;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
.m02-hopyo-import > .m02-hopyo-sheet {
|
|
flex: 1 1 0;
|
|
}
|
|
|
|
.m02-hopyo-sheet__col {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-8);
|
|
min-width: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
.m02-hopyo-sheet__col > .m02-hopyo-sheet__grid {
|
|
flex: 1 1 0;
|
|
min-height: 8rem;
|
|
}
|
|
|
|
.m02-hopyo-sheet__lines {
|
|
flex: 0 1 45%;
|
|
min-height: 0;
|
|
overflow: auto;
|
|
border: 1px solid var(--color-border);
|
|
border-radius: var(--radius-sm);
|
|
}
|
|
|
|
.m02-hopyo-sheet__lines[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
/* 좁은 폭(785-7 · 390) — 줄 판이 열리면 위 칸(시트 + 줄 판)을 넓히고 줄 판 높이 바닥을 둠 */
|
|
@media (max-width: 900px) {
|
|
.m02-hopyo-sheet:has(.m02-hopyo-sheet__lines:not([hidden])) {
|
|
grid-template-rows: minmax(0, 5fr) minmax(0, 1fr);
|
|
}
|
|
|
|
.m02-hopyo-sheet__lines {
|
|
flex: 1 1 60%;
|
|
min-height: 16rem;
|
|
}
|
|
}
|
|
|
|
/* 세 보기 막대 · 범례(779-4) — 시트 위 한 줄씩 · 넘치면 감김 */
|
|
.m02-hopyo-sheet__nav {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-4);
|
|
}
|
|
|
|
.m02-hopyo-sheet__grid {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
border: 1px solid var(--color-border);
|
|
border-radius: var(--radius-sm);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.m02-hopyo-sheet__side {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-8);
|
|
min-height: 0;
|
|
}
|
|
|
|
/* 단가산출 탭 오른쪽 = 단가산출 목록(780-2) — 판 넓힘 · 숨김이 display 에 안 덮이게 · 강조 줄 */
|
|
@media (min-width: 901px) {
|
|
.m02-hopyo-sheet.is-sk {
|
|
grid-template-columns: minmax(0, 1fr) minmax(24rem, 44%);
|
|
}
|
|
}
|
|
|
|
.m02-hopyo-sheet__side[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
/* 목록만 굴림 — 거르기 · [확인한 것 옮기기] 막대는 늘 보임 */
|
|
.m02-hopyo-sheet__sk > .m02-hopyo {
|
|
flex: 1;
|
|
min-height: 0;
|
|
}
|
|
|
|
.m02-hopyo-sheet__sk [data-wiz-sk] {
|
|
flex: 1;
|
|
min-height: 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
.m02-hopyo-sheet__sk tr[data-sk-block] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.m02-hopyo-sheet__sk tr.is-current > td {
|
|
background: var(--color-accent-soft);
|
|
}
|
|
|
|
.m02-hopyo-sheet__sk tr.is-current > td:first-child {
|
|
box-shadow: inset 3px 0 0 var(--color-accent);
|
|
}
|
|
|
|
.m02-hopyo-sheet__list {
|
|
flex: 1;
|
|
min-height: 0;
|
|
overflow: auto;
|
|
border: 1px solid var(--color-border);
|
|
border-radius: var(--radius-sm);
|
|
}
|
|
|
|
.m02-hopyo-sheet__item {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--spacing-4);
|
|
padding: var(--spacing-4) var(--spacing-8);
|
|
border-left: 3px solid transparent;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.m02-hopyo-sheet__item:hover {
|
|
background: var(--color-surface);
|
|
}
|
|
|
|
.m02-hopyo-sheet__item.is-current {
|
|
border-left-color: var(--color-accent);
|
|
background: var(--color-accent-soft);
|
|
}
|
|
|
|
.m02-hopyo-sheet__no {
|
|
min-width: 4.5em; /* [수정] 단추가 줄마다 같은 자리 */
|
|
white-space: nowrap;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.m02-hopyo-sheet__name {
|
|
flex: 1;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* 목록 숫자 — 다 연결(359-2)이면 녹색 · [수정] 은 번호 바로 오른쪽 · 줄 높이 안 커짐 */
|
|
.m02-hopyo-sheet__item .ui-text.is-linked {
|
|
color: var(--color-success);
|
|
}
|
|
|
|
.m02-hopyo-sheet__item > .ui-btn {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* 머리 글 ↔ [파일 업로드] — 구조물 조합 머리 ↔ 층 단추와 같은 12 px */
|
|
.m02-hopyo-side > .m02-side__row {
|
|
margin-top: var(--spacing-12);
|
|
}
|
|
|
|
/* [수정] 모달 「확인 — 제N호표」 줄 표(786-2 · 옛 359-3 꼴) — 일위대가 상세 꼴(m02-labrow) · 확인 · 행 · 수량 · 단위 =
|
|
줄바꿈 없음 · 단추 = 세로로 쌓아 좁게 · 이름 · 별칭 · 품 비교가 남는 폭 */
|
|
.m02-hopyo__table.m02-hopyo__lines :is(th, td) {
|
|
padding: var(--spacing-8);
|
|
vertical-align: top;
|
|
}
|
|
|
|
.m02-hopyo__lines :is(td:first-child, td:nth-child(2), .m02-labrow__qty, .m02-labrow__unit) {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.m02-hopyo__lines th > .ui-badge {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.m02-hopyo__lines .m02-labrow__name {
|
|
max-width: none;
|
|
white-space: normal;
|
|
}
|
|
|
|
.m02-hopyo__lines td.m02-hopyo__compare {
|
|
min-width: 7em;
|
|
white-space: pre-line;
|
|
}
|
|
|
|
.m02-hopyo__lines td.m02-hopyo__acts {
|
|
width: 1%;
|
|
}
|
|
|
|
.m02-hopyo__lines .m02-hopyo__acts > * {
|
|
display: flex;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.m02-hopyo__lines .m02-hopyo__acts > * + * {
|
|
margin: var(--spacing-4) 0 0;
|
|
}
|
|
|
|
.m02-hopyo__solved > td {
|
|
background: var(--color-surface-raised);
|
|
}
|
|
|
|
.m02-hopyo__subhead {
|
|
margin: var(--spacing-8) 0 0;
|
|
font-size: var(--text-body-sm);
|
|
}
|