jonathan/mmcm
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP MMCM

Browse Source
This commit is contained in:
Jonathan Chevalier
2022-10-21 17:35:12 +02:00
parent 29e052c9f3
commit 054b798e90
2 changed files with 21 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/address-check.vue
View File

@@ -71,6 +71,7 @@ export default {
}, },
selectChoice(item) { selectChoice(item) {
this.searchResults = [] this.searchResults = []
this.query = item.properties.label this.query = item.properties.label
this.store.setStreet(item.properties.name) this.store.setStreet(item.properties.name)
this.store.setZipCode(item.properties.postcode) this.store.setZipCode(item.properties.postcode)

27
src/views/delivery-option-summary.vue
View File

@@ -1,17 +1,26 @@
<template> <template>
<div class="step_title">Recapitulatif :</div> <div class="step_title">Recapitulatif :</div>
<div class="text-start"> <div class="text-start">
<div class="mb-2"><strong>Adresse de livraison : </strong>{{ store.fullAddress }}</div> <div class="mb-4"><i class="fa-solid fa-location-dot fa-fw text-primary me-2"></i><strong>Adresse de livraison : </strong>{{ store.fullAddress }}</div>
<div class="mb-2"><strong>Mode de livraison : </strong>{{ store.deliveryMethod }}</div>
<div class="mb-2"><strong>Collecte de l'ordonnnace : </strong> <iframe class="mb-4" style="border:0; width: 100%; height: 350px;" :src="urlGoogleMap" allowfullscreen></iframe>
<div class="mb-4"><i class="fa-solid fa-truck fa-fw text-primary me-2"></i><strong>Mode de livraison : </strong>{{ store.deliveryMethod }}</div>
<div class="mb-4"><i class="fa-solid fa-file-medical fa-fw text-primary me-2"></i><strong>Collecte de l'ordonnnace : </strong>
<span v-if="store.withPrescription">Oui</span> <span v-if="store.withPrescription">Oui</span>
<span v-else>Non</span> <span v-else>Non</span>
</div> </div>
<div class="mb-2" v-if="store.withPrescription && store.dateDelivery !== store.dateCollect"><strong>Date de collecte <div class="mb-4" v-if="store.withPrescription && store.dateDelivery !== store.dateCollect"><i class="fa-solid fa-location-dot fa-fw text-primary me-2"></i><strong>Date de collecte
de l'ordonnnce de l'ordonnnce
: </strong>{{ store.dateCollectString }} : </strong>{{ store.dateCollectString }}
</div> </div>
<div class="mb-2"><strong>Date de livraison des medicaments : </strong>{{ store.dateDeliveryString }}</div> <div class="mb-4"><i class="fa-solid fa-calendar-days fa-fw text-primary me-2"></i><strong>Date de livraison des medicaments : </strong>{{ store.dateDeliveryString }}</div>
<router-link to="/address-check" class="btn btn-secondary me-4" >
<i class="fa-regular fa-arrow-alt-circle-left fa-fw"></i>
Modifier mes choix
</router-link>
<button class="btn btn-primary" @click="addToCart"> <button class="btn btn-primary" @click="addToCart">
<i v-if="suspens" class="fa-solid fa-circle-notch fa-spin fa-fw"></i> <i v-if="suspens" class="fa-solid fa-circle-notch fa-spin fa-fw"></i>
@@ -30,9 +39,12 @@ export default {
setup() { setup() {
const suspens = ref(false) const suspens = ref(false)
const store = useMMCMStore() const store = useMMCMStore()
const urlGoogleMap = "https://www.google.com/maps?width=100%25&height=600&hl=en&q="+encodeURI(store.fullAddress)+"&t=&z=17&ie=UTF8&iwloc=B&output=embed"
return { return {
suspens, suspens,
store store,
urlGoogleMap
} }
}, },
name: "delivery-option-summary", name: "delivery-option-summary",
@@ -55,7 +67,7 @@ export default {
} }
if (import.meta.env.DEV) { if (import.meta.env.DEV) {
urlApi += '&ID_SESSION=ch6LyRNw'; urlApi += '&ID_SESSION=XMiyFxuQ';
console.log(urlApi) console.log(urlApi)
} }
@@ -78,4 +90,5 @@ export default {
<style scoped> <style scoped>
</style> </style>