From 9cd91c8752338b7457e40a20f8ce7825cb11f482 Mon Sep 17 00:00:00 2001
From: Lemuel Marquez <lemuel@iMac-de-Lemuel.local>
Date: Sun, 16 May 2021 22:14:27 -0500
Subject: [PATCH] =?UTF-8?q?vista=20carta=20de=20aceptaci=C3=B3n=20mejorado?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/admin/especial/formEditar.vue      |   2 +-
 .../admin/especial/tablaCasosEspeciales.vue   |   4 +-
 components/admin/inputTableA.vue              |   8 +-
 components/admin/responsables/cargaMasiva.vue |   2 +-
 .../admin/responsables/tablaResponsables.vue  |   4 +-
 components/admin/servicio/documento.vue       |   2 +-
 components/admin/servicio/modificar/form.vue  |   2 +-
 components/alumno/pre-registro-validado.vue   |   2 +-
 components/alumno/preTermino.vue              |   2 +-
 .../casoEspecial/formularioEspecial.vue       |   2 +-
 components/casoEspecial/tablaServicios.vue    |   2 +-
 components/responsable/cartaAceptacion.vue    |  24 +--
 components/responsable/cartaTermino.vue       |   2 +-
 components/responsable/cuestionario.vue       |   2 +-
 components/responsable/formServicioSocial.vue |   2 +-
 components/responsable/inputTable.vue         |   8 +-
 nuxt.config.js                                |   4 +-
 pages/admin/cuestionario/index.vue            |   1 +
 .../especial/casoEspecial/editar/index.vue    |   1 +
 pages/admin/especial/casoEspecial/index.vue   |   1 +
 pages/admin/especial/index.vue                |   3 +-
 pages/admin/index.vue                         |   1 +
 pages/admin/responsables/index.vue            |   1 +
 .../responsables/infoResponsable/index.vue    |   4 +-
 .../infoResponsable/modificar/index.vue       |   6 +-
 pages/admin/servicio/index.vue                |   3 +-
 pages/admin/servicio/modificar/index.vue      |   4 +-
 pages/alumno/cuestionario/index.vue           |   2 +-
 pages/alumno/index.vue                        |   6 +-
 pages/casoEspecial/index.vue                  |   7 +
 pages/casoEspecial/nuevo/index.vue            |   7 +
 pages/responsable/cartaTermino/index.vue      |   1 +
 pages/responsable/carta_aceptacion/index.vue  | 149 +++++++++++++++++-
 pages/responsable/carta_termino/index.vue     |   1 +
 pages/responsable/cuestionario/index.vue      |   1 +
 pages/responsable/index.vue                   |   1 +
 pages/responsable/nuevo/index.vue             |   1 +
 37 files changed, 216 insertions(+), 59 deletions(-)

diff --git a/components/admin/especial/formEditar.vue b/components/admin/especial/formEditar.vue
index 31bdfb3..4b25882 100644
--- a/components/admin/especial/formEditar.vue
+++ b/components/admin/especial/formEditar.vue
@@ -122,7 +122,7 @@ export default {
       },
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
     }
diff --git a/components/admin/especial/tablaCasosEspeciales.vue b/components/admin/especial/tablaCasosEspeciales.vue
index a4687fd..4d78f44 100644
--- a/components/admin/especial/tablaCasosEspeciales.vue
+++ b/components/admin/especial/tablaCasosEspeciales.vue
@@ -148,7 +148,7 @@ export default {
       this.admin.tipoUsuario = localStorage.getItem('tipoUsuario')
       this.token = {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       }
     },
