+
@@ -252,6 +255,58 @@ else if (SubSection == "zones")
+
+}
+
@code {
[Parameter] public Guid ShopId { get; set; }
[Parameter] public string SubSection { get; set; } = "tables";
@@ -260,6 +315,12 @@ else if (SubSection == "zones")
private List
+
+
+
+ @if (_qrGenerating)
+ {
+ QR Code — Bàn @_qrTable.TableNumber
+ +
+
+
+ }
+ else if (!string.IsNullOrEmpty(_qrToken))
+ {
+ var qrUrl = $"{Nav.BaseUri}table/{_qrToken}";
+ Đang tạo mã QR...
+
+ ))
+
+
+
+ URL khách hàng:
+ @qrUrl
+
+
+
+
+ @if (_qrCopied)
+ {
+ Đã sao chép!
+ }
+ }
+ else
+ {
+
+
+ }
+ Bàn chưa có mã QR. Tạo mã QR để khách hàng quét đặt món.
+ +Bàn {_qrTable?.TableNumber}
{url}
');w.document.close();w.print();"); + } + catch { } + } + private RenderFragment RenderEmpty(string icon, string color, string title, string desc, string? ctaIcon = null, string? ctaLabel = null, string? ctaHref = null) => __builder => {
diff --git a/apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Customer/TableMenu.razor b/apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Customer/TableMenu.razor
new file mode 100644
index 00000000..747203cb
--- /dev/null
+++ b/apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Customer/TableMenu.razor
@@ -0,0 +1,280 @@
+@page "/table/{Token}"
+@layout WebClientTpos.Client.Layout.CustomerLayout
+@using WebClientTpos.Client.Services
+@inject PosDataService DataService
+@inject NavigationManager Nav
+
+@if (_loading)
+{
+ _products = new();
+ private List _categories = new();
+ private Guid? _selectedCategory;
+
+ private readonly List _cart = new();
+ private bool _showCart;
+ private bool _ordering;
+ private string? _orderMessage;
+ private bool _orderSuccess;
+ private bool _staffCalled;
+
+ private IEnumerable FilteredProducts =>
+ _selectedCategory == null ? _products : _products.Where(p => p.CategoryId == _selectedCategory);
+
+ protected override async Task OnInitializedAsync()
+ {
+ try
+ {
+ var tableInfo = await DataService.GetTableByTokenAsync(Token);
+ if (tableInfo == null)
+ {
+ _error = "Mã QR không hợp lệ hoặc đã hết hạn.";
+ _loading = false;
+ return;
+ }
+
+ _tableId = tableInfo.Id;
+ _shopId = tableInfo.ShopId;
+ _tableNumber = tableInfo.TableNumber;
+
+ var shop = await DataService.GetShopByIdAsync(_shopId);
+ _shopName = shop?.Name ?? "Nhà hàng";
+
+ _products = await DataService.GetProductsAsync(_shopId);
+ _categories = await DataService.GetCategoriesAsync(_shopId);
+ }
+ catch
+ {
+ _error = "Không thể tải menu. Vui lòng thử lại.";
+ }
+ _loading = false;
+ }
+
+ private void AddToCart(PosDataService.ProductInfo product)
+ {
+ _cart.Add(new CartItem(product.Id, product.Name, product.Price, 1));
+ }
+
+ private void UpdateCartQty(Guid productId, int delta)
+ {
+ var item = _cart.FirstOrDefault(c => c.ProductId == productId);
+ if (item == null) return;
+ item.Qty += delta;
+ if (item.Qty <= 0) _cart.Remove(item);
+ }
+
+ private async Task PlaceOrder()
+ {
+ _ordering = true;
+ _orderMessage = null;
+ try
+ {
+ var items = _cart.Select(c => new PosDataService.PosOrderItemRequest(
+ c.ProductId, c.Name, c.Qty, c.Price, "PreparedFood")).ToList();
+ var req = new PosDataService.CreatePosOrderRequest(
+ _shopId, null, items, null, null, null, _tableId);
+ var result = await DataService.CreatePosOrderAsync(req);
+ if (result != null)
+ {
+ _orderMessage = "Đặt món thành công! Món sẽ được phục vụ sớm nhất.";
+ _orderSuccess = true;
+ _cart.Clear();
+ _showCart = false;
+ }
+ else
+ {
+ _orderMessage = "Không thể đặt món. Vui lòng thử lại.";
+ _orderSuccess = false;
+ }
+ }
+ catch
+ {
+ _orderMessage = "Lỗi khi đặt món. Vui lòng thử lại.";
+ _orderSuccess = false;
+ }
+ _ordering = false;
+ }
+
+ private async Task CallStaff()
+ {
+ _staffCalled = true;
+ StateHasChanged();
+ await Task.Delay(3000);
+ _staffCalled = false;
+ StateHasChanged();
+ }
+
+ private static string FormatVND(decimal amount) => $"{amount:N0}đ";
+
+ private class CartItem
+ {
+ public Guid ProductId { get; set; }
+ public string Name { get; set; }
+ public decimal Price { get; set; }
+ public int Qty { get; set; }
+ public CartItem(Guid productId, string name, decimal price, int qty)
+ { ProductId = productId; Name = name; Price = price; Qty = qty; }
+ }
+}
diff --git a/apps/web-client-tpos-net/src/WebClientTpos.Client/Services/PosDataService.cs b/apps/web-client-tpos-net/src/WebClientTpos.Client/Services/PosDataService.cs
index b8cd6a15..c00c9b7a 100644
--- a/apps/web-client-tpos-net/src/WebClientTpos.Client/Services/PosDataService.cs
+++ b/apps/web-client-tpos-net/src/WebClientTpos.Client/Services/PosDataService.cs
@@ -140,7 +140,7 @@ public class PosDataService
public string? Category => CategoryName;
}
public record CategoryInfo(Guid Id, string Name, string? Description, int DisplayOrder, string? ImageUrl = null);
- public record TableInfo(Guid Id, string TableNumber, int Capacity, string? Zone, string Status, Guid? SessionId, int? GuestCount, DateTime? StartedAt, int? PositionX = null, int? PositionY = null);
+ public record TableInfo(Guid Id, string TableNumber, int Capacity, string? Zone, string Status, Guid? SessionId, int? GuestCount, DateTime? StartedAt, int? PositionX = null, int? PositionY = null, string? QrToken = null);
public record AppointmentInfo(Guid Id, Guid? CustomerId, Guid? StaffId, Guid? ResourceId, Guid ServiceId, DateTime StartTime, DateTime EndTime, string Status, string? ResourceName);
public record ShopAssignmentInfo(Guid ShopId, string? ShopRole, Guid? BranchId);
public record StaffInfo(Guid Id, Guid? UserId, string? EmployeeCode, string? Phone, string? Email, DateTime? JoinedAt, DateTime? TerminatedAt, string? Role, string? Status, string? ShopName,
@@ -1009,6 +1009,36 @@ public class PosDataService
return resp.IsSuccessStatusCode;
}
+ // ═══ TABLE QR ═══
+
+ public async Task GenerateTableQrTokenAsync(Guid tableId)
+ {
+ AttachToken();
+ var resp = await _http.PostAsJsonAsync($"api/bff/tables/{tableId}/generate-qr", new { }, _writeOptions);
+ if (resp.IsSuccessStatusCode)
+ {
+ var json = await resp.Content.ReadFromJsonAsync(_jsonOptions);
+ if (json.TryGetProperty("data", out var data) && data.TryGetProperty("qrToken", out var token))
+ return token.GetString();
+ }
+ return null;
+ }
+
+ public record TableByTokenInfo(Guid Id, Guid ShopId, string TableNumber, int Capacity, string? Zone);
+
+ public async Task GetTableByTokenAsync(string token)
+ {
+ AttachToken();
+ var resp = await _http.GetAsync($"api/bff/tables/by-token/{token}");
+ if (resp.IsSuccessStatusCode)
+ {
+ var json = await resp.Content.ReadFromJsonAsync(_jsonOptions);
+ if (json.TryGetProperty("data", out var data))
+ return System.Text.Json.JsonSerializer.Deserialize(data.GetRawText(), _jsonOptions);
+ }
+ return null;
+ }
+
// ═══ RESERVATIONS ═══
public record ReservationInfo(Guid Id, Guid ShopId, Guid? TableId, string GuestName, string? Phone,
diff --git a/apps/web-client-tpos-net/src/WebClientTpos.Server/Controllers/FnbController.cs b/apps/web-client-tpos-net/src/WebClientTpos.Server/Controllers/FnbController.cs
index d7843e25..9569c860 100644
--- a/apps/web-client-tpos-net/src/WebClientTpos.Server/Controllers/FnbController.cs
+++ b/apps/web-client-tpos-net/src/WebClientTpos.Server/Controllers/FnbController.cs
@@ -119,6 +119,16 @@ public class FnbController : ControllerBase
public Task CreateReservation([FromBody] JsonElement body) =>
_fnb.PostAsJsonAsync("/api/v1/reservations", body).ProxyAsync();
+ // ═══ TABLE QR ═══
+
+ [HttpPost("tables/{tableId:guid}/generate-qr")]
+ public Task GenerateTableQr(Guid tableId) =>
+ _fnb.PostAsJsonAsync($"/api/v1/tables/{tableId}/generate-qr", new { }).ProxyAsync();
+
+ [HttpGet("tables/by-token/{token}")]
+ public Task GetTableByToken(string token) =>
+ _fnb.GetAsync($"/api/v1/tables/by-token/{token}").ProxyAsync();
+
[HttpPatch("reservations/{id:guid}/status")]
public Task UpdateReservationStatus(Guid id, [FromBody] JsonElement body)
{
diff --git a/services/fnb-engine-net/src/FnbEngine.API/Application/Queries/GetTablesQuery.cs b/services/fnb-engine-net/src/FnbEngine.API/Application/Queries/GetTablesQuery.cs
index aafbb805..bea2482e 100644
--- a/services/fnb-engine-net/src/FnbEngine.API/Application/Queries/GetTablesQuery.cs
+++ b/services/fnb-engine-net/src/FnbEngine.API/Application/Queries/GetTablesQuery.cs
@@ -23,5 +23,6 @@ public record TableDto(
string? Zone,
string Status,
int? PositionX = null,
- int? PositionY = null
+ int? PositionY = null,
+ string? QrToken = null
);
diff --git a/services/fnb-engine-net/src/FnbEngine.API/Application/Queries/GetTablesQueryHandler.cs b/services/fnb-engine-net/src/FnbEngine.API/Application/Queries/GetTablesQueryHandler.cs
index d8c7fc39..7111c106 100644
--- a/services/fnb-engine-net/src/FnbEngine.API/Application/Queries/GetTablesQueryHandler.cs
+++ b/services/fnb-engine-net/src/FnbEngine.API/Application/Queries/GetTablesQueryHandler.cs
@@ -35,7 +35,8 @@ public class GetTablesQueryHandler : IRequestHandler _logger;
+ private readonly ITableRepository _tableRepository;
- public TablesController(IMediator mediator, ILogger logger)
+ public TablesController(IMediator mediator, ILogger logger, ITableRepository tableRepository)
{
_mediator = mediator ?? throw new ArgumentNullException(nameof(mediator));
_logger = logger ?? throw new ArgumentNullException(nameof(logger));
+ _tableRepository = tableRepository ?? throw new ArgumentNullException(nameof(tableRepository));
}
///
@@ -102,6 +105,49 @@ public class TablesController : ControllerBase
var result = await _mediator.Send(command, ct);
return Ok(new ApiResponse { Success = true, Data = result });
}
+ ///
+ /// EN: Generate QR token for a table.
+ /// VI: Tạo QR token cho bàn.
+ ///
+ [HttpPost("{id}/generate-qr")]
+ [ProducesResponseType(typeof(ApiResponse
+
+}
+else if (_error != null)
+{
+
+
+
+ Đang tải menu...
+
+
+}
+else
+{
+ @* ═══ HEADER ═══ *@
+
+
+
+ !
+
+ Không tìm thấy bàn
+@_error
+
+
+
+
+
+
+
+
+
+ @_shopName
+Bàn @_tableNumber
+
+ @if (_cart.Any())
+ {
+
+ }
+
+
+
+ @* ═══ CATEGORY TABS ═══ *@
+ @if (_categories.Any())
+ {
+
+
+ @* ═══ CART PANEL ═══ *@
+ @if (_showCart && _cart.Any())
+ {
+
+
+ @foreach (var cat in _categories)
+ {
+
+ }
+
+ }
+
+ @* ═══ PRODUCTS ═══ *@
+ @if (!FilteredProducts.Any())
+ {
+
+
+ }
+ else
+ {
+ 🍽️
+Chưa có sản phẩm nào
+
+ @foreach (var product in FilteredProducts)
+ {
+ var inCart = _cart.FirstOrDefault(c => c.ProductId == product.Id);
+
+ }
+
+ }
+
+
+ }
+
+ @* ═══ STAFF CALLED TOAST ═══ *@
+ @if (_staffCalled)
+ {
+
+
+
+
+ @foreach (var item in _cart)
+ {
+ Giỏ hàng
+ +
+
+ }
+
+
+ @item.Name
+ @FormatVND(item.Price) × @item.Qty
+ @FormatVND(item.Price * item.Qty)
+
+ Tổng cộng
+ @FormatVND(_cart.Sum(c => c.Price * c.Qty))
+
+
+ @if (_orderMessage != null)
+ {
+ @_orderMessage
+ }
+
+ Đã thông báo nhân viên!
+
+ }
+}
+
+
+
+@code {
+ [Parameter] public string Token { get; set; } = "";
+
+ private bool _loading = true;
+ private string? _error;
+ private Guid _shopId;
+ private Guid _tableId;
+ private string _tableNumber = "";
+ private string _shopName = "";
+
+ private List