fix(front) : poids en champ texte chiffré dans la pesée manuelle + retrait numéro/site sur la modification (ERP-189/190)

- Modale « Pesée manuelle » : champ Poids passé en MalioInputText verrouillé sur
  les chiffres (NUMERIC_MASK), comme le formulaire.
- Masques de pesée factorisés dans utils/weighingMasks (NUMERIC / PLATE / FREE_PLATE).
- Écran Modification : suppression des champs lecture seule « Numéro » et « Site »
  en tête (le numéro reste rappelé dans le titre de l'écran).
This commit is contained in:
2026-06-23 15:58:31 +02:00
parent f2c06aed43
commit 335d2ed207
6 changed files with 56 additions and 59 deletions
@@ -100,11 +100,9 @@ describe('Écran Modification ticket de pesée (page /weighing-tickets/{id}/edit
mockOpen.mockReset()
})
it('pré-remplit le numéro et le site en lecture seule (RG-5.09)', async () => {
const wrapper = await mountPage()
it('charge le ticket au montage (pré-remplissage via hydrate)', async () => {
await mountPage()
expect(mockFetchTicket).toHaveBeenCalledWith('9')
expect(wrapper.find('[data-label="logistique.weighingTickets.form.number"]').attributes('value')).toBe('86-TP-0001')
expect(wrapper.find('[data-label="logistique.weighingTickets.form.site"]').attributes('value')).toBe('Chatellerault')
})
it('bascule des boutons : « Enregistrer » + « Imprimer » présents, pas de « Valider »', async () => {
@@ -18,23 +18,8 @@
<p v-else-if="error" class="mt-12 text-center text-m-danger">{{ t('logistique.weighingTickets.edit.notFound') }}</p>
<template v-else>
<!-- Numéro + site : lecture seule, immuables (RG-5.09). -->
<div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
<MalioInputText
:model-value="ticketNumber"
:label="t('logistique.weighingTickets.form.number')"
:readonly="true"
:disabled="true"
/>
<MalioInputText
:model-value="siteName"
:label="t('logistique.weighingTickets.form.site')"
:readonly="true"
:disabled="true"
/>
</div>
<div class="mt-8 flex flex-col gap-8">
<!-- Numéro + site : immuables (RG-5.09), rappelés dans le titre de l'écran. -->
<div class="mt-[48px] flex flex-col gap-8">
<!-- Bloc « Poids à vide » (porte la contrepartie, RG-5.03) -->
<WeighingBlock
block-id="empty"
@@ -156,11 +141,12 @@
<h2 class="text-[24px] font-bold">{{ t('logistique.weighingTickets.form.manual.title') }}</h2>
</template>
<div class="flex flex-col gap-4">
<MalioInputNumber
<!-- Poids : champ texte verrouillé sur les chiffres (comme le formulaire). -->
<MalioInputText
v-model="manualModal.weight"
:mask="NUMERIC_MASK"
:label="t('logistique.weighingTickets.form.manual.weight')"
:required="true"
:min="0"
:error="manualModal.errors.weight"
/>
<MalioInputText
@@ -195,6 +181,7 @@ import { useWeighingTicketForm, type WeighingBlockState } from '~/modules/logist
import { useWeighbridge } from '~/modules/logistique/composables/useWeighbridge'
import { useWeighingTicket } from '~/modules/logistique/composables/useWeighingTicket'
import { useWeighingTicketReferentials, type RefOption } from '~/modules/logistique/composables/useWeighingTicketReferentials'
import { NUMERIC_MASK } from '~/modules/logistique/utils/weighingMasks'
const { t } = useI18n()
const api = useApi()
@@ -236,9 +223,8 @@ const loading = ref(true)
const error = ref(false)
const saving = ref(false)
// Numéro + site immuables (RG-5.09), affichés en lecture seule.
// Numéro immuable (RG-5.09), rappelé dans le titre de l'écran.
const ticketNumber = ref<string>('')
const siteName = ref<string>('')
const headerTitle = computed(() =>
ticketNumber.value
@@ -322,7 +308,7 @@ const manualModal = reactive({
open: false,
loading: false,
target: 'empty' as 'empty' | 'full',
weight: null as string | number | null,
weight: null as string | null,
manualNumber: null as string | null,
errors: {} as Record<string, string>,
})
@@ -399,7 +385,6 @@ onMounted(async () => {
try {
const detail = await fetchTicket(ticketId)
ticketNumber.value = detail.number
siteName.value = detail.site?.name ?? ''
form.hydrate(detail)
}
catch {
@@ -145,11 +145,12 @@
<h2 class="text-[24px] font-bold">{{ t('logistique.weighingTickets.form.manual.title') }}</h2>
</template>
<div class="flex flex-col gap-4">
<MalioInputNumber
<!-- Poids : champ texte verrouillé sur les chiffres (comme le formulaire). -->
<MalioInputText
v-model="manualModal.weight"
:mask="NUMERIC_MASK"
:label="t('logistique.weighingTickets.form.manual.weight')"
:required="true"
:min="0"
:error="manualModal.errors.weight"
/>
<MalioInputText
@@ -183,6 +184,7 @@ import { computed, onMounted, reactive, ref } from 'vue'
import { useWeighingTicketForm, type WeighingBlockState } from '~/modules/logistique/composables/useWeighingTicketForm'
import { useWeighbridge } from '~/modules/logistique/composables/useWeighbridge'
import { useWeighingTicketReferentials, type RefOption } from '~/modules/logistique/composables/useWeighingTicketReferentials'
import { NUMERIC_MASK } from '~/modules/logistique/utils/weighingMasks'
const { t } = useI18n()
const api = useApi()
@@ -302,7 +304,7 @@ const manualModal = reactive({
open: false,
loading: false,
target: 'empty' as 'empty' | 'full',
weight: null as string | number | null,
weight: null as string | null,
manualNumber: null as string | null,
errors: {} as Record<string, string>,
})