/* global React, Icon, useToast, Modal */ // ============================================================ // dotmatrix.jsx — ระบบรายงานสำหรับเครื่องพิมพ์ Dot Matrix // แยกจากรายงาน A4 ปกติโดยสิ้นเชิง · ทำงานเฉพาะแอป Windows // กดพิมพ์ = ส่งเข้าเครื่องทันที ไม่มีหน้าต่างตั้งค่า (silent print) // // หลักการออกแบบสำหรับ dot matrix: // - ขาว-ดำล้วน ห้ามพื้นทึบ (เปลืองผ้าหมึก + พิมพ์ช้ามาก) // - เส้นตรงบางๆ เท่านั้น · เน้นด้วยตัวหนา ไม่ใช่สี // - ตัวอักษรใหญ่พอ (14-15px) อ่านออกที่ 180 dpi // - หัวตารางซ้ำทุกแผ่น (กระดาษต่อเนื่อง) // ============================================================ const { useState: useStateDM, useEffect: useEffectDM } = React; // ---------- ขนาดกระดาษ (นิ้ว) ---------- // padH ของกระดาษต่อเนื่อง = 0.63" (16 มม.) — เผื่อแถบหนามเตย 0.5" (13 มม.) // แล้วเว้นจากรอยปรุเข้ามาอีก ~3 มม. ไม่ให้ตัวอักษรชนรอยฉีก const DM_PAPERS = { "9x5.5": { key: "9x5.5", label: "9 × 5.5 นิ้ว — ต่อเนื่อง ครึ่งแผ่น", short: "9 × 5.5 นิ้ว (ต่อเนื่อง ครึ่งแผ่น)", w: 9, h: 5.5, padV: 0.26, padH: 0.63, tractor: true }, "9x11": { key: "9x11", label: "9 × 11 นิ้ว — ต่อเนื่อง เต็มแผ่น", short: "9 × 11 นิ้ว (ต่อเนื่อง เต็มแผ่น)", w: 9, h: 11, padV: 0.35, padH: 0.63, tractor: true }, "a4": { key: "a4", label: "A4 — 210 × 297 มม. (กระดาษธรรมดา)", short: "A4 (กระดาษธรรมดา)", w: 8.27, h: 11.69, padV: 0.45, padH: 0.45 }, "a5l": { key: "a5l", label: "A5 แนวนอน — 210 × 148 มม.", short: "A5 แนวนอน (210 × 148 มม.)", w: 8.27, h: 5.83, padV: 0.30, padH: 0.38 }, "a5": { key: "a5", label: "A5 แนวตั้ง — 148 × 210 มม.", short: "A5 แนวตั้ง (148 × 210 มม.)", w: 5.83, h: 8.27, padV: 0.38, padH: 0.38 }, }; const MM_PER_IN = 25.4; // ---------- ความคมชัดของตัวอักษร ---------- // หัวเข็มพิมพ์ด้วยจุด ตัวเล็กๆ ที่มีสระบน-ล่างและวรรณยุกต์จะเละก่อนเพื่อน // ทั้ง 3 ค่านี้ปรับได้จากหน้าตั้งค่า เพราะเครื่อง 9 เข็มกับ 24 เข็มให้ผลต่างกันมาก const DM_FONTS = { sarabun: { key: "sarabun", label: "TH Sarabun New — ตัวแคบ ใส่ข้อมูลได้เยอะ", stack: "'TH Sarabun New','Sarabun','Tahoma',sans-serif", web: true, }, tahoma: { key: "tahoma", label: "Tahoma — เส้นหนากว่า ชัดกว่าบนหัวเข็ม (กินที่กว้างกว่า)", stack: "'Tahoma','TH Sarabun New',sans-serif", web: false, }, }; // ใบสรุปรายหลังใส่ได้กี่งวดต่อแผ่น ที่ขนาดตัวอักษร 100% / 115% / 130% / 150% // วัดจริงด้วยเครื่องมือ layout ตัวเดียวกับที่ใช้พิมพ์ — ไม่ใช่ค่าประมาณ const DM_CAPACITY = { "9x5.5": [7, 4, 3, 1], "a5l": [8, 5, 3, 2], "a5": [17, 13, 10, 7], "9x11": ["20+", "20+", "20+", 16], "a4": ["20+", "20+", "20+", 17], }; // ชุดค่าสำเร็จรูปของโหมดกราฟิก — กดทีเดียวได้ครบ ไม่ต้องไล่ปรับทีละช่อง const DM_PRESETS = [ { key: "sharp", name: "ชัดที่สุด", hint: "Tahoma + ใหญ่ขึ้น 15% + เข้มพิเศษ — เริ่มจากอันนี้ถ้าตัวเล็กอ่านไม่ชัด", v: { fontKey: "tahoma", fontScale: 1.15, boldAll: true }, }, { key: "sharpest", name: "ชัดที่สุด (ตัวใหญ่)", hint: "เหมือนข้างบนแต่ใหญ่ขึ้น 30% — ชัดสุดแต่ใส่งวดได้น้อยลงมาก", v: { fontKey: "tahoma", fontScale: 1.3, boldAll: true }, }, { key: "default", name: "ค่าเริ่มต้น", hint: "TH Sarabun New ขนาดปกติ ไม่เข้มพิเศษ — ใส่ข้อมูลได้เยอะที่สุด", v: { fontKey: "sarabun", fontScale: 1, boldAll: false }, }, ]; const DM_SCALES = [ { v: 1, label: "ปกติ" }, { v: 1.15, label: "ใหญ่ขึ้น 15%" }, { v: 1.3, label: "ใหญ่ขึ้น 30%" }, { v: 1.5, label: "ใหญ่ขึ้น 50%" }, ]; const DM_PAPER_LIST = Object.values(DM_PAPERS); // ---------- ประเภทรายงาน + กระดาษเริ่มต้น ---------- const DM_REPORTS = { house: { key: "house", name: "รายงานรายหลัง", defaultPaper: "9x5.5" }, contract: { key: "contract", name: "รายงานรายสัญญา", defaultPaper: "9x11" }, ledger: { key: "ledger", name: "ประวัติการเบิกจ่าย", defaultPaper: "9x11" }, }; // ---------- ตั้งค่า (เก็บใน localStorage ต่อเครื่อง) ---------- const DM_KEY = "jscontract_dotmatrix"; function getDmSettings() { const base = { printerName: "", papers: { house: "9x5.5", contract: "9x11", ledger: "9x11" }, copies: 1, offsetXmm: 0, // ปรับขอบซ้าย-ขวา (+ เข้าใน / − ออกนอก) หน่วยมิลลิเมตร offsetYmm: 0, // ปรับขอบบน-ล่าง fontScale: 1, // ตัวคูณขนาดตัวอักษรทั้งฉบับ boldAll: false, // เดินเส้นหนาขึ้นทั้งฉบับ — เข้มขึ้น แต่หัวเข็มตีซ้ำจึงช้าลง fontKey: "sarabun", // แบบอักษรที่ใช้ // ---- โหมดการพิมพ์ ---- // graphic = ส่งเป็นรูปภาพ (จัดหน้าสวย มีเส้นกรอบ แต่ตัวเล็กเบลอ) // escp = ส่งไบต์ให้เครื่องใช้ฟอนต์ในตัวเอง (คมกริบ เร็วมาก แต่ตัวอักษรกว้างเท่ากันหมด) engine: "graphic", escpCpi: 10, // ตัวอักษรต่อนิ้ว escpQuality: "lq", // lq = คม · draft = เร็ว escpTable: "", // ตารางอักขระไทย ("" = ใช้ค่าที่ตั้งไว้ที่เครื่อง) escpLineEnd: "crlf", // ท้ายบรรทัด escpIndent: 0, // เยื้องซ้ายกี่ตัวอักษร escpMarks: "none", // เครื่องเลื่อนหัวพิมพ์ให้สระ/วรรณยุกต์ไหม (ดูจากหน้าทดสอบแนวคอลัมน์) escpThaiCode: "", // รหัสตารางไทยที่สั่งด้วย ESC ( t ("" = ไม่สั่ง ใช้ ESC t ตามปกติ) }; try { const saved = JSON.parse(localStorage.getItem(DM_KEY)) || {}; return { ...base, ...saved, papers: { ...base.papers, ...(saved.papers || {}) } }; } catch (e) { return base; } } function saveDmSettings(s) { localStorage.setItem(DM_KEY, JSON.stringify(s)); // แจ้งปุ่มพิมพ์ทุกจุดให้อัปเดตชื่อกระดาษที่แสดงทันที try { window.dispatchEvent(new CustomEvent("dm-settings-changed")); } catch (e) {} } function dmPaperFor(reportKey) { const s = getDmSettings(); return DM_PAPERS[s.papers[reportKey]] || DM_PAPERS[DM_REPORTS[reportKey].defaultPaper]; } // ระบบพร้อมใช้เมื่ออยู่ในแอป Windows เท่านั้น function dmAvailable() { if (!window.Desktop || typeof window.Desktop.printSilent !== "function") return false; // preload รุ่นใหม่ส่ง isWindows มาให้ · รุ่นเก่าไม่มี → เดาจาก userAgent if (typeof window.Desktop.isWindows === "boolean") return window.Desktop.isWindows; return /Windows/i.test(navigator.userAgent || ""); } // อยู่ในแอปแล้วแต่ยังไม่มีระบบพิมพ์ = แอปเวอร์ชันเก่า ต้องอัปเดตก่อน function dmNeedsAppUpdate() { return !!(window.Desktop && typeof window.Desktop.printSilent !== "function"); } // เลือกใช้ ESC/P เมื่อผู้ใช้ตั้งไว้ และแอปรองรับจริง function dmUseEscp() { return getDmSettings().engine === "escp" && typeof window.escpAvailable === "function" && window.escpAvailable(); } // ตั้งไว้ว่าใช้ ESC/P แต่แอปเก่าเกินไป — ต้องบอกให้ชัด ไม่ใช่เงียบๆ กลับไปโหมดเดิม function dmEscpBlocked() { return getDmSettings().engine === "escp" && !dmUseEscp(); } // ---------- helpers ---------- function dmEsc(s) { return String(s == null ? "" : s).replace(/[&<>"']/g, (m) => ({ "&": "&", "<": "<", ">": ">", '"': """, "'": "'" }[m])); } function dmFmt(n) { return (Number(n) || 0).toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }); } function dmDate(d) { return d ? String(d) : "-"; } function dmNow() { const d = new Date(), p = (n) => String(n).padStart(2, "0"); return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`; } function dmStatus(price, paid) { price = Number(price) || 0; paid = Number(paid) || 0; // ราคา 0 = ยังไม่ได้ตั้งมูลค่า ไม่ใช่ "เบิกครบ" (สัญญา/บ้านที่เพิ่งสร้างเป็น 0/0) if (price <= 0) return { text: paid > 0 ? "*เบิกเกิน*" : "ยังไม่ตั้งมูลค่า", over: paid > 0 }; if (paid > price) return { text: "*เบิกเกิน*", over: true }; if (paid >= price) return { text: "เบิกครบ" }; return { text: "ค้างจ่าย" }; } // ============================================================ // โครงเอกสาร + CSS กลางสำหรับ dot matrix // ============================================================ // คำนวณขอบจริง = ค่าเริ่มต้นของกระดาษ + ค่าปรับละเอียดจากหน้าตั้งค่า (มม.) function dmPads(paper, offsets) { const ox = ((offsets && offsets.x) || 0) / MM_PER_IN; const oy = ((offsets && offsets.y) || 0) / MM_PER_IN; return { padH: Math.max(0.05, +(paper.padH + ox).toFixed(3)), padV: Math.max(0.05, +(paper.padV + oy).toFixed(3)), }; } // ทุกขนาดตัวอักษรคูณด้วย var(--k) เพื่อให้ขยายทั้งฉบับพร้อมกันโดยสัดส่วนไม่เพี้ยน // (ใช้ em ไม่ได้ เพราะ th ซ้อนใน table จะคูณทบกันเอง) function dmShell(paper, title, body, opt) { opt = opt || {}; const pad = dmPads(paper, opt); const k = Math.max(0.8, Math.min(1.6, Number(opt.k) || 1)); const font = DM_FONTS[opt.fontKey] || DM_FONTS.sarabun; // ฟอนต์ระบบไม่ต้องโหลดจากเน็ต — เร็วกว่าและไม่มีจังหวะที่ฟอนต์ยังมาไม่ถึง const fontLink = font.web ? `` : ""; const fw = opt.bold ? 600 : 400; const fwB = opt.bold ? 700 : 700; // -webkit-text-stroke เดินเส้นให้อ้วนขึ้นจริงในตอน rasterize // ได้ผลกว่า font-weight เพราะ TH Sarabun New เว็บฟอนต์ไม่มีน้ำหนักหนาจริง const stroke = opt.bold ? "0.2px" : "0"; const strokeB = opt.bold ? "0.3px" : "0"; return `${dmEsc(title)} ${fontLink} ${body}`; } function dmHead(title, refLines) { return `
JS CONTRACT SYSTEM
${dmEsc(title)}
${refLines.map((l) => dmEsc(l)).join("
")}
`; } function dmSignRow(roles) { return `
${roles.map((r) => `
.................................................
( ${dmEsc(r)} )
วันที่ ......../......../........
`).join("")}
`; } function dmFoot(left) { return `
${dmEsc(left)}พิมพ์ ${dmNow()}
`; } // ============================================================ // 1) ใบสรุปการเบิกจ่ายรายหลัง — 9 × 5.5 นิ้ว // ============================================================ function dmHouseSlipHTML({ project, contract, house, unitLbl }) { const price = house.price || 0, paid = house.paid_total || 0, remain = price - paid; const st = dmStatus(price, paid); const pays = (house.payments || []).slice() .sort((a, b) => (a.date > b.date ? 1 : a.date < b.date ? -1 : 0)); const sum = pays.reduce((s, p) => s + (p.amount || 0), 0); const rows = pays.length ? pays.map((p, i) => ` ${i + 1} ${dmEsc(dmDate(p.date))} ${dmEsc(p.inv || "-")} ${dmFmt(p.amount)} ${dmEsc(p.notes || "")} `).join("") : `— ยังไม่มีรายการเบิกจ่าย —`; const body = dmHead(`ใบสรุปการเบิกจ่าย${unitLbl.singular}`, [ `${unitLbl.code} ${house.house_code || "-"}`, `สัญญา ${contract.contract_number || "-"}`, ]) + `
โครงการ ${dmEsc(project.name || "-")}
สัญญาเลขที่ ${dmEsc(contract.contract_number || "-")}
${dmEsc(unitLbl.code)} ${dmEsc(house.house_code || "-")}
วันที่สัญญา ${dmEsc(dmDate(contract.contract_date))}
${house.notes ? `
หมายเหตุ ${dmEsc(house.notes)}
` : ""}
ราคา ${dmFmt(price)} เบิกแล้ว ${dmFmt(paid)} คงเหลือ ${dmFmt(Math.abs(remain))} ${dmEsc(st.text)}
${rows}
งวด วันที่ เลขที่ใบกำกับ จำนวนเงิน หมายเหตุ
รวม ${pays.length} งวด (${dmEsc(window.bahtText ? window.bahtText(sum) : "")}) ${dmFmt(sum)}
` + dmSignRow(["ผู้จัดทำ", "ผู้อนุมัติ"]) + dmFoot(`${project.name || ""} · ${contract.contract_number || ""}`); return body; } // ============================================================ // 2) รายงานสรุปสัญญา — 9 × 11 นิ้ว // ============================================================ function dmContractSheetHTML({ project, contract, unitLbl }) { const houses = (contract.houses || []).slice() .sort((a, b) => (a.house_code || "").localeCompare(b.house_code || "", undefined, { numeric: true, sensitivity: "base" })); let totPrice = 0, totPaid = 0, totPays = 0; const groups = houses.length ? houses.map((h) => { const price = h.price || 0, paid = h.paid_total || 0, remain = price - paid; // comparator ต้องคืน 0 เมื่อเท่ากัน — เดิมคืน -1 ทำให้ลำดับไม่แน่นอน // และเลข "งวดที่ N" บนเอกสารที่เซ็นแล้วสลับกันได้ระหว่างพิมพ์สองครั้ง const pays = (h.payments || []).slice().sort((a, b) => (a.date > b.date ? 1 : a.date < b.date ? -1 : 0)); const st = dmStatus(price, paid); totPrice += price; totPaid += paid; totPays += pays.length; const subs = pays.length ? pays.map((p, i) => ` งวด ${i + 1} ${dmEsc(dmDate(p.date))} ${dmEsc(p.inv || "-")} ${dmFmt(p.amount)} ${dmEsc(p.notes || "")} `).join("") : `— ยังไม่มีการเบิกจ่าย —`; return ` ${dmEsc(h.house_code || "-")} ${dmFmt(price)} ${dmFmt(paid)} ${dmFmt(Math.abs(remain))} ${pays.length} ${dmEsc(st.text)} ${subs} `; }).join("") : `— ยังไม่มี${dmEsc(unitLbl.singular)}ในสัญญานี้ —`; const cVal = contract.value_total || 0, cPaid = contract.paid_total || 0; const pct = cVal > 0 ? ((cPaid / cVal) * 100).toFixed(1) : "0.0"; const body = dmHead("รายงานสรุปสัญญา", [ `สัญญา ${contract.contract_number || "-"}`, dmDate(contract.contract_date), ]) + `
สัญญาเลขที่ ${dmEsc(contract.contract_number || "-")}
วันที่สัญญา ${dmEsc(dmDate(contract.contract_date))}
โครงการ ${dmEsc(project.name || "-")}
ลูกค้า ${dmEsc(project.client || "-")}
รายละเอียด ${dmEsc(contract.description || "-")}
มูลค่าสัญญา ${dmFmt(cVal)} เบิกแล้ว ${dmFmt(cPaid)} คงเหลือ ${dmFmt(cVal - cPaid)} คืบหน้า ${pct}%
${groups}
${dmEsc(unitLbl.code)} ราคา เบิกแล้ว คงเหลือ งวด สถานะ
รวม ${houses.length} ${dmEsc(unitLbl.counter)} ${dmFmt(totPrice)} ${dmFmt(totPaid)} ${dmFmt(totPrice - totPaid)} ${totPays}
ยอดเบิกแล้วเป็นตัวอักษร: (${dmEsc(window.bahtText ? window.bahtText(totPaid) : "")})
` + dmSignRow(["ผู้จัดทำ", "ผู้ตรวจสอบ", "ผู้อนุมัติ"]) + dmFoot(`${project.name || ""} · ${contract.contract_number || ""}`); return body; } // ============================================================ // 3) รายงานประวัติการเบิกจ่าย — 9 × 11 นิ้ว // ============================================================ function dmLedgerHTML({ rows, scopeLabel }) { const total = rows.reduce((s, r) => s + (r.amount || 0), 0); const trs = rows.length ? rows.map((r, i) => ` ${i + 1} ${dmEsc(dmDate(r.date))} ${dmEsc(r.project)} ${dmEsc(r.contract)} ${dmEsc(r.unit)} ${r.no} ${dmEsc(r.inv || "-")} ${dmFmt(r.amount)} `).join("") : `— ยังไม่มีรายการเบิกจ่าย —`; const body = dmHead("รายงานประวัติการเบิกจ่าย", [scopeLabel || "ทุกโครงการ", `${rows.length} รายการ`]) + `
ขอบเขต ${dmEsc(scopeLabel || "ทุกโครงการ")} จำนวน ${rows.length} รายการ ยอดรวม ${dmFmt(total)}
${trs}
ที่ วันที่ โครงการ สัญญา หน่วย งวด ใบกำกับ จำนวนเงิน
รวมทั้งสิ้น ${rows.length} รายการ ${dmFmt(total)}
(${dmEsc(window.bahtText ? window.bahtText(total) : "")})
` + dmSignRow(["ผู้จัดทำ", "ผู้ตรวจสอบ", "ผู้อนุมัติ"]) + dmFoot(scopeLabel || "ทุกโครงการ"); return body; } // ============================================================ // 4) หน้าทดสอบพิมพ์ / จัดตำแหน่งกระดาษ // ============================================================ function dmTestPageHTML(paper, offsets) { const pad = dmPads(paper, offsets); const inches = Math.floor(paper.w - pad.padH * 2); let ruler = ""; for (let i = 0; i < inches; i++) { ruler += `
${i + 1}"
`; } const mmH = (pad.padH * MM_PER_IN).toFixed(1), mmV = (pad.padV * MM_PER_IN).toFixed(1); // ตัวอย่างข้อความไทยที่มีสระบน-ล่างและวรรณยุกต์ครบ ในทุกขนาดที่รายงานจริงใช้ // ใช้ดูว่าขนาดไหนของเครื่องนี้เริ่มอ่านไม่ออก แล้วค่อยไปปรับในหน้าตั้งค่า const s = getDmSettings(); const fontLbl = (DM_FONTS[s.fontKey] || DM_FONTS.sarabun).label.split(" —")[0]; const SAMPLE = "ผู้รับเหมาเบิกงวดที่ ๙ ปั๊มน้ำ ญี่ปุ่น 0123456789"; const sizeSamples = `
เทียบขนาดตัวอักษร — ฟอนต์ ${dmEsc(fontLbl)} · ขนาด ${Math.round(s.fontScale * 100)}% · ${s.boldAll ? "เข้มพิเศษ" : "ความหนาปกติ"}
ดูว่าบรรทัดไหนเริ่มอ่านไม่ออก แล้วไปตั้งค่าให้ขนาดเล็กสุดที่ใช้อยู่ใหญ่กว่านั้น
${[ ["13px", "ท้ายเอกสาร"], ["14px", "หัวตาราง"], ["15px", "ในตาราง"], ["15.5px", "ตัวหลัก"], ].map(([px, tag]) => `
${tag} ${dmEsc(SAMPLE)}
`).join("")}
`; const body = dmHead("ทดสอบการพิมพ์ Dot Matrix", [paper.label, dmNow()]) + `
ขนาดกระดาษ ${paper.w} × ${paper.h} นิ้ว
ขอบที่ใช้ ซ้าย-ขวา ${mmH} มม. · บน-ล่าง ${mmV} มม.
${paper.tractor ? `
รอยปรุ แถบหนามเตยกว้าง ~13 มม. — ข้อความควรเริ่มถัดจากรอยปรุเข้ามา ${(pad.padH * MM_PER_IN - 13).toFixed(1)} มม.
` : ""}
↑ เส้นแนวตั้งสองข้างนี้คือขอบซ้าย-ขวาของเนื้อหา — ต้องอยู่ถัดจากรอยปรุเข้ามา ไม่ทับแถบหนามเตย
${sizeSamples}
ตัวเลข 1,234,567.89 ไทย กขคง ฐฒณฤๅ ไม้เอก่ ไม้โท้ อังกฤษ ABC abc 0123
ไม้บรรทัดตรวจสเกล — วัดด้วยไม้บรรทัดจริง แต่ละช่องต้องกว้าง 1 นิ้วพอดี
${ruler}
คอลัมน์ซ้าย คอลัมน์กลาง ตัวเลขชิดขวา หมายเหตุ
ทดสอบแถวที่ 1ตัวอย่างข้อความไทย123,456.00ปกติ
ทดสอบแถวที่ 2ABCDEFG 12345677,890.50ปกติ
รวม131,346.50
ตรวจสอบ: ข้อความไทยครบถ้วน · ไม่มีตัวอักษรตกขอบ · ไม้บรรทัดกว้าง 1 นิ้วต่อช่อง · กระดาษไม่เลื่อนหน้าเกิน
` + dmFoot("หน้าทดสอบ — ไม่ใช่เอกสารจริง"); return body; } // ============================================================ // ส่งงานเข้าเครื่องพิมพ์ // ============================================================ async function dmPrint({ reportKey, paperKey, title, body, copies }) { if (!dmAvailable()) { return { ok: false, error: "ระบบพิมพ์ Dot Matrix ใช้ได้เฉพาะในแอปบน Windows" }; } const s = getDmSettings(); const paper = paperKey ? DM_PAPERS[paperKey] : dmPaperFor(reportKey); const html = dmShell(paper, title, body, { x: s.offsetXmm, y: s.offsetYmm, k: s.fontScale, bold: s.boldAll, fontKey: s.fontKey, }); return window.Desktop.printSilent({ html, deviceName: s.printerName || undefined, widthIn: paper.w, heightIn: paper.h, copies: copies || s.copies || 1, }); } // ---------- ตัวสร้างรายงาน (โหลดข้อมูลสด → สร้าง body → พิมพ์) ---------- async function dmPrintHouse(projectId, contractId, houseId) { const scope = { type: "house", projectId, contractId, houseId }; await window.loadScopedPayments(scope); const projects = window.buildHierarchicalData(scope); const p = projects[0], c = p && p.contracts[0], h = c && c.houses[0]; if (!h) return { ok: false, error: "ไม่พบข้อมูลหน่วยที่เลือก" }; const unitLbl = window.unitLabel(p.unit_type); const title = `ใบสรุปการเบิกจ่าย ${h.house_code}`; if (dmEscpBlocked()) return { ok: false, error: ESCP_NEED_UPDATE }; if (dmUseEscp()) { return window.escpPrint({ reportKey: "house", title, build: (doc) => window.escpHouseSlip(doc, { project: p, contract: c, house: h, unitLbl }), }); } return dmPrint({ reportKey: "house", title, body: dmHouseSlipHTML({ project: p, contract: c, house: h, unitLbl }), }); } async function dmPrintContract(projectId, contractId) { const scope = { type: "contract", projectId, contractId }; await window.loadScopedPayments(scope); const projects = window.buildHierarchicalData(scope); const p = projects[0], c = p && p.contracts[0]; if (!c) return { ok: false, error: "ไม่พบข้อมูลสัญญาที่เลือก" }; const unitLbl = window.unitLabel(p.unit_type); const title = `รายงานสัญญา ${c.contract_number}`; if (dmEscpBlocked()) return { ok: false, error: ESCP_NEED_UPDATE }; if (dmUseEscp()) { return window.escpPrint({ reportKey: "contract", title, build: (doc) => window.escpContractSheet(doc, { project: p, contract: c, unitLbl }), }); } return dmPrint({ reportKey: "contract", title, body: dmContractSheetHTML({ project: p, contract: c, unitLbl }), }); } async function dmPrintLedger(scope, scopeLabel) { scope = scope || { type: "all" }; await window.loadScopedPayments(scope); const projects = window.buildHierarchicalData(scope); const rows = []; for (const p of projects) { const lbl = window.unitLabel(p.unit_type); for (const c of p.contracts) { for (const h of c.houses) { (h.payments || []).forEach((py, i) => rows.push({ date: py.date, project: p.name, contract: c.contract_number, unit: `${lbl.singular} ${h.house_code}`, no: i + 1, inv: py.inv, amount: py.amount, })); } } } rows.sort((a, b) => (a.date > b.date ? -1 : a.date < b.date ? 1 : 0)); const title = "รายงานประวัติการเบิกจ่าย"; if (dmEscpBlocked()) return { ok: false, error: ESCP_NEED_UPDATE }; if (dmUseEscp()) { return window.escpPrint({ reportKey: "ledger", title, build: (doc) => window.escpLedger(doc, { rows, scopeLabel }), }); } return dmPrint({ reportKey: "ledger", title, body: dmLedgerHTML({ rows, scopeLabel }), }); } const ESCP_NEED_UPDATE = "ตั้งไว้ให้พิมพ์แบบ ESC/P แต่แอปเวอร์ชันนี้ยังไม่รองรับ — กรุณาอัปเดตแอปก่อน " + "(หรือเปลี่ยนกลับเป็นโหมดกราฟิกในหน้าตั้งค่า)"; async function dmPrintTest(paperKey) { const paper = DM_PAPERS[paperKey] || DM_PAPERS["9x5.5"]; const s = getDmSettings(); if (dmEscpBlocked()) return { ok: false, error: ESCP_NEED_UPDATE }; if (dmUseEscp()) { return window.escpPrint({ paperKey: paper.key, title: "ทดสอบการพิมพ์ ESC/P", build: (doc, st) => window.escpTestPage(doc, st), }); } return dmPrint({ paperKey: paper.key, title: "ทดสอบการพิมพ์", body: dmTestPageHTML(paper, { x: s.offsetXmm, y: s.offsetYmm }), }); } // ไล่เปลี่ยนรหัสตารางไทยด้วย ESC ( t — หาโหมดที่เครื่องพิมพ์สระทับตัวให้เอง async function dmPrintThaiModeProbe(paperKey) { if (typeof window.escpThaiModeProbeBytes !== "function") { return { ok: false, error: ESCP_NEED_UPDATE }; } const paper = DM_PAPERS[paperKey] || DM_PAPERS["a5l"]; const bytes = window.escpThaiModeProbeBytes(paper, getDmSettings()); return window.escpSend(bytes, "หาโหมดไทยของเครื่อง"); } // พิมพ์ตัวอย่างไทยซ้ำโดยไล่เปลี่ยน ESC t ทีละค่า — ใช้หาว่ารุ่นนี้ตารางไทยอยู่ที่ไหน async function dmPrintTableProbe(paperKey) { if (typeof window.escpTableProbeBytes !== "function") { return { ok: false, error: ESCP_NEED_UPDATE }; } const paper = DM_PAPERS[paperKey] || DM_PAPERS["9x5.5"]; const bytes = window.escpTableProbeBytes(paper, getDmSettings()); return window.escpSend(bytes, "หาตารางอักขระไทย"); } // ============================================================ // UI: ปุ่มพิมพ์ dot matrix (โชว์เฉพาะแอป Windows) // ============================================================ function DmPrintButton({ run, label, reportKey, size = "sm", full }) { const [busy, setBusy] = useStateDM(false); const [, bump] = useStateDM(0); // re-render เมื่อผู้ใช้เปลี่ยนกระดาษในหน้าตั้งค่า const toast = useToast(); useEffectDM(() => { const onChange = () => bump((n) => n + 1); window.addEventListener("dm-settings-changed", onChange); return () => window.removeEventListener("dm-settings-changed", onChange); }, []); if (!dmAvailable()) return null; const paper = reportKey ? dmPaperFor(reportKey) : null; const click = async (e) => { e.stopPropagation(); if (busy) return; setBusy(true); try { const r = await run(); if (r && r.ok) toast({ t: "ส่งงานเข้าเครื่องพิมพ์แล้ว", s: "เครื่อง dot matrix จะเริ่มพิมพ์ในไม่กี่วินาที" }); else toast({ t: "พิมพ์ไม่สำเร็จ", s: (r && r.error) || "ไม่ทราบสาเหตุ" }); } catch (err) { toast({ t: "พิมพ์ไม่สำเร็จ", s: err.message }); } setBusy(false); }; const tip = paper ? `พิมพ์เข้าเครื่อง Dot Matrix ทันที — ใช้กระดาษ ${paper.short}` : "พิมพ์เข้าเครื่อง Dot Matrix ทันที"; // แบบเต็มความกว้าง: 2 บรรทัด — ชื่อรายงาน + กระดาษที่ต้องใส่ if (full) { return ( ); } // แบบอินไลน์: บรรทัดเดียว มีขนาดกระดาษต่อท้าย return ( ); } // ============================================================ // UI: การ์ดตั้งค่าเครื่องพิมพ์ (หน้าตั้งค่า) // ============================================================ function DotMatrixSettingsBody() { const [settings, setSettings] = useStateDM(getDmSettings()); const [printers, setPrinters] = useStateDM(null); // null = กำลังโหลด const [testing, setTesting] = useStateDM(""); // เก็บข้อความดิบของช่องปรับขอบไว้ต่างหาก เพื่อให้พิมพ์ "-" ค้างไว้ได้ // (input type=number รายงานค่ากลางคัน "-" เป็นสตริงว่าง ทำให้ค่าติดลบพิมพ์ไม่ได้เลย) const [rawX, setRawX] = useStateDM(String(getDmSettings().offsetXmm)); const [rawY, setRawY] = useStateDM(String(getDmSettings().offsetYmm)); const [rawIndent, setRawIndent] = useStateDM(String(getDmSettings().escpIndent)); const [rawThai, setRawThai] = useStateDM(String(getDmSettings().escpThaiCode || "")); const toast = useToast(); // แอปเก่ายังไม่มีช่องทางส่งไบต์ดิบ — ต้องเตือนตั้งแต่ตอนเลือก ไม่ใช่ตอนกดพิมพ์ const escpUnsupported = typeof window.escpAvailable !== "function" || !window.escpAvailable(); useEffectDM(() => { if (!dmAvailable()) { setPrinters([]); return; } window.Desktop.listPrinters() .then((r) => setPrinters(r && r.ok ? r.printers : [])) .catch(() => setPrinters([])); }, []); const update = (patch) => { const next = { ...settings, ...patch }; setSettings(next); saveDmSettings(next); }; // แปลงข้อความดิบ → ตัวเลข พร้อมจำกัดช่วง (ยอมให้ "-" ค้างระหว่างพิมพ์) const setOffset = (axis, text, setRaw) => { const v = text.replace(/[^0-9-]/g, "").replace(/(?!^)-/g, ""); setRaw(v); const n = (v === "" || v === "-") ? 0 : Number(v); const clamped = Number.isFinite(n) ? Math.max(-10, Math.min(25, n)) : 0; update(axis === "x" ? { offsetXmm: clamped } : { offsetYmm: clamped }); }; const setPaper = (reportKey, paperKey) => { const next = { ...settings, papers: { ...settings.papers, [reportKey]: paperKey } }; setSettings(next); saveDmSettings(next); }; const doThaiProbe = async (paperKey) => { setTesting("thai:" + paperKey); try { const r = await dmPrintThaiModeProbe(paperKey); if (r && r.ok) toast({ t: "ส่งหน้าหาโหมดไทยแล้ว", s: "หาบรรทัดที่สระทับตัวถูกต้อง แล้วกรอกรหัสนั้น" }); else toast({ t: "พิมพ์ไม่สำเร็จ", s: (r && r.error) || "ไม่ทราบสาเหตุ" }); } catch (e) { toast({ t: "พิมพ์ไม่สำเร็จ", s: e.message }); } setTesting(""); }; const doProbe = async (paperKey) => { setTesting("probe:" + paperKey); try { const r = await dmPrintTableProbe(paperKey); if (r && r.ok) toast({ t: "ส่งหน้าหาตารางอักขระแล้ว", s: "ดูว่าบรรทัดไหนอ่านออก แล้วเลือกค่านั้น" }); else toast({ t: "พิมพ์ไม่สำเร็จ", s: (r && r.error) || "ไม่ทราบสาเหตุ" }); } catch (e) { toast({ t: "พิมพ์ไม่สำเร็จ", s: e.message }); } setTesting(""); }; const doTest = async (paperKey) => { setTesting(paperKey); try { const r = await dmPrintTest(paperKey); if (r && r.ok) toast({ t: "ส่งหน้าทดสอบแล้ว", s: "ตรวจไม้บรรทัดว่ากว้าง 1 นิ้วต่อช่อง" }); else toast({ t: "พิมพ์ไม่สำเร็จ", s: (r && r.error) || "ไม่ทราบสาเหตุ" }); } catch (e) { toast({ t: "พิมพ์ไม่สำเร็จ", s: e.message }); } setTesting(""); }; return (
{printers === null ? (
กำลังค้นหาเครื่องพิมพ์...
) : ( )}
กดพิมพ์แล้วระบบส่งเข้าเครื่องนี้ทันที ไม่มีหน้าต่างให้ตั้งค่าอีก
ขนาดกระดาษของแต่ละรายงาน
{Object.values(DM_REPORTS).map((r) => (
{r.name}
))}
วิธีส่งงานเข้าเครื่อง
ตัวเลือกนี้เปลี่ยนหน้าตาเอกสารทั้งหมด — พิมพ์หน้าทดสอบดูก่อนใช้งานจริง
{[ { v: "graphic", t: "กราฟิก (เดิม)", d: "ส่งเป็นรูปภาพให้หัวเข็มยิงจุด — จัดหน้าสวย มีเส้นกรอบและตัวอักษรหลายขนาด แต่ตัวเล็กๆ เบลอ" }, { v: "escp", t: "ESC/P — ใช้ฟอนต์ในตัวเครื่อง", d: "ส่งตัวอักษรให้เครื่องพิมพ์เอง คมกริบและเร็วกว่ามาก แต่ตัวอักษรกว้างเท่ากันหมด ไม่มีเส้นกรอบ " + "— ใช้ได้ต่อเมื่อเครื่องประกอบสระไทยให้เอง ถ้าไม่ประกอบ สระจะแยกออกมาเป็นตัวๆ อ่านยาก " + "(เช่น Epson PLQ-20 ที่ทดสอบแล้วไม่รองรับ)" }, ].map((o) => ( ))}
{settings.engine === "escp" && escpUnsupported && (
แอปเวอร์ชันนี้ยังพิมพ์ ESC/P ไม่ได้ — กรุณาอัปเดตแอปก่อน มิฉะนั้นกดพิมพ์แล้วจะขึ้นข้อความเตือนแทนที่จะพิมพ์ออกมา
)}
{settings.engine === "escp" ? (
ตั้งค่า ESC/P
ตัวอักษรกว้างเท่ากันหมด ยิ่งถี่ยิ่งใส่ได้เยอะแต่ตัวเล็กลง — ที่ {settings.escpCpi} ตัว/นิ้ว ได้ประมาณ {Math.min((window.ESCP_CPI && window.ESCP_CPI[settings.escpCpi] ? window.ESCP_CPI[settings.escpCpi].max : 80), Math.floor(9 * settings.escpCpi))} ตัว/บรรทัด บนกระดาษ 9 นิ้ว
{ const v = e.target.value.replace(/[^0-9]/g, ""); setRawIndent(v); update({ escpIndent: Math.max(0, Math.min(20, Number(v) || 0)) }); }} />
ช่องนี้แค่บอกระบบว่าเครื่องนับสระเป็นช่องหรือไม่ เพื่อให้คอลัมน์ในตารางตรง
“ให้ระบบพิมพ์ทับเอง” ใช้ได้เฉพาะเครื่องที่วาดสระไว้ครึ่งบน-ครึ่งล่างของช่อง ถ้าเครื่องวาดสระเป็นตัวเต็มช่องเหมือนพยัญชนะ พิมพ์ทับแล้วจะกลายเป็นก้อนดำอ่านไม่ออก
เครื่องที่วาดสระเป็นตัวเต็มช่อง ต้องใช้ปุ่ม หาโหมดไทย ด้านล่างแทน
ภาษาไทยออกมาเป็นตัวประหลาด หรือคอลัมน์เหลื่อม? ทั้งสองอย่างขึ้นกับรุ่นเครื่อง — กดปุ่มนี้จะพิมพ์ประโยคไทยซ้ำ 5 บรรทัดด้วยตารางอักขระคนละค่า (บรรทัดไหนอ่านออกก็เลือกค่านั้น) แล้วต่อด้วยชุดทดสอบแนวคอลัมน์ A ถึง F ที่ทุกบรรทัดตั้งใจให้กว้างเท่ากัน — ถ้าขีด | ของบรรทัด B C D E เลื่อนออกไปทางขวา แปลว่าเครื่องไม่พิมพ์สระทับตัว — ให้ตั้งช่องข้างบนเป็น “กินที่ทุกตัว” เพื่อให้คอลัมน์ตรงไว้ก่อน แล้วใช้ปุ่ม หาโหมดไทย เพื่อหาโหมดที่เครื่องประกอบสระให้เอง
{DM_PAPER_LIST.map((p) => ( ))}
อยากให้เครื่องจัดสระเองแทนที่จะให้ระบบพิมพ์ทับ? เครื่องไทยมักมีรหัสตารางไทยหลายแบบ ต่างกันตรงวิธีวางสระ/วรรณยุกต์ — ปุ่มนี้จะสั่งเครื่องไล่เปลี่ยนรหัสทีละค่าแล้วพิมพ์ให้ดู ถ้าเจอบรรทัดที่สระทับตัวถูกต้อง ให้กรอกรหัสนั้นในช่องข้างล่าง
{DM_PAPER_LIST.map((p) => ( ))}
{ const v = e.target.value.replace(/[^0-9]/g, "").slice(0, 3); setRawThai(v); update({ escpThaiCode: v === "" ? "" : String(Math.min(255, Number(v))) }); }} />
มีบรรทัดว่างแทรกทุกบรรทัด = ปิด Auto Line Feed ที่เครื่อง หรือเปลี่ยนท้ายบรรทัดเป็น LF อย่างเดียว
ข้อความเริ่มไม่ตรงขอบ = ขยับกระดาษที่ตัวเครื่อง หรือเพิ่มค่าเยื้องซ้าย
) : (
ความคมชัดของตัวอักษร
หัวเข็มพิมพ์ด้วยจุด สระบน-ล่างและวรรณยุกต์ของตัวเล็กๆ จะเละก่อนเพื่อน — ถ้าอ่านไม่ชัด ให้ขยายขนาดก่อน แล้วค่อยลองเปิดเข้มพิเศษ
{DM_PRESETS.map((p) => { const on = settings.fontKey === p.v.fontKey && Number(settings.fontScale) === p.v.fontScale && !!settings.boldAll === p.v.boldAll; return ( ); })}
{(DM_PRESETS.find((p) => settings.fontKey === p.v.fontKey && Number(settings.fontScale) === p.v.fontScale && !!settings.boldAll === p.v.boldAll) || {}).hint || "ตั้งค่าเอง — ปรับทีละช่องด้านล่าง"}
ตัวใหญ่ขึ้นแล้วใส่งวดได้น้อยลง — ใบสรุปรายหลัง ใส่ได้กี่งวดต่อแผ่น (วัดจากของจริง)
{DM_SCALES.map((x) => ( ))} {DM_PAPER_LIST.map((p) => { const cap = DM_CAPACITY[p.key] || []; const used = Object.values(settings.papers).includes(p.key); return ( {cap.map((n, i) => ( ))} ); })}
กระดาษ {Math.round(x.v * 100)}%
{p.short}{n}
เกินจากนี้จะไหลลงแผ่นถัดไป (กระดาษต่อเนื่องจะเสียไปทั้งแผ่น) — ถ้าอยากได้ตัวใหญ่แต่ยังใส่ได้เยอะ ให้เปลี่ยนใบสรุปรายหลังไปใช้ A5 แนวตั้ง หรือ 9 × 11 นิ้ว
กด พิมพ์หน้าทดสอบ ด้านล่างเพื่อดูตัวอย่างทุกขนาดที่รายงานจริงใช้ แล้วเทียบว่าบรรทัดไหนเริ่มอ่านไม่ออก
)}
ปรับขอบกระดาษละเอียด
ใส่ค่าบวกเพื่อขยับเนื้อหาเข้าด้านใน · ค่าลบเพื่อขยับออกด้านนอก — ใช้เมื่อข้อความล้ำรอยปรุหรือชิดขอบเกินไป
setOffset("x", e.target.value, setRawX)} />
setOffset("y", e.target.value, setRawY)} />
{(() => { const p = DM_PAPERS[settings.papers.house] || DM_PAPERS["9x5.5"]; const pad = dmPads(p, { x: settings.offsetXmm, y: settings.offsetYmm }); return `ขอบจริงที่ใช้: ซ้าย-ขวา ${(pad.padH * MM_PER_IN).toFixed(1)} มม. · บน-ล่าง ${(pad.padV * MM_PER_IN).toFixed(1)} มม.`; })()}
ทดสอบการพิมพ์
พิมพ์หน้าทดสอบเพื่อตรวจว่ากระดาษตรงตำแหน่งและภาษาไทยไม่เพี้ยน ก่อนพิมพ์เอกสารจริง
{DM_PAPER_LIST.map((p) => ( ))}
รายงาน Dot Matrix เป็นแบบขาว-ดำล้วน ไม่มีพื้นหลัง เพื่อให้พิมพ์เร็วและประหยัดผ้าหมึก — ต่างจากรายงาน PDF ปกติที่ออกแบบสำหรับเครื่องพิมพ์เลเซอร์/อิงค์เจ็ท
); } // การ์ดในหน้า "ตั้งค่า" function DotMatrixSettingsCard() { // อยู่ในแอปแต่เป็นเวอร์ชันเก่า → บอกให้อัปเดตแทนที่จะหายไปเฉยๆ if (dmNeedsAppUpdate()) { return (

เครื่องพิมพ์ Dot Matrix

ระบบพิมพ์ Dot Matrix ต้องใช้แอปเวอร์ชัน 1.2.0 ขึ้นไป — ไปที่เมนู ไฟล์ → ตรวจสอบการอัปเดตแอป เพื่ออัปเดตก่อน
); } if (!dmAvailable()) return null; return (

เครื่องพิมพ์ Dot Matrix

); } // Modal เดียวกัน เปิดจากเมนู ไฟล์ → ตั้งค่าเครื่องพิมพ์ Dot Matrix function DotMatrixSettingsModal({ onClose }) { return ( เสร็จสิ้น }> ); } // รับคำสั่งจากเมนูของแอป function DotMatrixHost() { const [show, setShow] = useStateDM(false); useEffectDM(() => { if (!window.Desktop || !window.Desktop.onOpenPrinterSettings) return; // แอปรุ่นเก่ายังไม่คืนฟังก์ชันถอด listener — ต้องเช็กก่อนเรียก const off = window.Desktop.onOpenPrinterSettings(() => setShow(true)); return () => { if (typeof off === "function") off(); }; }, []); if (!show) return null; return setShow(false)} />; } Object.assign(window, { DM_PAPERS, DM_REPORTS, dmAvailable, dmNeedsAppUpdate, getDmSettings, saveDmSettings, dmPaperFor, dmStatus, dmFmt, dmDate, dmPrint, dmPrintHouse, dmPrintContract, dmPrintLedger, dmPrintTest, dmPrintTableProbe, dmPrintThaiModeProbe, dmUseEscp, dmEscpBlocked, DmPrintButton, DotMatrixSettingsCard, DotMatrixSettingsModal, DotMatrixHost, });