From 83d941e515ad950454bce382697363b2af82e19c Mon Sep 17 00:00:00 2001 From: umsangdon Date: Thu, 12 Nov 2026 18:11:58 +0900 Subject: [PATCH] =?UTF-8?q?feat(824-1):=20M02=20=EC=99=BC=EC=AA=BD=20?= =?UTF-8?q?=E3=80=8C=EB=82=B4=20=EA=B8=B0=EA=B3=84=E3=80=8D=20=C2=B7=20?= =?UTF-8?q?=E3=80=8C=EB=82=B4=20=ED=92=88=EB=AA=A9=E3=80=8D=20=E2=86=92=20?= =?UTF-8?q?=E3=80=8C=EA=B0=9C=EC=9D=B8=EA=B4=80=EB=A6=AC=E3=80=8D=20?= =?UTF-8?q?=EC=BB=A8=ED=85=8C=EC=9D=B4=EB=84=88(=EB=8B=A8=EC=B6=94=20?= =?UTF-8?q?=E3=80=8C=EA=B8=B0=EA=B3=84=E3=80=8D=20=C2=B7=20=E3=80=8C?= =?UTF-8?q?=EC=9E=90=EC=9E=AC=E3=80=8D)=20=C2=B7=20=E3=80=8C=EA=B5=AC?= =?UTF-8?q?=EC=A1=B0=EB=AC=BC=20=EC=A1=B0=ED=95=A9=E3=80=8D=20=EC=9D=84=20?= =?UTF-8?q?=E3=80=8C=EC=9D=BC=EC=9C=84=EB=8C=80=EA=B0=80=E3=80=8D=20?= =?UTF-8?q?=EB=B0=94=EB=A1=9C=20=EC=95=84=EB=9E=98=EB=A1=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 페이지 제목 「개인관리 › 기계」 · 「개인관리 › 자재」 · 동작 · 저장 그대로 Co-Authored-By: Claude Sonnet 5.5 --- .../M02_MasterTemplete_UI_Side.ts | 25 +++++++++++-------- .../M02_MasterTemplete_UI_Style.css | 5 ++++ M02_MasterTemplete/M02_MyItems_View.ts | 2 +- M02_MasterTemplete/M02_MyMachine_Text.ts | 9 ++++--- M02_MasterTemplete/M02_MyMachine_View.ts | 4 +-- 5 files changed, 27 insertions(+), 18 deletions(-) diff --git a/M02_MasterTemplete/M02_MasterTemplete_UI_Side.ts b/M02_MasterTemplete/M02_MasterTemplete_UI_Side.ts index df39ccbcc..7acb55966 100644 --- a/M02_MasterTemplete/M02_MasterTemplete_UI_Side.ts +++ b/M02_MasterTemplete/M02_MasterTemplete_UI_Side.ts @@ -1,7 +1,7 @@ /* ============================================================================= * M02_MasterTemplete_UI_Side.ts * 마스터 템플릿 좌측 패널 차례(716-3 · 717-2a) — 「단가산출」(층 단추 따로 · 기본 개인 · `UI_Side_Sangeun`) › 「일위대가」(층 단추 따로 · 2단 폴더 나무 · `UI_Side_Precombo` · - * 50-3 · 134-3) › 「내 기계」 · 「내 품목」(821-3 · 개인 층 · 펼치면 가운데 화면) › 「구조물 조합」(층 단추 · 나무) › 수평 구분선 › 「일위대가 불러오기」(구조물 조합 층 · + * 50-3 · 134-3) › 「구조물 조합」(층 단추 · 나무) › 「개인관리」(824-1 · 단추 「기계」 · 「자재」 · 가운데 화면) › 수평 구분선 › 「일위대가 불러오기」(구조물 조합 층 · * `Hopyo_Side` · 324-4) › 「도면 양식」(새로 · 본떠 · 지우기). * 구조물 옵션 정의는 M01 로 옮김(716-1). * 도면 양식 = 시스템 관리자면 늘(마스터 층 것 · 구조물 조합 층과 무관 · 720-4). @@ -157,17 +157,16 @@ export function buildSide(opt: SideOptions): SideHandle { getOpen: opt.getOpen, }); const sangeunSec = section(L("M02_SangeunTitle"), sangeun.body); - // 내 기계 · 내 품목(821-3) — 자기 개인 층 · 펼치면 가운데 화면(목록 · 양식) - const hint = (key: "Side_Hint" | "Items_Side_Hint"): HTMLElement => - createEmpty({ text: mt(key), small: true }); - const myMachSec = openOnExpand(section(mt("Title"), hint("Side_Hint")), async () => { + // 개인관리(824-1) — 단추 「기계」 · 「자재」(821-3 · 자기 개인 층) · 누르면 가운데 화면(목록 · 양식) + const myMachBtn = createButton({ label: mt("Title"), variant: "ghost", size: "sm" }); + myMachBtn.addEventListener("click", async () => { if (!(await opt.confirmLeave())) return; let mark = (_d: boolean): void => {}; const node = buildMyMachineView({ owner: null, setDirty: (d) => mark(d) }); - mark = opt.showView(mt("Title"), node); + mark = opt.showView(mt("Crumb_Machine"), node); }); - myMachSec.dataset.myMachines = ""; - const myItemsSec = openOnExpand(section(mt("Items_Title"), hint("Items_Side_Hint")), async () => { + const myItemsBtn = createButton({ label: mt("Items_Title"), variant: "ghost", size: "sm" }); + myItemsBtn.addEventListener("click", async () => { if (!(await opt.confirmLeave())) return; const node = buildMyItemsView({ owner: null, @@ -184,8 +183,13 @@ export function buildSide(opt: SideOptions): SideHandle { }); }, }); - opt.showView(mt("Items_Title"), node); + opt.showView(mt("Crumb_Items"), node); }); + const personalSec = section( + mt("Personal_Title"), + el("div", { className: "m02-side__row", children: [myMachBtn, myItemsBtn] }), + ); + personalSec.dataset.myMachines = ""; // 실무자료로 일위대가를 만들었음(확인 창 · 엑셀 보기 창) → 목록 다시 · 이 패널이 내려갔으면 듣기 끝 const onBuilt = (): void => precombo.body.isConnected @@ -205,9 +209,8 @@ export function buildSide(opt: SideOptions): SideHandle { children: [ sangeunSec, precomboSec, - myMachSec, - myItemsSec, summary, + personalSec, createDivider(), section(hopyo.title, hopyo.body), drawing, diff --git a/M02_MasterTemplete/M02_MasterTemplete_UI_Style.css b/M02_MasterTemplete/M02_MasterTemplete_UI_Style.css index 674704b72..4716f793b 100644 --- a/M02_MasterTemplete/M02_MasterTemplete_UI_Style.css +++ b/M02_MasterTemplete/M02_MasterTemplete_UI_Style.css @@ -16,6 +16,11 @@ gap: var(--spacing-4); } +/* 개인관리(824-1) — 제목 아래 단추 줄 띄움 */ +[data-my-machines] > .m02-side__row { + margin-top: var(--spacing-12); +} + /* 일위대가 조합 서고 목록표(51-4) — 표 꼴은 M01 목록(`m01-master__grid`) · 첫 칸 = 고름 */ .m01-master__grid .m02-lib__pick { width: 2.5rem; diff --git a/M02_MasterTemplete/M02_MyItems_View.ts b/M02_MasterTemplete/M02_MyItems_View.ts index 823a63507..3cf894d95 100644 --- a/M02_MasterTemplete/M02_MyItems_View.ts +++ b/M02_MasterTemplete/M02_MyItems_View.ts @@ -28,7 +28,7 @@ export function buildMyItemsView(opt: MyItemsViewOptions): HTMLElement { const uses = createFindList({ placeholder: mt("Open_Sk") }); uses.root.hidden = true; const table = createDataTable({ - caption: mt("Items_Title"), + caption: mt("Crumb_Items"), columns: [ { key: "이름", label: mt("Name"), width: 200 }, { key: "규격", label: mt("Spec"), width: 140 }, diff --git a/M02_MasterTemplete/M02_MyMachine_Text.ts b/M02_MasterTemplete/M02_MyMachine_Text.ts index 19b1e1732..d06f4c1cc 100644 --- a/M02_MasterTemplete/M02_MyMachine_Text.ts +++ b/M02_MasterTemplete/M02_MyMachine_Text.ts @@ -4,8 +4,11 @@ * ========================================================================== */ const TEXT = { - Title: "내 기계", - Items_Title: "내 품목", + Personal_Title: "개인관리", + Title: "기계", + Items_Title: "자재", + Crumb_Machine: "개인관리 › 기계", + Crumb_Items: "개인관리 › 자재", New: "새 기계", Copy_Title: "복사해 내 기계로", Find: "이름 · 규격 · 키로 찾기", @@ -38,8 +41,6 @@ const TEXT = { No_Uses: "쓰는 단가산출 없음", Leave_Ask: "저장 안 한 고침을 버리고 닫을까?", Mine: "내 기계", - Side_Hint: "펼치면 가운데에 목록 · 양식", - Items_Side_Hint: "펼치면 가운데에 모아 보기(읽기)", Won: "원", Labor: "노", Material: "재", diff --git a/M02_MasterTemplete/M02_MyMachine_View.ts b/M02_MasterTemplete/M02_MyMachine_View.ts index ffebeaa77..88b6aea9a 100644 --- a/M02_MasterTemplete/M02_MyMachine_View.ts +++ b/M02_MasterTemplete/M02_MyMachine_View.ts @@ -1,6 +1,6 @@ /* ============================================================================= * M02_MyMachine_View.ts - * M02 「내 기계」 화면(PLAN 821-3 · 요구서 796 3 장) — 좌측 「내 기계」 칸을 펼치면 가운데에 뜸(개인 층). + * M02 「내 기계」 화면(PLAN 821-3 · 요구서 796 3 장) — 좌측 「개인관리」 › [기계] 단추로 가운데에 뜸(개인 층). * 목록 = 이름 · 규격 · 방식 · 시간당 경비(서버 셈) · 쓰는 곳 수 · 넣은 날 · 고친 날 · 찾기 · [새 기계] * 줄 누름 = 양식 한 장(`M02_MyMachine_Form`) · [목록] = 저장 안 한 고침이면 물음 · 저장 · 지우기 뒤 목록 다시 * ========================================================================== */ @@ -33,7 +33,7 @@ export function buildMyMachineView(opt: MyMachineViewOptions): HTMLElement { const hint = createText(""); const fail = el("div"); const table = createDataTable({ - caption: mt("Title"), + caption: mt("Crumb_Machine"), columns: [ { key: "이름", label: mt("Name"), width: 180 }, { key: "규격", label: mt("Spec"), width: 120 },