From 03840ff3d670977d82ea28dcb8eb9baf1af403e5 Mon Sep 17 00:00:00 2001 From: umsangdon Date: Sun, 30 Aug 2026 11:44:54 +0900 Subject: [PATCH] =?UTF-8?q?feat(B06):=20=EC=84=B8=EC=9B=94=EA=B5=90=20?= =?UTF-8?q?=EC=A2=8C=EC=B8=A1=20=E3=80=8C=EA=B5=AC=EC=A1=B0=EB=AC=BC=20?= =?UTF-8?q?=EB=B0=B0=EC=B9=98=E3=80=8D=20=ED=8F=BC=EC=9D=84=20=EC=A1=B0?= =?UTF-8?q?=EC=A0=95=EC=B0=BD=20=EB=A1=9C=EC=A7=81=EC=97=90=20=EC=97=B0?= =?UTF-8?q?=EA=B2=B0=ED=95=9C=EB=8B=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 좌측 폼의 세월교 상세 항목(관종·관경·수량·월류 폭·날개벽 유입/유출)이 도면에 전혀 반영되지 않았다. `applyPipeOptionsToCache`가 `section.culvert`만 보고 세월교 측점(`section.ford`)에서는 즉시 return했기 때문이다. 프론트는 구조물 배치의 상세 UI를 쓰고 로직은 조정창 제어기 것을 쓴다 (2026-08-30 사용자 확정). - `applyFordFormOptions()` 신설 — 폼 옵션 키를 `FordControl.setPipe`/`setWing` 인자로 옮긴다. 캐시 반영·바닥판 연장 재계산·정본 예약·카드 갱신은 제어기에 이미 있어 새로 만들지 않았다. - `FordControl.setPipe` 확장 — `pipe_kind`(관종)·`ford_width_m`(월류 폭 = `span_m`) 추가. 두 값은 조정창에 칸이 없고 폼만 보낸다. - `withFordSpec()` — 폼 기본값을 `section.ford` 스펙에서 읽는다. 두 창이 같은 스펙을 보므로 어느 쪽에서 만졌든 값이 갈리지 않는다(수량(련) 빈 칸 해소). 월류 높이(`ford_height_m`)는 백엔드 `_ford_set`이 읽지 않는다 — 세월교는 구체 위 노면이라 파임이 없고, 물넘이포장 전용 값이다. 폼에는 남되 도면 반영처는 없다. 자체검증(공용 브라우저 5174, 측점 7+9.7 세월교): - tsc --noEmit 통과. - 폼 날개 길이(유입) 2→4 → 조정창 「날개 길이 4.0m」, 바닥판 7.63m→9.04m (= +2×cos45°). 수정 전에는 둘 다 그대로였다. - 폼 수량 3 → 조정창 「3련」, 폼 관경 Ø1200 → 조정창 select 1200. - 재선택 왕복: 월류폭 12·수량 3·관경 1200·날개길이 4 그대로 되읽힘(스펙 정본). - 진입 시 수량(련) 칸 = 1(수정 전 빈 칸), 관종 파형강관. - 조작값은 원래 값(10/1/1000/2)으로 되돌려 놓았다. Co-Authored-By: Claude Opus 5 (1M context) --- .../B06_Section_UI_Cross_Ford_Panel.ts | 13 ++++- B06_Section/B06_Section_UI_Page.ts | 12 ++++- .../B06_Section_UI_Page_Ford_Controls.ts | 48 +++++++++++++++++++ .../B06_Section_UI_Page_Structures_Panel.ts | 30 ++++++++++++ 4 files changed, 99 insertions(+), 4 deletions(-) diff --git a/B06_Section/B06_Section_UI_Cross_Ford_Panel.ts b/B06_Section/B06_Section_UI_Cross_Ford_Panel.ts index 96bd8a1a..ca395b77 100644 --- a/B06_Section/B06_Section_UI_Cross_Ford_Panel.ts +++ b/B06_Section/B06_Section_UI_Cross_Ford_Panel.ts @@ -277,8 +277,17 @@ export interface FordControl { adjustFor: (chainageM: number) => FordAdjust; update: (chainageM: number, role: FordWallRole, patch: Partial) => void; reset: (chainageM: number, role: FordWallRole) => void; - /** 관경(mm)·수량(련) 저장 — B05 정본(`pipe_points`)으로 간다. */ - setPipe: (chainageM: number, patch: { pipe_diameter_mm?: number; pipe_count?: number }) => void; + /** 관경(mm)·수량(련)·관종·월류 폭 저장 — B05 정본(`pipe_points`)으로 간다. + * 관종·월류 폭은 조정창에 칸이 없고 좌측 「구조물 배치」 폼만 보낸다(2026-08-30 사용자). */ + setPipe: ( + chainageM: number, + patch: { + pipe_diameter_mm?: number; + pipe_count?: number; + pipe_kind?: string; + ford_width_m?: number; + }, + ) => void; /** 날개벽 제원 저장(2026-08-25 사용자 — 조정창에서 직접 제어). 같은 정본으로 간다. */ setWing: ( chainageM: number, diff --git a/B06_Section/B06_Section_UI_Page.ts b/B06_Section/B06_Section_UI_Page.ts index 8ae7da6f..85535789 100644 --- a/B06_Section/B06_Section_UI_Page.ts +++ b/B06_Section/B06_Section_UI_Page.ts @@ -31,6 +31,7 @@ import { } from "./B06_Section_Api_Fetch"; import { flushPendingStructures } from "../B05_Profile/B05_Profile_Api_Structures"; import { createStationControls } from "./B06_Section_UI_Page_Station_Controls"; +import { applyFordFormOptions } from "./B06_Section_UI_Page_Ford_Controls"; import { buildCrossPatches } from "./B06_Section_UI_Page_Patches"; import { maxToeFitHalfWidth } from "./B06_Section_UI_Cross_Fit"; import { readAlignmentDraft } from "../B05_Profile/B05_Profile_UI_Profile_Edit"; @@ -194,8 +195,15 @@ export async function renderB06ProfileCross(root: HTMLElement): Promise { const owner = sectionDetail?.cross_sections.find( (section) => Math.abs(section.chainage_m - chainageM) < 0.51, ); - const culvert = owner?.culvert; - if (!owner || !culvert) return; + if (!owner) return; + // 세월교는 스펙 자리(`section.ford`)가 배수관과 달라 조정창 제어기로 보낸다 — + // 로직은 그쪽 것을 쓰고 프론트만 폼 UI다(2026-08-30 사용자 확정). + if (owner.ford) { + applyFordFormOptions(stationControls.ford, owner.chainage_m, patch); + return; + } + const culvert = owner.culvert; + if (!culvert) return; const num = (key: string): number | undefined => { const value = Number(patch[key]); return Number.isFinite(value) ? value : undefined; diff --git a/B06_Section/B06_Section_UI_Page_Ford_Controls.ts b/B06_Section/B06_Section_UI_Page_Ford_Controls.ts index ef97eaec..4be840fb 100644 --- a/B06_Section/B06_Section_UI_Page_Ford_Controls.ts +++ b/B06_Section/B06_Section_UI_Page_Ford_Controls.ts @@ -114,6 +114,9 @@ export function createFordControls(deps: FordControlDeps): FordControls { // 캐시를 먼저 고쳐 즉시 반영한다 — 저장은 늦게 묶어서 간다. if (patch.pipe_diameter_mm) spec.diameter_m = patch.pipe_diameter_mm / 1000; if (patch.pipe_count) spec.pipe_count = patch.pipe_count; + if (patch.pipe_kind) spec.pipe_kind = patch.pipe_kind; + // 월류 폭 = 구체의 도로 진행 방향 길이(`span_m`) — 백엔드 `_ford_set`과 같은 자리. + if (patch.ford_width_m) spec.span_m = patch.ford_width_m; } deps.queuePipeOptions(chainageM, patch); deps.refreshCard(chainageM); @@ -160,6 +163,51 @@ export function createFordControls(deps: FordControlDeps): FordControls { }; } +/** + * 좌측 「구조물 배치」 폼이 낸 세월교 옵션을 **조정창 제어기**로 흘려보낸다 + * (2026-08-30 사용자 확정: 프론트는 구조물 배치의 상세 UI, 로직은 조정창 것을 쓴다). + * + * 폼 옵션 키(`pipe_*`·`ford_width_m`·`wing_in*`·`wing_out*`)를 제어기 인자로 옮기기만 + * 한다 — 캐시 반영·바닥판 연장 재계산·정본 예약·카드 갱신은 제어기 안에 이미 있다. + * 값이 온 항목만 보낸다(빈 patch는 부르지 않는다). + */ +export function applyFordFormOptions( + control: FordControl, + chainageM: number, + patch: Record, +): void { + const num = (key: string): number | undefined => { + if (patch[key] === undefined) return undefined; + const value = Number(patch[key]); + return Number.isFinite(value) ? value : undefined; + }; + const pipe: Parameters[1] = {}; + const diameterMm = num("pipe_diameter_mm"); + if (diameterMm !== undefined) pipe.pipe_diameter_mm = diameterMm; + const count = num("pipe_count"); + if (count !== undefined) pipe.pipe_count = count; + if (typeof patch.pipe_kind === "string") pipe.pipe_kind = patch.pipe_kind; + const widthM = num("ford_width_m"); + if (widthM !== undefined) pipe.ford_width_m = widthM; + if (Object.keys(pipe).length) control.setPipe(chainageM, pipe); + + for (const [role, prefix] of [ + ["inlet", "wing_in"], + ["outlet", "wing_out"], + ] as const) { + const wing: Parameters[2] = {}; + // 설치 값은 폼이 "있음"/"없음" 문자열로 낸다(백엔드 `_wing_spec`과 같은 규약). + if (patch[prefix] !== undefined) wing.installed = patch[prefix] !== "없음"; + const heightM = num(`${prefix}_height_m`); + if (heightM !== undefined) wing.height_m = heightM; + const lengthM = num(`${prefix}_length_m`); + if (lengthM !== undefined) wing.length_m = lengthM; + const angleDeg = num(`${prefix}_angle_deg`); + if (angleDeg !== undefined) wing.angle_deg = angleDeg; + if (Object.keys(wing).length) control.setWing(chainageM, role, wing); + } +} + /** * BOX암거 구체 조작값 제어 — 세월교와 같은 흐름(세션 사본 + 캐시 `design.box_adjust`). * 좌·우 끝을 따로 잡으며 길이는 바깥으로만, 표고는 양방향으로 움직인다. diff --git a/B06_Section/B06_Section_UI_Page_Structures_Panel.ts b/B06_Section/B06_Section_UI_Page_Structures_Panel.ts index 60543377..f8da0eae 100644 --- a/B06_Section/B06_Section_UI_Page_Structures_Panel.ts +++ b/B06_Section/B06_Section_UI_Page_Structures_Panel.ts @@ -102,6 +102,32 @@ function coversChainage(structure: StructureInstance, chainageM: number): boolea return Math.abs(structureAnchorM(structure) - chainageM) < PIPE_MATCH_M; } +/** + * 세월교 폼 옵션을 **지금 그려진 스펙**(`section.ford`)으로 덮는다 — 조정창 조작이 + * 이 스펙을 제자리에서 고치므로, 폼이 저장된 옵션을 붙들면 두 창이 갈린다 + * (2026-08-30 사용자: 수량(련) 칸이 비어 있고 조정창은 1련이었다). + */ +function withFordSpec( + options: Record | undefined, + ford: NonNullable, +): Record { + const merged: Record = { ...(options ?? {}) }; + if (ford.pipe_kind) merged.pipe_kind = ford.pipe_kind; + merged.pipe_diameter_mm = Math.round(ford.diameter_m * 1000); + merged.pipe_count = ford.pipe_count; + merged.ford_width_m = ford.span_m; + for (const [wing, prefix] of [ + [ford.wing_in, "wing_in"], + [ford.wing_out, "wing_out"], + ] as const) { + merged[prefix] = wing.installed ? "있음" : "없음"; + if (wing.height_m !== null) merged[`${prefix}_height_m`] = wing.height_m; + if (wing.length_m !== null) merged[`${prefix}_length_m`] = wing.length_m; + if (wing.angle_deg !== null) merged[`${prefix}_angle_deg`] = wing.angle_deg; + } + return merged; +} + /** * 관 지점 옵션에 **횡단 스펙 값**을 채워 넣는다 — 조정창이 보여주던 값과 폼이 * 어긋나지 않게 한다(2026-08-29 사용자). 옵션에 이미 값이 있으면 그대로 두고, @@ -117,6 +143,10 @@ function withSpecDefaults( const owner = detail?.cross_sections.find( (section) => Math.abs(section.chainage_m - chainageM) < PIPE_MATCH_M, ); + // 세월교는 폼과 조정창이 **같은 캐시**(`section.ford`)를 본다 — 어느 쪽에서 만졌든 + // 그 스펙이 지금 그려진 값이라 저장된 옵션보다 앞선다(2026-08-30 사용자: 프론트는 + // 구조물 배치 상세 UI, 로직·값은 조정창 것). + if (owner?.ford) return withFordSpec(options, owner.ford); const culvert = owner?.culvert; if (!culvert) return options; const merged: Record = { ...(options ?? {}) };