{inNo || "입고번호 미등록"}

{qrSrc ?

}

); } function IqcLabelViewer({ record, onClose }) { if (!record) return null; const labelJudge = [record.visual, record.label, record.weight, record.coa].every(v => v === "합격") ? "합격" : "불합격"; const labelJudgeTop = labelJudge === "합격" ? "합격" : "불합격"; const judgeReasons = []; if (record.visual !== "합격") judgeReasons.push("외관 이상"); if (record.label !== "합격") judgeReasons.push("라벨 이상"); if (record.weight !== "합격") judgeReasons.push("중량 기준 이탈"); if (record.coa !== "합격") judgeReasons.push("COA 불일치"); const judgeReason = judgeReasons.length ? judgeReasons.join(", ") : "이상 없음"; const printLabel = () => { const source = document.getElementById("qmes-label-print-root"); const printRoot = document.getElementById("qmes-print-root"); if (!source || !printRoot) { alert("인쇄할 라벨을 찾을 수 없습니다."); return; } const clone = source.cloneNode(true); clone.id = "qmes-label-print-copy"; clone.classList.add("qmes-label-print-copy"); printRoot.innerHTML = ""; printRoot.appendChild(clone); document.body.classList.remove("print-doc", "qmes-screen-exact-print"); document.body.classList.add("print-label"); let cleaned = false; const cleanup = () => { if (cleaned) return; cleaned = true; document.body.classList.remove("print-label"); printRoot.innerHTML = ""; window.removeEventListener("afterprint", cleanup); }; window.addEventListener("afterprint", cleanup); requestAnimationFrame(() => requestAnimationFrame(() => { window.print(); setTimeout(cleanup, 1500); })); }; return (

e.stopPropagation()}>

수입 원재료 라벨 미리보기

{record.inNo || "-"}

수입검사 원재료 라벨

{labelJudgeTop}

원재료명

{record.name || "-"}

LOT No.

{record.lot || "-"}

입고번호

{record.inNo || "-"}

업체명

{record.supplier || "-"}

입고일자

{String(record.recv || "-").slice(0,10)}

검사일자

{String(record.inspectedAt || record.recv || "-").slice(0,10)}

입고수량

{record.qty || "-"}

검사자

{record.inspector || record.by || "-"}

판정

{labelJudge}

판정사유

{judgeReason}

); } function QualityInspectionViewer({ type, record, records = [], onClose }) { if (!record) return null; const isIqc = type === "IQC"; const title = isIqc ? "수입검사 성적서" : type === "PQC" ? "공정검사 성적서" : "출하검사 성적서"; const lotRows = isIqc ? [] : records.filter((r) => r.lot === record.lot); const latestByItem = {}; lotRows.forEach((r) => { if (!latestByItem[r.check]) latestByItem[r.check] = r; }); const orderedRows = isIqc ? [] : Object.values(latestByItem); /* 성적서 고정 항목: 검사 이력이 없어도 4행(PQC)/8행(OQC)을 항상 표시 */ const reportKeys = isIqc ? [] : (type === "PQC" ? ["외관", "점도", "고형분", "입도(Dmax)"] : OQC_KEYS); const reportRows = reportKeys.map((k) => ({ key: k, rec: latestByItem[k] || null })); const roundCount = Math.min(5, Math.max(3, ...reportRows.map((x) => Array.isArray(x.rec && x.rec.measurements) ? x.rec.measurements.length : 0))); const ITEM_UNITS = { "외관": "외관", "점도": "점도", "고형분": "고형분", "입도(Dmax)": "입도" }; const AVG_DECIMALS = { "점도": 0, "고형분": 1, "입도(Dmax)": 2 }; const inspectionValues = (row) => { if (!row) return []; const values = Array.isArray(row.measurements) ? row.measurements : String(row.value || "").split("/"); return values.map((value) => String(value || "").trim()).filter(Boolean); }; const reportComplete = isIqc || reportKeys.every((key) => { const values = inspectionValues(latestByItem[key]); if (type === "PQC") return key === "외관" ? values.length >= 1 : values.length >= 3; return values.length >= 1; }); const finalJudge = isIqc ? record.judge : !reportComplete ? "검사대기" : reportKeys.every((k) => latestByItem[k]?.judge === "합격") ? "합격" : "불합격"; return (

e.stopPropagation()}>

{title} 미리보기

{isIqc ? record.inNo : `${type === "PQC" ? "공정번호" : "출하번호"} : ${record.groupId || String(record.id || "").replace(/-\d+$/, "") || "-"}` }

{title}

{isIqc ? "INCOMING INSPECTION REPORT" : type === "PQC" ? "PROCESS INSPECTION REPORT" : "OUTGOING INSPECTION REPORT"}

성적서번호 : {isIqc ? (record.inNo || "-") : (record.id || record.lot || "-")}

검사일자 : {isIqc ? ((record.recv || "-").slice(0,10)) : (record.date || "-")}

{isIqc ? ( <>

기본정보

입고번호	LOT	원재료명	업체명	검사자
{record.inNo \|\| "-"}	{record.lot \|\| "-"}	{record.name \|\| "-"}	{record.supplier \|\| "-"}	{record.inspector \|\| record.by \|\| "-"}

수량정보

구분	입고수량	검사수량	불합수량	비고
{record.name \|\| "-"}	{record.qty \|\| "-"}	{record.inspectQty \|\| "-"}	{record.defectQty \|\| "0"}	-

검사결과

{[ ["외관","파손, 변형, 누액 및 오염이 없을 것","육안 관찰",record.visual,record.visual === "합격" ? "이상없음" : "이상 발생"], ["라벨","자재명, LOT No., 제조일자(또는 입고일자) 및 공급사명이 표시되어 있을 것","육안",record.label,record.label === "합격" ? "이상없음" : "불일치"], ["포장","구성자재(내/외포 등) 상태가 양호하고 파손이 없을 것","육안",(record.packing || record.weight),(record.packing || record.weight) === "합격" ? "이상없음" : "이상 발생"], ["COA","공급사 COA의 시험결과가 구매 규격(SPEC)과 일치할 것","확인, 대조",record.coa,record.coa === "합격" ? "일치" : "불일치"], ].map(([k,spec,method,judge,result],i) => ( ))}

No	검사항목	검사기준	검사방법	결과	판정
{i+1}	{k}	{spec}	{method}	{result}	{judge === "합격" ? "합격" : (judge ? "불합격" : "-")}

종합판정

종합판정	판정결과	처리결과	입고 승인
{record.judge === "합격" ? "합격" : "불합격"}	{record.judge === "합격" ? "합격" : "불합격"}	{record.judge === "합격" ? "입고 승인" : "입고 보류"}	{record.judge === "합격" ? "입고 승인" : "입고 보류"}

특이사항

{record.remarks || "-"}

작성	검토	승인
{record.inspector \|\| record.by \|\| ""}

본 문서는 QMES에서 발행된 관리문서입니다.

) : ( <>

기본정보

{type === "PQC" ? "공정번호" : "출하번호"}	LOT No.	제품명	검사일자	검사자
{record.id \|\| "-"}	{record.lot \|\| "-"}	{record.product \|\| (DB.batches \|\| []).find((b) => b.no === record.lot)?.itemName \|\| (DB.batches \|\| []).find((b) => b.no === record.lot)?.item \|\| "-"}	{record.date \|\| "-"}	{record.inspector \|\| "검사원"}

검사결과

{Array.from({ length: roundCount }).map((_, i) => )} {reportRows.map(({ key, rec }, index) => { const item = QC_ITEMS[key] || {}; const isQual = item.lo == null && item.hi == null; const values = rec ? (Array.isArray(rec.measurements) ? rec.measurements : String(rec.value || "").split("/").map((v) => v.trim())) : []; return ( {!rec ? ( ) : isQual ? ( ) : ( <> {Array.from({ length: roundCount }).map((_, i) => )} )} ); })}

No	검사항목	관리기준	{i + 1}차	판정
{index + 1}	{ITEM_UNITS[key] \|\| key}	{item.spec \|\| "-"}	미실시	{rec.judge === "합격" ? "이상없음" : rec.judge === "불합격" ? "이상 발생" : (rec.value \|\| "-")}	{values[i] \|\| "-"}	{rec ? (rec.judge \|\| "-") : "-"}

종합판정

종합판정	판정결과	처리결과	{type === "PQC" ? "진행상태" : "출하 승인"}
{finalJudge}	{finalJudge}	{finalJudge === "합격" ? (type === "PQC" ? "공정 진행" : "출하 승인") : finalJudge === "불합격" ? (type === "PQC" ? "공정 보류" : "출하 보류") : "검사 진행 중"}	{finalJudge === "합격" ? (type === "PQC" ? "공정 진행" : "출하 승인") : finalJudge === "불합격" ? (type === "PQC" ? "공정 보류" : "출하 보류") : "검사 진행 중"}

특이사항

{record.remarks || "-"}

작성	검토	승인
{record.inspector \|\| "검사원"}

본 문서는 QMES에서 발행된 관리문서입니다.

)}

); } function InspectionReportsTab() { const [type, setType] = useState("IQC"); const dataByType = { IQC: DB.iqc || [], PQC: DB.insp?.PQC || [], OQC: DB.insp?.OQC || [], }; const reportIds = type === "IQC" ? dataByType.IQC.map((r) => r.inNo || r.lot).filter(Boolean) : Array.from(new Set(dataByType[type].map((r) => r.lot).filter(Boolean))); const [sel, setSel] = useState(reportIds[0] || ""); const [reportPage, setReportPage] = useState(1); const reportPageSize = 10; const reportPageCount = Math.max(1, Math.ceil(reportIds.length / reportPageSize)); const safeReportPage = Math.min(reportPage, reportPageCount); const pagedReportIds = reportIds.slice((safeReportPage - 1) * reportPageSize, safeReportPage * reportPageSize); useEffect(() => { setSel(reportIds[0] || ""); setReportPage(1); }, [type]); const iqc = type === "IQC" ? dataByType.IQC.find((r) => (r.inNo || r.lot) === sel) : null; const inspectionRows = type === "IQC" ? [] : dataByType[type].filter((r) => r.lot === sel); const batch = DB.batches.find((b) => b.no === sel) || {}; const latestByItem = {}; inspectionRows.forEach((r) => { if (!latestByItem[r.check]) latestByItem[r.check] = r; }); const itemOrder = type === "PQC" ? PQC_KEYS : OQC_KEYS; const reportTitle = type === "IQC" ? "수입검사 성적서" : type === "PQC" ? "공정검사 성적서" : "출하검사 성적서"; const reportNo = type === "IQC" ? (iqc?.inNo || "-") : `${type}-${sel || "-"}`; const reportDate = type === "IQC" ? (iqc?.recv || "-").slice(0, 10) : (inspectionRows[0]?.date || "-"); const finalJudge = type === "IQC" ? (iqc?.judge || "-") : inspectionRows.length && itemOrder.every((k) => latestByItem[k]?.judge === "합격") ? "합격" : inspectionRows.some((r) => r.judge === "불합격") ? "불합격" : "검사중"; const selectReport = (id) => setSel(id); return (

선택 성적서 인쇄 )}>

