feat : grise les champs en consultation et onglets validés (readonly → disabled) (ERP-193)

frontend/modules/technique/components/ProviderAddressBlock.vue

@@ -2,7 +2,7 @@
     <div class="relative grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
         <!-- Suppression : modal de confirmation cote parent. -->
         <MalioButtonIcon
-            v-if="removable && !readonly"
+            v-if="removable && !readonly && !disabled"
             icon="mdi:delete-outline"
             variant="ghost"
             button-class="absolute top-3 right-3"
@@ -17,6 +17,7 @@
             :label="t('technique.providers.form.address.sites')"
             :display-tag="true"
             :readonly="readonly"
+            :disabled="disabled"
             :required="true"
             :error="errors?.sites"
             @update:model-value="(v: (string | number)[]) => update('siteIris', v.map(String))"
@@ -29,6 +30,7 @@
             :label="t('technique.providers.form.address.categories')"
             :display-tag="true"
             :readonly="readonly"
+            :disabled="disabled"
             :required="true"
             :error="errors?.categories"
             @update:model-value="(v: (string | number)[]) => update('categoryIris', v.map(String))"
@@ -41,6 +43,7 @@
             :label="t('technique.providers.form.address.contacts')"
             :display-tag="true"
             :readonly="readonly"
+            :disabled="disabled"
             @update:model-value="(v: (string | number)[]) => update('contactIris', v.map(String))"
         />
 
@@ -49,6 +52,7 @@
             :options="countryOptions"
             :label="t('technique.providers.form.address.country')"
             :readonly="readonly"
+            :disabled="disabled"
             :required="true"
             @update:model-value="(v: string | number | null) => update('country', String(v ?? 'France'))"
         />
@@ -58,6 +62,7 @@
             :label="t('technique.providers.form.address.postalCode')"
             :mask="POSTAL_CODE_MASK"
             :readonly="readonly"
+            :disabled="disabled"
             :required="true"
             :error="errors?.postalCode"
             @update:model-value="onPostalCodeChange"
@@ -70,6 +75,7 @@
             :options="cityOptions"
             :label="t('technique.providers.form.address.city')"
             :readonly="readonly"
+            :disabled="disabled"
             empty-option-label=""
             :required="true"
             :error="errors?.city"
@@ -80,6 +86,7 @@
             :model-value="model.city"
             :label="t('technique.providers.form.address.city')"
             :readonly="readonly"
+            :disabled="disabled"
             :required="true"
             :error="errors?.city"
             @update:model-value="(v: string) => update('city', v)"
@@ -89,13 +96,14 @@
              texte saisi est conserve si la BAN ne propose rien (saisie manuelle). -->
         <div class="col-span-2">
             <MalioInputAutocomplete
-                v-if="!readonly"
+                v-if="!readonly && !disabled"
                 :model-value="model.street"
                 :options="addressOptions"
                 :loading="addressLoading"
                 :min-search-length="3"
                 :label="t('technique.providers.form.address.street')"
                 :readonly="readonly"
+                :disabled="disabled"
                 :required="true"
                 :error="errors?.street"
                 :allow-create="true"
@@ -109,6 +117,7 @@
                 :model-value="model.street"
                 :label="t('technique.providers.form.address.street')"
                 :readonly="readonly"
+                :disabled="disabled"
                 :required="true"
                 :error="errors?.street"
                 @update:model-value="(v: string) => update('street', v)"
@@ -120,6 +129,7 @@
                 :model-value="model.streetComplement"
                 :label="t('technique.providers.form.address.streetComplement')"
                 :readonly="readonly"
+                :disabled="disabled"
                 :error="errors?.streetComplement"
                 @update:model-value="(v: string) => update('streetComplement', v)"
             />
@@ -149,6 +159,8 @@ const props = defineProps<{
     countryOptions: RefOption[]
     removable?: boolean
     readonly?: boolean
+    /** Bloc desactive (champs grises, consultation — distinct de readonly). */
+    disabled?: boolean
     /** Erreurs serveur 422 de cette ligne, indexees par champ (ERP-101). */
     errors?: Record<string, string>
 }>()

frontend/modules/technique/components/ProviderContactBlock.vue

@@ -3,7 +3,7 @@
         <!-- Suppression : ouvre une modal de confirmation cote parent. Masquee si
              non supprimable (1er bloc) ou en lecture seule. -->
         <MalioButtonIcon
-            v-if="removable && !readonly"
+            v-if="removable && !readonly && !disabled"
             icon="mdi:delete-outline"
             variant="ghost"
             button-class="absolute top-3 right-3"
@@ -15,6 +15,7 @@
             :model-value="model.lastName"
             :label="t('technique.providers.form.contact.lastName')"
             :readonly="readonly"
+            :disabled="disabled"
             :error="errors?.lastName"
             @update:model-value="(v: string) => update('lastName', v)"
         />
@@ -22,6 +23,7 @@
             :model-value="model.firstName"
             :label="t('technique.providers.form.contact.firstName')"
             :readonly="readonly"
+            :disabled="disabled"
             :error="errors?.firstName"
             @update:model-value="(v: string) => update('firstName', v)"
         />
@@ -33,6 +35,7 @@
                 :model-value="model.jobTitle"
                 :label="t('technique.providers.form.contact.jobTitle')"
                 :readonly="readonly"
+                :disabled="disabled"
                 :error="errors?.jobTitle"
                 @update:model-value="(v: string) => update('jobTitle', v)"
             />
@@ -41,6 +44,7 @@
             :model-value="model.email"
             :label="t('technique.providers.form.contact.email')"
             :readonly="readonly"
+            :disabled="disabled"
             :lowercase="true"
             :error="errors?.email"
             @update:model-value="(v: string) => update('email', v)"
@@ -50,6 +54,7 @@
             :label="t('technique.providers.form.contact.phonePrimary')"
             :mask="PHONE_MASK"
             :readonly="readonly"
+            :disabled="disabled"
             :error="errors?.phonePrimary"
             :addable="!model.hasSecondaryPhone && !readonly"
             :add-button-label="t('technique.providers.form.contact.addPhone')"
@@ -63,6 +68,7 @@
             :label="t('technique.providers.form.contact.phoneSecondary')"
             :mask="PHONE_MASK"
             :readonly="readonly"
+            :disabled="disabled"
             :error="errors?.phoneSecondary"
             @update:model-value="(v: string) => update('phoneSecondary', v)"
         />
@@ -83,6 +89,8 @@ const props = defineProps<{
     removable?: boolean
     /** Bloc en lecture seule (onglet valide). */
     readonly?: boolean
+    /** Bloc desactive (champs grises, consultation — distinct de readonly). */
+    disabled?: boolean
     /** Erreurs serveur 422 de cette ligne, indexees par champ (ERP-101). */
     errors?: Record<string, string>
 }>()