/* Pharmacy screens A1 — Mua hàng (dự trù · tạo đơn · lịch sử đơn) + các hàm dùng chung của cả bộ A. ── 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 — và A1 nạp TRƯỚC trong `Pharmacy Portal.html`, nên thứ tự cũng đúng. 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. */ /* ============ PURCHASING ============ */ function PODetailDrawer({ po, onClose, setView }) { const { PO_DETAILS, PO_TIMELINE_STEPS, VND, NUM, StatusBadge } = window; const { Button } = window.DVMedKingDesignSystem_bf17f8; const { IconCheck, IconReceive, IconFile } = window; const Drawer = window.Drawer; const d = PO_DETAILS[po.id]; if (!d) return null; const itemsTotal = d.items.reduce((s, it) => s + it.qty * it.price, 0); return ( {d.grn && } }>
{VND(po.value)}
{/* timeline */}
Dòng thời gian
{PO_TIMELINE_STEPS.map((s, i) => { const done = i < d.progress; const current = i === d.progress; const last = i === PO_TIMELINE_STEPS.length - 1; return (
{done ? : i + 1} {!last && }
{s}{current ? ' — đang ở bước này' : ''} {d.times[i] && {d.times[i]}}
); })}
{/* line items */}
Dòng hàng
{['Sản phẩm', 'SL', 'Đơn giá', 'VAT%', 'Thành tiền'].map((h, i) => )} {d.items.map((it) => ( ))} {d.extraLines > 0 && ( )} {(() => { const net = itemsTotal + d.extraValue; const vatAmt = d.items.reduce((s, it) => s + it.qty * it.price * ((it.vat != null ? it.vat : 5) / 100), 0) + Math.round(d.extraValue * 0.05); return (<> ); })()}
{h}
{it.name}
{it.sku}
 {NUM(it.qty)} {it.unit} {VND(it.price)} {it.vat != null ? it.vat : 5}% {VND(it.qty * it.price)}
+ {d.extraLines} dòng khác {VND(d.extraValue)}
Tổng trước VAT{VND(net)}
VAT{VND(Math.round(vatAmt))}
Tổng có VAT{VND(net + Math.round(vatAmt))}
); } /* ===== shared: tách SL đề xuất theo cửa hàng (deterministic) — dùng cho #1 Đề xuất mua & #2 Chờ duyệt ===== */ const STORE_POOL = ['Dược Vương Q.1', 'Dược Vương Q.3', 'Dược Vương Q.5', 'Dược Vương Gò Vấp', 'Dược Vương Thủ Đức', 'Dược Vương Q.7']; function dvHash(s) { let h = 0; s = String(s || ''); for (let i = 0; i < s.length; i++) h = (h * 31 + s.charCodeAt(i)) >>> 0; return h; } function dvStoreSplit(sku, qty) { qty = Math.max(0, Math.round(Number(qty) || 0)); if (qty === 0) return []; const h = dvHash(sku); const n = 2 + (h % 3); // 2..4 cửa hàng const start = h % STORE_POOL.length; const stores = []; for (let i = 0; i < n; i++) { const name = STORE_POOL[(start + i) % STORE_POOL.length]; if (name && !stores.includes(name)) stores.push(name); } const weights = stores.map((_, i) => ((h >>> (i * 3)) % 5) + 1); const wsum = weights.reduce((a, b) => a + b, 0) || 1; // largest-remainder: phân bổ nguyên, tổng luôn = qty const raw = weights.map((w) => qty * w / wsum); const base = raw.map((x) => Math.floor(x)); let leftover = qty - base.reduce((a, b) => a + b, 0); const order = raw.map((x, i) => [i, x - Math.floor(x)]).sort((a, b) => b[1] - a[1]); for (let k = 0; k < leftover; k++) base[order[k % base.length][0]]++; return stores.map((store, i) => ({ store, qty: base[i] })).filter((r) => r.store && r.qty > 0); } window.dvStoreSplit = dvStoreSplit; /* chip list: cửa hàng → SL cho một dòng hàng */ function StoreChips({ sku, qty }) { const { IconStore } = window; return (
{dvStoreSplit(sku, qty).map((s, i) => ( {(s.store || '').replace('Dược Vương ', '')} {window.NUM(s.qty)} ))}
); } window.StoreChips = StoreChips; /* pivot: cửa hàng → các dòng hàng cần về (cho view "Theo cửa hàng") */ function StorePivot({ items }) { const { VND, NUM, IconStore } = window; const map = {}; items.forEach((it) => dvStoreSplit(it.sku, it.qty).forEach((s) => { (map[s.store] = map[s.store] || []).push({ ...it, sQty: s.qty }); })); const stores = Object.keys(map).sort(); return (
{stores.map((st) => { const rows = map[st]; const sub = rows.reduce((a, r) => a + r.sQty * r.price, 0); return (
{st} {rows.length} SP · {VND(sub)}
{rows.map((r, ri) => (
{r.name} {r.sku} {NUM(r.sQty)} {r.unit} {VND(r.sQty * r.price)}
))}
); })}
); } window.StorePivot = StorePivot; /* ===== "Đang về" của MỘT dòng dự trù — đúng MỘT nguồn cho cả hai màn ===== Bảng Đề xuất mua khẳng định "Đang về đã gồm PO đang giao và điều chuyển đang tới" mà không có cột nào mang con số ấy. Cột "Đang về" và phép thế engine ở Chờ duyệt đọc CÙNG hàm này — hai chỗ tự tính lấy thì cùng một dòng ra hai số ở hai màn. Đầu vào là SL GỐC engine (`baseQty`): hàng đang trên đường là sự thật đã đo, không đổi vì ai đó sửa số lượng muốn đặt. */ function dvOnOrder(sku, qty) { const s = String(sku || ''); return (s.charCodeAt(4) % 3 === 0) ? Math.round((Number(qty) || 0) * 0.25 / 10) * 10 : 0; } window.dvOnOrder = dvOnOrder; /* ===== Phép thế engine của MỘT dòng — đúng MỘT hàm cho cả hai màn ===== [T30] Trước đây phép thế chỉ sống ở Chờ duyệt, nên NGƯỜI BẤM "Tạo đơn nháp" là người duy nhất không xem được vì sao máy đòi số đó — đúng người cần nhất. Nay Đề xuất mua dùng CHÍNH hàm này, không chép sang bản thứ hai: hai bản chép tay thì sửa một bên không bên nào đỏ. Back-derive từ SL thực của dòng để chuỗi phép thế tự nhất quán (JET-151). ⚠ KHÔNG dùng `WhyPopover` của CalcEngine.jsx: nó cần chuỗi bán/MOQ/pack per-SKU mà bảng dự trù không mang, nên sẽ rơi vào nhánh xấp xỉ và tự in ra "không phải phân vị" — vẽ một panel tự khai mình sai còn tệ hơn không vẽ. */ function dvEvidence(it, leadtime) { const lead = leadtime || 3; /* Đệm an toàn theo LỚP ABC (A=5n · B=7n · C=10n) — thay hằng số 7 ngày gõ cứng cũ */ const buf = it.abc === 'A' ? 5 : it.abc === 'B' ? 7 : 10; const moq = it.qty % 10 === 0 ? 10 : 1; const onOrder = dvOnOrder(it.sku, it.baseQty != null ? it.baseQty : it.qty); const raw = moq > 1 ? it.qty - (it.sku.charCodeAt(3) % moq) : it.qty; // raw ≤ qty, chênh < MOQ const max = raw + it.onHand + onOrder; // Cần = Max − tồn − đang về = raw ✓ const ads = Math.max(1, Math.round(max / (lead + 14))); const ss = max - ads * (lead + buf); // Max = ADS×(lead+buf) + SS ✓ return { lead, buf, ads, ss, max, onOrder, raw, moq }; } window.dvEvidence = dvEvidence; /* ===== Một câu duy nhất cho "nguồn còn lại sau chuyển" — đúng cho CẢ HAI loại nguồn ===== Câu cũ ("Nguồn còn lại ~N sau chuyển — không tụt dưới Max") sai hai hướng: (1) với KHO TỔNG lời hứa đó vô nghĩa vì `sourcesFor` cho kho `sẵn = toàn bộ tồn` — kho CÓ tụt dưới Max của chính nó, cố ý; (2) khi SL gõ VƯỢT lượng sẵn thì N ÂM, đúng lúc con số tự nói "đã phá sàn" thì câu bên cạnh lại khẳng định sàn còn nguyên. Trả `{ text, warn }`; `warn` = phần dư đã âm. */ function dvSourceLeftText(isWh, onHand, max, qty) { const NUM = window.NUM || ((x) => String(x)); const q = Number(qty) || 0; if (isWh) { const con = onHand - q; return con >= 0 ? { text: `Kho tổng còn ~${NUM(con)} sau chuyển — kho cấp phát nên không giữ mức Max riêng.`, warn: false } : { text: `Vượt tồn kho tổng ${NUM(-con)} — không đủ hàng để chuyển.`, warn: true }; } const du = onHand - (max || 0) - q; return du >= 0 ? { text: `Nguồn còn dư ~${NUM(du)} trên Max sau chuyển — chưa tụt dưới Max.`, warn: false } : { text: `Thiếu ${NUM(-du)} so với phần dư trên Max — nguồn sẽ tụt dưới Max.`, warn: true }; } function PurchasingScreen({ setView, setToast }) { const { PURCHASE_GROUPS, MISSING_MASTER, PO_HISTORY, SUPPLIERS, VND, NUM, PageHeader, StatusBadge, Table, Th, Td, Tr } = window; const { Button } = window.DVMedKingDesignSystem_bf17f8; const { IconCart, IconFile, IconChevronRight, IconAlertTriangle, IconCheck, IconEdit, IconQuote } = window; /* DVP-662 (phản hồi #74): "Tình huống demo" chỉ để Jet duyệt bố cục ở các trạng thái brief yêu cầu (10 NCC · 1 NCC · trống · lịch sử dài). Nhóm nhân bản GIỮ `ncc` thật để tra SUPPLIERS, chỉ khác `key`. */ const [scen, setScen] = React.useState('thuc'); const gk = (g) => g.key || g.ncc; const GROUPS = React.useMemo(() => scen === 'trong' ? [] : scen === 'it' ? PURCHASE_GROUPS.slice(0, 1) : scen === 'nhieu' ? Array.from({ length: 10 }, (_, i) => { const g = PURCHASE_GROUPS[i % PURCHASE_GROUPS.length]; return i < PURCHASE_GROUPS.length ? g : { ...g, key: `${g.ncc}-d${i}`, name: `${g.name.split(' (')[0]} · demo ${i + 1}` }; }) : PURCHASE_GROUPS, [scen]); const HIST = scen === 'trong' ? [] : scen === 'nhieu' ? Array.from({ length: 24 }, (_, i) => PO_HISTORY[i % PO_HISTORY.length]) : PO_HISTORY; const MISSING = scen === 'trong' ? [] : MISSING_MASTER; /* Mặc định chỉ mở 2 card đầu — card nào cũng có tên · số dòng · tạm tính ở header nên thu gọn không mất thông tin. */ const [open, setOpen] = React.useState(PURCHASE_GROUPS.slice(0, 2).map((g) => g.ncc)); React.useEffect(() => { setOpen(GROUPS.slice(0, 2).map(gk)); }, [GROUPS]); const [poView, setPoView] = React.useState(null); const [qtys, setQtys] = React.useState({}); const [created, setCreated] = React.useState({}); /* DVP-325: ncc → số PO đã tạo (chặn tạo trùng) */ const [q, setQ] = React.useState(''); const [nccFilter, setNccFilter] = React.useState([]); const [purchView, setPurchView] = React.useState('product'); /* [T30] SKU đang mở ô "vì sao" trên bảng dự trù. Một dòng mở tại một thời điểm — bảng này đã nhiều cột, mở nhiều ô cùng lúc thì mất luôn cái nó đang giải thích. */ const [explSku, setExplSku] = React.useState(null); /* Giỏ "dự trù tay" do màn Tồn kho chi nhánh ghi vào OpsStore (xem `toPurchasing`, Inventory.jsx). Khoá `manualPurchase` KHÔNG có trong state khởi tạo của OpsStore (data.jsx) nên luôn `|| []`. Hook phải đứng TRƯỚC lối thoát sớm `pMode === 'opt'` bên dưới — React đếm hook theo thứ tự. */ const opsState = window.OpsStore.use(); const manualLines = opsState.manualPurchase || []; const dropManual = (key) => window.OpsStore.set((st) => ({ manualPurchase: (st.manualPurchase || []).filter((p) => p.key !== key) })); const toggle = (id) => setOpen((o) => o.includes(id) ? o.filter((x) => x !== id) : [...o, id]); const qtyOf = (l) => qtys[l.sku] != null ? qtys[l.sku] : l.qty; const lineTotal = (l) => qtyOf(l) * l.price; const edited = (l) => qtys[l.sku] != null && qtys[l.sku] !== l.qty; /* Con số ở góc header đếm ĐÚNG những gì màn này đang bày ra — gồm cả giỏ dự trù tay. Đếm thiếu nó thì người dùng vừa thêm 5 mã xong, thấy 5 mã trên màn mà ô tổng không nhúc nhích. */ const manualVal = manualLines.reduce((a, l) => a + l.qty * l.price, 0); const totalLines = GROUPS.reduce((s, g) => s + g.lines.length, 0) + manualLines.length; const grand = GROUPS.reduce((s, g) => s + g.lines.reduce((a, l) => a + lineTotal(l), 0), 0) + manualVal; const fGroups = GROUPS .filter((g) => nccFilter.length === 0 || nccFilter.includes(g.name)) .map((g) => ({ ...g, lines: g.lines.filter((l) => (l.name + l.sku).toLowerCase().includes(q.toLowerCase())) })) .filter((g) => g.lines.length > 0); const fLines = fGroups.reduce((s, g) => s + g.lines.length, 0); const linkBtn = { border: 'none', background: 'none', cursor: 'pointer', padding: '2px 4px', fontFamily: 'var(--font-body)', fontWeight: 700, fontSize: 12.5, color: 'var(--dv-green)' }; const scenPill = { border: 'none', cursor: 'pointer', padding: '4px 10px', borderRadius: 999, fontFamily: 'var(--font-body)', fontWeight: 600, fontSize: 12 }; const createDraft = (g) => { const sup = SUPPLIERS.find((s) => s.id === g.ncc); const value = g.lines.reduce((a, l) => a + lineTotal(l), 0); const editedCount = g.lines.filter(edited).length; const id = 'PO-2406-' + (122 + Object.keys(created).length); window.OpsStore.set((st) => ({ approvals: [{ id, kind: 'buy', title: `Đơn mua — ${g.name.split(' (')[0]}`, lines: g.lines.length, value, by: 'Trần Thị Mai', role: 'Mua hàng', at: 'Vừa xong', state: 'pending', ncc: g.name, leadtime: g.leadtime, debt: sup.debt, debtLimit: sup.debtLimit, budget: 418000000, budgetCap: 500000000, reason: `Tạo từ đề xuất mua (dự trù kho tổng)${editedCount ? ` — đã chỉnh tay ${editedCount} dòng SL` : ''}.`, /* MỌI cờ chẩn đoán phải đi tiếp sang phiếu. Bản trước bỏ `floorApplied`: mọi đơn tạo từ màn này vĩnh viễn mất bằng chứng "Min do luật sàn quyết", chỉ fixture PO-2406-119 hiện nổi — người duyệt tin là không đơn nào có sàn, thật ra không đơn nào MANG NỔI cờ sàn. Cờ chết giữa đường nguy hiểm hơn cờ không có: không để lại chỗ trống nào cho ai nhận ra. `baseQty` = SL gốc engine, giữ để "Đang về" không nhảy theo SL người mua vừa sửa. */ items: g.lines.map((l) => ({ sku: l.sku, name: l.name, qty: qtyOf(l), baseQty: l.qty, unit: l.unit, price: l.price, onHand: l.onHand, rop: l.rop, abc: l.abc, sparse: l.sparse, newSku: l.newSku, expiryCap: l.expiryCap, floorApplied: l.floorApplied })), }, ...st.approvals] })); setCreated((c) => ({ ...c, [gk(g)]: id })); setToast(`Đã tạo đơn nháp ${id} cho ${g.name} — vào hàng Chờ duyệt (+1).`); }; /* Cầu nối Đề xuất → RFQ (Q4): cùng giỏ dự trù, rẽ nhánh so giá. Mở trình tạo RFQ với giỏ đã chọn sẵn. */ const openRfq = (g) => { window.__openRfqBuilder = true; window.__rfqFocusNcc = g ? g.name : null; setView('rfq'); }; /* JET-170 Màn 2: chế độ xem Tối ưu CTKM — tiến hoá từ /purchasing, không vẽ lại */ const [pMode, setPMode] = React.useState('base'); const ModeBar = (
{[['base', 'Dự trù cơ sở'], ['opt', 'Tối ưu CTKM']].map(([k, l]) => ( ))}
); if (pMode === 'opt') return (
{ModeBar}
); /* DVP-325: KHÔNG lặp mốc "Số liệu" trong header màn — topbar (cấp shell) giữ mốc thật và tự cập nhật sau mỗi lần Đồng bộ; mốc thứ hai gõ cứng sẽ lệch với topbar và không bao giờ đổi. */ return (
{totalLines} dòng · {VND(grand)}} /> {ModeBar} {/* DVP-662 (phản hồi #74, Jet chốt design trước): MỤC LỤC NEO. Vào trang không cuộn vẫn thấy trang có BA khối và mỗi khối bao nhiêu mục; thanh dính mép trên khi cuộn nên từ bất kỳ đâu trong khối đề xuất nhảy tới Lịch sử là một cú bấm. Không đổi điều hướng (sidebar vẫn một cấp). `top: 70` = chiều cao header dính của Shell (đo 1440×900); để 0 thì thanh trốn dưới header. */}
Hai cách tạo đơn từ cùng giỏ dự trù này: mặc định bấm “Tạo đơn nháp” khi đã có giá & NCC mặc định (đi thẳng PO). Khi cần so giá nhiều NCC, bấm “Tạo RFQ” để gửi yêu cầu báo giá niêm phong.
g.name)} value={nccFilter} onChange={setNccFilter} allLabel="Tất cả NCC" icon={React.createElement(window.IconSuppliers, { size: 15 })} width={210} /> Xem theo {[['product', 'Sản phẩm'], ['store', 'Cửa hàng']].map(([k, l]) => ( ))} {/* [T21] Đang về (on-order) đã được engine trừ sẵn — nói ra để người mua khỏi trừ tay lần nữa */}
Đang về đã gồm PO đang giao và điều chuyển đang tới — không đề xuất trùng.
{/* ── GIỎ DỰ TRÙ TAY (NO_TICKET_YET) — đích đến của nút "Lên dự trù / mua" ở màn Tồn kho. Phụ đề màn này vẫn nói giỏ gồm "dự trù tay từ Tồn kho chi nhánh" mà phần đó trước đây không có chỗ nào để đi tới: màn chỉ đọc hằng số `PURCHASE_GROUPS`. KHÔNG có nút "Tạo đơn nháp" ở đây, và đó là đúng: dòng chọn tay không mang NCC nào mà đơn mua thì gộp THEO NCC — dựng nhóm NCC giả để có nút bấm chính là kiểu bịa dữ liệu mà `sourcesFor` vừa bị gỡ vì nó. Đường thật: gán NCC ở Danh mục. */} {manualLines.length > 0 && (
Dự trù tay từ Tồn kho chi nhánh
{manualLines.length} dòng · {VND(manualVal)} — chưa gắn NCC nên chưa gom vào đơn nháp được.
{['Mã', 'Sản phẩm', 'Điểm bán', 'Tồn', 'Đang về', 'Min / Max', 'SL đề xuất', 'Thành tiền', ''].map((h, i) => )} {manualLines.map((l) => ( {/* Đang về ở đây là số ĐO ĐƯỢC của chính dòng tồn kho (`r.onOrder`), không phải số suy ra như bảng engine bên dưới — nên hiện thẳng, kể cả khi bằng 0. */} ))}
= 3 && i < 8 ? 'right' : 'left', padding: '9px 18px', fontSize: 11, fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.04em', color: 'var(--dv-ink-soft)', whiteSpace: 'nowrap' }}>{h}
{l.sku} {l.name} {l.branch} {NUM(l.onHand)}{NUM(l.onOrder)} {NUM(l.rop)} / {NUM(l.max)} 0 ? 'var(--dv-green)' : 'var(--dv-ink-faint)', fontVariantNumeric: 'tabular-nums' }}>{NUM(l.qty)} {VND(l.qty * l.price)}
)}