{[{id:"IQC",label:"수입검사 성적서"},{id:"PQC",label:"공정검사 성적서"},{id:"OQC",label:"출하검사 성적서"}].map((t) => ( ))}

{reportIds.length === 0 ? (

등록된 {reportTitle} 데이터가 없습니다.

) : ( <>

{pagedReportIds.map((id) => { const row = type === "IQC" ? dataByType.IQC.find((r) => (r.inNo || r.lot) === id) : null; const rs = type === "IQC" ? [] : dataByType[type].filter((r) => r.lot === id); const b = DB.batches.find((x) => x.no === id) || {}; const judge = type === "IQC" ? row?.judge : rs.some((r) => r.judge === "불합격") ? "불합격" : rs.length ? "합격" : "검사중"; return ; })}

성적서 번호 / LOT	품명	검사일자	판정	관리
{id}	{type === "IQC" ? row?.name : b.item \|\| "-"}	{type === "IQC" ? (row?.recv \|\| "-").slice(0,10) : rs[0]?.date \|\| "-"}	{judge \|\| "-"}

{reportIds.length > reportPageSize &&

{safeReportPage} / {reportPageCount}

} )} {sel && (type === "IQC" ? iqc : inspectionRows.length > 0) && (

{reportTitle}

{type === "IQC" ? "INCOMING INSPECTION REPORT" : "Inspection Report"}

성적서번호 : {reportNo}

검사일자 : {reportDate}

{type === "IQC" ? ( <>

기본정보

입고번호	LOT	원재료명	업체명	검사자
{iqc.inNo \|\| "-"}	{iqc.lot \|\| "-"}	{iqc.name \|\| "-"}	{iqc.supplier \|\| "-"}	{iqc.inspector \|\| iqc.by \|\| "-"}

수량정보

구분	입고수량	검사수량	불합수량	비고
{iqc.name \|\| "-"}	{iqc.qty \|\| "-"}	{iqc.inspectQty \|\| "-"}	{iqc.defectQty \|\| "0"}	-

검사결과

{[ ["외관","파손, 변형, 누액 및 오염이 없을 것","육안 관찰",iqc.visual,iqc.visual === "합격" ? "이상없음" : "이상 발생"], ["라벨","자재명, LOT No., 제조일자(또는 입고일자) 및 공급사명이 표시되어 있을 것","육안",iqc.label,iqc.label === "합격" ? "이상없음" : "불일치"], ["포장","구성자재(내/외포 등) 상태가 양호하고 파손이 없을 것","육안",(iqc.packing || iqc.weight),(iqc.packing || iqc.weight) === "합격" ? "이상없음" : "이상 발생"], ["COA","공급사 COA의 시험결과가 구매 규격(SPEC)과 일치할 것","확인, 대조",iqc.coa,iqc.coa === "합격" ? "일치" : "불일치"], ].map(([k,spec,method,judge,result],i) => ( ))}

No	검사항목	검사기준	검사방법	결과	판정
{i+1}	{k}	{spec}	{method}	{result}	{judge === "합격" ? "합격" : (judge ? "불합격" : "-")}

종합판정

종합판정	판정결과	처리결과	입고 승인
{iqc.judge === "합격" ? "합격" : "불합격"}	{iqc.judge === "합격" ? "합격" : "불합격"}	{iqc.judge === "합격" ? "입고 승인" : "입고 보류"}	{iqc.judge === "합격" ? "입고 승인" : "입고 보류"}

특이사항

{iqc.remarks || "-"}

작성	검토	승인
{iqc.inspector \|\| iqc.by \|\| ""}

본 문서는 QMES에서 발행된 관리문서입니다.

) : ( <>

상기 검사 결과를 기준으로 최종 판정합니다.

최종판정

{finalJudge}

작성

검사원

검토

승인

)}

); } /* ──────────────────────────── 출하성적서 (CoA) 탭 ──────────────────────────── */ function CoaTab() { const entries = Object.entries(DB.coa || {}) .map(([lot, coa]) => ({ lot, coa:coa || {} })) .sort((a, b) => String(b.coa.ship || "").localeCompare(String(a.coa.ship || "")) || b.lot.localeCompare(a.lot)); const [filters, setFilters] = useState({ date:"", lot:"", customer:"" }); const [page, setPage] = useState(1); const [viewing, setViewing] = useState(null); const pageSize = 10; const filtered = entries.filter(({ lot, coa }) => { const dateOk = !filters.date || String(coa.ship || "").slice(0, 10) === filters.date; const lotOk = !filters.lot || lot.toLowerCase().includes(filters.lot.trim().toLowerCase()); const customerOk = !filters.customer || String(coa.customer || "").toLowerCase().includes(filters.customer.trim().toLowerCase()); return dateOk && lotOk && customerOk; }); const pageCount = Math.max(1, Math.ceil(filtered.length / pageSize)); const safePage = Math.min(page, pageCount); const paged = filtered.slice((safePage - 1) * pageSize, safePage * pageSize); const selected = viewing ? DB.coa?.[viewing] : null; const openOutput = (lot) => setViewing(lot); const printCoa = () => { const source = document.getElementById(`qmes-coa-cert-${viewing}`); if (source) printDoc(source); }; const formatShipQty = (value) => { const text = String(value ?? "").trim(); if (!text || text === "-") return "-"; return `${text.replace(/\s*kg$/i, "").trim()} kg`; }; return (

{filtered.length}건}>

OQC 전 항목 합격 건은 자동으로 발행 내역에 등록됩니다. 날짜·LOT No.·고객사로 조회한 뒤 출력하세요.

발행일 { setFilters({ ...filters, date:e.target.value }); setPage(1); }} />

