ITEM-191

Ajouter un titre dans chaque workflow
abes-esr · Oct 16, 2024 · a8884d5 · a8884d5
1 parent 54ddb50
commit a8884d5
Show file tree

Hide file tree

Showing 5 changed files with 218 additions and 200 deletions.
diff --git a/src/components/RecapDemande.vue b/src/components/RecapDemande.vue
@@ -1,8 +1,8 @@
 <template>
   <!-- INFOS GENERALES DE LA DEMANDE -->
-  <div id="demInfos" class="elevation-2 mb-4 mt-2">
+  <div v-if="demande" id="demInfos" class="elevation-2 mb-4 mt-2">
     <h3 class="d-flex justify-center">Ma demande</h3>
-    <v-container fluid>
+    <v-container >
       <v-row>
         <v-col>
           <v-row class="d-flex justify-center pa-1">Numéro de Demande</v-row>
@@ -36,3 +36,9 @@ const props = defineProps({
 });
 
 </script>
+
+<style>
+#demInfos{
+  width: 100%;
+}
+</style>
diff --git a/src/views/Exemplarisation/ExempSteps.vue b/src/views/Exemplarisation/ExempSteps.vue
@@ -1,5 +1,6 @@
 <template>
   <v-container :class="(currentStep === 3) ? '' : 'fill-height'" fluid>
+    <recap-demande v-if="currentStep < 3" :demande="demande"></recap-demande>
     <v-row align="center" justify="center">
       <v-col :md="(currentStep === 3) ? '' : '7'">
         <v-stepper  v-model="currentStep" @update:model-value="changeEtat()" alt-labels>
@@ -112,6 +113,7 @@ import TypeExemp from '@/components/Exemp/TypeExemp.vue';
 import Simulation from "@/components/Simulation.vue";
 import DialogLancerTraitement from '@/components/Dialog/DialogLancerTraitement.vue';
 import DialogSuppression from '@/components/Dialog/DialogSuppression.vue';
+import RecapDemande from '@/components/RecapDemande.vue';
 
 const emits = defineEmits(['backendError', 'backendSuccess', 'login-success'])
 const props = defineProps({id : {type: String}});

diff --git a/src/views/Modification/ModifSteps.vue b/src/views/Modification/ModifSteps.vue
@@ -1,5 +1,6 @@
 <template>
   <v-container :class="(currentStep === 4) ? '' : 'fill-height'" fluid>
+    <recap-demande v-if="currentStep < 4" :demande="demande"></recap-demande>
     <v-row align="center" justify="center">
       <v-col :md="(currentStep === 4) ? '' : '7'">
         <v-stepper v-model="currentStep" @update:model-value="changeEtape()" alt-labels>
@@ -161,6 +162,7 @@ import TypeTraitement from '@/components/Modif/TypeTraitement.vue';
 import Simulation from "@/components/Simulation.vue";
 import DialogLancerTraitement from '@/components/Dialog/DialogLancerTraitement.vue';
 import DialogSuppression from '@/components/Dialog/DialogSuppression.vue';
+import RecapDemande from '@/components/RecapDemande.vue';
 
 
 const currentStep = ref(0);

diff --git a/src/views/Recouvrement/RecouvSteps.vue b/src/views/Recouvrement/RecouvSteps.vue
@@ -1,86 +1,89 @@
 <template>
   <v-container class="fill-height" fluid>
-    <v-row align="center" justify="center">
-      <v-col md="7">
-        <v-stepper v-model="currentStep" alt-labels>
-          <v-stepper-header>
-            <v-stepper-item
-              :color="currentStep >= 0 ? 'primary' : ''"
-              :complete="currentStep > 0"
-              :editable="demande"
-              icon="mdi-numeric-1"
-              title="Sélection du RCR"
-              :subtitle="demande ? rcrSelected : 'Demande'"
-            >
-            </v-stepper-item>
-            <v-divider></v-divider>
-            <v-stepper-item
-              :color="currentStep >= 1 ? 'primary' : ''"
-              :editable="fileSelected"
-              icon="mdi-numeric-2"
-              title="Chargement"
-              subtitle="du fichier"
-            >
-            </v-stepper-item>
-          </v-stepper-header>
-
-          <v-stepper-window>
-            <v-stepper-window-item>
-              <rcr v-model="rcrSelected"></rcr>
-              <v-container class="d-flex justify-space-between">
-                <v-spacer></v-spacer>
-                <v-btn
-                  :disabled="!rcrSelected"
-                  @click="createDemande"
-                >
-                  Valider
-                </v-btn>
-              </v-container>
-            </v-stepper-window-item>
-            <v-stepper-window-item>
-              <select-file v-model="fileSelected" :is-loading="isLoading" @deleted="deleteDemande()">Charger le fichier du taux de recouvrement</select-file>
-              <v-alert
-                v-if="alertMessage"
-                :type="alertType"
+    <v-col :class="(currentStep === 3) ? '' : 'fill-height'">
+      <recap-demande :demande="demande"></recap-demande>
+      <v-row align="center" justify="center">
+        <v-col md="7">
+          <v-stepper v-model="currentStep" alt-labels>
+            <v-stepper-header>
+              <v-stepper-item
+                :color="currentStep >= 0 ? 'primary' : ''"
+                :complete="currentStep > 0"
+                :editable="demande"
+                icon="mdi-numeric-1"
+                title="Sélection du RCR"
+                :subtitle="demande ? rcrSelected : 'Demande'"
               >
