Skip to main content

Màn Hình: Sử Dụng Voucher (Owned Voucher Detail / Redeem Screen)

Ngày tạo: 01/07/2026
Loại: Giao diện ứng dụng (APP UI) — Chi tiết và Sử dụng Voucher đã sở hữu

Ảnh tham chiếu:

  • [Ảnh màn hình sử dụng voucher](./images/My Voucher 4.png)

1. Mô Tả Chung​

Màn hình này hiển thị chi tiết mã số, mã vạch (barcode) và mã QR của một voucher đã thuộc sở hữu của người dùng. Người dùng mở màn hình này tại quầy thanh toán của cửa hàng để nhân viên/thu ngân thực hiện quét mã áp dụng ưu đãi.

2. Chi Tiết Giao Diện & Thành Phần​

![Sử dụng Voucher](./images/My Voucher 4.png)

Thành phầnLoại phần tửChi tiết hiển thị / Hành vi
Ảnh nền HeaderImageHình ảnh dịch vụ (massage đá nóng) hiển thị ở góc trên cùng làm nền.
Nút Quay lạiButtonNút tròn màu trắng có icon mũi tên quay lại (<-), nằm ở góc trên bên trái đè lên ảnh nền. Điều hướng về Voucher của bạn.
Thẻ Sử dụngCardThẻ nổi nền trắng chứa toàn bộ thông tin quét mã ưu đãi:
- Logo thương hiệu: Vòng tròn xám ở trên cùng.
- Tiêu đề voucher: “Golden Lotus: Giảm 50% giá vé Jjim Jil Bang tháng 12”.
- Ngày hết hạn: Dòng chữ xám hiển thị ngày hết hạn “Ngày hết hạn: 31/12/2025”.
- Mã vạch (Barcode): Hiển thị hình ảnh mã vạch đi kèm chuỗi mã số phía dưới (“123123123”).
- Mã QR (QR Code): Ảnh mã QR lớn nằm ở trung tâm để máy quét dễ dàng nhận diện.
- Mã ký tự: Hiển thị chuỗi mã chữ ngắn “ABCDEF” kèm biểu tượng Copy nhanh vào clipboard.
Nút "Sử dụng voucher"ButtonNút màu cam dưới cùng có chứa icon quét QR/Barcode và dòng chữ "Sử dụng voucher" (nhấn để xác nhận dùng hoặc mở camera quét).

3. Luồng Nghiệp Vụ & Logic Hoạt Động​

  1. Quét mã:
    • Khi ở cửa hàng, người dùng đưa màn hình này cho nhân viên để quét trực tiếp mã vạch hoặc mã QR vào hệ thống POS của tiệm.
  2. Sao chép mã:
    • Nhấn vào icon Copy bên cạnh chuỗi mã "ABCDEF" sẽ sao chép mã này vào bộ nhớ tạm (clipboard) để người dùng có thể dán vào ô nhập mã khi đặt lịch trực tuyến.
  3. Thay đổi trạng thái:
    • Sau khi voucher được quét sử dụng thành công trên hệ thống POS của spa, màn hình sẽ tự động cập nhật trạng thái đã dùng (hoặc quay lại màn hình Voucher của bạn và voucher này sẽ được chuyển sang tab "Đã sử dụng").