chpark
e8dc97a32f
Deploy momo-erp / deploy (push) Successful in 46s
- src/app/(main), admin, admin-panel, common, api/{admin,common,menu} 복원
- /api/auth/login: FITO 인증 다시 활성화 (plm_admin 등 FITO 사용자 로그인 가능)
- 미들웨어: 옛 경로 강제 리다이렉트 제거
- /m/layout.tsx: FITO 슈퍼관리자(isAdmin)도 ADMIN 으로 받아 모모 페이지 진입 허용
- DB 005: menu_info 에 모모유통 루트(9000000) + 자식 19개(/m/* URL 직접 연결)
→ plm_admin 로그인 후 사이드바 [모모유통] 그룹에서 클릭 시 동작
→ 메뉴 관리 UI 에서 추가/수정/삭제 가능
66 lines
2.7 KiB
TypeScript
66 lines
2.7 KiB
TypeScript
"use client";
|
|
|
|
import { useState, useCallback, useEffect } from "react";
|
|
import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
|
|
import { SearchForm, SearchField } from "@/components/layout/search-form";
|
|
import { Input } from "@/components/ui/input";
|
|
import { Button } from "@/components/ui/button";
|
|
|
|
// bom/bomList.jsp 대응 - BOM 관리
|
|
export default function BomPage() {
|
|
const [productName, setProductName] = useState("");
|
|
const [partNo, setPartNo] = useState("");
|
|
const [data, setData] = useState<Record<string, unknown>[]>([]);
|
|
|
|
const columns: GridColumn[] = [
|
|
{ title: "제품명", field: "PRODUCT_NAME", width: 180, hozAlign: "left",
|
|
cellClick: (row) => window.open(`/product/part-register/form?objId=${row.OBJID}`, "bomDetail", "width=1200,height=900") },
|
|
{ title: "제품코드", field: "PRODUCT_CODE", width: 120, hozAlign: "left" },
|
|
{ title: "Level", field: "BOM_LEVEL", width: 60, hozAlign: "center" },
|
|
{ title: "파트번호", field: "PART_NO", width: 130, hozAlign: "left" },
|
|
{ title: "파트명", field: "PART_NAME", width: 180, hozAlign: "left" },
|
|
{ title: "규격", field: "SPEC", width: 120, hozAlign: "left" },
|
|
{ title: "수량", field: "QTY", width: 70, hozAlign: "right", formatter: "money" },
|
|
{ title: "단위", field: "UNIT_NAME", width: 60, hozAlign: "center" },
|
|
{ title: "재질", field: "MATERIAL_NAME", width: 100, hozAlign: "left" },
|
|
{ title: "비고", field: "REMARK", hozAlign: "left" },
|
|
];
|
|
|
|
const fetchData = useCallback(async () => {
|
|
const res = await fetch("/api/bom", {
|
|
method: "POST",
|
|
headers: { "Content-Type": "application/json" },
|
|
body: JSON.stringify({ product_name: productName, part_no: partNo }),
|
|
});
|
|
if (res.ok) {
|
|
const json = await res.json();
|
|
setData(json.RESULTLIST || []);
|
|
}
|
|
}, [productName, partNo]);
|
|
|
|
// 페이지 진입 시 자동 로드
|
|
useEffect(() => { fetchData(); }, [fetchData]);
|
|
|
|
return (
|
|
<div>
|
|
<div className="flex items-center justify-between mb-4">
|
|
<h2 className="text-lg font-bold text-gray-800">BOM 관리</h2>
|
|
<div className="flex gap-2">
|
|
<Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
|
|
</div>
|
|
</div>
|
|
|
|
<SearchForm onSearch={fetchData}>
|
|
<SearchField label="제품명">
|
|
<Input value={productName} onChange={(e) => setProductName(e.target.value)} className="w-[180px]" />
|
|
</SearchField>
|
|
<SearchField label="파트번호">
|
|
<Input value={partNo} onChange={(e) => setPartNo(e.target.value)} className="w-[130px]" />
|
|
</SearchField>
|
|
</SearchForm>
|
|
|
|
<DataGrid columns={columns} data={data} />
|
|
</div>
|
|
);
|
|
}
|