-                <span v-html="alertMessage"></span>
-              </v-alert>
-              <v-container class="d-flex justify-space-between">
-                <v-btn
-                  @click="prev"
-                >
-                  Retour
-                </v-btn>
-                <v-btn
-                  :disabled="!fileSelected"
-                  @click="launchTraitement"
+              </v-stepper-item>
+              <v-divider></v-divider>
+              <v-stepper-item
+                :color="currentStep >= 1 ? 'primary' : ''"
+                :editable="fileSelected"
+                icon="mdi-numeric-2"
+                title="Chargement"
+                subtitle="du fichier"
+              >
+              </v-stepper-item>
+            </v-stepper-header>
+
+            <v-stepper-window>
+              <v-stepper-window-item>
+                <rcr v-model="rcrSelected"></rcr>
+                <v-container class="d-flex justify-space-between">
+                  <v-spacer></v-spacer>
+                  <v-btn
+                    :disabled="!rcrSelected"
+                    @click="createDemande"
+                  >
+                    Valider
+                  </v-btn>
+                </v-container>
+              </v-stepper-window-item>
+              <v-stepper-window-item>
+                <select-file v-model="fileSelected" :is-loading="isLoading" @deleted="deleteDemande()">Charger le fichier du taux de recouvrement</select-file>
+                <v-alert
+                  v-if="alertMessage"
+                  :type="alertType"
                 >
-                  Lancer le traitement
-                </v-btn>
-              </v-container>
-            </v-stepper-window-item>
-          </v-stepper-window>
-        </v-stepper>
-        <v-dialog
-          v-model="dialog"
-          width="500"
-        >
-          <v-card>
-            <v-card-title class="headline" primary-title>Traitement validé</v-card-title>
-            <v-card-text>Votre demande est en cours de traitement.<br/>Un mail vous sera envoyé quand celui-ci sera
-              terminé.
-              <br>Vous pouvez retrouver l'ensemble de vos demandes sur votre tableau de bord ITEM. Rubrique "Gérer mes
-              taux de recouvrement".
-            </v-card-text>
-            <v-divider></v-divider>
-            <v-card-actions>
-              <v-spacer></v-spacer>
-              <v-btn color="primary" @click="router.push('recouvrement-tableau')" aria-label="OK">OK</v-btn>
-            </v-card-actions>
-          </v-card>
-        </v-dialog>
-      </v-col>
-    </v-row>
+                  <span v-html="alertMessage"></span>
+                </v-alert>
+                <v-container class="d-flex justify-space-between">
+                  <v-btn
+                    @click="prev"
+                  >
+                    Retour
+                  </v-btn>
+                  <v-btn
+                    :disabled="!fileSelected"
+                    @click="launchTraitement"
+                  >
+                    Lancer le traitement
+                  </v-btn>
+                </v-container>
+              </v-stepper-window-item>
+            </v-stepper-window>
+          </v-stepper>
+          <v-dialog
+            v-model="dialog"
+            width="500"
+          >
+            <v-card>
+              <v-card-title class="headline" primary-title>Traitement validé</v-card-title>
+              <v-card-text>Votre demande est en cours de traitement.<br/>Un mail vous sera envoyé quand celui-ci sera
+                terminé.
+                <br>Vous pouvez retrouver l'ensemble de vos demandes sur votre tableau de bord ITEM. Rubrique "Gérer mes
+                taux de recouvrement".
+              </v-card-text>
+              <v-divider></v-divider>
+              <v-card-actions>
+                <v-spacer></v-spacer>
+                <v-btn color="primary" @click="router.push('recouvrement-tableau')" aria-label="OK">OK</v-btn>
+              </v-card-actions>
+            </v-card>
+          </v-dialog>
+        </v-col>
+      </v-row>
+    </v-col>
   </v-container>
   <dialog-suppression v-model="suppDialog" :demande="demande" return-to-accueil></dialog-suppression>
 </template>
@@ -92,6 +95,7 @@ import { onMounted, ref } from 'vue';
 import itemService from '@/service/ItemService';
 import router from '@/router';
 import DialogSuppression from '@/components/Dialog/DialogSuppression.vue';
+import RecapDemande from '@/components/RecapDemande.vue';
 
 const props = defineProps({id : {type: String}});
 const emits = defineEmits(['backendError']);