/* Pharmacy screens A3 — Chờ duyệt (chi tiết · hàng duyệt · đề xuất của bộ máy). ── CẮT TỆP 2026-08-30 (Jet chốt) ───────────────────────────────────────────── `screens-a.jsx` cũ gộp ba màn, phình tới 113 KB và ĐÓNG BĂNG: công cụ ghi tệp của Claude Design không có chế độ vá, phải phát lại toàn bộ tệp trong một lời gọi, nên trên ~100 KB thì không lượt trả lời nào ghi nổi — sửa một dòng cũng không. Cắt theo đúng ba mục tệp đã tự chia. MÀN HÌNH KHÔNG ĐỔI MỘT CHẤM. Phân giải tên: mọi `function` khai ở cấp cao nhất của một script babel đều tự thành thuộc tính của `window` (đã đo trên prototype đang chạy: `window.dvSourceLeftText` là hàm dù không dòng nào gán nó). Nên A2/A3 gọi được hàm dùng chung của A1 — ở đây là `dvEvidence`, `StoreChips`, `dvSourceLeftText`. Mọi lời gọi đều nằm trong hàm render. Không `const`/`let` cấp cao nhất nào bị dùng chéo phần (đã quét). ⚠ Giữ mỗi phần DƯỚI 60 KB. Vượt là đóng băng lại. */ /* ============ APPROVALS ============ */ function PriceVarianceDetail({ a }) { const { VND, NUM } = window; const { IconInfo } = window; const totalVar = a.items.reduce((s, it) => s + (it.invPrice - it.poPrice) * it.qty, 0); return (
Lý do: {a.reason} — từ phiếu nhập kho {a.grn}.
{['Sản phẩm', 'SL nhận', 'Giá ĐH (PO)', 'Giá HĐ', 'Lệch/đv', 'Tổng lệch'].map((h, i) => )} {a.items.map((it) => { const d = it.invPrice - it.poPrice; return ( ); })}
{h}
{it.name}
{it.sku}
 {NUM(it.qty)} {VND(it.poPrice)} {VND(it.invPrice)} {d > 0 ? '+' : ''}{VND(d)} ({(it.diffPct * 100).toFixed(1)}%) {d > 0 ? '+' : ''}{VND(d * it.qty)}
Nhà cung cấp
{a.ncc}
Tổng chên lệch phải đối soát
{totalVar > 0 ? '+' : ''}{VND(totalVar)}
Duyệt = chấp nhận giá hóa đơn & ghi công nợ theo giá mới. Từ chối = giữ giá PO, yêu cầu NCC điều chỉnh hóa đơn.
); } function ApprovalDetail({ a }) { if (a.kind === 'price') return ; const { VND, NUM } = window; const { IconInfo, IconArrowRight, IconAlertTriangle, IconStore } = window; const isBuy = a.kind === 'buy'; const [byStore, setByStore] = React.useState(false); const [expl, setExpl] = React.useState(null); // sku đang mở bằng-chứng engine (JET-151) /* [T30] Cùng hàm với Đề xuất mua (`dvEvidence`, đầu file) — không giữ bản chép thứ hai ở đây. */ const evidenceOf = (it) => dvEvidence(it, a.leadtime); const debtPct = isBuy ? a.debt / a.debtLimit : 0; const debtAfter = isBuy ? (a.debt + a.value) / a.debtLimit : 0; const budgetPct = isBuy ? a.budget / a.budgetCap : 0; return (
{/* reason */}
Lý do đề xuất: {a.reason}
{/* line items */}
Chi tiết dòng hàng ({a.items.length}) {isBuy && }
{(isBuy ? ['Sản phẩm', 'ABC', 'Tồn / ROP', 'SL đặt', 'Đơn giá', 'Thành tiền'] : ['Sản phẩm', 'ABC', 'Tồn 2 đầu (ngày)', 'SL chuyển', 'Đơn giá', 'Giá trị']).map((h, i) => )} {a.items.map((it) => { const abcColor = it.abc === 'A' ? 'var(--dv-green)' : it.abc === 'B' ? 'var(--dv-yellow-600)' : 'var(--dv-ink-soft)'; const abcBg = it.abc === 'A' ? 'var(--dv-green-50)' : it.abc === 'B' ? 'var(--dv-yellow-100)' : 'var(--dv-mist)'; return ( {isBuy ? : } {isBuy && expl === it.sku && (() => { const ev = evidenceOf(it); return ( ); })()} {isBuy && byStore && } ); })}
{h}
{it.name} {/* [T05] SKU mới — đề xuất đầu tiên nên duyệt tay */} {it.newSku && Mới} {/* [T16] ĐÃ GỠ badge ở đây cùng lúc với màn Đề xuất mua — xem chú thích ở đó. */}
{it.sku}
 {it.abc}{NUM(it.onHand)} / {NUM(it.rop)}{it.fromDoi == null ? '—' : it.fromDoi} → {it.toDoi} {NUM(it.qty)} {it.unit} {isBuy && } {VND(it.price)} {VND(it.qty * it.price)}
Vì sao đặt {NUM(it.qty)} {it.unit}? · phép thế engine
{/* [T30/T03] Tầng tính: kho tổng theo ADS, tầng chi nhánh theo Percentile (ô ma trận) */}
Kho tổng — luôn tính theo Tốc độ (ADS); tầng chi nhánh dùng Percentile theo ô.
{it.sparse &&
SKU bán thưa → tầng chi nhánh tính Percentile.
}
ADS ≈ {ev.ads}/ngày · leadtime {ev.lead}n · SS {NUM(ev.ss)} · đệm lớp {it.abc} = {ev.buf}n
Max = {ev.ads}×({ev.lead}+{ev.buf}) + {NUM(ev.ss)} = {NUM(ev.max)}
Cần = Max − tồn {NUM(it.onHand)} − đang về {NUM(ev.onOrder)} = {NUM(ev.raw)}{ev.moq > 1 ? <> → làm tròn MOQ {ev.moq} = {NUM(it.qty)} : <> ≈ {NUM(it.qty)}} {/* [T06] Sàn Min ≥ 1 (luật sàn) — chỉ hiện khi dòng có cờ floorApplied */} {it.floorApplied && <>
Sàn Min ≥ 1 đè: Min 0 → 1 (có bán trong kỳ).}
Giá lấy từ bảng giá {a.ncc} (hiệu lực) · gom vào đơn này vì {a.ncc} là NCC mặc định của SKU.
Tham số: hồ sơ “Mặc định” · xem Cài đặt → Chính sách theo loại hàng.
{/* decision context */}
{isBuy ? <>
Nhà cung cấp · leadtime
{a.ncc}
Giao sau {a.leadtime} ngày
Công nợ NCC sau đơn này
0.85 ? '#C5372C' : 'var(--dv-ink)' }}>{VND(a.debt + a.value)}/ {VND(a.debtLimit)}
0.85 ? '#C5372C' : 'var(--dv-yellow-600)' }} />
0.85 ? '#C5372C' : 'var(--dv-ink-faint)', marginTop: 3, fontWeight: debtAfter > 0.85 ? 700 : 400 }}>{Math.round(debtAfter * 100)}% hạn mức{debtAfter > 0.85 ? ' · vượt ngưỡng cảnh báo' : ''}
Ngân sách mua kỳ này
{VND(a.budget)} / {VND(a.budgetCap)}
Còn {VND(a.budgetCap - a.budget)} khả dụng
: <>
Từ (thừa)
{a.from}
Đến (thiếu)
{a.to}
{a.kiotviet ? '● Sẽ ghi KiotViet 2 điểm' : '○ Ghi tay KiotViet'}
{/* [T24] Số dư NGUỒN sau chuyển. Bản trước sai hai chỗ: "Chỉ lấy phần DƯ trên Max của nguồn" KHÔNG đúng khi nguồn là kho tổng (fixture DC-0043 Kho tổng → Gò Vấp đang nằm ngay trong hàng chờ), và con số đi kèm là ƯỚC LƯỢNG từ `fromDoi` kẹp `Math.max(0, …)` nên không bao giờ âm — không tra ngược được, không bao giờ thấy cảnh báo. Nay: phiếu MANG THEO tồn nguồn thật thì tính thật, âm thì nói là âm; không mang thì nói thẳng là chưa tính được. Chỉ tính cho phiếu MỘT dòng: tồn nguồn là số theo từng SKU. */} {(() => { const one = a.items.length === 1 ? a.items[0] : null; if (one && typeof a.fromOnHand === 'number') { const r = dvSourceLeftText(a.fromIsWh, a.fromOnHand, a.fromMax, one.qty); return
{r.text}
; } return (
Phiếu chưa mang tồn của nguồn — chưa tính được số còn lại sau chuyển{a.items.length > 1 ? ' (phiếu nhiều dòng: tồn tính theo từng mã)' : ''}.
); })()} }
); } /* DVP-328: chính sách ngưỡng duyệt — MỘT nguồn cho cả dòng chính sách, badge cấp duyệt và logic duyệt hàng loạt. Ngưỡng là cấu hình theo tenant (Cài đặt → Duyệt & quy trình), nên hiển thị là "chính sách hiện hành", không phải luật chung. */ const AUTO_BELOW = 20000000; const TWO_LEVEL_ABOVE = 100000000; // khớp cfg.twoLevelAbove (Settings) — đơn ≥100tr cần 2 cấp duyệt const levelOf = (v) => v < AUTO_BELOW ? { k: 'auto', label: 'Tự động', bg: 'var(--dv-green-50)', fg: 'var(--dv-green)' } : v < TWO_LEVEL_ABOVE ? { k: 'l1', label: '1 cấp', bg: 'var(--dv-yellow-100)', fg: 'var(--dv-yellow-600)' } : { k: 'l2', label: '2 cấp', bg: '#F8E0DD', fg: '#9c2b22' }; function ApprovalRow({ a, onAct }) { const { VND } = window; const { Button } = window.DVMedKingDesignSystem_bf17f8; const { IconCart, IconTransfer, IconCheck, IconX, IconChevronDown, IconEye, IconReceive } = window; const [open, setOpen] = React.useState(false); const done = a.state === 'sent' || a.state === 'rejected'; const awaitingL2 = a.state === 'awaiting_l2'; const needs2 = a.value >= TWO_LEVEL_ABOVE; const Icon = a.kind === 'buy' ? IconCart : a.kind === 'price' ? IconReceive : IconTransfer; return (
setOpen((o) => !o)}>
{a.title}
{a.id} · {a.lines} dòng · tạo bởi {a.by} ({a.role}) · {a.at}
{open ? 'Ẩn chi tiết' : 'Chi tiết'} {/* DVP-328: cấp duyệt + công nợ NCC ngay trên hàng — người duyệt biết vì sao phiếu này tới tay mình mà không phải mở chi tiết */} {(() => { const lv = levelOf(a.value); return {lv.label}; })()} {a.debt != null && a.debtLimit != null && (() => { const after = (a.debt + a.value) / a.debtLimit; const hot = after > 0.85; return ( Công nợ NCC {Math.round(after * 100)}%{hot ? ' ⚠' : ''} ); })()}
{VND(a.value)}
{open && }
{done ? {a.state === 'sent' ? <>{a.kind === 'price' ? 'Đã duyệt chênh lệch' : 'Đã duyệt & gửi'} : <>Đã từ chối} : awaitingL2 ? CHỜ CẤP 2Cấp 1 đã duyệt ({a.decidedL1 || 'Mua hàng'}) · đơn ≥ {VND(TWO_LEVEL_ABOVE)} cần cấp 2. : {needs2 ? <>2 CẤPĐơn ≥ {VND(TWO_LEVEL_ABOVE)} — duyệt cấp 1 trước. : a.kind === 'buy' ? 'Duyệt sẽ gửi đơn tới NCC.' : a.kind === 'price' ? 'Duyệt = chấp nhận giá HĐ & ghi công nợ.' : 'Duyệt sẽ ghi điều chuyển vào KiotViet.'}} {!done &&
{awaitingL2 ? : needs2 ? : }
}
); } /* DVP-329: gợi ý engine CHƯA phải phiếu — gộp chung hàng đợi khiến người dùng tưởng gợi ý đã là đơn. Nguồn: điều chuyển state='suggested' trong OpsStore (engine sinh, chưa ai tạo chứng từ). */ function EngineSuggestions({ setToast, setView }) { const { VND, NUM, IconTransfer, IconArrowRight, IconPlus } = window; const { Button } = window.DVMedKingDesignSystem_bf17f8; const sug = window.OpsStore.use().transfers.filter((t) => t.state === 'suggested'); if (!sug.length) return null; return (

Gợi ý từ engine · chưa tạo phiếu

{sug.length}

Đây chưa phải chứng từ — engine tính ra và đề nghị, chưa ai tạo phiếu. Không duyệt trực tiếp được: phải tạo phiếu trước, rồi phiếu mới vào hàng chờ duyệt ở trên.

{sug.map((t) => (
{t.name}GỢI Ý
{t.from}{t.to} · {NUM(t.qty)} {t.unit || 'hộp'}
Giá trị
{VND(t.value || 0)}
))}
); } function ApprovalsScreen({ setToast, setView }) { const { PageHeader, StatusTabs } = window; const { Button } = window.DVMedKingDesignSystem_bf17f8; const { IconSend } = window; const [tab, setTab] = React.useState('all'); const [q, setQ] = React.useState(''); const s = window.OpsStore.use(); const rows = s.approvals; const filtered = rows.filter((r) => (tab === 'all' || r.kind === tab) && (r.id + r.title + (r.ncc || '') + (r.from || '') + (r.to || '')).toLowerCase().includes(q.toLowerCase())); const pending = rows.filter((r) => r.state === 'pending' || r.state === 'awaiting_l2'); const act = (id, state, msg) => { window.OpsStore.set((st) => ({ approvals: st.approvals.map((x) => x.id === id ? { ...x, state, ...(state === 'awaiting_l2' ? { decidedL1: 'Bạn (Mua hàng)' } : {}) } : x) })); setToast(msg); }; return (
} onClick={() => { let l2 = 0, credit = 0; window.OpsStore.set((st) => ({ approvals: st.approvals.map((x) => { if (x.state !== 'pending') return x; if (x.value >= 100000000) { l2++; return { ...x, state: 'awaiting_l2', decidedL1: 'Bạn (Mua hàng)' }; } if (x.debt != null && x.debtLimit != null && (x.debt + x.value) > x.debtLimit) { credit++; return x; } return { ...x, state: 'sent' }; }) })); const parts = []; if (l2) parts.push(`${l2} đơn ≥100tr chuyển chờ cấp 2`); if (credit) parts.push(`${credit} đơn vượt hạn mức công nợ giữ lại — mở chi tiết để xử lý`); setToast(parts.length ? `Đã duyệt & gửi đơn an toàn; ${parts.join(' · ')}.` : `Đã duyệt & gửi tất cả.`); }}>Duyệt & gửi đơn an toàn ({pending.filter((r) => r.state === 'pending').length})} /> {/* DVP-328: dòng chính sách ngưỡng — người duyệt hiểu ngay vì sao phiếu rơi vào tay mình */}
Chính sách hiện hành {[['Tự động', `< ${window.VND(AUTO_BELOW)}`, 'var(--dv-green-50)', 'var(--dv-green)'], ['1 cấp', `< ${window.VND(TWO_LEVEL_ABOVE)}`, 'var(--dv-yellow-100)', 'var(--dv-yellow-600)'], ['2 cấp', `≥ ${window.VND(TWO_LEVEL_ABOVE)}`, '#F8E0DD', '#9c2b22']].map(([l, r, bg, fg]) => ( {l}{r} ))} Cấu hình theo chuỗi tại Cài đặt → Duyệt & quy trình
r.kind === 'buy').length], ['transfer', 'Điều chuyển', rows.filter((r) => r.kind === 'transfer').length], ['price', 'Chênh lệch giá', rows.filter((r) => r.kind === 'price').length]]} value={tab} onChange={setTab} />
{filtered.length} / {rows.length} phiếu {/* DVP-329: hai hàng đợi TÁCH BẠCH — phiếu đã tạo (duyệt được) vs gợi ý engine (chưa là phiếu) */}

Phiếu đã tạo · chờ duyệt

{filtered.length} — đã là chứng từ, duyệt là gửi đi
{filtered.length === 0 && } {filtered.map((a) => )}
); } window.ApprovalsScreen = ApprovalsScreen;