/* Pharmacy — RFQ: list + compare matrix + award (full fidelity). */ function RFQList({ rfqs, onOpen, onNew, setToast }) { const { PageHeader, StatusBadge, StatusTabs, SLACountdown } = window; const { Button } = window.DVMedKingDesignSystem_bf17f8; const { IconQuote, IconPlus, IconChevronRight } = window; const [tab, setTab] = React.useState('all'); const filtered = rfqs.filter((r) => tab === 'all' || r.status === tab); return (
} onClick={onNew}>Tạo RFQ} />
r.status === 'open').length], ['submitted', 'Đã đủ báo giá', rfqs.filter((r) => r.status === 'submitted').length], ['awarded', 'Đã chọn', rfqs.filter((r) => r.status === 'awarded').length]]} value={tab} onChange={setTab} />
{filtered.length === 0 && } {filtered.map((r) => (
onOpen(r.id)} style={{ background: '#fff', borderRadius: 'var(--radius-card)', border: '1px solid var(--border-default)', boxShadow: 'var(--shadow-sm)', padding: 18, display: 'flex', alignItems: 'center', gap: 18, cursor: 'pointer' }}>
{r.title}
{r.id} · {r.lines} dòng · {r.nccs} NCC mời · tạo {r.created}
Đã báo giá
{r.quoted}/{r.nccs}
SLA
{r.status === 'awarded' ? Hoàn tất : }
))}
); } function RFQCompare({ rfqId, onBack, setToast, setView }) { const { RFQ_DETAIL, SUPPLIERS, VND, NUM, StatusBadge, SLACountdown, DeltaChip, FillBar, VatToggle, Tip } = window; const { Button } = window.DVMedKingDesignSystem_bf17f8; const { IconChevronLeft, IconLock, IconAward, IconClock, IconCheck, IconTransfer } = window; const d = RFQ_DETAIL; const active = d.suppliers.filter((s) => s.offers); // CTKM: quy đổi giá net/đơn vị (tầng A: pct → amount → bonus) const netBase = (o) => { let p = o.price; (o.promo || []).forEach((pr) => { if (pr.type === 'pct') p = p * (1 - pr.value / 100); else if (pr.type === 'amount') p = p - pr.value; else if (pr.type === 'bonus') p = p * pr.buy / (pr.buy + pr.free); }); return Math.round(p); }; const [priceMode, setPriceMode] = React.useState('net'); // net (sau CTKM) | list (đơn giá) const [vat, setVat] = React.useState('excl'); const [awarded, setAwarded] = React.useState(false); const baseUnit = (o) => priceMode === 'net' ? netBase(o) : o.price; const cellPrice = (o) => vat === 'incl' ? Math.round(baseUnit(o) * (1 + o.vat / 100)) : baseUnit(o); const listCell = (o) => vat === 'incl' ? Math.round(o.price * (1 + o.vat / 100)) : o.price; const lineTarget = (l, vatPct) => vat === 'incl' ? Math.round(l.target * (1 + (vatPct != null ? vatPct : 5) / 100)) : l.target; const hasPromo = (o) => o && o.promo && o.promo.length > 0; // best (lowest) supplier per line theo giá hiệu lực đang xem const bestFor = (sku) => { let best = null; active.forEach((s) => { const o = s.offers[sku]; if (o && (!best || baseUnit(o) < baseUnit(best))) best = { id: s.id, ...o }; }); return best; }; // alloc[sku] = { [nccId]: qty } · split[sku] = đang tách nguồn const [split, setSplit] = React.useState({}); const [alloc, setAlloc] = React.useState(() => { const a = {}; d.lines.forEach((l) => { const b = bestFor(l.sku); if (b) a[l.sku] = { [b.id]: Math.min(b.fill, l.qty) }; }); return a; }); const allocOf = (sku) => alloc[sku] || {}; const cellQty = (sku, sid) => allocOf(sku)[sid] || 0; const lineAllocated = (l) => Object.values(allocOf(l.sku)).reduce((s, q) => s + q, 0); const setSingle = (sku, sid, qty) => setAlloc((a) => ({ ...a, [sku]: { [sid]: qty } })); const setSplitQty = (sku, sid, qty) => setAlloc((a) => { const row = { ...(a[sku] || {}) }; if (qty > 0) row[sid] = qty; else delete row[sid]; return { ...a, [sku]: row }; }); const toggleSplit = (l) => setSplit((s) => { const on = !s[l.sku]; if (!on) { const b = bestFor(l.sku); setAlloc((a) => ({ ...a, [l.sku]: b ? { [b.id]: Math.min(b.fill, l.qty) } : {} })); } return { ...s, [l.sku]: on }; }); const effQty = (sku, sid) => { const s = active.find((x) => x.id === sid); const o = s && s.offers[sku]; return o ? Math.min(o.fill, cellQty(sku, sid)) : 0; }; const total = d.lines.reduce((sum, l) => sum + Object.keys(allocOf(l.sku)).reduce((s2, sid) => { const sup = active.find((x) => x.id === sid); const o = sup && sup.offers[l.sku]; return o ? s2 + cellPrice(o) * effQty(l.sku, sid) : s2; }, 0), 0); const awardedSuppliers = [...new Set(d.lines.flatMap((l) => Object.keys(allocOf(l.sku)).filter((sid) => cellQty(l.sku, sid) > 0)))]; /* DVP-326: kết quả award — giữ lại danh sách PO nháp đã sinh để hiện thành khối, không chỉ một dòng chữ */ const [result, setResult] = React.useState(null); const perSupplier = (sid) => { const sup = active.find((x) => x.id === sid); const ls = d.lines.filter((l) => cellQty(l.sku, sid) > 0); return { sup, lines: ls.length, value: ls.reduce((s2, l) => s2 + cellPrice(sup.offers[l.sku]) * effQty(l.sku, sid), 0) }; }; return (

{d.title}

{d.id} · {d.lines.length} dòng · {d.suppliers.length} NCC được mời
Hạn báo giá (SLA)
So sánh theo
{[['net', 'Giá net (sau CTKM)'], ['list', 'Đơn giá list']].map(([k, lb]) => ( ))}
{/* sealed notice */}
Báo giá niêm phong — mỗi nhà cung cấp chỉ thấy giá của chính họ. So sánh và giá mục tiêu chỉ hiển thị phía nhà thuốc.
{/* compare matrix */}
{d.suppliers.map((s) => ( ))} {d.lines.map((l) => { const best = bestFor(l.sku); return ( {d.suppliers.map((s) => { const o = s.offers && s.offers[l.sku]; const isBest = best && s.id === best.id; const qSel = cellQty(l.sku, s.id); const isAwarded = qSel > 0; const isSplit = split[l.sku]; if (!o) return ; return ( ); })} ); })}
Sản phẩm · giá mục tiêu
{s.name}
{s.offers ? <>Leadtime {s.leadtime}n · {s.submittedAt} : {s.submittedAt}}
{s.orderPromo &&
CTKM đơn: {s.orderPromo.label}
}
{l.name}{(() => { const m = window.skuMeta && window.skuMeta(l.sku); if (!m) return null; return <>{m.type === 'rx' && Rx}{m.storage === 'lanh' && Lạnh}{window.ControlBadge && }; })()}
{l.sku} · SL {NUM(l.qty)} {l.unit}
Mục tiêu · nội bộ {VND(lineTarget(l))} {!awarded && }
{split[l.sku] && (() => { const al = lineAllocated(l); const diff = al - l.qty; return (
Đã phân bổ {NUM(al)}/{NUM(l.qty)} {l.unit}{diff < 0 ? ` · thiếu ${NUM(-diff)}` : diff > 0 ? ` · dư ${NUM(diff)}` : ' · đủ'}
); })()} 		— { if (awarded || isSplit) return; setSingle(l.sku, s.id, Math.min(o.fill, l.qty)); }} style={{ padding: '12px 14px', borderLeft: '1px solid var(--border-default)', cursor: awarded || isSplit ? 'default' : 'pointer', background: isAwarded ? 'rgba(0,83,63,0.06)' : isBest ? 'rgba(10,127,100,0.035)' : 'transparent', position: 'relative', verticalAlign: 'top' }}> {isAwarded && }
{VND(cellPrice(o))} {isBest && TỐT NHẤT}
{hasPromo(o) &&
{priceMode === 'net' && {VND(listCell(o))}} p.label).join(' + ')}>CÓ CTKM
}
{isSplit ?
e.stopPropagation()} style={{ marginTop: 8, display: 'flex', alignItems: 'center', gap: 6 }}> setSplitQty(l.sku, s.id, Math.max(0, Math.min(o.fill, Number(e.target.value))))} style={{ width: 66, textAlign: 'right', padding: '5px 8px', borderRadius: 7, border: `1px solid ${isAwarded ? 'var(--dv-green)' : 'var(--border-strong)'}`, fontFamily: 'var(--font-mono)', fontSize: 12.5, fontWeight: 700, color: 'var(--dv-green)', outline: 'none' }} /> / {NUM(o.fill)}
:
{isAwarded && } {isAwarded ? `Đã chọn · ${NUM(effQty(l.sku, s.id))}` : 'Chọn'} {o.fill < l.qty && MỘT PHẦN}
}
{/* DVP-326: khối kết quả award → PO nháp đã sinh, kèm tổng giá trị từng đơn */} {result &&
Kết quả award — {result.pos.length} đơn mua nháp đã sinh Đang chờ duyệt · chưa gửi NCC
{['Mã đơn nháp', 'Nhà cung cấp', 'Số dòng', 'Giá trị', ''].map((h, i) => )} {result.pos.map((p) => ( ))}
= 2 && i <= 3 ? 'right' : 'left', padding: '10px 20px', fontSize: 11, fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.04em', color: 'var(--dv-ink-soft)' }}>{h}
{p.id} {p.ncc} {p.lines} {VND(p.value)} CHỜ DUYỆT
Tổng giá trị award
{VND(result.total)}
} {/* award bar */}
Tổng giá trị award ({vat === 'incl' ? 'có VAT' : 'chưa VAT'})
{VND(total)}
Phân bổ
{awardedSuppliers.length} nhà cung cấp · {d.lines.length} dòng
{awarded ? Đã award — đơn mua nháp đã vào hàng Chờ duyệt. : }
); } function RFQScreen({ setToast, setView }) { const [openId, setOpenId] = React.useState(null); const [building, setBuilding] = React.useState(false); /* Auto-mở trình tạo RFQ khi điều hướng từ Đề xuất mua (cầu nối Q4) */ React.useEffect(() => { if (window.__openRfqBuilder) { window.__openRfqBuilder = false; setBuilding(true); if (window.__rfqFocusNcc) { setToast(`Tạo RFQ từ giỏ dự trù — gợi ý gồm dòng của ${window.__rfqFocusNcc}.`); window.__rfqFocusNcc = null; } } }, []); const s = window.OpsStore.use(); const rfqs = s.rfqs; const create = ({ title, lines, lineCount, nccs, sla, routeMode }) => { const id = 'RFQ-2406-' + String(9 + rfqs.filter((r) => r.id.startsWith('RFQ-2406')).length).padStart(2, '0'); window.OpsStore.set((st) => ({ rfqs: [{ id, title, lines: lineCount != null ? lineCount : (Array.isArray(lines) ? lines.length : lines), lineItems: Array.isArray(lines) ? lines : [], routeMode, nccs, quoted: 0, status: 'open', deadline: Date.now() + sla * 3.6e6, created: '11/06/2026', fresh: true }, ...st.rfqs] })); setBuilding(false); setToast(`Đã gửi ${id} tới ${nccs} NCC — hạn báo giá ${sla} giờ (badge RFQ +1).`); }; if (openId) return setOpenId(null)} setToast={setToast} setView={setView} />; return ( <> { const r = rfqs.find((x) => x.id === id); if (r && r.fresh) { setToast('RFQ vừa gửi — chưa có báo giá để so sánh.'); return; } setOpenId(id); }} onNew={() => setBuilding(true)} setToast={setToast} /> {building && setBuilding(false)} onCreate={create} setToast={setToast} />} ); } window.RFQScreen = RFQScreen;