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

frontend/modules/commercial/components/ClientContactBlock.vue

@@ -4,7 +4,7 @@
              non supprimable (1er bloc obligatoire RG-1.14) ou en lecture seule.
              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"
@@ -16,6 +16,7 @@
             :model-value="model.lastName"
             :label="t('commercial.clients.form.contact.lastName')"
             :readonly="readonly"
+            :disabled="disabled"
             :error="errors?.lastName"
             @update:model-value="(v: string) => update('lastName', v)"
         />
@@ -23,6 +24,7 @@
             :model-value="model.firstName"
             :label="t('commercial.clients.form.contact.firstName')"
             :readonly="readonly"
+            :disabled="disabled"
             :error="errors?.firstName"
             @update:model-value="(v: string) => update('firstName', v)"
         />
@@ -34,6 +36,7 @@
                 :model-value="model.jobTitle"
                 :label="t('commercial.clients.form.contact.jobTitle')"
                 :readonly="readonly"
+                :disabled="disabled"
                 :error="errors?.jobTitle"
                 @update:model-value="(v: string) => update('jobTitle', v)"
             />
@@ -42,6 +45,7 @@
             :model-value="model.email"
             :label="t('commercial.clients.form.contact.email')"
             :readonly="readonly"
+            :disabled="disabled"
             :lowercase="true"
             :error="errors?.email"
             @update:model-value="(v: string) => update('email', v)"
@@ -51,6 +55,7 @@
             :label="t('commercial.clients.form.contact.phonePrimary')"
             :mask="PHONE_MASK"
             :readonly="readonly"
+            :disabled="disabled"
             :error="errors?.phonePrimary"
             :addable="!model.hasSecondaryPhone && !readonly"
             :add-button-label="t('commercial.clients.form.contact.addPhone')"
@@ -63,6 +68,7 @@
             :label="t('commercial.clients.form.contact.phoneSecondary')"
             :mask="PHONE_MASK"
             :readonly="readonly"
+            :disabled="disabled"
             :error="errors?.phoneSecondary"
             @update:model-value="(v: string) => update('phoneSecondary', v)"
         />
@@ -86,6 +92,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>
 }>()