/* global React, I, UI, SSSData */ const { useState: useStateN, useMemo: useMemoN, useEffect: useEffectN } = React; const { Btn, Badge, Card, Drawer, Workflow } = window.UI; const { fmtM, fmt0, bahtText } = window.UI; // =============== เก็บเอกสารที่สร้างจริง (persist + apply เข้า SSSData) =============== const NDC_KEY = "sss-created-docs"; function ndcLoad() { try { return JSON.parse(localStorage.getItem(NDC_KEY) || "{}"); } catch { return {}; } } window.DocCreateStore = { add(listKey, row) { const m = ndcLoad(); m[listKey] = (m[listKey] || []).filter(r => r.no !== row.no); m[listKey].unshift(row); try { localStorage.setItem(NDC_KEY, JSON.stringify(m)); } catch {} const list = window.SSSData[listKey] = window.SSSData[listKey] || []; const idx = list.findIndex(r => r.no === row.no); if (idx >= 0) list[idx] = { ...list[idx], ...row }; else list.unshift(row); window.dispatchEvent(new Event("sss-docs-changed")); }, apply() { const m = ndcLoad(); Object.entries(m).forEach(([lk, rows]) => { const list = window.SSSData[lk] = window.SSSData[lk] || []; rows.forEach(row => { if (!list.some(r => r.no === row.no)) list.unshift(row); }); }); } }; window.DocCreateStore.apply(); const NDC_DEFAULT_STATUS = { quotation: "ร่าง", invoice: "ค้างชำระ", "delivery-note": "กำลังจัดส่ง", "tax-invoice": "เต็มรูป", "billing-note": "ส่งแล้ว", receipt: "ออกแล้ว", "purchase-order": "รออนุมัติ", "payment-voucher": "รอจ่าย" }; const NDC_ROUTE = { quotation: "quotations", invoice: "invoices", "delivery-note": "delivery-notes", "tax-invoice": "tax-invoices", "billing-note": "billing-notes", receipt: "receipts", "purchase-order": "purchase-orders", "payment-voucher": "payment-vouchers" }; // =============== หมายเหตุเอกสารสำเร็จรูป (ตั้งค่าได้) =============== const NDN_KEY = "sss-doc-note-presets"; const NDN_DEFAULTS = [ "• ราคาข้างต้นเป็นราคาก่อนภาษีมูลค่าเพิ่ม", "• ระยะเวลาผลิตประมาณ 25-30 วันทำการ หลังได้รับ PO + เงินมัดจำ 50%", "• ชำระมัดจำ 50% ส่วนที่เหลือก่อนส่งงาน", "• ยืนราคา 30 วันนับจากวันที่ในเอกสาร", "• กรุณาชำระเงินภายในกำหนด · โอนเข้าบัญชีบริษัทเท่านั้น", "• สินค้ารับประกัน 1 ปี ตามเงื่อนไขบริษัท", "• แบบ 3D ที่ส่งให้ลูกค้าถือเป็นทรัพย์สินของบริษัทจนกว่าจะชำระครบ" ]; window.DocNotePresets = { load() { try { return JSON.parse(localStorage.getItem(NDN_KEY) || "null") || NDN_DEFAULTS; } catch { return NDN_DEFAULTS; } }, save(list) { try { localStorage.setItem(NDN_KEY, JSON.stringify(list)); } catch {} window.dispatchEvent(new Event("sss-note-presets-changed")); }, DEFAULTS: NDN_DEFAULTS }; // =============== Document type config =============== const DOC_TYPES = { quotation: { title: "ใบเสนอราคา", titleEn: "QUOTATION", prefix: "QO", next: "QO-2569-0118", party: "customer", partyLabel: "ลูกค้า", showDue: false, showValidity: true, showVAT: true, showSign: ["ผู้เสนอราคา", "ลูกค้าอนุมัติ"], listKey: "Quotations", note: "• ราคาข้างต้นเป็นราคาก่อนภาษีมูลค่าเพิ่ม\n• ระยะเวลาผลิตประมาณ 25-30 วันทำการ\n• ชำระมัดจำ 50% ส่วนที่เหลือก่อนส่งงาน" }, "delivery-note": { title: "ใบส่งสินค้า", titleEn: "DELIVERY NOTE", prefix: "DN", next: "DN-2569-0189", party: "customer", partyLabel: "ผู้รับสินค้า", showDue: false, showVAT: false, showQty: true, showSign: ["ผู้ส่งของ", "ผู้รับของ", "วันที่/เวลารับ"], listKey: "DeliveryNotes", note: "โปรดตรวจรับสินค้าให้ครบถ้วนก่อนเซ็นรับ หากชำรุดเสียหายแจ้งทันที" }, invoice: { title: "ใบส่งสินค้า / ใบแจ้งหนี้", titleEn: "DELIVERY NOTE / INVOICE", prefix: "INV", next: "INV-2569-0205", party: "customer", partyLabel: "ลูกค้า", showDue: true, showVAT: true, showSign: ["ผู้วางบิล", "ผู้รับวางบิล"], listKey: "Invoices", note: "กรุณาชำระเงินภายในกำหนด · โอนเข้าบัญชี ธ.ไทยพาณิชย์ 4211849819" }, "tax-invoice": { title: "ใบกำกับภาษี", titleEn: "TAX INVOICE", prefix: "TX", next: "TX-2569-0205", party: "customer", partyLabel: "ลูกค้า (ผู้ซื้อ)", showDue: false, showVAT: true, showFullVAT: true, showSign: ["ผู้มีอำนาจลงนาม"], listKey: "TaxInvoices", note: "เอกสารฉบับนี้เป็นใบกำกับภาษีตามประมวลรัษฎากรมาตรา 86" }, "billing-note": { title: "ใบวางบิล", titleEn: "BILLING NOTE", prefix: "BN", next: "BN-2569-0045", party: "customer", partyLabel: "ลูกค้า", showDue: true, showVAT: false, showSign: ["ผู้วางบิล", "ผู้รับวางบิล"], listKey: "BillingNotes", note: "กรุณานัดวันเก็บเงิน · ทุกวันอังคาร-พฤหัส 9.00-16.00 น." }, receipt: { title: "ใบเสร็จรับเงิน", titleEn: "OFFICIAL RECEIPT", prefix: "RC", next: "RC-2569-0157", party: "customer", partyLabel: "ได้รับเงินจาก", showDue: false, showVAT: true, showStamp: true, showMethod: true, showSign: ["ผู้รับเงิน", "ตราประทับ"], listKey: "Receipts", note: "ได้รับเงินครบถ้วนเรียบร้อยแล้ว · ขอบคุณที่ใช้บริการ" }, "purchase-order": { title: "ใบสั่งซื้อ", titleEn: "PURCHASE ORDER", prefix: "PO", next: "PO-2569-0099", party: "vendor", partyLabel: "ผู้ขาย", showDue: false, showExpected: true, showVAT: true, showSign: ["ผู้สั่งซื้อ", "ผู้รับใบสั่งซื้อ"], listKey: "PurchaseOrders", note: "กรุณายืนยันคำสั่งซื้อภายใน 24 ชม. · ระบุวันส่งสินค้าให้ชัดเจน" }, "payment-voucher": { title: "ใบสำคัญจ่าย", titleEn: "PAYMENT VOUCHER", prefix: "PV", next: "PV-2569-0079", party: "vendor", partyLabel: "จ่ายให้", showDue: false, showMethod: true, showVAT: false, showSign: ["ผู้จัดทำ", "ผู้อนุมัติ", "ผู้รับเงิน"], listKey: "PaymentVouchers", note: "เอกสารฉบับนี้เป็นหลักฐานการจ่ายเงิน" } }; // =============== Searchable party combobox =============== function PartyCombo({ list, value, onChange }) { const [open, setOpen] = useStateN(false); const [q, setQ] = useStateN(""); const sel = list.find(p => p.id === value); const ql = q.trim().toLowerCase(); const filtered = ql ? list.filter(p => (p.id + " " + p.name + " " + (p.contact || "") + " " + (p.phone || "") + " " + (p.taxId || "")).toLowerCase().includes(ql)) : list; return (
{ setOpen(true); setQ(""); }} onChange={e => { setQ(e.target.value); setOpen(true); }} onBlur={() => setTimeout(() => setOpen(false), 150)} onKeyDown={e => { if (e.key === "Enter" && filtered.length > 0) { onChange(filtered[0].id); setOpen(false); e.target.blur(); } if (e.key === "Escape") { setOpen(false); e.target.blur(); } }} > {open ? : }
{open && (
{filtered.map(p => (
{ e.preventDefault(); onChange(p.id); setOpen(false); }} style={{padding: "8px 12px", cursor: "pointer", borderBottom: "1px solid var(--line-soft)", background: p.id === value ? "var(--surface-2)" : "transparent"}} onMouseEnter={e => e.currentTarget.style.background = "var(--surface-2)"} onMouseLeave={e => e.currentTarget.style.background = p.id === value ? "var(--surface-2)" : "transparent"}>
{p.id} — {p.name}
{p.contact}{p.phone ? · {p.phone} : null}
))} {filtered.length === 0 &&
ไม่พบ "{q}"
}
)}
); } // =============== Main create-doc drawer =============== function NewDocDrawer({ docType, onClose, prefill }) { const D = window.SSSData; const cfg = DOC_TYPES[docType] || DOC_TYPES.quotation; const partyList = cfg.party === "customer" ? D.Customers : D.Vendors; const today = "22 พ.ค. 2569"; const [docNo, setDocNo] = useStateN(prefill && prefill.docNo ? prefill.docNo : cfg.next); const [date, setDate] = useStateN(today); const [dueDate, setDueDate] = useStateN("21 มิ.ย. 2569"); const [validity, setValidity] = useStateN("30 วัน"); const [partyId, setPartyId] = useStateN(() => prefill && prefill.partyName ? ((partyList.find(p => p.name === prefill.partyName) || partyList[0]).id) : partyList[0].id); const [lines, setLines] = useStateN(() => prefill && prefill.lines && prefill.lines.length ? prefill.lines.map((l, i) => ({ id: i + 1, sku: l.sku || "", name: l.name || "", qty: l.qty || 1, unit: l.unit || "ชิ้น", price: l.price || 0, img: l.img || "" })) : [{ id: 1, sku: "", name: "", qty: 1, unit: "ชิ้น", price: 0 }] ); const [discount, setDiscount] = useStateN(0); const [vatPct, setVatPct] = useStateN(cfg.showVAT ? 7 : 0); const [notes, setNotes] = useStateN(prefill && prefill.notes ? prefill.notes : cfg.note); // วิธีรับ/จ่ายเงินจริง — อิงจากบัญชีธนาคารที่มีจริง + เช็ค/หักบัญชี const PAY_METHODS = (() => { const accs = (window.CompanyCashStore && window.CompanyCashStore.ACCOUNTS) || []; const out = []; accs.forEach(a => out.push(a.kind === "เงินสด" ? `💵 เงินสด` : `🏦 โอน · ${a.short}`)); out.push("🧾 เช็ค", "🔁 หักบัญชีอัตโนมัติ"); return out; })(); const [method, setMethod] = useStateN(PAY_METHODS[0] || "💵 เงินสด"); const [taxType, setTaxType] = useStateN("เต็มรูป"); // ใบกำกับภาษี: เต็มรูป / อย่างย่อ const [expected, setExpected] = useStateN("29 พ.ค. 2569"); const [showPrint, setShowPrint] = useStateN(false); // ใบเสนอราคาแบบมีรูปในรายการ (ติ๊กเพื่อแนบรูปต่อรายการ) const canImages = docType === "quotation"; const [withImages, setWithImages] = useStateN(() => !!(prefill && prefill.withImages)); const pickLineImg = async (id, file) => { if (!file) return; const dataUrl = window.DeliveryStore && window.DeliveryStore.resizeImage ? await window.DeliveryStore.resizeImage(file, 500) : null; if (dataUrl) updLine(id, { img: dataUrl }); else window.toast && window.toast("อ่านรูปไม่สำเร็จ ลองใหม่"); }; const party = partyList.find(p => p.id === partyId); // ✅ ใบวางบิล: ออกจากใบแจ้งหนี้เท่านั้น — เลือกรายการเอกสารแทนสินค้า const isBilling = docType === "billing-note"; const [selInv, setSelInv] = useStateN([]); const [printCopies, setPrintCopies] = useStateN(true); const custInvoices = isBilling ? (D.Invoices || []).filter(i => i.customer === (party && party.name) && i.status !== "ชำระแล้ว") : []; const billLines = selInv.map((no, i) => { const inv = (D.Invoices || []).find(x => x.no === no); const owed = inv ? (inv.amount - (inv.paid || 0)) : 0; return { id: i + 1, sku: "", name: `ใบแจ้งหนี้ ${no}${inv ? " · " + inv.date : ""}`, qty: 1, unit: "ใบ", price: owed, _inv: inv }; }); const effLines = isBilling ? billLines : lines; const toggleInv = (no) => setSelInv(s => s.includes(no) ? s.filter(x => x !== no) : [...s, no]); const subtotal = useMemoN(() => effLines.reduce((s, l) => s + (Number(l.qty) || 0) * (Number(l.price) || 0), 0), [effLines]); const afterDisc = subtotal - Number(discount || 0); const vat = cfg.showVAT ? afterDisc * (Number(vatPct) || 0) / 100 : 0; const grand = afterDisc + vat; const addLine = () => setLines(ls => [...ls, { id: Date.now(), sku: "", name: "", qty: 1, unit: "ชิ้น", price: 0 }]); const delLine = (id) => setLines(ls => ls.length > 1 ? ls.filter(l => l.id !== id) : ls); const updLine = (id, patch) => setLines(ls => ls.map(l => l.id === id ? { ...l, ...patch } : l)); const pickProduct = (id, sku) => { if (!sku) { updLine(id, { sku: "", name: "" }); return; } const p = D.Products.find(x => x.sku === sku); if (p) updLine(id, { sku: p.sku, name: p.name, unit: p.unit, price: cfg.party === "vendor" ? p.cost : p.price }); }; const save = () => { if (isBilling && selInv.length === 0) { window.toast && window.toast("เลือกใบแจ้งหนี้ที่จะนำมาวางบิลอย่างน้อย 1 ใบ"); return; } if (!party) { window.toast && window.toast("เลือก" + cfg.partyLabel + "ก่อน"); return; } // ✅ สร้างเอกสารจริง + บันทึกถาวร const row = { no: docNo, date, amount: Math.round(grand), status: NDC_DEFAULT_STATUS[docType] || "ออกแล้ว" }; if (cfg.party === "customer") row.customer = party.name; else if (docType === "payment-voucher") row.payee = party.name; else row.vendor = party.name; if (cfg.showDue) row.due = dueDate; if (cfg.showValidity) row.validity = validity; if (docType === "invoice") row.paid = 0; if (docType === "tax-invoice") row.type = taxType; if (cfg.showMethod) row.method = method; if (isBilling) row.invoices = selInv.slice(); // เก็บรายการ + รูป (ใบเสนอราคา) เพื่อพิมพ์ซ้ำภายหลัง if (!isBilling) { row.lines = lines.map(l => ({ sku: l.sku, name: l.name, qty: l.qty, unit: l.unit, price: l.price, ...(l.img ? { img: l.img } : {}) })); if (canImages) row.withImages = withImages; } window.DocCreateStore.add(cfg.listKey, row); window.logActivity && window.logActivity(prefill && prefill.editing ? "แก้ไขเอกสาร" : "สร้างเอกสาร", `${cfg.title} ${docNo} · ฿${fmtM(grand)}`, "create"); window.toast && window.toast(`บันทึก ${cfg.title} ${docNo} แล้ว${isBilling && printCopies ? " · แนบสำเนาใบแจ้งหนี้แล้ว" : ""} — เปิดดูได้ในรายการ`); onClose && onClose(); const route = NDC_ROUTE[docType]; if (route) setTimeout(() => { window.location.hash = "#/" + route; }, 250); }; const saveAndPrint = () => { if (isBilling && selInv.length === 0) { window.toast && window.toast("เลือกใบแจ้งหนี้ที่จะนำมาวางบิลอย่างน้อย 1 ใบ"); return; } setShowPrint(true); if (isBilling && printCopies) window.__billCopies = selInv.slice(); setTimeout(() => window.printDocPaperWithOptions(), 250); }; // เตือนถ้ายังไม่ได้บันทึก const isDirty = () => (isBilling ? selInv.length > 0 : lines.some(l => l.name || (Number(l.qty) || 0) > 1 || (Number(l.price) || 0) > 0)) || (Number(discount) || 0) > 0 || notes !== cfg.note; const requestClose = async () => { if (isDirty()) { const ok = await window.confirmDialog({ title: "ยังไม่ได้บันทึกเอกสาร", message: `มีการแก้ไขใน ${cfg.title} ${docNo} ที่ยังไม่ได้บันทึก — ออกโดยไม่บันทึก?`, confirmText: "ออกโดยไม่บันทึก", cancelText: "กลับไปแก้ต่อ" }); if (!ok) return; } onClose && onClose(); }; return ( <>

