POD Fulfillment — Mockups

Mockup HTML tĩnh (look Ant Design) để duyệt layout. Dựng trên bộ component dùng chung (AppShell / Sidebar / Topbar / PageHeader / StatCard / Table / StatusTag). Độ phức tạp: đơn giản vừa phức tạp rất phức tạp

Chung

🔐 Login / Sign-up đơn giản
Đăng nhập tài khoản POD (Admin + User dùng chung form).

User App (Seller)

▣ Dashboard đơn giản
Cards: balance, tổng đơn, Not Paid, Processing, Shipped + quick actions.
☰ My Orders vừa
List + filter/search, status tabs, bulk pay. → Order detail (multi-item).
＋ Create Order phức tạp
Stepper: product → address → file/link per item → review.
⇪ Bulk Import rất phức tạp
Upload → preview/summary → error file → confirm.
◈ Wallet / Top Up vừa
Balance, transactions, deposit request.

Admin App

▣ Dashboard đơn giản
KPI cards + đơn theo status + hàng chờ xử lý.
☰ Orders phức tạp
Bảng toàn bộ đơn + filter + actions theo status. → Admin order detail.
✎ Artwork Review phức tạp
Duyệt/từ chối artwork từng item + cả đơn.
▤ Product Catalog phức tạp
Product + variant + pricing + design requirement.
◈ Deposits vừa
Duyệt/từ chối yêu cầu nạp tiền.
☻ Users vừa
Quản lý tài khoản, điều chỉnh ví.
⚙ Settings vừa
Refund rule, shipping fee default.