fix(transport) : name de radio unique par bloc prix (useId) — plus de groupe partagé entre blocs (ERP-170)

frontend/modules/transport/components/CarrierPriceBlock.vue

@@ -17,7 +17,7 @@
             <div class="flex h-12 items-center gap-6">
                 <MalioRadioButton
                     :model-value="model.direction"
-                    name="price-direction"
+                    :name="`price-direction-${uid}`"
                     value="CLIENT"
                     :label="t('transport.carriers.form.price.directionClient')"
                     :disabled="readonly"
@@ -26,7 +26,7 @@
                 />
                 <MalioRadioButton
                     :model-value="model.direction"
-                    name="price-direction"
+                    :name="`price-direction-${uid}`"
                     value="FOURNISSEUR"
                     :label="t('transport.carriers.form.price.directionSupplier')"
                     :disabled="readonly"
@@ -112,7 +112,7 @@
                 <div class="flex h-12 items-center gap-4">
                     <MalioRadioButton
                         :model-value="model.containerType"
-                        name="price-container"
+                        :name="`price-container-${uid}`"
                         value="BENNE"
                         :label="t('transport.carriers.containerType.BENNE')"
                         :disabled="readonly"
@@ -121,7 +121,7 @@
                     />
                     <MalioRadioButton
                         :model-value="model.containerType"
-                        name="price-container"
+                        :name="`price-container-${uid}`"
                         value="FOND_MOUVANT"
                         :label="t('transport.carriers.containerType.FOND_MOUVANT')"
                         :disabled="readonly"
@@ -137,7 +137,7 @@
                 <div class="flex h-12 items-center gap-4">
                     <MalioRadioButton
                         :model-value="model.pricingUnit"
-                        name="price-unit"
+                        :name="`price-unit-${uid}`"
                         value="FORFAIT"
                         :label="t('transport.carriers.form.price.pricingForfait')"
                         :disabled="readonly"
@@ -146,7 +146,7 @@
                     />
                     <MalioRadioButton
                         :model-value="model.pricingUnit"
-                        name="price-unit"
+                        :name="`price-unit-${uid}`"
                         value="TONNE"
                         :label="t('transport.carriers.form.price.pricingTonne')"
                         :disabled="readonly"
@@ -181,7 +181,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue'
+import { computed, ref, useId, watch } from 'vue'
 import type { CarrierPriceFormDraft } from '~/modules/transport/types/carrierForm'
 
 interface SelectOption {
@@ -212,6 +212,11 @@ const emit = defineEmits<{
 const { t } = useI18n()
 const api = useApi()
 
+// Identifiant unique par instance : les groupes de radios (sens / contenant / tarif)
+// doivent avoir un `name` PROPRE à chaque bloc prix, sinon plusieurs blocs partagent
+// le même groupe HTML et leurs radios se désélectionnent mutuellement.
+const uid = useId()
+
 const model = computed(() => props.modelValue)
 
 const priceStateOptions = computed<SelectOption[]>(() => [