Thiết kế Mẫu Hóa đơn - W-Invoice Designer

CẤU HÌNH BẢN IN & MÀU SẮC

Ngôn ngữ hiển thị hóa đơn

Hiển thị tiếng Anh trong dấu ngoặc ()

Hóa đơn có ngoại tệ / Tỉ giá (USD, EUR...)

Đơn vị tiền tệ:

Tỉ giá quy đổi (VNĐ):

Loại hóa đơn / Chứng từ

Tiêu đề hóa đơn (UPPERCASE)

Cỡ chữ tiêu đề:

Nhấn Enter tại bất kỳ vị trí nào để ngắt dòng chủ động, tránh bị rớt chữ đơn lẻ (như chữ 'TIỀN').

Màu sắc chủ đạo (W3C Standard)

{{ getColorLabel(config.generalInfo.primaryColor, 'Màu chủ đạo') }}

Khổ giấy in (WYSIWYG 1:1)

Font chữ

Màu chữ văn bản

{{ config.generalInfo.textColorMode === 'primary' ? ('Theo màu chủ đạo (' + config.generalInfo.primaryColor + ')') : getColorLabel(config.generalInfo.textColor || '#000000', 'Màu chữ văn bản') }}

KHUNG VIỀN TRANG IN (FULL PAGE)

Bật khung viền bao phủ toàn trang

Màu khung viền

{{ getColorLabel(config.logoAndBackground.pageBorder.patternColor || config.generalInfo.primaryColor, 'Màu khung viền') }}

Độ dày khung viền (pixel) {{ (config.logoAndBackground.pageBorder.thickness !== undefined ? config.logoAndBackground.pageBorder.thickness : 0.25) }}px

Loại khung viền

{{ item.name }}

Kiểu viền CSS

HEADER & LOGO DOANH NGHIỆP

Bố cục sắp xếp Header & Bên Bán

Tỉ lệ khung Logo

Logo doanh nghiệp

Chọn ảnh Logo... Đổi ảnh Logo khác...

Đã tải & Tối ưu logo

Bật Watermark nền mờ (Ảnh chìm)

Chọn file ảnh Watermark:

Vị trí ảnh chìm:

Kích thước:

Đệm Lề trái & phải: {{ config.logoAndBackground.watermark.paddingX !== undefined ? config.logoAndBackground.watermark.paddingX : (config.logoAndBackground.watermark.paddingLeft || 0) }}px

Độ mờ: {{ Math.round((config.logoAndBackground.watermark.opacity !== undefined ? config.logoAndBackground.watermark.opacity : 0.31) * 100) }}%

Đường gạch ngang trong Header (Tiêu đề)

Đường phân cách Bên bán & Bên mua

Xem trước thay thế / điều chỉnh

Hiển thị mẫu dòng "Thay thế / Điều chỉnh cho hóa đơn số..." in nghiêng để xem trước vị trí hiển thị.

Vị trí dòng Thay thế / Điều chỉnh

Định dạng cặp ngoặc đơn ()

Màu chữ dòng Thay thế / Điều chỉnh

{{ getColorLabel(config.generalInfo.relInvoiceColor, 'Màu chữ') }}

Màu sắc Số Hóa Đơn (8 chữ số)

{{ getColorLabel(config.generalInfo.invoiceNoColor, 'Màu số hóa đơn') }}

THÔNG TIN DOANH NGHIỆP (BÊN BÁN)

Tên đơn vị bán hàng:

Mã số thuế:

Địa chỉ:

Điện thoại:

Email:

Website:

Danh sách Tài khoản Ngân hàng:

Tài khoản {{ bIdx + 1 }} {{ bIdx === 0 ? '(Mặc định)' : '' }}

TÙY BIẾN HIỂN THỊ TRƯỜNG BÊN BÁN

Hiện nhãn "Đơn vị bán hàng:" phía trước

Mặc định tắt. Khi bật sẽ hiện: Đơn vị bán hàng (Seller):

{{ item.label || (item.id === 'bank_name' ? 'Tên ngân hàng' : item.id) }} Bắt buộc

CỤM THÔNG TIN NGƯỜI MUA

Kiểu khung thông tin người mua

Màu khung viền người mua

{{ getColorLabel(config.generalInfo.buyerBoxColor || config.generalInfo.primaryColor, 'Màu khung viền người mua') }}

Bố cục hiển thị nội dung người mua

Kiểu gạch chân nội dung người mua

{{ item.label }} Bắt buộc

BẢNG CHI TIẾT HÀNG HÓA DỊCH VỤ

Bảng tự động cân đối 100% chiều ngang khi bật/tắt cột.

Màu nền Header

Màu chữ Header

Khoảng đệm ô bảng dữ liệu (Padding)

In hoa tiêu đề

CÁC CỘT BẢNG HÀNG HÓA

{{ config.details.goodsTableLabels[col.key] || col.defaultLabel }} ({{ getColumnWidthDisplay(col.key) }}) Bắt buộc Đã gộp Khóa (1 thuế) Không thuế

Hiện dòng Tổng cộng chân bảng hàng hóa

Hiển thị dòng tổng (Số lượng, Thành tiền...) ở cuối bảng hàng hóa

Gộp hàng hóa đặc trưng vào cột Hàng hóa/Dịch vụ

Hiển thị Biển số xe, Số khung, Số máy trực tiếp dưới tên hàng hóa thay vì tách cột riêng

Tự động hiển thị Biển số xe, Số khung, Số máy (nếu có dữ liệu) trong cùng ô Tên hàng hóa, giúp bảng hóa đơn gọn gàng.

Cố định số dòng bảng hàng hóa / trang Ví dụ đặt 10: mỗi trang luôn đủ đúng 10 dòng (tự động bù dòng trống). Trang chỉ có chữ ký / tổng tiền sẽ không chèn dòng trống.

