Bỏ qua để đến nội dung

Đơn hàng

Trang Đơn hàng (/app/orders) quản lý toàn bộ đơn — AI tự tạo từ tin nhắn khách + operator tạo tay. Đây là vòng lặp revenue cốt lõi.

  • Tiêu đề: “Đơn hàng” (orders.page_title) — mô tả “Quản lý và theo dõi toàn bộ đơn hàng từ AI và nhân viên.”.
  • Nút: Xuất / Làm mới / Tạo đơn.
  • 5 tab trạng thái + 5 stat card (bấm card cũng chuyển tab).
  • Priority message — banner trên cùng thay đổi theo context: “X đơn cần duyệt…” / “Tất cả đơn đã được xử lý” / “Chưa có đơn hàng nào”.
  • Filter (tab Tất cả): Tìm khách + Lọc theo trạng thái.
Tab key Label (trans) Icon Stat label Stat sub Tone
all orders.tab_all 📋 orders.stat_all orders.stat_all_sub primary
pending orders.tab_pending orders.stat_pending orders.stat_pending_sub warning
confirmed orders.tab_confirmed orders.stat_confirmed orders.stat_confirmed_sub info
completed orders.tab_completed ☑️ orders.stat_completed orders.stat_completed_sub success
cancelled orders.tab_cancelled orders.stat_cancelled orders.stat_cancelled_sub destructive
Status key Trans key Badge class
pending orders.status_pending warning
confirmed orders.status_confirmed info
completed orders.status_completed success
cancelled orders.status_cancelled destructive

Mã đơn · Khách hàng · Sản phẩm · Trạng thái · Vận chuyển · Tổng tiền · Thao tác.

Sản phẩm trong bảng link sang /app/products?search=....

Tab Nút Label (trans) Hành động Quyền
pending orders.btn_approve Duyệt đơn admin
pending orders.btn_edit_notes Sửa ghi chú trước khi duyệt admin
pending orders.btn_reject Mở modal lý do từ chối admin
pending (toolbar) orders.approve_all Duyệt tất cả pending admin
pending (toolbar) orders.approval_queue /app/approvals admin
confirmed orders.btn_send_confirm Gửi tin xác nhận cho khách admin
confirmed 🚚 orders.btn_ship Mở modal tạo vận đơn admin
confirmed orders.btn_complete Đánh dấu hoàn thành admin
Tất cả 🗑 orders.btn_delete Xóa đơn (confirm dialog) admin

Bấm Tạo đơn → modal orders.modal_create_title:

  • Subscriber ID * — chọn khách hàng.
  • Sản phẩm từ catalog (select, hiện khi có products) hoặc Mặt hàng tùy chỉnh (Tên + Đơn giá + Số lượng).
  • Trạng thái khởi tạo — mặc định pending.
  • Ghi chú.
  • Feedback: hiện thông báo thành công/lỗi ngay trong modal.

Trong tab confirmed, đơn có nút 🚚 Tạo đơn vận chuyển → modal:

  • Kho lấy hàng (select từ kho đã setup).
  • Khối lượng (gram).
  • Chọn nhà xe — bấm Lấy báo giá → hiện danh sách nhà xe + phí + thời gian.
  • Giao hỏa tốc (on-demand) — AhaMove (mã 1) / GrabExpress (mã 2):
    • Thêm field: Pickup Lat/Lng, Delivery Lat/Lng, Delivery Address.
  • Bấm Tạo đơn → vận đơn sinh ra, theo dõi tại Vận chuyển.

Bấm Xuất → modal ExportModal cho phép xuất CSV/Excel.

Đơn có vận đơn → nút Theo dõi → mở modal ShipmentTrackModal hiện trạng thái realtime.