@@ -213,7 +213,7 @@ export default {
   },
   watch: {
     servicioSeleccionado() {
-      window.localStorage.setItem(
+      localStorage.setItem(
         'idCasoEspecial',
         this.servicioSeleccionado.idCasoEspecial
       )
diff --git a/components/admin/inputTableA.vue b/components/admin/inputTableA.vue
index 8824e3f..02ecdc6 100644
--- a/components/admin/inputTableA.vue
+++ b/components/admin/inputTableA.vue
@@ -162,14 +162,13 @@ export default {
       this.page = page
       this.obtenerServicios()
     },
-
     getLocalhostInfo() {
       this.admin.idUsuario = localStorage.getItem('idUsuario')
       this.admin.idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))
       this.admin.tipoUsuario = localStorage.getItem('tipoUsuario')
       this.token = {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       }
     },
@@ -234,10 +233,7 @@ export default {
   },
   watch: {
     servicioSeleccionado() {
-      window.localStorage.setItem(
-        'idServicio',
-        this.servicioSeleccionado.idServicio
-      )
+      localStorage.setItem('idServicio', this.servicioSeleccionado.idServicio)
       this.$router.push(`/admin/servicio`)
     },
   },
diff --git a/components/admin/responsables/cargaMasiva.vue b/components/admin/responsables/cargaMasiva.vue
index fb63e6f..838a89e 100644
--- a/components/admin/responsables/cargaMasiva.vue
+++ b/components/admin/responsables/cargaMasiva.vue
@@ -43,7 +43,7 @@ export default {
       csv: {},
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
       isLoading: false,
diff --git a/components/admin/responsables/tablaResponsables.vue b/components/admin/responsables/tablaResponsables.vue
index 36bace8..a09f17d 100644
--- a/components/admin/responsables/tablaResponsables.vue
+++ b/components/admin/responsables/tablaResponsables.vue
@@ -96,7 +96,7 @@ export default {
       this.admin.tipoUsuario = localStorage.getItem('tipoUsuario')
       this.token = {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       }
     },
@@ -148,7 +148,7 @@ export default {
   },
   watch: {
     responsableSeleccionado() {
-      window.localStorage.setItem(
+      localStorage.setItem(
         'idResponsable',
         this.responsableSeleccionado.idUsuario
       )
diff --git a/components/admin/servicio/documento.vue b/components/admin/servicio/documento.vue
index 1ac1fa5..28a91ef 100644
--- a/components/admin/servicio/documento.vue
+++ b/components/admin/servicio/documento.vue
@@ -50,7 +50,7 @@ export default {
       isLoading: false,
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
     }
diff --git a/components/admin/servicio/modificar/form.vue b/components/admin/servicio/modificar/form.vue
index d49edd3..0500d2c 100644
--- a/components/admin/servicio/modificar/form.vue
+++ b/components/admin/servicio/modificar/form.vue
@@ -187,7 +187,7 @@ export default {
       fechaFin: [],
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
       minDate1: new Date('2020-01-01'),
diff --git a/components/alumno/pre-registro-validado.vue b/components/alumno/pre-registro-validado.vue
index 1d4e0be..d068519 100644
--- a/components/alumno/pre-registro-validado.vue
+++ b/components/alumno/pre-registro-validado.vue
@@ -56,7 +56,7 @@ export default {
     return {
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
       nacimiento: [],
diff --git a/components/alumno/preTermino.vue b/components/alumno/preTermino.vue
index fa9fa66..a56b8ad 100644
--- a/components/alumno/preTermino.vue
+++ b/components/alumno/preTermino.vue
@@ -72,7 +72,7 @@ export default {
     return {
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
       isLoading: false,
diff --git a/components/casoEspecial/formularioEspecial.vue b/components/casoEspecial/formularioEspecial.vue
index eb78453..d9add70 100644
--- a/components/casoEspecial/formularioEspecial.vue
+++ b/components/casoEspecial/formularioEspecial.vue
@@ -210,7 +210,7 @@ export default {
       minDate1: new Date('2020-01-01'),
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
     }
diff --git a/components/casoEspecial/tablaServicios.vue b/components/casoEspecial/tablaServicios.vue
index 03f4932..5dbd599 100644
--- a/components/casoEspecial/tablaServicios.vue
+++ b/components/casoEspecial/tablaServicios.vue
@@ -146,7 +146,7 @@ export default {
       this.admin.tipoUsuario = localStorage.getItem('tipoUsuario')
       this.token = {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       }
     },
diff --git a/components/responsable/cartaAceptacion.vue b/components/responsable/cartaAceptacion.vue
index b6c547f..931853d 100644
--- a/components/responsable/cartaAceptacion.vue
+++ b/components/responsable/cartaAceptacion.vue
@@ -1,17 +1,5 @@
 <template>
-  <div
-    v-if="idServicio != null && cartaAceptacion != null"
-    class="container footter"
-  >
-    <b-button
-      class="border-info mt-5"
-      type="is-info is-light"
-      icon-left="arrow-left-box"
-      tag="router-link"
-      to="/responsable"
-      >Regresar</b-button
-    >
-
+  <div class="container">
     <h3 class="title is-4 mt-4">
       Carta de aceptación (en formato .PDF. No se aceptan fotos).
     </h3>
@@ -29,6 +17,7 @@
             <p>
               <b-icon icon="upload" size="is-large"></b-icon>
             </p>
+
             <p>
               {{
                 file.name || 'Arrastra aquí tu archivo o da click para buscar'
@@ -67,7 +56,7 @@ export default {
       isLoading: false,
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
     }
@@ -127,9 +116,9 @@ export default {
       this.idServicio = localStorage.getItem('idServicio')
       this.cartaAceptacion = localStorage.getItem('cartaAceptacion')
 
-      if (this.idServicio === null || this.cartaAceptacion === null) {
-        this.$router.push('/responsable')
-      }
+      // if (this.idServicio === null || this.cartaAceptacion === null) {
+      //   this.$router.push('/responsable')
+      // }
     },
     error(msj) {
       let salir = false
@@ -183,6 +172,7 @@ export default {
 .centro {
   text-align: center;
 }
+
 .footter {
   margin-bottom: 10rem;
 }
diff --git a/components/responsable/cartaTermino.vue b/components/responsable/cartaTermino.vue
index afcd78a..9a7dda6 100644
--- a/components/responsable/cartaTermino.vue
+++ b/components/responsable/cartaTermino.vue
@@ -67,7 +67,7 @@ export default {
       isLoading: false,
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
     }
diff --git a/components/responsable/cuestionario.vue b/components/responsable/cuestionario.vue
index c9c62e0..43f4855 100644
--- a/components/responsable/cuestionario.vue
+++ b/components/responsable/cuestionario.vue
@@ -184,7 +184,7 @@ export default {
       p7: '',
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
     }
diff --git a/components/responsable/formServicioSocial.vue b/components/responsable/formServicioSocial.vue
index 957341d..9b4e137 100644
--- a/components/responsable/formServicioSocial.vue
+++ b/components/responsable/formServicioSocial.vue
@@ -182,7 +182,7 @@ export default {
     return {
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
       isLoading: false,
diff --git a/components/responsable/inputTable.vue b/components/responsable/inputTable.vue
index 7c6814e..e1066f5 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -103,7 +103,7 @@
           @click="responsableUpdate(props.row.idServicio, 'carta_aceptacion')"
           v-if="props.row.Status.idStatus === 7"
         >
-          Carta Término
+          Carta Aceptación Rechazada
         </b-button>
 
         <span :class="types(props.row.Status.idStatus)" v-else>{{
@@ -209,8 +209,7 @@ export default {
       this.obtenerServicios()
     },
     responsableUpdate(idServicio, path) {
-      window.localStorage.setItem('idServicio', idServicio)
-      console.log(path)
+      localStorage.setItem('idServicio', idServicio)
       this.$router.push(`/responsable/${path}`)
     },
     getLocalhostInfo() {
@@ -221,7 +220,7 @@ export default {
       this.responsable.tipoUsuario = localStorage.getItem('tipoUsuario')
       this.token = {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       }
     },
@@ -248,7 +247,6 @@ export default {
           this.token
         )
         .then((res) => {
-          console.log(res.data)
           this.data = res.data.serviciosResponsable
           this.total = res.data.count
           this.isLoading = false
diff --git a/nuxt.config.js b/nuxt.config.js
index 2b20982..569857c 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -28,8 +28,8 @@ export default {
   //   prefix: false,
   // },
   env: {
-    // api: "http://localhost:3000",
-    api: 'https://venus.acatlan.unam.mx/ss-pruebas',
+    api: "http://localhost:3000",
+    // api: 'https://venus.acatlan.unam.mx/ss-pruebas',
     // api: "https://890af9d598a4.ngrok.io"
     // api: "https://venus.acatlan.unam.mx/serviciosocial",
   },
diff --git a/pages/admin/cuestionario/index.vue b/pages/admin/cuestionario/index.vue
index 1698697..785275b 100644
--- a/pages/admin/cuestionario/index.vue
+++ b/pages/admin/cuestionario/index.vue
@@ -271,6 +271,7 @@ export default {
 
     if (idTipoUsuario === 2) this.$router.push('/responsable')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
   },
 }
 </script>
diff --git a/pages/admin/especial/casoEspecial/editar/index.vue b/pages/admin/especial/casoEspecial/editar/index.vue
index 7e55faf..1816dcb 100644
--- a/pages/admin/especial/casoEspecial/editar/index.vue
+++ b/pages/admin/especial/casoEspecial/editar/index.vue
@@ -17,6 +17,7 @@ export default {
 
     if (idTipoUsuario === 2) this.$router.push('/responsable')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
   },
 }
 </script>
diff --git a/pages/admin/especial/casoEspecial/index.vue b/pages/admin/especial/casoEspecial/index.vue
index 73f5622..92606e3 100644
--- a/pages/admin/especial/casoEspecial/index.vue
+++ b/pages/admin/especial/casoEspecial/index.vue
@@ -18,6 +18,7 @@ export default {
 
     if (idTipoUsuario === 2) this.$router.push('/responsable')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
   },
 }
 </script>
diff --git a/pages/admin/especial/index.vue b/pages/admin/especial/index.vue
index a027ca7..d7a665f 100644
--- a/pages/admin/especial/index.vue
+++ b/pages/admin/especial/index.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="container">
     <BotonRegresar path="/admin" />
-    
+
     <TablaCasosEspeciales />
   </section>
 </template>
@@ -19,6 +19,7 @@ export default {
 
     if (idTipoUsuario === 2) this.$router.push('/responsable')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
   },
 }
 </script>
diff --git a/pages/admin/index.vue b/pages/admin/index.vue
index f7033b7..0f9145e 100644
--- a/pages/admin/index.vue
+++ b/pages/admin/index.vue
@@ -30,6 +30,7 @@ export default {
 
     if (idTipoUsuario === 2) this.$router.push('/responsable')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
   },
 }
 </script>
diff --git a/pages/admin/responsables/index.vue b/pages/admin/responsables/index.vue
index 97e1f08..31ba84d 100644
--- a/pages/admin/responsables/index.vue
+++ b/pages/admin/responsables/index.vue
@@ -32,6 +32,7 @@ export default {
 
     if (idTipoUsuario === 2) this.$router.push('/responsable')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
   },
 }
 </script>
diff --git a/pages/admin/responsables/infoResponsable/index.vue b/pages/admin/responsables/infoResponsable/index.vue
index ab66d3d..1d96108 100644
--- a/pages/admin/responsables/infoResponsable/index.vue
+++ b/pages/admin/responsables/infoResponsable/index.vue
@@ -67,7 +67,7 @@ export default {
       selected: {},
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
     }
@@ -131,6 +131,8 @@ export default {
 
     if (idTipoUsuario === 2) this.$router.push('/responsable')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
+
     if (!localStorage.getItem('idResponsable')) {
       this.$router.push('/admin/responsables')
     }
diff --git a/pages/admin/responsables/infoResponsable/modificar/index.vue b/pages/admin/responsables/infoResponsable/modificar/index.vue
index cb1829e..ea76436 100644
--- a/pages/admin/responsables/infoResponsable/modificar/index.vue
+++ b/pages/admin/responsables/infoResponsable/modificar/index.vue
@@ -50,7 +50,7 @@ export default {
       idServicio: localStorage.getItem('idServicio'),
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
       isLoading: false,
@@ -169,6 +169,10 @@ export default {
     },
   },
   beforeCreate() {
+    if (idTipoUsuario === 2) this.$router.push('/responsable')
+    if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
+    
     if (!localStorage.getItem('idResponsable')) {
       this.$router.push('/admin/responsables')
     }
diff --git a/pages/admin/servicio/index.vue b/pages/admin/servicio/index.vue
index 04e6284..b68a183 100644
--- a/pages/admin/servicio/index.vue
+++ b/pages/admin/servicio/index.vue
@@ -16,8 +16,9 @@ export default {
 
     if (idTipoUsuario === 2) this.$router.push('/responsable')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
 
-    if (!window.localStorage.getItem('idServicio')) {
+    if (!localStorage.getItem('idServicio')) {
       this.$router.push('/admin')
     }
   },
diff --git a/pages/admin/servicio/modificar/index.vue b/pages/admin/servicio/modificar/index.vue
index f8a9df1..67754be 100644
--- a/pages/admin/servicio/modificar/index.vue
+++ b/pages/admin/servicio/modificar/index.vue
@@ -16,7 +16,9 @@ export default {
 
     if (idTipoUsuario === 2) this.$router.push('/responsable')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
-    if (!window.localStorage.getItem('idServicio')) {
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
+
+    if (!localStorage.getItem('idServicio')) {
       this.$router.push('/admin')
     }
   },
diff --git a/pages/alumno/cuestionario/index.vue b/pages/alumno/cuestionario/index.vue
index d0dd96d..bb2f45f 100644
--- a/pages/alumno/cuestionario/index.vue
+++ b/pages/alumno/cuestionario/index.vue
@@ -54,7 +54,7 @@ export default {
     return {
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
       isLoading: false,
diff --git a/pages/alumno/index.vue b/pages/alumno/index.vue
index 420cdd1..2bfed00 100644
--- a/pages/alumno/index.vue
+++ b/pages/alumno/index.vue
@@ -34,7 +34,7 @@ export default {
     return {
       token: {
         headers: {
-          token: window.localStorage.getItem('token'),
+          token: localStorage.getItem('token'),
         },
       },
       activeStep: '',
@@ -148,11 +148,11 @@ export default {
           this.alumno.nombre = localStorage.getItem('nombre')
           this.alumno.cuenta = localStorage.getItem('usuario')
 
-          window.localStorage.setItem(
+          localStorage.setItem(
             'idCuestionarioAlumno',
             resp.data.idCuestionarioAlumno
           )
-          window.localStorage.setItem('idServicio', resp.data.idServicio)
+          localStorage.setItem('idServicio', resp.data.idServicio)
         })
         .catch((error) => {
           this.error(error.response.data.message)
diff --git a/pages/casoEspecial/index.vue b/pages/casoEspecial/index.vue
index 64b104d..3bb4f61 100644
--- a/pages/casoEspecial/index.vue
+++ b/pages/casoEspecial/index.vue
@@ -14,5 +14,12 @@ export default {
   components: {
     TablaServicios,
   },
+  beforeCreate() {
+    const idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))
+
+    if (idTipoUsuario === 1) this.$router.push('/admin')
+    if (idTipoUsuario === 2) this.$router.push('/alumno')
+    if (idTipoUsuario === 3) this.$router.push('/alumno')
+  },
 }
 </script>
diff --git a/pages/casoEspecial/nuevo/index.vue b/pages/casoEspecial/nuevo/index.vue
index c8b0b9a..201c569 100644
--- a/pages/casoEspecial/nuevo/index.vue
+++ b/pages/casoEspecial/nuevo/index.vue
@@ -14,6 +14,13 @@ export default {
     BotonRegresar,
     FormularioEspecial,
   },
+  beforeCreate() {
+    const idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))
+
+    if (idTipoUsuario === 1) this.$router.push('/admin')
+    if (idTipoUsuario === 2) this.$router.push('/alumno')
+    if (idTipoUsuario === 3) this.$router.push('/alumno')
+  },
 }
 </script>
 
diff --git a/pages/responsable/cartaTermino/index.vue b/pages/responsable/cartaTermino/index.vue
index adeef31..461f5d2 100644
--- a/pages/responsable/cartaTermino/index.vue
+++ b/pages/responsable/cartaTermino/index.vue
@@ -16,6 +16,7 @@ export default {
 
     if (idTipoUsuario === 1) this.$router.push('/admin')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
   },
 }
 </script>
diff --git a/pages/responsable/carta_aceptacion/index.vue b/pages/responsable/carta_aceptacion/index.vue
index e60d4c3..9a16455 100644
--- a/pages/responsable/carta_aceptacion/index.vue
+++ b/pages/responsable/carta_aceptacion/index.vue
@@ -1,21 +1,160 @@
 <template>
-  <section>
-    <CartaAceptacion />
+  <section class="container section">
+    <BotonRegresar
+      path="/responsable"
+      :deleteFromLocalStorage="['idServicio']"
+    />
+
+    <h3 class="title is-4 mt-4">
+      Carta de aceptación (en formato .PDF. No se aceptan fotos).
+    </h3>
+
+    <b-field>
+      <b-upload
+        v-model="file"
+        type="is-black"
+        accept="application/pdf"
+        drag-drop
+        expanded
+      >
+        <div class="section content has-text-centered">
+          <p>
+            <b-icon icon="upload" size="is-large"></b-icon>
+          </p>
+
+          <p>
+            {{ file.name || 'Arrastra aquí tu archivo o da click para buscar' }}
+          </p>
+
+          <p>Tamaño máximo para el archivo: 20MB</p>
+        </div>
+      </b-upload>
+    </b-field>
+
+    <b-field class="has-text-centered">
+      <b-button
+        :disabled="!file.size"
+        class="border-success my-5"
+        type="is-success"
+        @click="subir()"
+        >Enviar</b-button
+      >
+    </b-field>
+
+    <b-loading
+      :is-full-page="true"
+      v-model="isLoading"
+      :can-cancel="false"
+    ></b-loading>
   </section>
 </template>
 
 <script>
-import CartaAceptacion from '../../../components/responsable/cartaAceptacion'
+import axios from 'axios'
+import BotonRegresar from '../../../components/botonRegresar'
 
 export default {
-  components: {
-    CartaAceptacion,
+  data() {
+    return {
+      responsable: {},
+      file: {},
+      idServicio: '',
+      isLoading: false,
+      token: {},
+    }
+  },
+  components: { BotonRegresar },
+  methods: {
+    getLocalhostInfo() {
+      this.responsable.idUsuario = localStorage.getItem('idUsuario')
+      this.responsable.idTipoUsuario = Number(
+        localStorage.getItem('idTipoUsuario')
+      )
+      this.responsable.tipoUsuario = localStorage.getItem('tipoUsuario')
+      this.token = {
+        headers: {
+          'Content-Type': 'multipart/form-data',
+          token: localStorage.getItem('token'),
+        },
+      }
+      this.idServicio = localStorage.getItem('idServicio')
+    },
+    subir() {
+      const formData = new FormData()
+      const data = { idServicio: this.idServicio }
+
+      this.isLoading = true
+      formData.append('data', JSON.stringify(data))
+      formData.append('cartaAceptacion', this.file)
+      axios
+        .put(
+          `${process.env.api}/servicio/carta_aceptacion`,
+          formData,
+          this.token
+        )
+        .then((res) => {
+          this.isLoading = false
+          this.$buefy.dialog.alert({
+            title: 'Success',
+            message: 'Se subio el archivo correctamente.',
+            type: 'is-success',
+            hasIcon: true,
+            icon: 'checkbox-marked-circle',
+            iconPack: 'mdi',
+            ariaRole: 'alertdialog',
+            ariaModal: true,
+          })
+          localStorage.removeItem('idServicio')
+          this.$router.push('/responsable')
+        })
+        .catch((err) => {
+          this.isLoading = false
+          this.imprimirerr(err.response.data)
+        })
+    },
+    imprimirError(err) {
+      this.$buefy.dialog.alert({
+        title: 'Error',
+        message: err.message,
+        type: 'is-danger',
+        hasIcon: true,
+        icon: 'alert-circle',
+        iconPack: 'mdi',
+        ariaRole: 'alertdialog',
+        ariaModal: true,
+      })
+      if (err.err === 'token error') {
+        localStorage.clear()
+        this.$router.push('/')
+      }
+    },
+  },
+  watch: {
+    file() {
+      const TamMax = 20000000
+
+      console.log(this.file)
+      if (this.file.size > TamMax) {
+        this.$buefy.toast.open({
+          message: 'El archivo excede el tamaño permitido',
+          type: 'is-danger',
+        })
+        this.file = {}
+      }
+    },
+  },
+  created() {
+    if (localStorage.getItem('idServicio')) this.getLocalhostInfo()
+    else this.$router.push('/responsable')
   },
   beforeCreate() {
     const idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))
 
     if (idTipoUsuario === 1) this.$router.push('/admin')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
   },
 }
 </script>
+
+<style></style>
diff --git a/pages/responsable/carta_termino/index.vue b/pages/responsable/carta_termino/index.vue
index 0823246..93a18fa 100644
--- a/pages/responsable/carta_termino/index.vue
+++ b/pages/responsable/carta_termino/index.vue
@@ -16,6 +16,7 @@ export default {
 
     if (idTipoUsuario === 1) this.$router.push('/admin')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
   },
 }
 </script>
diff --git a/pages/responsable/cuestionario/index.vue b/pages/responsable/cuestionario/index.vue
index dc2c4ca..c93483a 100644
--- a/pages/responsable/cuestionario/index.vue
+++ b/pages/responsable/cuestionario/index.vue
@@ -16,6 +16,7 @@ export default {
 
     if (idTipoUsuario === 1) this.$router.push('/admin')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
   },
 }
 </script>
diff --git a/pages/responsable/index.vue b/pages/responsable/index.vue
index 41d222f..d056bdf 100644
--- a/pages/responsable/index.vue
+++ b/pages/responsable/index.vue
@@ -33,6 +33,7 @@ export default {
 
     if (idTipoUsuario === 1) this.$router.push('/admin')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
   },
 }
 </script>
diff --git a/pages/responsable/nuevo/index.vue b/pages/responsable/nuevo/index.vue
index 879f8b3..9f16d62 100644
--- a/pages/responsable/nuevo/index.vue
+++ b/pages/responsable/nuevo/index.vue
@@ -22,6 +22,7 @@ export default {
 
     if (idTipoUsuario === 1) this.$router.push('/admin')
     if (idTipoUsuario === 3) this.$router.push('/alumno')
+    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
   },
 }
 </script>