added deliverery note page with deliverery-note-form and deliverert-note-table

This commit is contained in:
2025-11-15 16:25:22 +01:00
parent d43f46b906
commit 5ab1ce4d5b
14 changed files with 431 additions and 27 deletions

View File

@@ -0,0 +1,59 @@
<nz-table #basicTable [nzData]="deliveryNotes" class="mr-7">
<thead>
<tr class="text-center">
<th>Numéro de livraison</th>
<th>Transporteur</th>
<th>Date d'expédition</th>
<th>Date de livraison estimée</th>
<th>Date de livraison réelle</th>
<th>Produits</th>
<th>Action</th>
</tr>
</thead >
<tbody class="text-center">
@for (data of basicTable.data; track data) {
<tr>
<td>{{data.trackingNumber}}</td>
<td>{{data.deliverer}}</td>
<td>{{data.expeditionDate | date: 'dd/MM/yyyy'}}</td>
<td>{{data.estimateDeliveryDate | date: 'dd/MM/yyyy'}}</td>
<td>{{data.realDeliveryDate | date: 'dd/MM/yyyy'}}</td>
<td>
<app-modal-button name="Voir les produits">
<div style="max-height: 400px; overflow-y: auto;">
<nz-table [nzData]="data.productDelivery">
<thead>
<tr class="text-center">
<th>Réference</th>
<th>Nom</th>
<th>Quantité</th>
</tr>
</thead>
<tbody class="text-center">
@for (product of data.productDelivery; track product) {
<tr>
<td>{{product.product.reference}}</td>
<td>{{product.product.name}}</td>
<td>{{product.quantity}}</td>
</tr>
}
</tbody>
</nz-table>
</div>
</app-modal-button>
</td>
<td>
<div style="justify-content: center; display: flex">
<app-modal-nav nameIcon="edit" name="Modification du bon de livraison" class="cursor-pointer">
<app-deliverery-note-form></app-deliverery-note-form>
</app-modal-nav>
<nz-divider nzType="vertical"></nz-divider>
<div>
<nz-icon nzType="delete" nzTheme="outline" class="cursor-pointer text-red-700"/>
</div>
</div>
</td>
</tr>
}
</tbody>
</nz-table>