Live Demo Mini ERP & Quản Trị Sản Xuất

Quay lại Portfolio theduck.io.vn|

Mini ERP Sản Xuất & In Mã VạchPROTRACK INSPIRED

Liên hệ tư vấn hệ thống tương tự

🦆

ProTrack Mini ERPLIVE REALTIME

Theo Dõi Tiến Độ Xưởng & In Mã Vạch Siêu Tốc

TỔNG ĐƠN HÀNG

6 đơn

ĐƠN HỎA TỐC GẤP

2 cần ưu tiên

TỔNG SỐ LƯỢNG SP

13,150 cái

HIỆU SUẤT TRUNG BÌNH

69%

Mã Đơn	Khách Hàng & Sản Phẩm	SL	Công Đoạn	Tiến Độ	Hạn Giao
DH-2026-081	Tập Đoàn Dệt May Á Châu Áo Polo Thể Thao Cao Cấp (Vải Poly)	2,500	May Ráp	65%	2026-10-02
DH-2026-082GẤP	Chuỗi Coffee The Mill Tạp Dề Đồng Phục In Logo Nhiệt	800	In/Thêu	40%	2026-09-30
DH-2026-083	Logistics Toàn Cầu VN Áo Khoác Gió Phản Quang Bảo Hộ	1,200	KCS	90%	2026-10-05
DH-2026-084GẤP	Sự Kiện Marathon Quốc Tế Áo Finisher Thoáng Khí Quick-Dry	5,000	Đóng Gói	98%	2026-09-29
DH-2026-085	Nội Thất Gỗ Xanh Đồng Phục Sơ Mi Công Sở Thêu Tên	450	Hoàn Thành	100%	2026-09-28
DH-2026-086	Hệ Thống Trường Liên Cấp Bộ Thể Thao Học Sinh Thu Đông	3,200	Cắt	20%	2026-10-15

★ Quy chuẩn Clean Table:Rê chuột vào bất kỳ dòng nào để hiện các nút thao tác In Tem / Sửa / Xóa.

Next.js + React 19 Client Component

Kiến Trúc & Giải Pháp Ứng Dụng Trong Bản Demo Này

1. Quy Chuẩn Clean Table (Bảng Sạch)

Các nút thao tác (In Tem, Chỉnh Sửa) trên từng dòng được ẩn mặc định và chỉ hiện lên khi di chuột qua. Giúp giao diện gọn gàng, giảm thiểu phân tâm khi theo dõi hàng trăm đơn hàng.

2. Chẩn Đoán Điểm Nghẽn Bằng Gemini AI

Tích hợp SDK Gemini mới nhất sử dụng Structured JSON Output để bóc tách tiến độ, cảnh báo nguy cơ chậm tiến độ và đề xuất giải pháp điều phối ca sản xuất tức thì.

3. In Ấn Siêu Tốc Không Đơ Giao Diện

Áp dụng giải pháp in qua thẻ Iframe ẩn thay vì gọi lệnh `window.print()` trực tiếp, giúp in hàng loạt tem mã vạch/phiếu xuất xưởng mà không gây giật lag hoặc layout lại toàn bộ cây DOM của React.