LOT No. { setFilters({ ...filters, lot:e.target.value }); setPage(1); }} placeholder="LOT 검색" />

고객사 { setFilters({ ...filters, customer:e.target.value }); setPage(1); }} placeholder="고객사 검색" />

{paged.map(({ lot, coa }) => ( ))} {filtered.length === 0 && ( )}

발행일	성적서번호	LOT No.	제품명	고객사	출하량	출하번호	관리
{coa.ship \|\| "-"}	{coa.no \|\| `COA-${lot}`}		{coa.product \|\| "-"}	{coa.customer \|\| "-"}	{formatShipQty(coa.qty)}	{coa.shipNo \|\| "-"}
검색 조건에 맞는 출하성적서가 없습니다.

{filtered.length > pageSize && (

{safePage} / {pageCount}

)} {viewing && selected && (

setViewing(null)}>

e.stopPropagation()}>

출하성적서 출력

성적서번호 : {selected.no || `COA-${viewing}`}

출하 성적서

Certificate of Analysis (CoA)

성적서번호 : {selected.no || `COA-${viewing}`}

발행일 : {selected.ship || "-"}

고객사{selected.customer || "-"}

제품명{selected.product || "-"}

LOT No.{viewing}

출하량{formatShipQty(selected.qty)}

제조일{selected.mfg || "-"}

출하번호{selected.shipNo || "-"}

{(selected.results || []).map((result, index) => ( ))}

NO	검사 항목	규격	측정 결과	판정
{index + 1}	{result.item}	{result.spec}	{result.val}	{result.judge}

상기 LOT은 관리계획서 및 고객 사양에 따라 검사한 결과 전 항목 적합함을 증명합니다.

작성	검토	승인

)}

); } /* ──────────────────────────── 수입검사 (IQC) 탭 ──────────────────────────── */