Skip to main content

Màn Hình: Kiểm Tra Thông Tin Đổi Voucher (Voucher Exchange Confirmation)

Ngày tạo: 01/07/2026
Loại: Giao diện ứng dụng (APP UI) — Xác nhận giao dịch đổi điểm

Ảnh tham chiếu:

  • [Ảnh màn hình xác nhận thông tin đổi voucher](./images/My Voucher 2.png)

1. Mô Tả Chung​

Màn hình xác nhận trung gian giúp người dùng kiểm tra lại thông tin chi tiết về số lượng voucher muốn đổi, tổng số điểm GPoint bị trừ và số GPoint khả dụng hiện tại của họ trước khi nhấn xác nhận giao dịch.

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

![Kiểm tra thông tin đổi Voucher](./images/My Voucher 2.png)

Thành phầnLoại phần tửChi tiết hiển thị / Hành vi
Thanh Tiêu đề (Header)Navigation BarMàu nâu đậm chứa nút Back (<-) và tiêu đề "Kiểm tra thông tin" căn giữa. Quay lại Chi tiết đổi Voucher.
Thẻ Giao dịchCardThẻ màu trắng bo góc chia làm hai phần ngăn cách bởi đường kẻ mờ:
- Phần trên: Tên voucher và số lượng đổi ("1 x Golden Lotus: Giảm 50% giá vé Jjim Jil Bang tháng 12") kèm số điểm quy đổi ("1.500" với icon G vàng).
- Phần dưới: Tiêu đề in đậm "Tổng cộng" và tổng số điểm thanh toán ("1.500" với icon G vàng).
Thẻ Số dư hiện tạiCardThẻ màu trắng bo góc hiển thị số điểm khả dụng của người dùng: "Point khả dụng" -> "1.000.000" (kèm icon G vàng).
Nút Xác nhận (CTA)ButtonNút màu cam nổi bật nằm ở dưới cùng màn hình với dòng chữ trắng "Xác nhận". Nhấn vào để mở popup Đổi Voucher thành công.

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

  1. Xác nhận giao dịch:
    • Khi người dùng nhấn nút "Xác nhận":
      • Hệ thống thực hiện trừ 1.500 GPoint vào số dư của người dùng trên server.
      • Sau khi server phản hồi thành công, hiển thị popup modal Đổi Voucher thành công.
  2. Quay lại: Nhấn vào nút Back ở góc trên bên trái để hủy bỏ thao tác xác nhận và quay về trang Chi tiết đổi Voucher.
  3. Cập nhật số dư: Giá trị "Point khả dụng" phải luôn phản ánh số dư thực tế theo thời gian thực từ tài khoản của người dùng.