Danh sách hoá đơn

Hiển thị danh sách các mẫu hóa đơn đã tạo. Cho phép admin thêm, sửa, xóa mẫu hóa đơn và chọn mẫu mặc định khi in đơn hàng.

Danh sách mẫu hoá đơn

Thành phần	Mô tả
🔍 Tìm kiếm	Tìm theo tên mẫu hóa đơn
Danh sách bảng	Hiển thị STT, Tên, Mặc định, Ngày tạo
Trạng thái “Mặc định”	Chỉ có 1 mẫu có thể được đặt làm mặc định
Nút thao tác	Sửa mẫu hóa đơn / Xóa mẫu hóa đơn

🔔 Lưu ý:

• Nếu admin bấm xóa mẫu, hệ thống sẽ hiển thị cảnh báo: “Dữ liệu sẽ không được phục hồi với thao tác này!”

• Không thể xóa mẫu mặc định nếu đang được sử dụng.

Thêm mới mẫu hóa đơn

Thêm mới mẫu hoá đơn

Cho phép admin khởi tạo một mẫu hóa đơn mới và soạn nội dung theo ý muốn bằng trình soạn thảo HTML (TinyMCE).

Thành phần	Mô tả
Tên	Tên mẫu hóa đơn hiển thị trong danh sách
Mẫu mặc định	Có thể chọn Có / Không
Nội dung	Nhập nội dung hóa đơn, có thể dùng các biến động

Hướng dẫn sử dụng biến động:

Biến từ đơn hàng:

Biến	Ý nghĩa
{OrderId}	Mã đơn hàng
{ReceiverName}	Tên người nhận
{PhoneNumber}	SĐT người nhận
{DeliveryAddress}	Địa chỉ giao hàng
{Notes}	Ghi chú
{Total}	Tổng tiền
{CreatedDate}	Ngày tạo đơn

Biến từ sản phẩm (trong bảng <tbody>):

Biến	Ý nghĩa
{ProductName}	Tên sản phẩm
{ProductPrice}	Giá
{ProductQuantity}	Số lượng
{ProductSubtotal}	Thành tiền

✅ Hệ thống sẽ tự lặp dòng với mỗi sản phẩm trong đơn.

Cập nhật mẫu hóa đơn

Cập nhật mẫu hoá đơn

Cho phép chỉnh sửa lại nội dung mẫu hóa đơn. Giao diện bên phải sẽ hiển thị bản xem trước trực tiếp.

Thành phần chính	Mô tả
Tên + Mẫu mặc định	Cập nhật thông tin chung
Nội dung hóa đơn	Dùng trình editor để định dạng, chèn bảng, biến động...
Bản xem trước	Hiển thị mẫu hóa đơn đầy đủ: tên công ty, người nhận, bảng sản phẩm, tổng tiền, QR...

Xóa mẫu hoá đơn

Xoá mẫu hoá đơn

Xác nhận hành động trước khi xóa mẫu hóa đơn.

Nội dung hiển thị	Ghi chú
"Dữ liệu sẽ không được phục hồi với thao tác này!"	Cảnh báo không thể hoàn tác
Nút xác nhận	Xác nhận để xóa vĩnh viễn
Nút hủy	Hủy để quay lại