fix(transport) : bloc prix — radios sens/contenant/tarif horizontaux et centrés (h-12) en colonne 1 (ERP-169)
This commit is contained in:
@@ -10,29 +10,31 @@
|
|||||||
@click="$emit('remove')"
|
@click="$emit('remove')"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<!-- RG-4.09 : sens du prix (CLIENT / FOURNISSEUR), seul sur la ligne 1, empilé
|
<!-- RG-4.09 : sens du prix (CLIENT / FOURNISSEUR) en colonne 1 / ligne 1, radios
|
||||||
en colonne 1 (pas de label de groupe). Les champs de branche démarrent
|
EN LIGNE (horizontaux), centrés sur la hauteur de champ (h-12) comme la
|
||||||
donc en ligne 2. col-span-4 = la ligne 1 ne porte que ce bloc. -->
|
case « Affréter ». Pas de label de groupe. -->
|
||||||
<div class="col-span-4 flex flex-col gap-2">
|
<div>
|
||||||
<MalioRadioButton
|
<div class="flex h-12 items-center gap-6">
|
||||||
:model-value="model.direction"
|
<MalioRadioButton
|
||||||
name="price-direction"
|
:model-value="model.direction"
|
||||||
value="CLIENT"
|
name="price-direction"
|
||||||
:label="t('transport.carriers.form.price.directionClient')"
|
value="CLIENT"
|
||||||
:disabled="readonly"
|
:label="t('transport.carriers.form.price.directionClient')"
|
||||||
group-class="mt-0"
|
:disabled="readonly"
|
||||||
@update:model-value="onDirectionChange"
|
group-class="mt-0"
|
||||||
/>
|
@update:model-value="onDirectionChange"
|
||||||
<MalioRadioButton
|
/>
|
||||||
:model-value="model.direction"
|
<MalioRadioButton
|
||||||
name="price-direction"
|
:model-value="model.direction"
|
||||||
value="FOURNISSEUR"
|
name="price-direction"
|
||||||
:label="t('transport.carriers.form.price.directionSupplier')"
|
value="FOURNISSEUR"
|
||||||
:disabled="readonly"
|
:label="t('transport.carriers.form.price.directionSupplier')"
|
||||||
group-class="mt-0"
|
:disabled="readonly"
|
||||||
@update:model-value="onDirectionChange"
|
group-class="mt-0"
|
||||||
/>
|
@update:model-value="onDirectionChange"
|
||||||
<p v-if="errors?.direction" class="mt-1 ml-[2px] text-xs text-m-danger">{{ errors.direction }}</p>
|
/>
|
||||||
|
</div>
|
||||||
|
<p v-if="errors?.direction" class="ml-[2px] text-xs text-m-danger">{{ errors.direction }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Branche CLIENT (RG-4.10). -->
|
<!-- Branche CLIENT (RG-4.10). -->
|
||||||
@@ -105,9 +107,9 @@
|
|||||||
|
|
||||||
<!-- Communs (visibles dès qu'un sens est choisi). -->
|
<!-- Communs (visibles dès qu'un sens est choisi). -->
|
||||||
<template v-if="model.direction !== null">
|
<template v-if="model.direction !== null">
|
||||||
<!-- Contenant : Benne / Fond mouvant (pas de label de groupe). -->
|
<!-- Contenant : Benne / Fond mouvant (radios centrés h-12, pas de label). -->
|
||||||
<div class="flex flex-col justify-center">
|
<div>
|
||||||
<div class="flex gap-4">
|
<div class="flex h-12 items-center gap-4">
|
||||||
<MalioRadioButton
|
<MalioRadioButton
|
||||||
:model-value="model.containerType"
|
:model-value="model.containerType"
|
||||||
name="price-container"
|
name="price-container"
|
||||||
@@ -127,12 +129,12 @@
|
|||||||
@update:model-value="(v: string | number | boolean | null) => update('containerType', v === null ? null : String(v))"
|
@update:model-value="(v: string | number | boolean | null) => update('containerType', v === null ? null : String(v))"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<p v-if="errors?.containerType" class="mt-1 ml-[2px] text-xs text-m-danger">{{ errors.containerType }}</p>
|
<p v-if="errors?.containerType" class="ml-[2px] text-xs text-m-danger">{{ errors.containerType }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Tarification : Forfait / Tonne (pas de label de groupe). -->
|
<!-- Tarification : Forfait / Tonne (radios centrés h-12, pas de label). -->
|
||||||
<div class="flex flex-col justify-center">
|
<div>
|
||||||
<div class="flex gap-4">
|
<div class="flex h-12 items-center gap-4">
|
||||||
<MalioRadioButton
|
<MalioRadioButton
|
||||||
:model-value="model.pricingUnit"
|
:model-value="model.pricingUnit"
|
||||||
name="price-unit"
|
name="price-unit"
|
||||||
@@ -152,7 +154,7 @@
|
|||||||
@update:model-value="(v: string | number | boolean | null) => update('pricingUnit', v === null ? null : String(v))"
|
@update:model-value="(v: string | number | boolean | null) => update('pricingUnit', v === null ? null : String(v))"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<p v-if="errors?.pricingUnit" class="mt-1 ml-[2px] text-xs text-m-danger">{{ errors.pricingUnit }}</p>
|
<p v-if="errors?.pricingUnit" class="ml-[2px] text-xs text-m-danger">{{ errors.pricingUnit }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<MalioInputAmount
|
<MalioInputAmount
|
||||||
|
|||||||
Reference in New Issue
Block a user