/* ============================================================ dispatch.jsx — Calibration dispatch (ส่งสอบเทียบ) workflow. Lifecycle: รอส่ง → ส่งแล้ว → กำลังสอบเทียบ → รับกลับแล้ว Groups instruments into dispatch rounds (batch), prints a cover note, and on return writes new cal/exp back to the instrument (via onUpdateInstrument) for ISO 15189 traceability. ============================================================ */ const CJ_STAGE = { pending: { i: 0, label: 'รอส่ง', color: 'var(--ink-3)', soft: 'var(--none-soft)', icon: I.clock }, sent: { i: 1, label: 'ส่งแล้ว', color: '#3b6ea5', soft: 'rgba(59,110,165,.12)', icon: I.send }, inprogress: { i: 2, label: 'กำลังสอบเทียบ', color: 'var(--warn)', soft: 'var(--warn-soft)', icon: I.shield }, returned: { i: 3, label: 'รับกลับแล้ว', color: 'var(--ok)', soft: 'var(--ok-soft)', icon: I.check }, }; const CJ_ORDER = ['pending', 'sent', 'inprogress', 'returned']; const CJ_RESULTS = ['ผ่าน', 'ผ่านโดยมีเงื่อนไข', 'ไม่ผ่าน']; function cjAddDays(iso, n) { if (!iso) return ''; const d = new Date(iso + 'T00:00:00'); if (isNaN(d.getTime())) return ''; d.setDate(d.getDate() + (Number(n) || 0)); const p = (x) => String(x).padStart(2, '0'); return d.getFullYear() + '-' + p(d.getMonth() + 1) + '-' + p(d.getDate()); } /* a batch's overall stage = the least-advanced stage among its jobs */ function batchStage(jobs) { let min = 3; jobs.forEach(j => { const s = (CJ_STAGE[j.status] || CJ_STAGE.sent).i; if (s < min) min = s; }); return CJ_ORDER[min]; } function CJField({ label, children, hint }) { return ( ); } const cjInput = { width: '100%', padding: '9px 11px', borderRadius: 9, border: '1px solid var(--line)', background: 'var(--surface)', color: 'var(--ink)', fontSize: 13.5, fontFamily: 'inherit' }; function CJModal({ title, sub, icon, onClose, children, footer, wide }) { const Ico = icon; // Render at via a portal so the overlay's position:fixed always // resolves to the viewport — never to a transformed ancestor (e.g. the // detail page wraps its body in .enter which animates `transform`, which // would otherwise make this modal a child of *that* container, putting // it off-screen below the fold). const modal = (
e.stopPropagation()} style={{ width: 'min(' + (wide ? 760 : 520) + 'px, 96vw)', maxHeight: '92vh', display: 'flex', flexDirection: 'column', overflow: 'hidden' }}>
{Ico ? : null}
{title}
{sub &&
{sub}
}
{children}
{footer &&
{footer}
}
); return (window.ReactDOM && window.ReactDOM.createPortal) ? window.ReactDOM.createPortal(modal, document.body) : modal; } /* ---------------- create-dispatch modal ---------------- */ function CreateDispatch({ instruments, activeCodes, onCreate, onClose }) { const [q, setQ] = useState(''); const [sel, setSel] = useState(() => new Set()); const [provider, setProvider] = useState(''); const [sentDate, setSentDate] = useState(window.TODAY_ISO); const [expectedReturn, setExpectedReturn] = useState(cjAddDays(window.TODAY_ISO, 30)); const [note, setNote] = useState(''); const providers = useMemo(() => { const s = new Set(['สถาบันมาตรวิทยาแห่งชาติ (NIMT)', 'ศูนย์สอบเทียบเครื่องมือแพทย์ เขต 10', 'หน่วยวิศวกรรมการแพทย์ รพ.', 'บริษัทผู้แทนจำหน่าย (Authorized)']); instruments.forEach(i => { const m = window.instrumentMeta ? window.instrumentMeta(i) : {}; const p = i.provider || m.provider; if (p) s.add(p); }); return [...s]; }, [instruments]); const candidates = useMemo(() => { const t = q.trim().toLowerCase(); return instruments .filter(i => !window.isDecommissioned(i)) .filter(i => !activeCodes.has(i.code)) .filter(i => !t || (i.code + ' ' + i.type + ' ' + (i.brand || '') + ' ' + (i.dept || '')).toLowerCase().includes(t)) .map(i => ({ i, s: window.statusOf(i) })) .sort((a, b) => { const da = a.s.days == null ? 99999 : a.s.days, db = b.s.days == null ? 99999 : b.s.days; return da - db; }) .slice(0, 400); }, [instruments, q, activeCodes]); const toggle = (code) => setSel(s => { const n = new Set(s); n.has(code) ? n.delete(code) : n.add(code); return n; }); const selList = instruments.filter(i => sel.has(i.code)); const submit = (markSent) => { if (!sel.size) return; onCreate(selList, { provider: provider.trim(), sentDate, expectedReturn, note: note.trim() }, markSent); }; const footer = (
เลือกแล้ว {sel.size} เครื่อง
); return (
{/* picker */}
setQ(e.target.value)} placeholder="ค้นหา รหัส / ชื่อ / แผนก…" style={{ ...cjInput, paddingLeft: 32 }} />
{candidates.length === 0 &&
ไม่พบเครื่องมือที่พร้อมส่ง
} {candidates.map(({ i, s }) => { const on = sel.has(i.code); const col = { ok: 'var(--ok)', warn: 'var(--warn)', danger: 'var(--danger)', none: 'var(--ink-3)' }[s.key]; return (
toggle(i.code)} style={{ display: 'flex', alignItems: 'center', gap: 10, padding: '8px 11px', borderBottom: '1px solid var(--line-soft)', cursor: 'pointer', background: on ? 'var(--accent-soft)' : 'transparent' }}>
{i.code} · {i.type}
{(window.DEPT_META[i.dept] || {}).short || i.dept}{i.exp ? ' · ครบกำหนด ' + window.fmtDateFull(i.exp) : ' · ยังไม่มีนัด'}
{s.days == null ? '—' : (s.days < 0 ? 'เกิน ' + Math.abs(s.days) + 'ว' : s.days + 'ว')}
); })}
เลือกแล้ว {sel.size} เครื่อง{activeCodes.size > 0 ? ` · ซ่อนเครื่องที่กำลังส่งอยู่ ${activeCodes.size} เครื่อง` : ''}
{/* details */}
setProvider(e.target.value)} placeholder="เช่น สถาบันมาตรวิทยาฯ (NIMT)" style={cjInput} /> {providers.map(p => setSentDate(e.target.value)} style={cjInput} /> setExpectedReturn(e.target.value)} style={cjInput} />