WP-FIGMA-HOTEL-PIXEL-02 — Calendar · slider giá · trừ ví
Domain: D-HOTEL · Surface: CON (+ API book) · Status: IMP · Date: 2026-08-17
Design
JPG 934d7f88f875792b20645.jpg — Bộ lọc (lịch + dual slider + sao 1–5) · Xác nhận & Thanh toán.
Change
| Mục | Trước | Sau |
|---|---|---|
| Ngày ở | Stepper ±1 ngày | Lịch tháng: chạm nhận → chạm trả |
| Giá | Chip maxPrice | Dual slider 0–15tr (client min+max) |
| Sao | 3/4/5 | 1–5 |
| Ví WELIFE | Ghi note |
debitForHotel ledger HOTEL_PAY · hủy hoàn HOTEL_REFUND |
| Thẻ | Chọn được, không trừ | Ẩn chọn · «VNPay — chờ OWNER Pay» |
| Tiền mặt | Note | Book không trừ ví (trả tại KS) |
| Phí 5% FE | Hiện ảo, BE không thu | Bỏ — tổng = nights × giá/đêm |
Files
mobile/src/features/hotels/hotelStay.tsmobile/src/features/hotels/components/StayCalendar.tsxmobile/src/features/hotels/components/DualRangeSlider.tsxmobile/src/features/hotels/components/HotelFilterModal.tsxmobile/src/features/hotels/screens/HotelListScreen.tsxmobile/src/features/hotels/screens/HotelDetailScreen.tsxmobile/src/features/hotels/screens/HotelConfirmScreen.tsxmobile/src/services/api.tsapi/src/modules/wallet/wallet.service.tsapi/src/modules/hotels/hotels.module.tsapi/src/modules/hotels/hotels.service.tsapi/src/modules/hotels/dto/hotels.dto.ts
N/A
- Cổng thẻ / VNPay / MoMo trên KS — OWNER Pay (không invent gateway)
- Grid 2 cột JPG (Figma list 1 cột)
- Phòng trọ calendar/slider — WP riêng
Verify
- Bộ lọc KS → chọn 2 ngày trên lịch · kéo giá · Hiển thị N kết quả.
- Chi tiết → lịch tháng · Đặt ngay.
- Confirm · Ví đủ tiền → trừ số dư; thiếu → lỗi; Tiền mặt → không trừ ví.
- Hủy booking ví → hoàn số dư.