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

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

@ -1,5 +1,5 @@
.expedition-table-wrap { .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 */ overflow-y: auto; /* genera el scrollbar vertical */
} }