leandro/phronCare
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Update UI ExpeditionCreate TMP
All checks were successful
CI/CD Pipeline / Build and Deploy with Docker Compose (push) Successful in 7m2s
Details

Browse Source
This commit is contained in:
Leandro Hernan Rojas 2025-08-27 10:26:17 -03:00
parent f1e7e65c4f
commit d45a8d7f02
2 changed files with 31 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
phronCare.UIBlazor/Pages/Stock/Expeditions/ExpeditionCreate.razor
View File

@ -84,17 +84,17 @@
</div>
</div>
<div class="card mt-3" style="zoom:90%">
<div class="card mt-3">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="card-title m-0">Productos a Expedir</h5>
<div class="btn-group">
<button class="btn btn-dark btn-sm" title="Agregar producto" @onclick="OpenStockItemSelectorModal">
<i class="fas fa-box"></i> Producto
</button>
<button class="btn btn-dark btn-sm" title="Agregar set">
<button class="btn btn-dark btn-sm" disabled title="Agregar set">
<i class="fas fa-th-large"></i> Set-Box
</button>
<button class="btn btn-dark btn-sm" title="Escanear producto">
<button class="btn btn-dark btn-sm" disabled title="Escanear producto">
<i class="fas fa-barcode"></i> Scanner
</button>
</div>
@ -103,35 +103,40 @@
<div class="card-body p-2">
@if (Details.Any())
{
<div class="expedition-table-wrap">
<div class="expedition-table-wrap" style="zoom:80%">
<table class="table table-sm table-bordered expedition-table">
<thead class="table-light">
<tr>
<th>Producto</th>
<th>Cant.</th>
<th>Lote</th>
<th>Serial</th>
<th>Vencimiento</th>
<th>Ubicación</th>
<th class="text-center align-middle">Producto</th>
<th>Nombre</th>
<th class ="text-center align-middle">Cant.</th>
<th class="text-center align-middle">Lote</th>
<th class="text-center align-middle">Serial</th>
<th class="text-center align-middle">Vencimiento</th>
<th class="text-center align-middle">Ubicación</th>
<th style="width: 40px;"></th>
</tr>
</thead>
<tbody>
@foreach (var item in Details)
@for (int i = 0; i < 50; i++)
{
<tr>
<td>@item.ProductId</td>
<td>@item.Quantity</td>
<td>@item.Batch</td>
<td>@item.Serial</td>
<td>@item.Expiration?.ToString("yyyy-MM-dd")</td>
<td>@item.LocationId</td>
<td>
<button class="btn btn-link p-0" style="color: red;" title="Eliminar" @onclick="() => RemoveItem(item)">
<i class="fas fa-trash"></i>
</button>
</td>
</tr>
@foreach (var item in Details)
{
<tr>
<td class="text-center align-middle">@item.ProductId</td>
<td>@item.ProductName</td>
<td class="text-center align-middle">@item.Quantity</td>
<td class="text-center align-middle">@item.Batch</td>
<td class="text-center align-middle">@item.Serial</td>
<td class="text-center align-middle">@item.Expiration?.ToString("yyyy-MM-dd")</td>
<td class ="text-center align-middle">@item.LocationId</td>
<td class="text-center align-middle">
<button class="btn btn-link p-0" style="color: red;" title="Eliminar" @onclick="() => RemoveItem(item)">
<i class="fas fa-trash"></i>
</button>
</td>
</tr>
}
}
</tbody>
</table>

2
phronCare.UIBlazor/Pages/Stock/Expeditions/ExpeditionCreate.razor.css
View File

@ -1,5 +1,5 @@
.expedition-table-wrap {
max-height: 200px; /* controla la altura visible */
height: 40vh; /* 30% de la altura visible del navegador */
overflow-y: auto; /* genera el scrollbar vertical */
}