Đề xuất theo nhà cung cấp · {fGroups.length} NCC · {fLines} SKU · bấm tiêu đề card để mở/thu gọn

{fGroups.length === 0 && (GROUPS.length === 0 ? : )} {fGroups.map((g) => { const sup = SUPPLIERS.find((s) => s.id === g.ncc); const subtotal = g.lines.reduce((a, l) => a + lineTotal(l), 0); const isOpen = open.includes(gk(g)); const poId = created[gk(g)]; const isCreated = !!poId; /* DVP-325: chính sách ngưỡng duyệt — cho biết TRƯỚC khi tạo đơn là sẽ phải qua mấy cấp */ const appr = subtotal < 20000000 ? ['Tự động duyệt', 'var(--dv-green-50)', 'var(--dv-green)'] : subtotal < 100000000 ? ['1 cấp duyệt', 'var(--dv-yellow-100)', 'var(--dv-yellow-600)'] : ['2 cấp duyệt', '#F8E0DD', '#9c2b22']; return (
toggle(gk(g))}>
{g.name} {g.source === 'dv_odoo' ? Tự động · DV Odoo : Nhập tay}
Leadtime {g.leadtime} ngày · {g.lines.length} sản phẩm · Công nợ {VND(sup.debt)} / {VND(sup.debtLimit)}
{VND(subtotal)}
tạm tính (chưa VAT)
{appr[0]} {isCreated ? e.stopPropagation()}>Đã có PO {poId} : }
{isOpen && (purchView === 'store' ?
({ sku: l.sku, name: l.name, qty: qtyOf(l), unit: l.unit, price: l.price }))} />
:
{/* [G8] Cột "Đang về" — khẳng định ngay trên bảng chỉ kiểm được khi con số hiện ra cạnh dòng hàng. */} {/* DVP-653 (phản hồi #64): "Tồn dự kiến" = tồn + đang về (KHÔNG cộng SL); "Ngày tồn sau đặt" = (tồn + đang về + SL) ÷ sức bán, đổi theo số đang gõ. */} {['Mã', 'Sản phẩm', 'ABC', 'Sức bán/ngày', 'Tồn kho', 'Đang về', 'Tồn dự kiến', 'SL đề xuất', 'Ngày tồn sau đặt', 'Đơn giá', 'Thành tiền'].map((h, i) => )} {g.lines.map((l) => { const abcColor = l.abc === 'A' ? 'var(--dv-green)' : l.abc === 'B' ? 'var(--dv-yellow-600)' : 'var(--dv-ink-soft)'; const abcBg = l.abc === 'A' ? 'var(--dv-green-50)' : l.abc === 'B' ? 'var(--dv-yellow-100)' : 'var(--dv-mist)'; /* [G8] CÙNG hàm với ô bằng chứng ở Chờ duyệt, cùng đầu vào (SL gốc engine `l.qty`). */ const lOnOrder = dvOnOrder(l.sku, l.qty); return ( {/* Hiện SỐ 0, không hiện "—": 0 ở đây là số ĐÃ ĐO, còn "—" prototype dành riêng cho "chưa có số liệu" (xem `ManualTransferBuilder`). */} {/* [T30] Ô "vì sao" — hai dòng, không hơn. Dòng đầu là PHÉP TRỪ dẫn thẳng tới con số trên bảng; dòng sau mờ hơn, nói Max ở đâu ra. Giải thích dài hơn nằm ở tooltip, không nằm trên màn. */} {explSku === l.sku && (() => { const ev = dvEvidence(l, g.leadtime); return ( ); })()} ); })}
= 2 ? 'right' : 'left', padding: '9px 18px', fontSize: 11, fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.04em', color: 'var(--dv-ink-soft)', whiteSpace: 'nowrap' }}>{h}
{l.sku} {l.name} {/* [T05] SKU mới — chưa đủ lịch sử bán */} {l.newSku && Mới} {/* [T16] ĐÃ GỠ badge "vượt bán-kịp-hạn" (Jet chốt 2026-08-30). Nó là một BÁO ĐỘNG ĐỎ dựng trên một cờ gán tay trong fixture, không phải số tính được: chưa có trần hạn dùng nào, và hệ cũng không cắt SL. Cảnh báo không tính được thì gỡ, đừng dạy người dùng phớt lờ màu đỏ. Cờ `expiryCap` vẫn đi theo phiếu để dùng lại khi có trần thật. */} {/* [T06] CỐ Ý KHÔNG có chip "Sàn" ở đây (Jet chốt 2026-08-29): cờ sàn đã nói trong ô "?" ngay cạnh ô số lượng, thêm một huy hiệu nữa trên hàng là hai chỗ nói cùng một điều. Cờ vẫn đi trọn đường dòng dự trù → `createDraft` → phiếu chờ ký. */} {l.abc} {NUM(l.ads)}/ng {NUM(l.onHand)}{NUM(lOnOrder)} {NUM(l.onHand + lOnOrder)} {edited(l) && sẽ áp khi tạo đơn} setQtys((q) => ({ ...q, [l.sku]: Math.max(0, Number(e.target.value)) }))} style={{ width: 78, textAlign: 'right', padding: '6px 8px', borderRadius: 8, border: `1px solid ${edited(l) ? 'var(--dv-yellow-600)' : 'var(--border-strong)'}`, fontFamily: 'var(--font-mono)', fontSize: 13.5, fontWeight: 700, color: 'var(--dv-green)', outline: 'none', background: isCreated ? 'var(--dv-mist)' : '#fff' }} /> {l.unit} {/* [T30] Cùng nút, cùng chỗ, cùng hàm với Chờ duyệt. */} 0 && (l.onHand + lOnOrder + qtyOf(l)) / l.ads < 14 ? 'var(--dv-yellow-600)' : 'var(--dv-ink-soft)', fontVariantNumeric: 'tabular-nums' }}>{l.ads > 0 ? NUM(Math.round((l.onHand + lOnOrder + qtyOf(l)) / l.ads)) + 'n' : '∞'} {VND(l.price)} {VND(lineTotal(l))}
Max {NUM(ev.max)} − tồn {NUM(l.onHand)} − đang về {NUM(ev.onOrder)} = {NUM(ev.raw)} {ev.moq > 1 ? <> → MOQ {ev.moq} → {NUM(l.qty)} : <> → {NUM(l.qty)}} {l.unit}
Max = {ev.ads}/ngày × ({ev.lead}n chờ + {ev.buf}n đệm) + dự phòng {NUM(ev.ss)} {l.floorApplied && <> · sàn Min ≥ 1 đè} {edited(l) && <> · bạn đã sửa SL thành {NUM(qtyOf(l))}}
{/* DVP-644 / DVP-660 (phản hồi #53 · #72): tổng tạm tính ở header card đã đổi theo số đang gõ; câu này nói số sửa BAO GIỜ có hiệu lực. */} {!isCreated &&
Số đã sửa sẽ áp khi bấm Tạo đơn nháp · 0 = bỏ dòng khỏi đơn · tạm tính ở đầu card đã tính theo số đang gõ.
}
)}
); })}
{/* SKU thiếu NCC master (F10) — deep-link sang hồ sơ sản phẩm để gán NCC mặc định */} {MISSING.length === 0 &&
Mọi SKU trong đề xuất đã có nhà cung cấp mặc định.
} {MISSING.length > 0 &&
{MISSING.length} SKU chưa gắn nhà cung cấp (NCC master)
Gốc vấn đề ở hồ sơ sản phẩm — bấm để mở SKU và gán NCC mặc định. Khi chưa gán, engine dùng leadtime/MOQ mặc định và không gom được vào đơn mua.
{MISSING.map((m) => ( ))}
} {/* PO history */}

Lịch sử đơn mua · {HIST.length} đơn · bấm dòng để xem chi tiết & dòng thời gian

{HIST.length === 0 && } {HIST.map((p, i) => setPoView(p)}> )}
Mã đơnNhà cung cấpSố dòngGiá trịNgày tạoTrạng thái
{p.id} {p.ncc} {p.lines} {VND(p.value)} {p.date}
{poView && setPoView(null)} setView={setView} />}
); } window.PurchasingScreen = PurchasingScreen;