WIP MMCM

src/views/delivery-option-step-3.vue

@@ -15,14 +15,38 @@
           Merci de renseigner la date
         </div>
       </div>
+
+      <div v-if="store.deliveryMethodCode === 'MMCM_FACTEUR'">
+        <div class="form-check mt-4">
+          <input v-model="picker.method" class="form-check-input" type="radio" value="Main propre" :name="'method'+picker.id" :id="'method'+picker.id">
+          <label class="form-check-label" :for="'method'+picker.id">
+            {{picker.methodLabel}} en main propre
+          </label>
+        </div>
+        <div class="form-check">
+          <input v-model="picker.method" class="form-check-input" type="radio" value="Boites aux lettres" :name="'method'+picker.id" :id="'method'+picker.id">
+          <label class="form-check-label" :for="'method'+picker.id">
+           {{picker.methodLabel}} en boîte aux lettres <span class="text-danger">*</span>
+          </label>
+        </div>
+      </div>
+
     </div>
   </div>
+
   <div class="row">
     <div class="col-lg-12 text-center mt-4">
       <button class="btn btn-primary" @click="gotToNextStep"><i class="fa-regular fa-circle-check fa-fw"></i> Valider
       </button>
     </div>
   </div>
+  <div v-if="store.deliveryMethodCode === 'MMCM_FACTEUR'">
+    <small>
+      <br/><br/><span class="text-danger">*</span> L'utilisation d'une boîte aux lettres normalisée est idéale pour ce service.<br/>
+      Dimensions d'une boîte aux lettres normalisée : hauteur : 26 cm, largeur : 26 cm, profondeur : 34 cm.<br/>
+      Si vous avez déjà reçu un colis dans votre boîte aux lettres, c'est sûr, le facteur pourra l'utiliser.
+    </small>
+  </div>
 </template>
 
 <script>
@@ -36,7 +60,7 @@ export default {
   setup() {
     const store = useMMCMStore()
 
-    const {dateDelivery, dateCollect} = storeToRefs(store)
+    const {dateDelivery, dateCollect, methodDelivery, methodCollect} = storeToRefs(store)
 
     let pickerList = []
     if (store.needPrescriptionDateCollect) {
@@ -44,6 +68,8 @@ export default {
         id: 1,
         title: 'Date de collecte de l\'ordonnance :',
         vModel: dateCollect,
+        method : methodCollect,
+        methodLabel : 'Collecte des documents de santé',
         error: false,
         minDate: store.minDateForCollect,
       }))
@@ -54,6 +80,8 @@ export default {
       title: 'Date de livraison des médicaments :',
       vModel: dateDelivery,
       error: false,
+      method : methodDelivery,
+      methodLabel : 'Livraison',
       minDate: (store.needPrescriptionDateCollect) ? store.minDateForDelivery : store.minDateForCollect,
     }))
 
@@ -85,7 +113,7 @@ export default {
 
         const minDateTs = picker.vModel + 24 * 60 * 60 * 1000
 
-        if(minDateTs > this.pickerList[1].vModel){
+        if (minDateTs > this.pickerList[1].vModel) {
           this.pickerList[1].vModel = null
         }