feat(M02): 51-14 일위대가 순서 칸 2행 — 위 [위로] [아래로] / 아래 [옵션]·[수정] [삭제] · 단가승격 [옵션] · 일위조합 [수정] 서고 원본 모달

- 순서 칸 = 단추 묶음 두 줄(공용 ui-btn-group 간격) · 카드 갈래는 아래 줄만
- 단가승격 줄 [옵션] = 승격 문서 넣을 값 모달 · [저장] = 서고 저장 길 · 머리 한 줄 알림(쓰는 모든 구조물에 따라감)
- 일위조합 줄 [수정] = 사전조합 상세 모달(서고 모드 표 · 옵션 · 수량 · 순서 · 삭제 · 추가) · [저장] = 서고 원본 · 취소 = 버림 물음
- 자기 층 서고만 고침(위 층 = 읽기만) · 닫으면 구조물 일위대가 다시 셈
- 확인 시나리오 resources/tester/ui_checks/51-14_순서칸_2행_옵션수정.js

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MgChuAcyBqUkhHMTXomQC7
This commit is contained in:
2026-10-05 21:05:31 +09:00
co-authored by Claude Opus 5.5
parent a8045bbacc
commit 47cbbd17bd
8 changed files with 403 additions and 14 deletions
@@ -6,7 +6,8 @@
* 옵션 값(「지역 서울 · 규격 25mm」)은 줄 아래 이름 ~ 합계에 걸친 한 줄 · 맨 아래 합계 줄(전체 합계 강조).
* 자재목록 = 코드 · 이름 · 규격 · 수량산출 · 단위 · 가격 다섯(기준 칸 강조) · 기준단가 / 반영 금액(43-3).
* 금액은 calc 답(없으면 「…」).
* 줄 누름 · 줄 단추(위로 · 아래로 · 옵션 · 삭제 · 묶음 `ui-btn-group`)는 `on` 이 있을 때만(보기 갈래 = 없음) ·
* 줄 누름 · 줄 단추는 `on` 이 있을 때만(보기 갈래 = 없음) — 순서 칸 2행(51-14 · 위 [위로] [아래로] / 아래 [옵션] 또는 [수정] · [삭제] ·
* 묶음 `ui-btn-group` · 순서 없는 카드 갈래 = 아래 줄만) · 단가승격 줄 = [옵션] · 일위조합 줄 = [수정](`ref` · 서고 원본) ·
* 상세는 줄 누름 = 고름(`selected` 줄 하이라이트 · 그 줄 바로 아래 하위 행 · 51-2 · 화살표 없음 51-7) · 넣을 값 모달은 [옵션](47-5).
* ========================================================================== */
@@ -174,6 +175,8 @@ export interface RowHandlers {
open: (i: number) => void;
/** [옵션] 단추(47-5 · 넣을 값 모달) — 없으면 단추 없음 */
option?: (i: number) => void;
/** 참조 줄 단추(51-14) — 단가승격 [옵션] · 일위조합 [수정] = 서고 원본 모달 · 없으면 단추 없음 */
ref?: (i: number) => void;
/** 수량산출 칸 누름(손 입력 · 엑셀에서 고르기) — 없으면 줄 누름과 같음 */
qty?: (i: number) => void;
move?: (i: number, d: number) => void;
@@ -290,9 +293,11 @@ function subRows(line: LaborCalcLine | undefined, wait: boolean, tools: boolean)
/** 담은 로직 표 — 보기 갈래는 `on` 없이 */
export function logicTable(data: LogicTableData, on?: RowHandlers): HTMLElement {
const wait = !data.calc && !data.fail;
const { move, remove, option } = on ?? {};
const { move, remove, option, ref } = on ?? {};
// 옵션 · 삭제만(구조물 조합 카드 · 43-4)이어도 끝 칸 — 순서 단추는 `move` 가 있을 때만
const tools = !!(move || remove || option);
const tools = !!(move || remove || option || ref);
const group = (children: HTMLElement[]): HTMLElement =>
el("div", { className: "ui-btn-group", children });
const lineOf = (key: string): LaborCalcLine | undefined =>
data.calc?.줄.find((l) => lineId(l) === key);
const trs = data.rows.flatMap((row, i) => {
@@ -362,13 +367,31 @@ export function logicTable(data: LogicTableData, on?: RowHandlers): HTMLElement
className: "m02-labrow__move",
children: [
el("div", {
className: "ui-btn-group",
className: "m02-labrow__tools",
children: [
...(move
? [small(tc("Up"), () => move(i, -1)), small(tc("Down"), () => move(i, 1))]
? [
group([
small(tc("Up"), () => move(i, -1)),
small(tc("Down"), () => move(i, 1)),
]),
]
: []),
...(option && !row.참조 ? [small(tc("Labor_Option"), () => option(i))] : []),
...(remove ? [small(tc("Remove"), () => remove(i), "danger")] : []),
group([
...(row.참조
? ref
? [
small(
tc(row.참조.키.startsWith("SP-") ? "Labor_Option" : "Labor_Edit"),
() => ref(i),
),
]
: []
: option
? [small(tc("Labor_Option"), () => option(i))]
: []),
...(remove ? [small(tc("Remove"), () => remove(i), "danger")] : []),
]),
],
}),
],