kevin
dc69673a05
# Conflicts: # frontend/pages/reception/finish-reception.vue # frontend/pages/shipment/finish-shipment.vue
38 lines
1.2 KiB
Vue
38 lines
1.2 KiB
Vue
<template>
|
|
<div class="flex items-center justify-start gap-10">
|
|
<Icon @click="router.push('/')" name="gg:arrow-left-o" size="44" class="cursor-pointer text-primary-500"/>
|
|
<h1 class="text-3xl font-bold uppercase text-primary-500">listes des expéditions finie</h1>
|
|
</div>
|
|
|
|
<UiDataTable
|
|
:columns="columns"
|
|
url="shipments"
|
|
:query="{ isValid: true }"
|
|
@row-click="goToShipment"
|
|
/>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type {ShipmentData} from "~/services/dto/shipment-data";
|
|
import {getShipmentList} from "~/services/shipment";
|
|
|
|
const shipmentList = ref<ShipmentData[]>()
|
|
const router = useRouter()
|
|
const columns = [
|
|
{key: 'identificationNumber', label: 'Numero'},
|
|
{key: 'shipmentDate', label: 'Date de livraison'},
|
|
{key: 'customer', label: 'Client'},
|
|
{key: 'address.fullAddress', label: 'Adresse'},
|
|
{key: 'bovinShipments', label: 'Type', format:formatBovinShipments},
|
|
{key: 'weights', label: 'Poids', format: formatWeights}
|
|
]
|
|
type ReceptionRow = {
|
|
id?: number | string
|
|
}
|
|
const goToShipment = (row: ReceptionRow) => {
|
|
const id = Number(row?.id)
|
|
if (!Number.isFinite(id)) return
|
|
router.push(`/shipment/update/${id}`)
|
|
}
|
|
</script>
|