FIX Ajout de l'affichage du message d'erreur sur les pages de simu + …

…ajout ptit espace entre les boutons de navigation

src/components/NavigateNotice.vue

@@ -3,6 +3,7 @@
   <!--Conteneur bouton 1-->
   <v-row class="d-flex justify-center">
     <v-btn
+      class="mt-3"
       :disabled="nbNotice.nbNoticeEnCours === 0"
       large
       dark
@@ -17,6 +18,7 @@
   <!--Conteneur bouton 2-->
   <v-row class="d-flex justify-center">
     <v-btn
+      class="mt-3"
       :disabled="nbNotice.nbNoticeEnCours === 0"
       large
       dark
@@ -31,6 +33,7 @@
   <!--Conteneur bouton 3-->
   <v-row class="d-flex justify-center">
     <v-btn
+      class="mt-3"
       :disabled="nbNotice.nbNoticeEnCours === nbNotice.nbTotalNotice - 1"
       large
       dark
@@ -45,6 +48,7 @@
   <!--Conteneur bouton 4-->
   <v-row class="d-flex justify-center">
     <v-btn
+      class="mt-3"
       :disabled="nbNotice.nbNoticeEnCours === nbNotice.nbTotalNotice - 1"
       large
       dark

src/components/Simulation.vue

@@ -1,6 +1,4 @@
 <template>
-  <recap-demande :demande="demande"></recap-demande>
-
   <v-overlay v-model="isLoading" class="justify-center align-center">
     <v-progress-circular
       color="blue-lighten-3"
@@ -9,14 +7,17 @@
       :width="12"
     ></v-progress-circular>
   </v-overlay>
+
+  <recap-demande :demande="demande"></recap-demande>
   <!-- CONTENU SIMULATION -->
+  <v-alert icon="mdi-alert" type="error" v-if="alertMessageError" class="my-3" border="left">Simulation impossible : {{ alertMessageError }}</v-alert>
   <v-card flat class="pb-2">
     <v-card-title style="background-color: #295494; color: white" class="d-flex justify-space-between">
       <span>Ecran de simulation</span>
       <v-btn depressed variant="text" @click="deleted()" prepend-icon="mdi-delete">Supprimer</v-btn>
     </v-card-title>
     <!--TEMPLATE DE SIMULATION-->
-    <v-alert type="warning" align="center" class="my-3 pa-2" dense prominent border="left">
+    <v-alert type="warning"  class="my-3 pa-2" dense prominent border="left">
       Cet écran est une <strong>prévisualisation</strong> du traitement.<br>
       Il s'agit de la <strong>dernière étape</strong> avant de lancer le traitement en <strong>base de
       production</strong>. Merci de <strong>vérifier vos données</strong>.
@@ -78,6 +79,7 @@ const numeroPPNNotice = ref();
 const noticeAvant = ref("");
 const noticeApres = ref("");
 const isLoading = ref(true);
+const alertMessageError = ref();
 
 onMounted(() => {
   demandesService.getNbLigneFichier(props.demande.id, props.demande.type)
@@ -90,19 +92,26 @@ onMounted(() => {
       noticeAvant.value = response.data[1];
       noticeApres.value = response.data[2];
     })
+    .catch(err => {
+      alertMessageError.value = err.response.data.message
+    })
     .finally(() => {
       isLoading.value = false;
     });
 });
 
 function refresh() {
   isLoading.value = true;
+  alertMessageError.value = null;
   demandesService.simulerLigne(props.demande.id, nbNotice.value.nbNoticeEnCours, props.demande.type)
     .then(response => {
       numeroPPNNotice.value = response.data[0];
       noticeAvant.value = response.data[1];
       noticeApres.value = response.data[2];
     })
+    .catch(err => {
+      alertMessageError.value = err.response.data.message
+    })
     .finally(() => {
       isLoading.value = false;
     });