/* Pharmacy — DANH MỤC (2.1): nền dùng chung + hồ sơ mặt hàng + bộ lọc.
Tách 2026-09-07 (DVP-586): tệp cũ 102 KB gộp HAI màn không liên quan — Danh mục sản phẩm
(2.1) và Điểm bán & Mạng lưới (2.2). `write_files` không có chế độ vá, nên kích thước tệp
LÀ trần sửa đổi: đo 2026-08-30, một lượt ghi 101 KB hết ngân sách output ⇒ tệp đóng băng,
không lượt trả lời nào của bất kỳ tác nhân nào đẩy nổi. Cắt theo đúng đường nối sẵn có:
· MasterData.jsx — nền + ProductDrawer + bộ lọc (tệp này)
· MasterData-products.jsx — màn ProductMaster
· MasterData-network.jsx — màn StoresNetwork
Thứ tự nạp trong `Pharmacy Portal.html` phải giữ đúng thứ tự trên: khai báo cấp cao nhất của
một script `text/babel` lên `window` (Babel hạ const→var — đo bằng `typeof window.mdInp`
trên bản đang chạy 2026-09-07), nên tệp sau đọc được tệp trước, KHÔNG ngược lại. */
/* ---------------- shared form atoms ---------------- */
const mdInp = { width: '100%', boxSizing: 'border-box', padding: '10px 12px', borderRadius: 9, border: '1px solid var(--border-strong)', fontFamily: 'var(--font-body)', fontSize: 14, outline: 'none', background: '#fff', color: 'var(--dv-ink)' };
const mdMono = { ...mdInp, fontFamily: 'var(--font-mono)' };
const mdLbl = { display: 'block', fontWeight: 600, fontSize: 12.5, color: 'var(--dv-ink)', marginBottom: 6 };
function Drawer({ title, sub, onClose, children, footer }) {
const { IconX } = window;
return (
Engine tự xếp ở kho tổng theo Pareto giá trị bán — tính lại mỗi lượt đồng bộ (DVP-516).
upd('safety', e.target.value)} style={mdMono} />
{/* T02 — ô gán VEN đi theo ĐÚNG cờ đã ẩn cột / bộ lọc / chip độ phủ / nút gán cả lô. Tenant
tắt VEN mà ô này vẫn mở là để người dùng đặt một giá trị không màn nào đọc lại được.
Tắt thì KHÔNG dựng ô giữ chỗ: một dòng "đã tắt" cũng là mời hỏi lại chuyện đã chốt. */}
{mdColOn('ven') && (
{/* Thang bậc phải khớp mdVenOf: KHÔNG có nấc "mặc định E" — suy không ra thì bỏ trống,
bảng hiện "—" và bộ lọc gọi là "Chưa xác định". */}
Dược sĩ gán thì thắng. Chưa gán: suy từ kê đơn, rồi nhóm “Thuốc”. Suy không ra thì để trống.
)}
{/* [T15] ĐÃ NỐI BỘ MÁY — DVP-586, lên prod 2026-09-01. Câu cũ ("Ghi để theo dõi. Chưa nối
bộ máy…") đúng khi viết và sai từ hôm đó; để nguyên là màn nói dối theo chiều ngược lại.
Và trạng thái thứ ba "Ngừng hẳn" ĐÃ BỎ (Jet chốt 01-09): không còn hành vi nào đo được
cho nó. Ẩn khỏi Tồn kho bị bác ở F04 (dược sĩ tra mã không thấy dòng sẽ hiểu thành "nhà
thuốc không bán mặt hàng này"); ẩn khỏi Cận hạn trái với chính nhu cầu ("vẫn theo dõi
hạn dùng"); chặn bán thì MedOps không làm được vì bán nằm ở POS; còn cắt điều chuyển thì
Jet chốt GIỮ. Một trạng thái nghe dứt khoát hơn mà không làm thêm gì là màn hình hứa quá
hệ. Mở lại khi và chỉ khi có một hành vi đo được khác — xem F04 §Phương án thay thế. */}
Ngừng đặt chỉ tắt phần đề xuất MUA. Tồn còn lại vẫn bán, vẫn điều chuyển được giữa các điểm, và hạn dùng vẫn theo dõi như cũ.
min / max KiotViet
Đồng bộ từ KiotViet — chỉ đọc. Min/Max do portal tính.
{f.kvMin} / {f.kvMax}
{/* [T10] DỰNG LẠI 2026-08-31 — DVP-577 đã ship đường ghi (product_ext.auto_plan/plan_min/
plan_max · POST /api/products/plan-mode · engine đọc qua ReplenishInput.manual). Ở hồ sơ
SKU khối này CHỈ ĐỌC: đường sửa là panel theo bộ lọc ở màn Danh mục. */}
{!f._new && }
Giá bán lẻ
Đồng bộ từ KiotViet — chỉ đọc. Engine không dùng giá bán để tính dự trù.
{VND(f.price)}
Nhà cung cấp đang cung cấp ({sups.length})
{sups.length === 0 &&
Chưa có NCC nào cung cấp SKU này. Chọn NCC mặc định ở trên hoặc tạo RFQ để mời báo giá.
So sánh giá đầy đủ ở màn “Nhà cung cấp” & trong RFQ.
);
}
/* DVP-515 — THANH ĐIỀU KIỆN ĐỘNG cho Danh mục sản phẩm.
Thay ba điều khiển bày sẵn (MultiSelect nhóm · dãy pill ABC · StatusTabs OTC/Rx) bằng đúng cơ
chế đã ship ở /inventory (DVP-512): chưa lọc gì thì thanh chỉ có một nút "+ Lọc"; mỗi điều kiện
đang áp là một chip mang sẵn GIÁ TRỊ, bấm chip sửa tại chỗ, ✕ bỏ.
Trục nào có mặt ở đây là ĐO ĐƯỢC trên prod 2026-08-20, không phải chọn theo cảm giác:
· Kiểm soát đặc biệt — 9/13.128 mã (8 gây nghiện + 1 hướng thần). Nhỏ nhất mà quan trọng nhất:
chính vì hiếm nên trước đây không có cách nào lấy ra, trong khi đó là nhóm phải giữ sổ riêng.
· ABC — DVP-516: hạng ENGINE tính ở KHO TỔNG (plan_output), không phải ô dữ liệu nền do người
khai (cột đó rỗng 0/13.128 trên cả ba tenant thật).
· XYZ · Kê đơn — có dữ liệu thật.
Bốn cột CỐ Ý không lọc/sắp được: NCC mặc định (0 liên kết ưu tiên trên mọi tenant) · Leadtime
(0 hàng có giá trị — "3n" đang hiện là hằng số fallback) · MOQ · Quy cách (đúng 1 giá trị trên
13.128 hàng). Bấm sắp lên một cột hằng là hứa một việc rồi không làm gì.
"Nhóm hàng" cũng vắng: DVP-495 đã gỡ bộ lọc đó khỏi /inventory theo yêu cầu chủ dự án, nên
không tự thêm lại ở đây. */
const MD_FILTER_FIELDS = [
{ key: 'abc', group: 'Phân loại', label: 'ABC', opts: [['A', 'A'], ['B', 'B'], ['C', 'C'], ['none', 'Chưa phân hạng']] },
{ key: 'ven', group: 'Phân loại', label: 'VEN', opts: [['V', 'V — sống còn'], ['E', 'E — thiết yếu'], ['N', 'N — thông thường'], ['none', 'Chưa xác định']], hint: 'Lọc theo đúng giá trị đang HIỆN: dược sĩ gán nếu có, không thì suy từ kê đơn / nhóm “Thuốc”.' },
{ key: 'xyz', group: 'Phân loại', label: 'XYZ', opts: [['X', 'X — đều'], ['Y', 'Y — dao động'], ['Z', 'Z — thất thường'], ['none', 'Chưa tính']] },
{ key: 'shape', group: 'Phân loại', label: 'Hình dạng', opts: [['deu', 'Đều'], ['thua', 'Thưa'], ['none', 'Chưa đủ dữ liệu']], hint: 'Độ thưa giao dịch do máy đo — trục chọn công thức dự trù; XYZ chỉ là chỉ báo đệm.' },
// DVP-523 — trục "Nhóm hàng" trở lại (đảo DVP-495). Lý do gỡ lúc đó là TỐN CHỖ vì quá nhiều
// giá trị (prod: 209 nhóm ở relife), không phải dữ liệu xấu — nên điều kiện để nó quay lại là
// ô chọn phải TÌM ĐƯỢC, xem MD_SEARCH_THRESHOLD.
{ key: 'cat', group: 'Phân loại', label: 'Nhóm hàng', opts: null },
{ key: 'rx', group: 'Tuân thủ', label: 'Kê đơn', opts: [['rx', 'Thuốc kê đơn (Rx)'], ['otc', 'Không kê đơn (OTC)']], hint: 'Chọn cả hai bằng không lọc — mọi mặt hàng đều rơi vào một trong hai.' },
{ key: 'control', group: 'Tuân thủ', label: 'Kiểm soát đặc biệt', opts: [['gay_nghien', 'Gây nghiện'], ['huong_than', 'Hướng thần'], ['tien_chat', 'Tiền chất'], ['kiem_soat_dac_biet', 'Kiểm soát đặc biệt (khác)']], hint: 'Nhóm phải giữ sổ theo dõi riêng. Không chọn gì ⇒ không lọc (kể cả mặt hàng thường).' },
// [T15] DVP-586 — hai trạng thái, không ba; và bộ máy ĐÃ đọc cờ này (prod 2026-09-01).
{ key: 'lifecycle', group: 'Vòng đời', label: 'Trạng thái', opts: [['dang_ban', 'Đang bán'], ['ngung_dat', 'Ngừng đặt — bán nốt tồn']], hint: 'Ngừng đặt chỉ tắt đề xuất MUA; tồn còn lại vẫn bán, vẫn điều chuyển được, hạn dùng vẫn theo dõi.' },
];
/* Nhóm hàng có thật trong danh mục, sắp theo bảng chữ cái. Đọc từ dữ liệu, KHÔNG kê tay: danh
sách lựa chọn co lại theo bộ lọc đang áp thì người dùng lọc vào một nhóm rồi không quay ra được. */
const MD_CAT_OPTS = [...new Set(PRODUCTS.map((p) => p.group))].sort().map((g) => [g, g]);
/* Ngưỡng hiện ô tìm trong danh sách lựa chọn. 8 vì mọi trục kê sẵn đều ≤ 5 lựa chọn, nên nó chỉ
chạm danh sách ĐỘNG đến từ dữ liệu — đúng chỗ cardinality không kiểm soát được. */
const MD_SEARCH_THRESHOLD = 8;
/* T04 — ẩn cột phân loại theo cờ tenant. NỢ tenant_setting classify.* — bảng cờ thật chưa có;
đọc qua window.readTenantFlags nếu shell cung cấp, mặc định HIỆN đủ.
Cột tên "Hình dạng" nhưng KHOÁ CỜ là `classify.sparsity` — cờ đặt theo NĂNG LỰC (độ thưa giao
dịch), không theo nhãn hiện trên đầu cột. Bản trước gõ 'classify.shape', một khoá không hệ nào
ghi, nên cột không bao giờ ẩn được dù tenant đã tắt. Vẫn nhận 'classify.shape' làm BÍ DANH cũ. */
const mdFlags = (typeof window.readTenantFlags === 'function') ? window.readTenantFlags() : {};
const mdShapeOff = mdFlags['classify.sparsity'] === false || (mdFlags['classify.sparsity'] === undefined && mdFlags['classify.shape'] === false);
const mdColOn = (k) => !(k === 'ven' && mdFlags['classify.ven'] === false) && !(k === 'xyz' && mdFlags['classify.xyz'] === false) && !(k === 'shape' && mdShapeOff);
/* T03 — Hình dạng cầu (máy đo độ thưa giao dịch): trục chọn công thức của engine. */
const MD_SHAPE_LABEL = { deu: 'Đều', thua: 'Thưa' };
/* Thang bậc VEN — mirror deriveVen (lib/views/ven.ts): người gán thắng tuyệt đối, rồi kê đơn,
rồi nhóm "Thuốc", còn lại chưa xác định. */
const mdVenOf = (p) => (['V', 'E', 'N'].includes(p.ven) ? p.ven : p.type === 'rx' ? 'E' : String(p.group || '').startsWith('Thuốc') ? 'E' : null);
/* Một danh sách dùng cho CẢ menu chọn lẫn câu xác nhận — hai bản kê tay là hai chỗ để lệch nhãn. */
const MD_VEN_OPTS = [['V', 'V — sống còn'], ['E', 'E — thiết yếu'], ['N', 'N — thông thường'], ['', 'Bỏ gán']];
const mdVenLabel = (v) => (MD_VEN_OPTS.find((o) => o[0] === v) || [, v])[1];
function MdChip({ field, value, onChange, onRemove }) {
const all = field.opts || (field.key === 'cat' ? MD_CAT_OPTS : []);
const [open, setOpen] = React.useState(value.length === 0);
const [q, setQ] = React.useState('');
const ref = React.useRef(null);
React.useEffect(() => {
const d = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
const k = (e) => { if (e.key === 'Escape') setOpen(false); };
document.addEventListener('mousedown', d); document.addEventListener('keydown', k);
return () => { document.removeEventListener('mousedown', d); document.removeEventListener('keydown', k); };
}, []);
const on = value.length > 0;
// Chip phải nói được GIÁ TRỊ, không chỉ tên trường — ghi mỗi "ABC" thì vẫn phải mở ra mới biết
// đang lọc gì, tức lại giấu trạng thái một lần nữa.
const summary = value.length === 0 ? 'chọn…' : value.length === 1 ? (all.find((o) => o[0] === value[0]) || [, value[0]])[1] : `${value.length} mục`;
const needle = q.trim().toLowerCase();
// Mục ĐANG CHỌN luôn hiện kể cả khi không khớp từ khoá: thấy lựa chọn của mình biến mất thì
// người dùng đọc thành "vừa bị bỏ chọn", rồi bấm lại — hoá ra bỏ chọn thật.
const opts = needle ? all.filter(([v, t]) => value.includes(v) || String(t).toLowerCase().includes(needle)) : all;
const toggle = (v) => onChange(value.includes(v) ? value.filter((x) => x !== v) : [...value, v]);
return (
{open && (