From b9acfc1f0dc46c9dc682572f66c7385b636c4e77 Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Wed, 17 Jun 2026 14:16:40 +0200
Subject: [PATCH] =?UTF-8?q?fix(transport)=20:=20indexation=20r=C3=A9elleme?=
 =?UTF-8?q?nt=20plafonn=C3=A9e=20=C3=A0=20100=20%=20=E2=80=94=20re-synchro?=
 =?UTF-8?q?nise=20le=20champ=20amount=20contr=C3=B4l=C3=A9=20via=20:key=20?=
 =?UTF-8?q?(ERP-170)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../transport/pages/carriers/[id]/edit.vue    | 16 ++++++++++++++-
 .../modules/transport/pages/carriers/new.vue  | 20 +++++++++++++++++--
 2 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/frontend/modules/transport/pages/carriers/[id]/edit.vue b/frontend/modules/transport/pages/carriers/[id]/edit.vue
index 3f3d9ce..8af2b41 100644
--- a/frontend/modules/transport/pages/carriers/[id]/edit.vue
+++ b/frontend/modules/transport/pages/carriers/[id]/edit.vue
@@ -64,13 +64,14 @@
                     </div>
                     <template v-if="showCharteredFields">
                         <MalioInputAmount
+                            :key="indexationKey"
                             :model-value="main.indexationRate"
                             :label="t('transport.carriers.form.main.indexationRate')"
                             icon-name="mdi:percent"
                             icon-position="right"
                             :required="true"
                             :error="mainErrors.errors.indexationRate"
-                            @update:model-value="(v: string) => main.indexationRate = clampPercent(v)"
+                            @update:model-value="onIndexationInput"
                         />
                         <MalioSelect
                             :model-value="main.containerType"
@@ -308,6 +309,19 @@ function apiErrorMessage(err: unknown): string {
     return extractApiErrorMessage(data) || t('transport.carriers.toast.error')
 }
 
+// Indexation plafonnée à 100 % : la clé force le ré-affichage du MalioInputAmount
+// (contrôlé) quand le plafonnement laisse le modelValue inchangé.
+const indexationKey = ref(0)
+
+/** Saisie de l'indexation : plafonne à 100 et re-synchronise le champ si plafonné. */
+function onIndexationInput(value: string): void {
+    const clamped = clampPercent(value)
+    main.indexationRate = clamped
+    if (clamped !== value) {
+        indexationKey.value += 1
+    }
+}
+
 function goBack(): void {
     router.push(`/carriers/${carrierId}`)
 }
diff --git a/frontend/modules/transport/pages/carriers/new.vue b/frontend/modules/transport/pages/carriers/new.vue
index 130f54e..e747ead 100644
--- a/frontend/modules/transport/pages/carriers/new.vue
+++ b/frontend/modules/transport/pages/carriers/new.vue
@@ -86,8 +86,11 @@
                      « Affreter ». La ligne 1 étant pleine (4 colonnes), ils démarrent
                      naturellement en colonne 1 de la ligne 2. -->
                 <template v-if="showCharteredFields">
-                    <!-- Indexation : montant en % (icône à droite), plafonné à 100. -->
+                    <!-- Indexation : montant en % (icône à droite), plafonné à 100. La
+                         :key force le ré-affichage du champ contrôlé quand on plafonne
+                         (sinon le modelValue inchangé n'est pas re-synchronisé par Vue). -->
                     <MalioInputAmount
+                        :key="indexationKey"
                         :model-value="main.indexationRate"
                         :label="t('transport.carriers.form.main.indexationRate')"
                         icon-name="mdi:percent"
@@ -95,7 +98,7 @@
                         :required="true"
                         :readonly="mainLocked"
                         :error="mainErrors.errors.indexationRate"
-                        @update:model-value="(v: string) => main.indexationRate = clampPercent(v)"
+                        @update:model-value="onIndexationInput"
                     />
 
                     <!-- Contenant : Benne / Fond mouvant (RG-4.03). -->
@@ -713,6 +716,19 @@ async function confirmIntegrate(): Promise<void> {
     }
 }
 
+// Indexation plafonnée à 100 % : la clé force le ré-affichage du MalioInputAmount
+// (contrôlé) quand le plafonnement laisse le modelValue inchangé.
+const indexationKey = ref(0)
+
+/** Saisie de l'indexation : plafonne à 100 et re-synchronise le champ si plafonné. */
+function onIndexationInput(value: string): void {
+    const clamped = clampPercent(value)
+    main.indexationRate = clamped
+    if (clamped !== value) {
+        indexationKey.value += 1
+    }
+}
+
 /** Retour vers le repertoire transporteurs (fleche d'en-tete). */
 function goBack(): void {
     router.push('/carriers')