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

frontend/modules/commercial/components/ClientAddressBlock.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)]">
         <!-- ariaLabel via v-bind objet (prop camelCase ; aria-* serait un attribut HTML). -->
         <MalioButtonIcon
-            v-if="removable && !readonly"
+            v-if="removable && !readonly && !disabled"
             icon="mdi:delete-outline"
             variant="ghost"
             button-class="absolute top-3 right-3"
@@ -21,6 +21,7 @@
             :options="addressTypeOptions"
             :label="t('commercial.clients.form.address.addressType')"
             :readonly="readonly"
+            :disabled="disabled"
             :required="true"
             :error="errors?.isProspect"
             @update:model-value="onAddressTypeChange"
@@ -33,6 +34,7 @@
             :label="t('commercial.clients.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))"
@@ -44,6 +46,7 @@
             :label="t('commercial.clients.form.address.contacts')"
             :display-tag="true"
             :readonly="readonly"
+            :disabled="disabled"
             @update:model-value="(v: (string | number)[]) => update('contactIris', v.map(String))"
         />
 
@@ -57,6 +60,7 @@
             :label="t('commercial.clients.form.address.billingEmail')"
             :required="true"
             :readonly="readonly"
+            :disabled="disabled"
             :lowercase="true"
             :error="errors?.billingEmail"
             :addable="!model.hasSecondaryBillingEmail && !readonly"
@@ -71,6 +75,7 @@
             :model-value="model.billingEmailSecondary"
             :label="t('commercial.clients.form.address.billingEmailSecondary')"
             :readonly="readonly"
+            :disabled="disabled"
             :lowercase="true"
             :error="errors?.billingEmailSecondary"
             @update:model-value="(v: string) => update('billingEmailSecondary', v)"
@@ -82,6 +87,7 @@
             :label="t('commercial.clients.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))"
@@ -92,6 +98,7 @@
             :options="countryOptions"
             :label="t('commercial.clients.form.address.country')"
             :readonly="readonly"
+            :disabled="disabled"
             :required="true"
             @update:model-value="(v: string | number | null) => update('country', String(v ?? 'France'))"
         />
@@ -101,6 +108,7 @@
             :label="t('commercial.clients.form.address.postalCode')"
             :mask="POSTAL_CODE_MASK"
             :readonly="readonly"
+            :disabled="disabled"
             :required="true"
             :error="errors?.postalCode"
             @update:model-value="onPostalCodeChange"
@@ -115,6 +123,7 @@
             :options="cityOptions"
             :label="t('commercial.clients.form.address.city')"
             :readonly="readonly"
+            :disabled="disabled"
             empty-option-label=""
             :required="true"
             :error="errors?.city"
@@ -125,6 +134,7 @@
             :model-value="model.city"
             :label="t('commercial.clients.form.address.city')"
             :readonly="readonly"
+            :disabled="disabled"
             :required="true"
             :error="errors?.city"
             @update:model-value="(v: string) => update('city', v)"
@@ -142,13 +152,14 @@
                  blur/Entree (saisie manuelle) — sinon il serait efface. La ville reste
                  pilotee par le code postal ; choisir une suggestion remplit rue+ville+CP. -->
             <MalioInputAutocomplete
-                v-if="!readonly"
+                v-if="!readonly && !disabled"
                 :model-value="model.street"
                 :options="addressOptions"
                 :loading="addressLoading"
                 :min-search-length="3"
                 :label="t('commercial.clients.form.address.street')"
                 :readonly="readonly"
+                :disabled="disabled"
                 :required="true"
                 :error="errors?.street"
                 :allow-create="true"
@@ -162,6 +173,7 @@
                 :model-value="model.street"
                 :label="t('commercial.clients.form.address.street')"
                 :readonly="readonly"
+                :disabled="disabled"
                 :required="true"
                 :error="errors?.street"
                 @update:model-value="(v: string) => update('street', v)"
@@ -173,6 +185,7 @@
                 :model-value="model.streetComplement"
                 :label="t('commercial.clients.form.address.streetComplement')"
                 :readonly="readonly"
+                :disabled="disabled"
                 :error="errors?.streetComplement"
                 @update:model-value="(v: string) => update('streetComplement', v)"
             />
@@ -210,6 +223,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>
 }>()