Manejo de datos y validaciones

components/registro/CapturaDatos.vue

@@ -49,12 +49,14 @@
 
           <b-field>
             <b-upload v-model="dropFiles" multiple drag-drop expanded>
-              <div class="content has-text-centered">
-                <p>
-                  <b-icon icon="upload" size="is-large"> </b-icon>
-                </p>
-                <p>Adjunta foto de tu ticket</p>
-              </div>
+              <section class="section">
+                <div class="content has-text-centered">
+                  <p>
+                    <b-icon icon="upload" size="is-large"> </b-icon>
+                  </p>
+                  <p>Adjunta foto de tu ticket</p>
+                </div>
+              </section>
             </b-upload>
           </b-field>
 
@@ -116,6 +118,8 @@ import axios from 'axios'
 export default {
   props: {
     pedirInscripciones: { type: Function, required: true },
+    inscripcionesUsuario: { type: Array, required: true },
+    datosUsuario: { type: Object, required: true },
     imprimirMensaje: { type: Function, required: true },
     imprimirWarning: { type: Function, required: true },
     imprimirError: { type: Function, required: true },
@@ -126,8 +130,8 @@ export default {
     const today = new Date()
     return {
       terminos: false,
-      datosUsuario: {},
-      inscripcionesUsuario: null,
+      // datosUsuario: {},
+      // inscripcionesUsuario: null,
 
       idArea: '',
       folio: '',
@@ -154,39 +158,39 @@ export default {
         fechaTicket: this.fechaTicket,
         idFechaInscripcion: 1,
       }
-      this.updateIsLoading(false)
+      this.updateIsLoading(true)
       axios
         .post(`${process.env.api}/usuario/inscripcionUsuario`, data)
         .then((res) => {
           this.updateIsLoading(false)
-          this.imprimirMensaje(res.data.message)
           this.pedirInscripciones()
+          this.imprimirMensaje(res.data.message)
+          this.areaPermitida()
+          this.clear()
         })
         .catch((err) => {
           console.log(err)
           this.updateIsLoading(false)
-          // this.imprimirError(err.response.data)
+          this.imprimirError(err.response.data)
         })
-      // this.mensajeWarning()
     },
     areaPermitida() {
-      this.datosUsuario = JSON.parse(localStorage.getItem('datosUsuario'))
-      this.inscripcionesUsuario = JSON.parse(
-        localStorage.getItem('inscripcionesUsuario')
-      )
+      console.log(this.inscripcionesUsuario)
 
       if (
         this.datosUsuario.idCarrera === 11122 ||
         this.datosUsuario.idCarrera === 20226
       )
         this.areaMac = true
-      console.log(this.inscripcionesUsuario)
+
       for (let i = 0; i < this.inscripcionesUsuario.length; i++) {
+        console.log('entre')
         if (this.inscripcionesUsuario[i].idArea === 1)
           this.areasInscritas[0] = true
         else if (this.inscripcionesUsuario[i].idArea === 2)
           this.areasInscritas[1] = true
-        else this.areasInscritas[2] = true
+        else if (this.inscripcionesUsuario[i].idArea === 3)
+          this.areasInscritas[2] = true
       }
 
       if (
@@ -233,11 +237,17 @@ export default {
         today.getDate() + mesesCortos[today.getMonth()] - today.getDate()
       )
     },
+    clear() {
+      this.idArea = ''
+      this.folio = ''
+      this.monto = ''
+    },
     deleteDropFile(index) {
       this.dropFiles.splice(index, 1)
     },
   },
   created() {
+    // this.datosUsuario = JSON.parse(localStorage.getItem('datosUsuario'))
     this.areaPermitida()
   },
 }

components/registro/DatosUsuario.vue

@@ -37,7 +37,6 @@
 <script>
 export default {
   props: {
-    pedirInscripciones: { type: Function, required: true },
     inscripcionesUsuario: { type: Array, required: true },
     datosUsuario: { type: Object, required: true },
   },
@@ -53,15 +52,15 @@ export default {
       return idArea === 2 ? 'apple' : 'linux'
     },
     area(idArea) {
-      if (idArea === 1) return 'WINDOWS'
-      return idArea === 2 ? 'APPLE' : 'LINUX'
+      if (idArea === 1) return 'Windows'
+      return idArea === 2 ? 'Mac' : 'Linux'
     },
     confirmacion(status) {
       return status === 1 ? 'Si' : 'No'
     },
   },
   created() {
-    this.pedirInscripciones()
+    console.log(this.inscripcionesUsuario)
   },
 }
 </script>

pages/registro/index.vue

@@ -35,7 +35,6 @@
 
     <p class="title is-2">Datos del alumno</p>
     <DatosUsuario
-      :pedirInscripciones="pedirInscripciones"
       :inscripcionesUsuario="inscripcionesUsuario"
       :datosUsuario="datosUsuario"
     />
@@ -43,6 +42,8 @@
     <p class="title is-2">Instrucciones</p>
     <CapturaDatos
       :pedirInscripciones="pedirInscripciones"
+      :inscripcionesUsuario="inscripcionesUsuario"
+      :datosUsuario="datosUsuario"
       :imprimirMensaje="imprimirMensaje"
       :imprimirWarning="imprimirWarning"
       :imprimirError="imprimirError"
@@ -78,21 +79,21 @@ export default {
     }
   },
   methods: {
-    pedirInscripciones() {
-      axios
+    async pedirInscripciones() {
+      await axios
         .get(
           `${process.env.api}/usuario/inscripciones?idUsuario=${this.datosUsuario.idUsuario}`
         )
         .then((res) => {
           this.inscripcionesUsuario = res.data
-          localStorage.setItem(
-            'inscripcionesUsuario',
-            JSON.stringify(this.inscripcionesUsuario)
-          )
+          console.log(res.data)
+          if (this.inscripcionesUsuario[0].confirmacion === true)
+            this.activeStep = 1
+          if (this.inscripcionesUsuario[0].validacion === true)
+            this.activeStep = 2
         })
         .catch((err) => {
           this.error = 'is-danger'
-          this.updateIsLoading(false)
           this.imprimirError(err.response.data)
         })
     },
@@ -154,8 +155,9 @@ export default {
       })
     },
   },
-  created() {
+  mounted() {
     this.datosUsuario = JSON.parse(localStorage.getItem('datosUsuario'))
+    this.pedirInscripciones()
   },
 }
 </script>