// แยกชื่อผู้ขายกับเบอร์โทรจากข้อความเดิม (เผื่อข้อมูลเก่าที่บันทึกรวมกัน) function splitSeller(seller, phone) { if (phone != null && phone !== "") return { name: (seller || "").trim(), phone }; const s = (seller || "").trim(); const m = s.match(/[0-9].*$/); if (!m) return { name: s, phone: "" }; if (m.index === 0) return { name: "", phone: s }; return { name: s.slice(0, m.index).trim(), phone: m[0].trim() }; } // หน้ารับซื้อ / รับเทิร์นเครื่อง / รับซื้อ Notebook function BuyinPage({ ui, user }) { const { st, dispatch } = useStore(); const toast = useToast(); const branch = ui.branch === "ALL" ? (user.branch || "B1") : ui.branch; const [showForm, setShowForm] = React.useState(false); const [accept, setAccept] = React.useState(null); const [detail, setDetail] = React.useState(null); // รายการที่กำลังดู const [ed, setEd] = React.useState(null); // ฟอร์มแก้ไข const [editing, setEditing] = React.useState(false); const [lb, setLb] = React.useState({ imgs: [], i: null }); const [bcTarget, setBcTarget] = React.useState(null); // ป้ายบาร์โค้ดที่จะพิมพ์ const canManage = user.role === "owner" || user.role === "manager"; const [f, setF] = React.useState({ kind: "รับซื้อ", brand: "Apple", brandOther: "", device: "", color: "", storage: "", storageOther: "", imei: "", battery: "", cond: "", price: "", seller: "", sellerPhone: "", sellerCard: "", img: null, imgs: [], imgCard: null, nbBrand: "Apple", nbModel: "", nbCPU: "", nbRAM: "", nbStorage: "", nbCond: "ปกติ", nbSerial: "", nbPrice: "", nbSeller: "", nbSellerPhone: "", nbSellerCard: "", nbNote: "" }); const [acc, setAcc] = React.useState({ price: "", locId: "" }); const [bq, setBq] = React.useState(""); const list = st.buyins.filter((b) => (ui.branch === "ALL" || b.branch === ui.branch) && (bq.trim() === "" || `${b.id} ${b.device || ""} ${b.brand || ""} ${b.imei || ""} ${b.seller || ""} ${b.sellerPhone || ""} ${b.color || ""} ${b.storage || ""} ${b.kind || ""}`.toLowerCase().includes(bq.trim().toLowerCase()))); const set = (k) => (v) => setF((x) => ({ ...x, [k]: v })); const setE = (k) => (e) => setF((x) => ({ ...x, [k]: e.target.value })); const submit = () => { if (f.kind === "Notebook/MacBook") { if (!f.nbModel || !f.nbPrice || !f.nbSeller) { toast("กรอกรุ่น ราคา และผู้ขายให้ครบ", "danger"); return; } dispatch({ type: "BUYIN_ADD", buyin: { kind: "Notebook/MacBook", brand: f.nbBrand, device: f.nbModel, cond: `CPU: ${f.nbCPU} · RAM: ${f.nbRAM} · Storage: ${f.nbStorage} · ${f.nbCond}${f.nbNote ? " · " + f.nbNote : ""}`, imei: "", battery: "", price: Number(f.nbPrice), seller: f.nbSeller, sellerPhone: f.nbSellerPhone, sellerCard: f.nbSellerCard, img: (f.imgs && f.imgs[0]) || null, imgs: f.imgs, imgCard: f.imgCard, branch, by: user.id } }); toast("บันทึกการรับซื้อ Notebook เรียบร้อย"); } else { if (!f.device || !f.price || !f.seller) { toast("กรอกข้อมูลเครื่อง ราคา และผู้ขายให้ครบ", "danger"); return; } const brand = f.brand === "อื่นๆ" ? (f.brandOther || "อื่นๆ") : f.brand; const storage = f.storage === "อื่นๆ" ? (f.storageOther || "") : f.storage; dispatch({ type: "BUYIN_ADD", buyin: { ...f, brand, storage, price: Number(f.price), img: (f.imgs && f.imgs[0]) || null, branch, by: user.id } }); toast(`บันทึกการ${f.kind}เรียบร้อย`); } setShowForm(false); setF({ kind: "รับซื้อ", brand: "Apple", brandOther: "", device: "", color: "", storage: "", storageOther: "", imei: "", battery: "", cond: "", price: "", seller: "", sellerPhone: "", sellerCard: "", img: null, imgs: [], imgCard: null, nbBrand: "Apple", nbModel: "", nbCPU: "", nbRAM: "", nbStorage: "", nbCond: "ปกติ", nbSerial: "", nbPrice: "", nbSeller: "", nbSellerPhone: "", nbSellerCard: "", nbNote: "" }); }; const doAccept = () => { if (!acc.price || !acc.locId) { toast("กำหนดราคาขายและ Location ก่อน", "danger"); return; } dispatch({ type: "BUYIN_ACCEPT", id: accept.id, price: Number(acc.price), wprice: acc.wprice === "" || acc.wprice == null ? null : Number(acc.wprice), locId: acc.locId, cat: acc.cat, by: user.id }); toast(`รับ ${accept.device} เข้าสต็อกแล้ว`); setAccept(null); }; const showLocs = st.locations.filter((l) => l.branch === (accept ? accept.branch : branch)); const splitEd = (b) => { const sp = splitSeller(b.seller, b.sellerPhone); return { ...b, seller: sp.name, sellerPhone: sp.phone, imgs: b.imgs && b.imgs.length ? b.imgs : (b.img ? [b.img] : []) }; }; const openDetail = (b) => { setDetail(b); setEd(splitEd(b)); setEditing(false); }; const saveEdit = () => { if (!ed.device || ed.price === "" || ed.price == null || !ed.seller) { toast("กรอกข้อมูลเครื่อง ราคา และผู้ขายให้ครบ", "danger"); return; } const patch = { kind: ed.kind, brand: ed.brand, device: ed.device, color: ed.color, storage: ed.storage, imei: ed.imei, battery: ed.battery, price: Number(ed.price), cond: ed.cond, seller: ed.seller, sellerPhone: ed.sellerPhone, sellerCard: ed.sellerCard, img: (ed.imgs && ed.imgs[0]) || ed.img || null, imgs: ed.imgs || (ed.img ? [ed.img] : []), imgCard: ed.imgCard }; dispatch({ type: "BUYIN_SET", id: detail.id, patch }); toast("บันทึกการแก้ไขเรียบร้อย"); setDetail({ ...detail, ...patch }); setEditing(false); }; const delBuyin = () => { if (!confirm(`ลบรายการ ${detail.id} (${detail.device})?`)) return; dispatch({ type: "BUYIN_DEL", id: detail.id }); toast("ลบรายการเรียบร้อย", "info"); setDetail(null); }; const edE = (k) => (e) => setEd((x) => ({ ...x, [k]: e.target.value })); const edV = (k) => (v) => setEd((x) => ({ ...x, [k]: v })); const printBarcode = () => setBcTarget({ name: `${detail.brand ? detail.brand + " " : ""}${detail.device}`, barcode: detail.imei || detail.id, sku: detail.id, price: detail.price, }); const Row = ({ label, children }) => (
{label} {children || "—"}
); return (
รับซื้อ/รับเทิร์น {list.length} รายการ
setShowForm(true)}>⊕ รับซื้อ / รับเทิร์นเครื่อง
{list.map((b, i) => { const soldProd = st.products.find((p) => (p.name || "").includes(b.id)); const sold = b.status === "รับเข้าสต็อกแล้ว" && soldProd && stockTotal(soldProd) === 0; return ( openDetail(b)} style={{ padding: 16, cursor: "pointer", animation: `ss-rise .4s ${i * 50}ms ease backwards` }}>
{b.id} {b.kind} {b.status}
{b.brand ? b.brand + " · " : ""}{b.device}
IMEI: {b.imei || "—"}
{b.battery ? `🔋 แบต ${b.battery}% · ` : ""}{b.cond}
{b.seller}{b.sellerPhone ? ` · ${b.sellerPhone}` : ""} {fmtMoney(b.price)}
{fmtDT(b.ts)} · {branchOf(st, b.branch).short} · โดย {userOf(st, b.by).name.split(" ")[0]}
{b.status === "รอตรวจสภาพ" && ( { e.stopPropagation(); setAccept(b); setAcc({ price: Math.round(b.price * 1.25 / 100) * 100, wprice: "", locId: "", cat: b.kind === "Notebook/MacBook" ? "Notebook/MacBook" : "เครื่องมือสอง" }); }}>✓ ตรวจผ่าน รับเข้าสต็อก )} {sold && ● ขายแล้ว}
); })} {list.length === 0 && }
{/* ── ฟอร์มรับซื้อ ── */} setShowForm(false)} title="รับซื้อ / รับเทิร์นเครื่อง / Notebook" width={620} footer={ setShowForm(false)}>ยกเลิก บันทึก }>
{["รับซื้อ", "รับเทิร์น", "Notebook/MacBook"].map((k) => ( set("kind")(k)}>{k} ))}
สาขา: {branchOf(st, branch).name}
{f.kind === "Notebook/MacBook" ? (
set("nbCond")(v)} options={["ปกติ", "มีรอย", "งอบาง", "เปิดไม่ติด"]} />