{DOC_STATUS_CHOICES[docType] && (
forceU(n => n + 1)}/>
)}
เลขที่{row[info.id]}
วันที่{row.date}
{row.due && ครบกำหนด{row.due}
}
{row.dueDate && ครบกำหนด{row.dueDate}
}
{row.expected && นัดรับ{row.expected}
}
{row.paid !== undefined && ชำระแล้ว฿{fmt0(row.paid)}
}
{row.method && วิธีจ่าย{row.method}
}
{party.name}
เลขผู้เสียภาษี {party.taxId}
{party.contact}
{party.phone}
{party.credit !== undefined && เครดิต {party.credit} วัน
}
{party.terms && เงื่อนไข: {party.terms}
}
{row.invoices.map(inv => {inv} )}
{row.ref}
กดจ่าย — เลือกบัญชีที่จะจ่าย
{row.no} · {row.payee} · ฿{fmt0(row.amount)}
{window.CCAccountPicker
? ไม่พบข้อมูลบัญชี
}
รายการจะขึ้นที่บัญชีที่เลือก สถานะ "รออนุมัติจ่าย" — จากนั้นไปกด อนุมัติจ่าย + แนบสลิป/หลักฐาน ระบบจึงจะบันทึกลงระบบบัญชี
{slips.map((s, i) => {
const isImg = s.type && s.type.startsWith("image/");
return (
)}
{isImg ? (
setPreview(s)}
style={{width: 56, height: 56, objectFit: "cover", borderRadius: 4, cursor: "pointer", border: "1px solid var(--line)"}}/>
) : (
);
})}
PDF
)}
{s.name}
{(s.size/1024).toFixed(0)} KB · {s.uploadedAt}
setPreview(null)}>
)}
);
}
window.SlipUpload = SlipUpload;
// =============== แผงท้ายเอกสาร: ประวัติ + แนบสลิป + คอมเมนต์ (sync ผ่าน DocCreateStore) ===============
function DocHistoryPanel({ listKey, docNo }) {
const { Card, Btn } = window.UI;
const [, forceH] = useStateU(0);
const [comment, setComment] = useStateU("");
const [preview, setPreview] = useStateU(null);
React.useEffect(() => {
const h = () => forceH(n => n + 1);
window.addEventListener("sss-docs-changed", h);
window.addEventListener("sss-data-synced", h);
return () => { window.removeEventListener("sss-docs-changed", h); window.removeEventListener("sss-data-synced", h); };
}, []);
const list = window.SSSData[listKey] || [];
const row = list.find(r => r.no === docNo) || {};
const me = (window.Session && window.Session.get() && window.Session.get().name) || (window.SSSData.Company.currentUser && window.SSSData.Company.currentUser.name) || "ผู้ใช้";
const nowStr = () => new Date().toLocaleString("th-TH", { day: "2-digit", month: "short", hour: "2-digit", minute: "2-digit" });
const comments = Array.isArray(row.comments) ? row.comments : [];
const slips = Array.isArray(row.slips) ? row.slips : [];
const acts = (window.SSSData.Activity || []).filter(a => (a.target || "").includes(docNo)).slice(0, 12);
const addComment = () => {
if (!comment.trim() || !window.DocCreateStore) return;
window.DocCreateStore.patch(listKey, docNo, { comments: [...comments, { by: me, text: comment.trim(), at: nowStr() }] });
setComment(""); window.toast && window.toast("เพิ่มความคิดเห็นแล้ว");
};
const delComment = (i) => window.DocCreateStore.patch(listKey, docNo, { comments: comments.filter((_, j) => j !== i) });
const onPickSlip = async (e) => {
const files = [...e.target.files]; e.target.value = "";
const out = [];
for (const f of files) {
const url = window.DeliveryStore && window.DeliveryStore.resizeImage ? await window.DeliveryStore.resizeImage(f, 1100) : null;
if (url) out.push({ url, name: f.name, by: me, at: nowStr() });
}
if (out.length) {
window.DocCreateStore.patch(listKey, docNo, { slips: [...slips, ...out] });
window.logActivity && window.logActivity("แนบสลิป", `${docNo} (${out.length} ไฟล์)`, "update");
window.toast && window.toast(`แนบสลิป ${out.length} ไฟล์แล้ว`);
}
};
const delSlip = (i) => window.DocCreateStore.patch(listKey, docNo, { slips: slips.filter((_, j) => j !== i) });
return (
<>
{/* แนบสลิป / หลักฐาน */}
{preview.name}
{slips.map((s, i) => (
setPreview(s)} title={`${s.by || ""} · ${s.at || ""}`}
style={{ width: 78, height: 78, objectFit: "cover", borderRadius: 6, cursor: "pointer", border: "1px solid var(--line)" }} />
))}
)}
{comments.length === 0 &&
))}
ยังไม่มีความคิดเห็น
}
{comments.map((c, i) => (
{c.by}
{c.at}
{c.by === me && }
{c.text}
setComment(e.target.value)} placeholder="เขียนความคิดเห็น…"
onKeyDown={e => { if (e.key === "Enter") addComment(); }} style={{ flex: 1, height: 34 }} />
ส่ง
ยังไม่มีประวัติ
: (
{acts.map((a, i) => (
))}
)}
{a.user} {a.action}
{a.when}
setPreview(null)}>
)}
);
}
window.DocHistoryPanel = DocHistoryPanel;