/* QMES module: 거래처 현황 */ function PartnersTab() { const defaultCustomers = [ { code:"CUS001", name:"현대자동차", status:"거래중" }, { code:"CUS002", name:"삼성SDI", status:"거래중" }, { code:"CUS003", name:"LG에너지솔루션", status:"거래중" }, { code:"CUS004", name:"SK온", status:"거래중" }, ]; const defaultSuppliers = [ { code:"SUP001", company:"코오롱", material:"PAI", lot:"PAI#27-2(2)", status:"거래중" }, { code:"SUP002", company:"푸양광명화학", material:"NMP", lot:"20251031063", status:"거래중" }, { code:"SUP003", company:"모리로쿠케미칼즈", material:"NMP", lot:"2026011101", status:"거래중" }, { code:"SUP004", company:"강신산업", material:"Boehmite", lot:"006-8-25", status:"거래중" }, { code:"SUP005", company:"LG화학", material:"SBR", lot:"C3026B26A(1)", status:"거래중" }, { code:"SUP006", company:"SOLVAY", material:"PVDF", lot:"CSE23202TA", status:"거래중" }, { code:"SUP007", company:"금호석유화학", material:"SBS", lot:"W251016", status:"거래중" }, { code:"SUP008", company:"유니소재", material:"BYK180 (분산제)", lot:"2708935", status:"거래중" }, ]; const normalizeMaterial = (name) => { const value = String(name || "").toUpperCase().replace(/\s+/g, ""); if (value.includes("BYK180") || value.includes("BYK-180") || value.includes("분산제")) return "BYK180"; if (value.includes("AOH30") || value.includes("BOEHMITE")) return "BOEHMITE"; if (value.includes("PVDF")) return "PVDF"; if (value.includes("PAI")) return "PAI"; if (value.includes("NMP")) return "NMP"; if (value.includes("SBR")) return "SBR"; if (value.includes("SBS")) return "SBS"; return value; }; const standardMaterialName = (name) => normalizeMaterial(name) === "BYK180" ? "BYK180 (분산제)" : String(name || "").trim(); const nextCode = (prefix, rows) => `${prefix}${String(Math.max(0, ...rows.map((r)=>Number(String(r.code||"").replace(/\D/g,""))||0)) + 1).padStart(3,"0")}`; const PARTNER_FORM_OPEN_KEY = "qmes_partner_form_open"; const PARTNER_FORM_TYPE_KEY = "qmes_partner_form_type"; const readStoredType = () => { try { const value = sessionStorage.getItem(PARTNER_FORM_TYPE_KEY); return value === "supplier" ? "supplier" : "customer"; } catch (error) { return "customer"; } }; const readStoredOpen = () => { try { return sessionStorage.getItem(PARTNER_FORM_OPEN_KEY) === "1"; } catch (error) { return false; } }; const rememberForm = (type) => { try { sessionStorage.setItem(PARTNER_FORM_TYPE_KEY, type); sessionStorage.setItem(PARTNER_FORM_OPEN_KEY, "1"); } catch (error) {} }; const forgetForm = () => { try { sessionStorage.removeItem(PARTNER_FORM_OPEN_KEY); sessionStorage.removeItem(PARTNER_FORM_TYPE_KEY); } catch (error) {} }; const [activeType, setActiveType] = React.useState(readStoredType); const [searchText, setSearchText] = React.useState(""); const [saveMessage, setSaveMessage] = React.useState(""); const [showForm, setShowForm] = React.useState(readStoredOpen); const [editCode, setEditCode] = React.useState(null); const [customerForm, setCustomerForm] = React.useState({ name:"", status:"거래중" }); const [supplierForm, setSupplierForm] = React.useState({ company:"", material:"", lot:"", status:"거래중" }); const [customers, setCustomers] = React.useState(() => { const saved = Array.isArray(DB?.partnerCustomers) ? DB.partnerCustomers : []; return saved.length ? saved : defaultCustomers; }); const [suppliers, setSuppliers] = React.useState(() => { const saved = Array.isArray(DB?.partnerSuppliers) ? DB.partnerSuppliers : []; if (!saved.length) return defaultSuppliers; const merged = defaultSuppliers.map((item) => { const old = saved.find((row) => row.code === item.code); return old ? { ...item, ...old, material:standardMaterialName(old.material || item.material) } : item; }); saved.filter((row)=>!merged.some((item)=>item.code===row.code)).forEach((row)=>merged.push({ ...row, material:standardMaterialName(row.material) })); return merged; }); const persist = (nextCustomers = customers, nextSuppliers = suppliers) => { DB.partnerCustomers = nextCustomers.map((row)=>({ ...row })); DB.partnerSuppliers = nextSuppliers.map((row)=>({ ...row, material:standardMaterialName(row.material) })); DB.rawMaterialLots = nextSuppliers.reduce((acc,row)=>{ acc[`${normalizeMaterial(row.material)}|${row.company}`] = { material:standardMaterialName(row.material), supplier:row.company, lot:String(row.lot||"").trim(), status:row.status, updatedAt:new Date().toISOString(), by:window.__QMES_USER__ || "-" }; return acc; },{}); dbSave(); }; const syncLotsToWorkOrders = (supplierRows) => { let linkedCount = 0; const latest = {}; supplierRows.forEach((row)=>{ const key = normalizeMaterial(row.material); if (String(row.lot||"").trim() && !latest[key]) latest[key] = row; }); Object.entries(DB?.woDocs || {}).forEach(([woNo,doc])=>{ if (!Array.isArray(doc.inputs)) return; let changed = false; const inputs = doc.inputs.map((input)=>{ const master = latest[normalizeMaterial(input.name)]; const currentLot = String(input.materialLot || input.lot || "").trim(); if (!master || currentLot) return input; changed = true; linkedCount += 1; return { ...input, lot:master.lot, materialLot:master.lot, supplier:master.company, lotSource:"거래처 현황" }; }); if (changed) DB.woDocs[woNo] = { ...doc, inputs }; }); return linkedCount; }; const resetForm = () => { forgetForm(); setEditCode(null); setCustomerForm({ name:"", status:"거래중" }); setSupplierForm({ company:"", material:"", lot:"", status:"거래중" }); setShowForm(false); }; const switchType = (type) => { setActiveType(type); setSearchText(""); setSaveMessage(""); resetForm(); }; const openNewFor = (type) => { rememberForm(type); setActiveType(type); setSearchText(""); setSaveMessage(""); setEditCode(null); setCustomerForm({ name:"", status:"거래중" }); setSupplierForm({ company:"", material:"", lot:"", status:"거래중" }); setShowForm(true); window.scrollTo({ top:0, behavior:"smooth" }); }; const openCustomerEdit = (row) => { rememberForm("customer"); setActiveType("customer"); setEditCode(row.code); setCustomerForm({ name:row.name, status:row.status }); setShowForm(true); window.scrollTo({top:0,behavior:"smooth"}); }; const openSupplierEdit = (row) => { rememberForm("supplier"); setActiveType("supplier"); setEditCode(row.code); setSupplierForm({ company:row.company, material:row.material, lot:row.lot, status:row.status }); setShowForm(true); window.scrollTo({top:0,behavior:"smooth"}); }; const saveCustomer = () => { const name = customerForm.name.trim(); if (!name) return window.alert("고객사명을 입력하세요."); if (customers.some((row)=>row.code!==editCode && row.name.toLowerCase()===name.toLowerCase())) return window.alert("이미 등록된 고객사입니다."); const next = editCode ? customers.map((row)=>row.code===editCode ? { ...row, name, status:customerForm.status } : row) : [...customers, { code:nextCode("CUS",customers), name, status:customerForm.status }]; setCustomers(next); persist(next,suppliers); setSaveMessage(editCode ? `${name} 고객사 정보를 수정했습니다.` : `${name} 고객사를 등록했습니다.`); resetForm(); }; const saveSupplier = () => { const company = supplierForm.company.trim(); const material = standardMaterialName(supplierForm.material); if (!company || !material) return window.alert("공급업체명과 원료명을 입력하세요."); const next = editCode ? suppliers.map((row)=>row.code===editCode ? { ...row, company, material, lot:supplierForm.lot.trim().toUpperCase(), status:supplierForm.status } : row) : [...suppliers, { code:nextCode("SUP",suppliers), company, material, lot:supplierForm.lot.trim().toUpperCase(), status:supplierForm.status }]; setSuppliers(next); persist(customers,next); setSaveMessage(editCode ? `${company} 공급업체 정보를 수정했습니다.` : `${company} 공급업체를 등록했습니다.`); resetForm(); }; const saveSupplierLots = () => { try { persist(); const linkedCount = syncLotsToWorkOrders(suppliers); dbSave(); setSaveMessage(`원료 LOT 저장 완료 · 빈 작업지시서 원료 LOT ${linkedCount}건 자동 반영`); } catch (error) { console.warn(error); setSaveMessage("저장 중 오류가 발생했습니다."); } }; const updateSupplierLot = (code,lot) => setSuppliers((prev)=>prev.map((row)=>row.code===code ? { ...row, lot } : row)); const keyword = searchText.trim().toLowerCase(); const filteredCustomers = customers.filter((item)=>[item.code,item.name,item.status].some((v)=>String(v||"").toLowerCase().includes(keyword))); const filteredSuppliers = suppliers.filter((item)=>[item.code,item.company,item.material,item.lot,item.status].some((v)=>String(v||"").toLowerCase().includes(keyword))).sort((a,b)=>a.company.localeCompare(b.company,"ko-KR",{numeric:true,sensitivity:"base"})); const inputClass = "w-full rounded-lg border border-slate-700 bg-slate-950 px-3 py-2 text-sm text-white outline-none placeholder:text-slate-500 focus:border-cyan-500"; const btnEdit = "rounded-md border border-sky-500/50 px-3 py-1.5 text-xs font-semibold text-sky-300 hover:bg-sky-500/10"; const activeTab = "border-cyan-400 bg-cyan-500/15 text-cyan-300"; const idleTab = "border-slate-700 bg-slate-950 text-slate-400 hover:border-slate-500 hover:text-slate-200"; return (

거래처 현황

고객사와 원료 공급업체를 구분하여 관리합니다.

{!showForm &&
setSearchText(e.target.value)} placeholder={activeType==="customer"?"고객사명 또는 고객사 코드 검색":"공급업체명 / 원료명 / LOT 검색"} className={inputClass}/>
} {showForm &&

{editCode ? "등록 정보 수정" : activeType === "customer" ? "신규 고객사 등록" : "신규 공급업체 등록"}

{activeType === "customer" ?
:
}
} {saveMessage &&
{saveMessage}
} {!showForm &&

{activeType==="customer"?"고객사 목록":"공급업체 목록"}

{activeType==="customer"?`등록 고객사 ${filteredCustomers.length}건`:`등록 공급업체 ${filteredSuppliers.length}건 · 원료 LOT 작업지시서 연동`}

{activeType === "supplier" &&
}
{activeType === "customer" ? <> {filteredCustomers.map((item,index)=>)} : <> {filteredSuppliers.map((item,index)=>)} }
No고객사 코드고객사명상태관리
{index+1}{item.code}{item.name}{item.status}
No공급업체 코드공급업체명원료명최근 원료 LOT No.상태관리
{index+1}{item.code}{item.company}{item.material}updateSupplierLot(item.code,e.target.value)} className="w-full rounded-md border border-slate-600 bg-slate-950 px-3 py-2 font-mono text-cyan-300"/>{item.status}
}
); }