Base de funcionamiento

components/Login.vue

@@ -78,6 +78,7 @@ export default {
             this.$router.push(`/${'registro'}`)
           })
           .catch((err) => {
+            console.log(err)
             this.error = 'is-danger'
             this.updateIsLoading(false)
             this.imprimirError(err.response.data)

components/registro/CapturaDatos.vue

@@ -4,17 +4,17 @@
       <p class="subtitle is-4"><b>Seleccione el área.</b></p>
 
       <div class="block">
-        <b-radio v-model="area" v-if="!areasInscritas[0]" native-value="1"
+        <b-radio v-model="idArea" v-if="!areasInscritas[0]" native-value="1"
           ><b-icon icon="microsoft-windows" size="is-small"></b-icon>
           Windows</b-radio
         >
         <b-radio
-          v-model="area"
+          v-model="idArea"
           v-if="areaMac && !areasInscritas[1]"
           native-value="2"
           ><b-icon icon="apple" size="is-small"></b-icon> Macintosh</b-radio
         >
-        <b-radio v-model="area" v-if="!areasInscritas[2]" native-value="3"
+        <b-radio v-model="idArea" v-if="!areasInscritas[2]" native-value="3"
           ><b-icon icon="linux" size="is-small"></b-icon> Linux</b-radio
         >
       </div>
@@ -30,8 +30,12 @@
 
       <div class="columns">
         <div class="column pr-5">
-          <b-field label="Folio"> <b-input type="number"></b-input> </b-field>
-          <b-field label="Monto"> <b-input type="number"></b-input> </b-field>
+          <b-field label="Folio">
+            <b-input type="number" v-model="folio"></b-input>
+          </b-field>
+          <b-field label="Monto">
+            <b-input type="number" v-model="monto"></b-input>
+          </b-field>
           <b-field label="Fecha">
             <b-datepicker
               v-model="fechaTicket"
@@ -72,8 +76,9 @@
 
         <b-image
           class="column pl-5"
-          :src="require('@/assets/ticket.png')"
-          alt="The Buefy Logo"
+          :src="require('@/assets/ticket.jpeg')"
+          alt="Ticket Acatlán"
+          ratio="16by9"
         ></b-image>
       </div>
 
@@ -98,13 +103,19 @@
 </template>
 
 <script>
+import axios from 'axios'
+
 export default {
   data() {
     const today = new Date()
     return {
       terminos: false,
+      datosUsuario: {},
+      inscripcionesUsuario: null,
 
-      area: '',
+      idArea: '',
+      folio: '',
+      monto: '',
       permitirInscripcion: true,
       areaMac: false,
       areasInscritas: [false, false, false],
@@ -119,32 +130,57 @@ export default {
   },
   methods: {
     inscribir() {
-      console.log(this.area)
-      this.mensajeWarning()
+      console.log(this.datosUsuario)
+      const data = {
+        idUsuario: this.datosUsuario.idUsuario,
+        folio: this.folio,
+        monto: this.monto,
+        idArea: this.idArea,
+        fechaTicket: this.fechaTicket,
+        idFechaInscripcion: 1,
+      }
+      console.log(data)
+      axios
+        .post(`${process.env.api}/usuario/inscripcionUsuario`, data)
+        .then((res) => {
+          console.log(res)
+        })
+        .catch((err) => {
+          console.log(err)
+          // this.updateIsLoading(false)
+          // this.imprimirError(err.response.data)
+        })
+      // this.mensajeWarning()
     },
     areaPermitida() {
-      let datosUsuario = JSON.parse(localStorage.getItem('datosUsuario'))
-      let inscripcionesUsuario = JSON.parse(
+      this.datosUsuario = JSON.parse(localStorage.getItem('datosUsuario'))
+      this.inscripcionesUsuario = JSON.parse(
         localStorage.getItem('inscripcionesUsuario')
       )
-      if (datosUsuario.tipoCarrera === 1) this.areaMac = true
 
-      for (let i = 0; i < inscripcionesUsuario.length; i++) {
-        if (inscripcionesUsuario[i].area === 1) this.areasInscritas[0] = true
-        else if (inscripcionesUsuario[i].area === 2)
+      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++) {
+        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
       }
 
       if (
-        datosUsuario.tipoCarrera === 1 &&
+        this.datosUsuario.tipoCarrera === 1 &&
         this.areasInscritas[0] === true &&
         this.areasInscritas[1] === true &&
         this.areasInscritas[2] === true
       ) {
         this.permitirInscripcion = false
       } else if (
-        datosUsuario.tipoCarrera === 2 &&
+        this.datosUsuario.tipoCarrera === 2 &&
         this.areasInscritas[0] === true &&
         this.areasInscritas[2] === true
       ) {

components/registro/DatosUsuario.vue

@@ -14,8 +14,8 @@
         centered
         v-slot="props"
       >
-        <b-icon :icon="icono(props.row.area)" size="is-small"></b-icon>
-        {{ props.row.idArea }}
+        <b-icon :icon="icono(props.row.idArea)" size="is-small"></b-icon>
+        {{ area(props.row.idArea) }}
       </b-table-column>
 
       <b-table-column
@@ -42,36 +42,28 @@ export default {
     return {
       datosUsuario: {},
       inscripcionesUsuario: [],
-      data: [
-        {
-          nombreArea: 'Windows',
-          area: 1,
-          tiempo: 3600,
-          status: 0,
-        },
-        {
-          nombreArea: 'Windows',
-          area: 1,
-          tiempo: 3600,
-          status: 0,
-        },
-      ],
     }
   },
   methods: {
-    icono(area) {
-      if (area === 1) return 'microsoft-windows'
-      return area === 2 ? 'apple' : 'linux'
+    icono(idArea) {
+      if (idArea === 1) return 'microsoft-windows'
+      return idArea === 2 ? 'apple' : 'linux'
+    },
+    area(idArea) {
+      if (idArea === 1) return 'WINDOWS'
+      return idArea === 2 ? 'APPLE' : 'LINUX'
     },
     confirmacion(status) {
       return status === 1 ? 'Si' : 'No'
     },
     pedirIncripciones() {
+      // console.log(this.datosUsuario.idUsuario)
       axios
         .get(
           `${process.env.api}/usuario/inscripciones?idUsuario=${this.datosUsuario.idUsuario}`
         )
         .then((res) => {
+          console.log(res.data)
           this.inscripcionesUsuario = res.data
           localStorage.setItem(
             'inscripcionesUsuario',

nuxt.config.js

@@ -24,7 +24,7 @@ export default {
   axios: {},
   build: {},
   env: {
-    // api: "http://localhost:3000",
+    api: 'http://localhost:3000',
     // api: "https://890af9d598a4.ngrok.io"
     // api: "https://venus.acatlan.unam.mx/pruebas",
     // api: "https://venus.acatlan.unam.mx/produccion",