| Numéro du ticket | Titre du ticket | |------------------|-----------------| | #203 | Réceptions — Parcours de pesée multi-étapes | ## Description de la PR [#203] Réceptions — Parcours de pesée multi-étapes ## Modification du .env ## Check list - [x] Pas de régression - [x] TU/TI/TF rédigée - [x] TU/TI/TF OK - [x] CHANGELOG modifié Reviewed-on: #3 Reviewed-by: THOLOT DECHENE Matthieu <matthieu@yuno.malio.fr> Co-authored-by: AUTIN Tristan <tristan@yuno.malio.fr> Co-committed-by: AUTIN Tristan <tristan@yuno.malio.fr>
37 lines
1.3 KiB
Vue
37 lines
1.3 KiB
Vue
<template>
|
||
<div v-if="errorMessage" class="text-red-600">{{ errorMessage }}</div>
|
||
<div v-else>
|
||
<div class="flex justify-between h-[52px] mb-[90px]">
|
||
<p class="self-center">Indicateur d’étapes</p>
|
||
<NuxtLink to="/" class="flex flex-col justify-center uppercase text-xl bg-black text-white h-[50px] w-[272px] text-center">Mettre en attente</NuxtLink>
|
||
</div>
|
||
<ReceptionForm v-if="storeReception?.currentStep === 0"/>
|
||
<ReceptionWeight v-if="storeReception?.currentStep === 1" mode="gross"/>
|
||
<ReceptionUnloading v-if="storeReception?.currentStep === 2"/>
|
||
<ReceptionWeight v-if="storeReception?.currentStep === 3" mode="tare"/>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { useReceptionStore } from '~/stores/reception'
|
||
import { storeToRefs } from 'pinia'
|
||
|
||
const route = useRoute()
|
||
const router = useRouter()
|
||
|
||
const receptionStore = useReceptionStore()
|
||
const { current: storeReception, errorMessage } = storeToRefs(receptionStore)
|
||
|
||
onMounted(async () => {
|
||
const raw = route.params.id
|
||
const idStr = Array.isArray(raw) ? raw[0] : raw
|
||
const id = idStr ? Number(idStr) : null
|
||
|
||
if (id === null) {
|
||
await receptionStore.createReception()
|
||
} else {
|
||
await receptionStore.loadReception(id)
|
||
}
|
||
})
|
||
</script>
|