/* Pharmacy — ĐIỂM BÁN & MẠNG LƯỚI (2.2): màn StoresNetwork. Tách khỏi `MasterData.jsx` 2026-09-07; nạp SAU nó (dùng mdInp · mdLbl · Drawer khai ở tệp đó). */ /* ---------------- stores & network (2.2) ---------------- */ /* DVP-510 — "Kho tổng" là mô hình của MedOps, KHÔNG phải của POS. [Đo — KiotViet GET /branches, sandbox ntcmed, 2026-08-20] response có đúng 10 trường: id · branchName · address · locationName · wardName · contactNumber · email · retailerId · createdDate · modifiedDate — không trường nào nói về loại chi nhánh. Vòng đồng bộ chỉ ĐOÁN từ tên lúc tạo điểm bán lần đầu, và không bao giờ ghi đè sau đó; phép đoán trượt cả hai chiều (0 kho ở ntcmed, 2 kho ở relife) nên cột Loại phải sửa được tại đây. */ /* T20 — freq = số chuyến giao/tuần (F), lt = leadtime giao nội bộ (ngày) của TUYẾN kho → chi nhánh; đầu vào cửa sổ Min/Max của cách tính Percentile — màn Cài đặt chỉ trỏ về đây. */ const NETWORK_STORES = [ { id: 'KHO', name: 'Kho tổng (DC)', addr: 'KCN Tân Tạo, Q. Bình Tân, TP.HCM', kv: 'KV-1001', type: 'wh', mgr: 'Lê Văn Hùng', freq: 7, lt: 0.5, status: 'active' }, { id: 'DV01', name: 'Dược Vương Q.1', addr: '142 Nguyễn Trãi, Q.1', kv: 'KV-1002', type: 'store', mgr: 'Nguyễn Thị Hoa', freq: 5, lt: 0.5, status: 'active' }, { id: 'DV02', name: 'Dược Vương Q.3', addr: '88 Võ Văn Tần, Q.3', kv: 'KV-1003', type: 'store', mgr: 'Trần Văn Nam', freq: 5, lt: 0.5, status: 'active' }, { id: 'DV03', name: 'Dược Vương Q.5', addr: '255 Trần Hưng Đạo, Q.5', kv: 'KV-1004', type: 'store', mgr: 'Phạm Thị Linh', freq: 4, lt: 0.5, status: 'active' }, { id: 'DV04', name: 'Dược Vương Gò Vấp', addr: '410 Quang Trung, Gò Vấp', kv: 'KV-1005', type: 'store', mgr: 'Đỗ Văn Sơn', freq: 3, lt: 1, status: 'active' }, { id: 'DV05', name: 'Dược Vương Tân Bình', addr: '72 Cộng Hòa, Tân Bình', kv: 'KV-1006', type: 'store', mgr: 'Vũ Thị Mai', freq: 4, lt: 0.5, status: 'active' }, { id: 'DV06', name: 'Dược Vương Thủ Đức', addr: '19 Võ Văn Ngân, Thủ Đức', kv: 'KV-1007', type: 'store', mgr: 'Bùi Văn Khoa', freq: 2, lt: 1, status: 'active' }, { id: 'DV07', name: 'Dược Vương Bình Thạnh', addr: '305 Xô Viết Nghệ Tĩnh, BT', kv: 'KV-1008', type: 'store', mgr: 'Hồ Thị Thu', freq: 3, lt: 1, status: 'paused' }, { id: 'DV08', name: 'Dược Vương Q.7', addr: '125 Nguyễn Thị Thập, Q.7', kv: 'KV-1009', type: 'store', mgr: 'Lý Văn Tài', freq: 4, lt: 0.5, status: 'active' }, { id: 'DV09', name: 'Dược Vương Bình Tân', addr: '60 Tên Lửa, Bình Tân', kv: 'KV-1010', type: 'store', mgr: 'Cao Thị Bích', freq: 3, lt: 1, status: 'active' }, ]; const DEFAULT_SOURCES = { DV01: ['Kho tổng (DC)', 'Dược Vương Q.3'], DV02: ['Kho tổng (DC)', 'Dược Vương Q.1'], DV03: ['Kho tổng (DC)', 'Dược Vương Q.1'], DV04: ['Kho tổng (DC)'], DV05: ['Kho tổng (DC)', 'Dược Vương Tân Bình'], DV06: ['Kho tổng (DC)', 'Dược Vương Q.7'], DV07: ['Kho tổng (DC)'], DV08: ['Kho tổng (DC)', 'Dược Vương Q.5'], DV09: ['Kho tổng (DC)'], }; /* Engine hai tầng cần ĐÚNG 1 kho tổng đang hoạt động. Rào chỉ chặn việc THÊM kho khi thêm xong sẽ có QUÁ MỘT kho hoạt động — bỏ kho thì luôn được, kể cả kho cuối cùng. DVP-513: luật đầu tiên là "khoảng cách tới 1 không được tăng". Nó qua được ca 3 kho → 2 kho nhưng chặn CẢ HAI lối ra khỏi trạng thái đúng (1→0 và 1→2), nên chuỗi có đúng 1 kho không còn đường nào CHUYỂN kho tổng sang điểm bán khác — hai câu từ chối chỉ vào nhau. Hai trạng thái sai không đối xứng: 0 kho là chỗ dừng an toàn (engine từ chối thẳng, băng đỏ ở màn này, 0→1 luôn đi được); 2 kho mới là thứ engine không phân giải nổi "kho nào đặt hàng cho chuỗi". Nên chỉ chặn đường VÀO 2 kho. Kho TẠM DỪNG không tính — đó đúng là tập hợp engine đếm. Bảng chuyển: 0→1 ✓ · 1→0 ✓ · 1→2 ✗ · 2→1 ✓ · 3→2 ✓ · 2→3 ✗ Mirror của setBranchWarehouse (lib/app/branch-status.ts). */ window.whGuard = function whGuard(rows, s) { const before = rows.filter((r) => r.type === 'wh' && r.status === 'active').length; const meActive = s.status === 'active'; const after = before + (meActive ? (s.type === 'wh' ? -1 : 1) : 0); const lastOne = s.type === 'wh' && meActive && before === 1; if (!(after > 1 && after > before)) return { ok: true, before, after, lastOne }; const others = rows.filter((r) => r.type === 'wh' && r.status === 'active' && r.id !== s.id).map((r) => r.name).join(', '); return { ok: false, before, after, lastOne, why: `Chuỗi đã có kho tổng đang hoạt động: ${others}. Engine tính kế hoạch mua của cả chuỗi từ ĐÚNG MỘT kho. Muốn chuyển kho tổng sang "${s.name}": bỏ kho tổng ở ${others} trước (được phép, kể cả khi đó là kho cuối), rồi quay lại đặt điểm bán này.`, }; }; /* T26 — DVP-222: "tạm dừng" chỉ chặn chiều NHẬN điều chuyển; điểm vẫn là NGUỒN để rút tồn ra. */ const NETWORK_PAUSE_HINT = 'Tạm dừng: điểm NGỪNG NHẬN điều chuyển, vẫn là NGUỒN để rút tồn ra.'; function StoresNetwork({ setToast }) { const { PageHeader, StatusTabs } = window; // Switch đã gỡ khỏi destructure: màn này KHÔNG dựng công tắc luân chuyển ngang (xem T22 dưới). const { Button } = window.DVMedKingDesignSystem_bf17f8; const { IconStore, IconBox, IconMapPin, IconChevronUp, IconChevronDown, IconX, IconPlus, IconArrowRight, IconPlug, IconAlertTriangle, IconCheck, IconSettings } = window; const { Tip } = window; const [tab, setTab] = React.useState('list'); /* T22 — công tắc luân chuyển ngang CH ↔ CH nằm ở Cài đặt → Điều chuyển nội bộ và KHÔNG được đọc về đây: prototype chưa có đường đọc cờ tenant, nên `lateral` dưới đây là GIẢ ĐỊNH CỐ ĐỊNH của bản dựng (mở hết ứng viên nguồn), không phải trạng thái thật của tenant. Vì thế thẻ ở đầu tab chỉ được CHỈ ĐƯỜNG tới công tắc, tuyệt đối không vẽ trạng thái bật/tắt — vẽ là bịa một số đo. NO_TICKET_YET — nối cờ thật cần đường đọc tenant_setting, chưa có ticket. */ const lateral = true; const [sources, setSources] = React.useState(DEFAULT_SOURCES); const [rows, setRows] = React.useState(NETWORK_STORES); /* [T20] Mốc "đã lưu" của lịch giao — so với nó mới biết hàng nào còn treo. */ const [lichGoc, setLichGoc] = React.useState(NETWORK_STORES); const lichDoi = rows.filter((r) => { const g = lichGoc.find((x) => x.id === r.id); return g && (String(g.freq) !== String(r.freq) || String(g.lt) !== String(r.lt)); }); const [ask, setAsk] = React.useState(null); // id điểm bán đang chờ xác nhận đổi loại const [askStatus, setAskStatus] = React.useState(null); // id điểm bán đang chờ xác nhận tạm dừng / kích hoạt const [nsOpen, setNsOpen] = React.useState(false); // drawer Thêm điểm bán const [nsF, setNsF] = React.useState({ name: '', type: 'store', addr: '', template: '' }); const storeRows = rows.filter((s) => s.type === 'store'); const allNames = rows.map((s) => s.name); const whActive = rows.filter((s) => s.type === 'wh' && s.status === 'active').length; const flipType = (s) => { const g = window.whGuard(rows, s); if (!g.ok) { setToast(g.why); setAsk(null); return; } // DVP-513 — bỏ kho tổng cuối cùng nay được phép vì đó là bước 1 của việc CHUYỂN kho tổng. // Nói thẳng hệ quả; băng đỏ ở đầu màn giữ trạng thái đó trong tầm mắt cho tới khi đặt kho mới. setRows((rs) => rs.map((r) => (r.id === s.id ? { ...r, type: r.type === 'wh' ? 'store' : 'wh' } : r))); setAsk(null); setToast(s.type === 'wh' ? (g.lastOne ? `${s.name} chuyển thành cửa hàng — chuỗi TẠM THờI không có kho tổng. Đặt một điểm bán khác làm kho tổng để Dự trù chạy lại.` : `${s.name} chuyển thành cửa hàng. Dự trù sẽ tính lại ở vòng recompute kế tiếp.`) : `${s.name} là kho tổng. Dự trù sẽ tính lại ở vòng recompute kế tiếp.`); }; // T26 — DVP-222: đổi trạng thái với xác nhận hai bước ngay trên hàng; nói rõ chiều bị chặn. const flipStatus = (s) => { const pausing = s.status === 'active'; setRows((rs) => rs.map((r) => (r.id === s.id ? { ...r, status: pausing ? 'paused' : 'active' } : r))); setAskStatus(null); setToast(pausing ? `Đã tạm dừng ${s.name} — ngừng nhận điều chuyển; vẫn là nguồn rút tồn.` : `Đã kích hoạt ${s.name} — nhận điều chuyển trở lại.`); }; const move = (storeId, idx, dir) => { setSources((s) => { const arr = [...s[storeId]]; const j = idx + dir; if (j < 0 || j >= arr.length) return s; [arr[idx], arr[j]] = [arr[j], arr[idx]]; return { ...s, [storeId]: arr }; }); }; const remove = (storeId, idx) => setSources((s) => ({ ...s, [storeId]: s[storeId].filter((_, i) => i !== idx) })); const add = (storeId, name) => setSources((s) => s[storeId].includes(name) ? s : ({ ...s, [storeId]: [...s[storeId], name] })); return (
rows.map((s) => [s.id, s.name, s.type === 'wh' ? 'Kho tổng' : 'Cửa hàng', s.addr, s.kv, s.mgr])} sampleRows={[{ cells: ['DV10', 'Dược Vương Q.10', 'Cửa hàng', '20 Ba Tháng Hai, Q.10', 'KV-1011', 'Trần Văn E'] }, { cells: ['DV11', 'Dược Vương Q.4', 'Cửa hàng', '5 Hoàng Diệu, Q.4', '', 'Lê Thị F'], _warn: 'Chưa map KiotViet branch', _warnCol: 4 }]} setToast={setToast} />} />
{tab === 'list' && ( <> {/* DVP-510 — nói sớm, tại chỗ sửa được. Trước bản này sai số kho tổng chỉ lộ ra LÚC ENGINE CHẠY, hàng giờ sau, ở màn Dự trù — cách xa màn duy nhất sửa được nó. */} {whActive !== 1 && (
{whActive === 0 ? 'Chưa có kho tổng nào đang hoạt động' : `Đang có ${whActive} kho tổng hoạt động`} {' '}— engine dự trù không chạy được
Engine hai tầng cần đúng một kho tổng đang hoạt động: nơi đặt hàng từ NCC, và là nguồn điều chuyển cho các cửa hàng. {whActive === 0 ? ' Chọn một điểm bán ở cột Loại bên dưới và đặt làm kho tổng.' : ' Bỏ bớt ở cột Loại bên dưới, hoặc tạm dừng kho không dùng.'}
Đến khi đủ điều kiện, màn Dự trù và Điều chuyển sẽ trống.
{/* T18 — NO_TICKET_YET: nhánh cố-ý-không-kho-tổng cần quyết định sản phẩm trước khi có ticket */} {whActive === 0 &&
Chuỗi cố ý vận hành không kho tổng? Dự trù theo từng điểm đang ở lộ trình — cần quyết định sản phẩm.
}
)}
Cột Map KiotViet là branchId đồng bộ từ connector — nguồn: Quản trị › Kết nối › KiotViet POS. Điểm bán mới cần gán branch trước khi đồng bộ tồn. Cột Loại ngược lại là của MedOps: POS không có khái niệm kho tổng, nên chỉ sửa được ở đây.
{['Điểm bán', 'Loại', 'Địa chỉ', 'Map KiotViet', 'Quản lý', 'Giao/tuần (F)', 'LT giao (ngày)', 'Trạng thái'].map((h, i) => )} {rows.map((s) => { const wh = s.type === 'wh'; const g = window.whGuard(rows, s); const asking = ask === s.id; return ( {/* T20 — F & LT sửa được từng hàng: tham số tuyến giao, không phải tham số SKU */} ); })}
{i === 3 ? {h}? : i === 1 ? {h}? : i === 5 ? {h}? : h}
{wh ? : }
{s.name}
{s.id}
{wh ? 'Kho tổng / DC' : 'Cửa hàng'} {asking ? ( ) : g.ok ? ( ) : ( {wh ? : }{wh ? 'Bỏ kho tổng' : 'Đặt làm kho tổng'} )}
{s.addr} {s.kv ? {s.kv} : chưa gán} {s.mgr} setRows((rs) => rs.map((r) => (r.id === s.id ? { ...r, freq: e.target.value === '' ? '' : Math.max(0, parseInt(e.target.value) || 0) } : r)))} aria-label={`Số chuyến giao mỗi tuần — ${s.name}`} style={{ ...mdMono, width: 64, padding: '6px 8px', fontSize: 12.5 }} /> setRows((rs) => rs.map((r) => (r.id === s.id ? { ...r, lt: e.target.value === '' ? '' : Math.max(0, parseFloat(e.target.value) || 0) } : r)))} aria-label={`Leadtime giao (ngày) — ${s.name}`} style={{ ...mdMono, width: 64, padding: '6px 8px', fontSize: 12.5 }} />
{s.status === 'active' ? : } {askStatus === s.id ? ( ) : ( )}
{askStatus === s.id && s.status === 'active' &&
{NETWORK_PAUSE_HINT}
}
{/* [T20] Hai ô lịch giao là thao tác DUY NHẤT trên hàng này không báo gì — đổi loại điểm và tạm dừng điểm đều có. Một nút ở chân bảng, chỉ hiện khi có thay đổi: ít hơn N nút trên N hàng, và dùng lại đúng khuôn "Lưu mạng lưới" của tab bên cạnh. */} {lichDoi.length > 0 && (
{lichDoi.length} điểm bán đổi lịch giao, chưa lưu
)}
Đổi loại điểm bán được ghi vào Nhật ký (branch.warehouse.change) và làm hết hạn dự trù đang lưu — số Min/Max tính lại ở vòng recompute kế tiếp. Kho đang tạm dừng không tính vào điều kiện “đúng một kho tổng”. Chuyển kho tổng sang điểm bán khác là hai bước: bỏ kho hiện tại, rồi đặt kho mới.
)} {tab === 'network' && ( <>
Cho phép luân chuyển ngang CH ↔ CH
Khi bật, cửa hàng có thể là nguồn bù cho cửa hàng khác (không bắt buộc qua kho tổng).
{/* T22 — thẻ CHỈ ĐƯỜNG, không phải đèn báo. Bản trước đeo dấu ✓ và nói "tab này chỉ phản chiếu", nhưng không có gì được phản chiếu cả: cờ ở đây là hằng số của bản dựng, nên dấu ✓ luôn sáng kể cả khi tenant đã tắt. Bỏ dấu ✓, chỉ nói công tắc nằm ở đâu. */} Bật/tắt ở Cài đặt → Điều chuyển nội bộ
{storeRows.map((store) => { const list = sources[store.id] || []; /* T26 — điểm TẠM DỪNG là điểm "NGỪNG NHẬN điều chuyển" (NETWORK_PAUSE_HINT). Thẻ ở tab này cấu hình đúng chiều NHẬN, nên với điểm đang dừng nó phải KHOÁ. Khoá chứ không giấu: thứ tự nguồn đã đặt còn nguyên trên màn, kích hoạt lại là dùng tiếp, không phải khai lại — và người xem thấy được vì sao thẻ này không bấm được. Điểm dừng vẫn nằm trong danh sách NGUỒN của thẻ khác (allNames không lọc) — đó là nửa còn lại của cùng một câu, và là chỗ bản trước tự mâu thuẫn. */ const paused = store.status !== 'active'; const candidates = paused ? [] : allNames.filter((n) => n !== store.name && !list.includes(n) && (lateral || n === 'Kho tổng (DC)')); const stepBtn = (off, extra) => ({ width: 26, height: 26, borderRadius: 7, border: '1px solid var(--border-default)', background: '#fff', cursor: off ? 'default' : 'pointer', opacity: off ? 0.4 : 1, color: 'var(--dv-ink-soft)', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', ...extra }); return (
{store.name}
{paused && } Nguồn bù ưu tiên
{list.map((src, i) => (
{i + 1} {src}
))}
{paused ? (
{NETWORK_PAUSE_HINT} Thứ tự nguồn giữ nguyên; sửa được sau khi kích hoạt điểm ở tab Điểm bán.
) : candidates.length > 0 && (
{candidates.map((c) => ( ))}
)}
); })}
)} {/* T27 — Thêm điểm bán + cấp tồn đầu theo điểm khuôn. NO_TICKET_YET — thuật toán cấp tồn đầu chưa có ticket, nút chính chỉ báo lộ trình. Nhập Excel tồn đầu vẫn tắt (DVP-382). */} {nsOpen && ( setNsOpen(false)} footer={<> }>
setNsF((x) => ({ ...x, name: e.target.value }))} placeholder="VD: Dược Vương Q.10" style={mdInp} />
setNsF((x) => ({ ...x, addr: e.target.value }))} placeholder="Số nhà, đường, quận" style={mdInp} />
Cấp tồn đầu
Máy đề xuất danh mục + SL từ điểm khuôn → đổ thành chùm phiếu điều chuyển.
Map KiotViet gán sau ở Quản trị › Kết nối. Nhập Excel tồn đầu chưa mở.
)}
); } window.StoresNetwork = StoresNetwork;