{prefill && prefill.editing ? "แก้ไข" : "สร้าง"} {cfg.title}

{prefill && prefill.fromDoc && 📋 สร้างจาก {prefill.fromDoc} — ตรวจสอบแล้วกดบันทึก} {prefill && prefill.editing && ✏️ แก้ไขเอกสาร {prefill.docNo}} {docNo}
{/* LEFT: Form */}
ข้อมูลเอกสาร
setDocNo(e.target.value)}/>
setDate(e.target.value)}/>
{cfg.showDue && (
setDueDate(e.target.value)}/>
{party?.credit || 30} วัน (อัตโนมัติ)
)} {cfg.showValidity && (
)} {cfg.showExpected && (
setExpected(e.target.value)}/>
)} {cfg.showMethod && (
{docType === "tax-invoice" ?
{["เต็มรูป", "อย่างย่อ"].map(tt => ( ))}
:
}
)}
{cfg.partyLabel}
{party && (
{party.contact} · {party.phone}
เลขผู้เสียภาษี: {party.taxId}
{party.credit &&
เครดิต: {party.credit} วัน
}
)}
{isBilling ? "เอกสารที่นำมาวางบิล" : "รายการสินค้า/บริการ"} {!isBilling && เพิ่มรายการ}
{canImages && ( )} {isBilling ? (
ใบวางบิลออกจาก"ใบส่งสินค้า/ใบแจ้งหนี้"ที่ยังไม่ชำระของลูกค้ารายนี้ — เลือกได้หลายใบ
{custInvoices.length === 0 &&
ลูกค้ารายนี้ไม่มีใบแจ้งหนี้ค้างชำระ — เลือกลูกค้ารายอื่น
} {custInvoices.map(inv => { const owed = inv.amount - (inv.paid || 0); const on = selInv.includes(inv.no); return ( ); })}
) : (
{lines.map((l, i) => (
#{i + 1}
updLine(l.id, { name: e.target.value })}/>
updLine(l.id, { qty: e.target.value })}/> updLine(l.id, { unit: e.target.value })}/> updLine(l.id, { price: e.target.value })}/>
฿{fmtM((Number(l.qty)||0) * (Number(l.price)||0))}
{canImages && withImages && (
{l.img ? :
} {l.img && }
)}
))}
)}
สรุปยอด
รวมเป็นเงิน฿{fmtM(subtotal)}
ส่วนลด setDiscount(e.target.value)} style={{width: 110, textAlign: "right", height: 26}}/>
{(cfg.showVAT || cfg.party === "customer") && (
{(Number(vatPct) || 0) > 0 ? `฿${fmtM(vat)}` : "— ไม่คิด VAT"}
)}
ยอดสุทธิ ฿{fmtM(grand)}
{(window.DocNotePresets ? window.DocNotePresets.load() : []).map((p, i) => { const on = notes.includes(p); return ( ); })}