Số dòng trắng bổ sung trong bảng Giúp bảng hàng hóa dài đều, lấp đầy trang in trước phần tổng tiền

Xem trước dòng ghi chú

Tự động gộp toàn bộ cột (colspan) cho các dòng ghi chú, diễn giải nghiệp vụ (TChat=4).

Kiểu chữ dòng ghi chú

ĐỊNH DẠNG SỐ THẬP PHÂN (SỐ LẺ)

Thiết lập số chữ số thập phân sau dấu phẩy cho từng cột và cụm tổng cộng.

Số lẻ Số lượng:

Số lẻ Đơn giá:

Số lẻ Tỉ lệ CK (%):

Số lẻ Tiền Chiết khấu:

Số lẻ Thành tiền & Tổng tiền:

Số lẻ Tỷ giá:

CỤM THỐNG KÊ & TỔNG CỘNG

Kiểu bố cục chân trang / Tổng tiền

Tùy chọn Loại 5: Bảng lưới tích hợp (1 thuế)

Căn phải toàn bộ nhãn tổng tiền (Chưa thuế, Phí, CK, Thanh toán)

Gạch chân giá trị thuế suất (VD: 8%)

Hiện dòng Tổng cộng chân bảng hàng hóa

Hiển thị Tiền tệ / Tỉ giá bên dưới Tổng tiền thanh toán

Đồng tiền thanh toán (VND/USD...), Tỷ giá & Số tiền quy đổi VND

Tùy chọn Loại 6: Bảng đa thuế suất in sẵn (4 cột)

Hiện dòng Tổng cộng chân bảng hàng hóa

Ẩn nếu đã có dòng Tổng cộng ở bảng đa thuế suất phía dưới

Chỉ hiện thuế suất có trong hóa đơn

Ẩn các dòng thuế suất không phát sinh số liệu trong XML

Chọn các thuế suất in sẵn hiển thị:

{{ t.shortLabel }} ({{ t.label }})

Hiện bảng tổng hợp thuế suất

CÁC CỘT BẢNG TỔNG HỢP THUẾ SUẤT

{{ config.details.taxSummaryLabels[item.key] || item.defaultLabel }} Cơ bản

Hiện bảng tổng hợp các loại phí

CÁC DÒNG TỔNG CỘNG

{{ (typeof getTotalLabel === 'function') ? getTotalLabel(tot) : ((config.details && config.details.totalsLabels && config.details.totalsLabels[tot.key]) || ((tot.key === 'showTotalBeforeTax' && ['sales', 'sales_mtt'].includes(selectedInvoiceType)) ? 'Tổng tiền hàng:' : tot.defaultLabel)) }} Bắt buộc Không thuế

CHỮ KÝ SỐ ĐIỆN TỬ (CKS)

Tiêu chuẩn bảo mật CKS:

Chỉ hiện con dấu khi XML có dữ liệu ký thực tế.
Tự động nhận diện chữ ký cho HĐ Máy tính tiền (MTT) khi gửi CQT.
Bảo toàn khoảng trống 35mm-45mm, tuyệt đối không tràn đè xuống footer.

Ký hiệu:

Logo Doanh nghiệp Đang hiển thị Đang ẩn

Tỉ lệ khung Logo:

Ảnh chìm (Watermark)

Tự động lấy Logo làm ảnh chìm (hoặc tải file riêng ở trên).

Watermark preview

Độ mờ:

{{ Math.round((config.logoAndBackground.watermark.opacity !== undefined ? config.logoAndBackground.watermark.opacity : 0.31) * 100) }}%

Kích thước:

Vị trí:

Ảnh chìm đang tắt. Bật công tắc để hiển thị.

Màu sắc chủ đạo

{{ getColorLabel(config.generalInfo.primaryColor, 'Màu chủ đạo') }}

Khung viền trang in

Loại khung:

Kiểu viền:

Độ dày (px):

{{ (config.logoAndBackground.pageBorder.thickness !== undefined ? config.logoAndBackground.pageBorder.thickness : 0.25) }}px

Chọn mẫu hoa văn ({{ patternTemplates.length }} mẫu):

{{ item.name }}

Khung viền đang tắt. Bật công tắc để hiển thị.

THÔNG TIN DOANH NGHIỆP (BÊN BÁN)

Tên đơn vị bán hàng:

Mã số thuế:

Địa chỉ:

Điện thoại:

Email:

Website:

Danh sách Tài khoản Ngân hàng:

Tài khoản {{ bIdx + 1 }} {{ bIdx === 0 ? '(Mặc định)' : '' }}

{{ Math.round(zoomLevel * 100) }}%

Màu:

Khung:

Tính chất:

{{ getTemplateWCode(tpl) }} {{ getCleanTemplateName(tpl) }}

Phóng to

Đang hiển thị {{ getVisibleCuratedTemplates().length }} / {{ getFilteredCuratedTemplates().length }} mẫu • Cuộn xuống để xem thêm...

Đã hiển thị toàn bộ {{ getFilteredCuratedTemplates().length }} mẫu tuyển chọn

Không tìm thấy mẫu nào phù hợp

Vui lòng thử chọn lại phân loại, màu sắc hoặc bỏ từ khóa tìm kiếm.

{{ getTemplateWCode(zoomedTemplate) }} {{ zoomedTemplate?.category }}

{{ getCleanTemplateName(zoomedTemplate) }}

{{ zoomedTemplate?.color_family }} {{ zoomedTemplate?.border_group }}

Vị trí: {{ getZoomIndex() }} / {{ getFilteredCuratedTemplates().length }}

{{ toastMessage }}