mostramos el motivo

components/admin/isCancelacion.vue

@@ -0,0 +1,36 @@
+<template>
+  <div class="block pt-5" v-if="motivo.motivo">
+    <div class="has-text-centered">
+      <b-tag type="is-danger" size="is-medium">Ticket declinado</b-tag>
+      <p>{{ motivo.motivo }}</p>
+    </div>
+  </div>
+</template>
+<script>
+import axios from 'axios'
+
+export default {
+  props: {
+    folio: { type: String, require: true },
+    token: { type: Object, require: true },
+  },
+  data() {
+    return {
+      motivo: '',
+    }
+  },
+  methods: {
+    traerMotivo() {
+      axios
+        .get(`${process.env.api}/admin/motivo?folio=${this.folio}`, this.token)
+        .then((res) => {
+          this.motivo = res.data
+        })
+        .catch((err) => {})
+    },
+  },
+  created() {
+    this.traerMotivo()
+  },
+}
+</script>

components/admin/ticket.vue

@@ -14,13 +14,11 @@
     <div class="column mt-6">
       <p>
         Administrador por favor revisa que todos los datos sean correctos, en
-        caso de ser así valida el ticket.
-      </p>
-      <p>
-        Recuerda que al validar el ticket también se confirma la inscripción del
-        alumno.
+        caso de ser así valida el ticket y la inscripción.
       </p>
 
+      <IsCancelacion :folio="folio" :token="token" />
+
       <DatosTicket
         :imprimirMensaje="imprimirMensaje"
         :imprimirError="imprimirError"
@@ -56,11 +54,13 @@
 import axios from 'axios'
 import DatosTicket from './datosTicket.vue'
 import ModalCancelar from './modalCancelar.vue'
+import IsCancelacion from './isCancelacion.vue'
 
 export default {
   components: {
     DatosTicket,
     ModalCancelar,
+    IsCancelacion,
   },
   props: {
     imprimirMensaje: { type: Function, require: true },
@@ -137,7 +137,6 @@ export default {
     },
     actualizarFolio() {
       this.folio = localStorage.getItem('folio')
-      console.log(this.folio)
     },
     regresar() {
       this.$router.push('/admin')

pages/registro/index.vue

@@ -233,7 +233,7 @@
       </b-collapse>
     </section>
 
-    <p class="subtitle is-4 has-text-centered">
+    <p class="subtitle is-4 has-text-centered pt-5">
       ¿Desear continuar con la inscripción ?
     </p>
     <div class="has-text-centered pb-5">