From 1e857ac57601579899b4b56b072e9c7d2f694350 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Wed, 10 Feb 2021 23:09:13 -0600
Subject: [PATCH 1/8] datosYFormulario

---
 components/admin/especial/casoEspecial.vue    |  74 ++++++++
 .../admin/especial/formularioEspecial.vue     | 160 ++++++++++++++++++
 pages/admin/especial/casoEspecial/index.vue   |  19 +++
 pages/casoEspecial/nuevo/index.vue            |  19 +++
 4 files changed, 272 insertions(+)
 create mode 100644 components/admin/especial/casoEspecial.vue
 create mode 100644 components/admin/especial/formularioEspecial.vue

diff --git a/components/admin/especial/casoEspecial.vue b/components/admin/especial/casoEspecial.vue
new file mode 100644
index 0000000..1182d7f
--- /dev/null
+++ b/components/admin/especial/casoEspecial.vue
@@ -0,0 +1,74 @@
+<template>
+  <div>
+    <p class="is-size-3"><b>Datos personales</b></p>
+
+    <p class="is-size-5 mt-3">
+      <b>Número de cuenta: </b>
+      {{ alumno.Usuario.usuario }}
+    </p>
+
+    <p class="is-size-5 mt-3"><b>Nombre: </b> {{ alumno.Usuario.nombre }}</p>
+    <p class="is-size-5 mt-3"><b>Carrera: </b> {{ alumno.Carrera.carrera }}</p>
+    <p class="is-size-5 mt-3"><b>Correo: </b> {{ alumno.correo }}</p>
+    <p class="is-size-5 mt-3">
+      <b>Institucion: </b>
+      {{ alumno.institucion }}
+    </p>
+    <p class="is-size-5 mt-3">
+      <b>Dependencia: </b>
+      {{ alumno.dependencia }}
+    </p>
+    <p class="is-size-5 mt-3"><b>Créditos: </b> {{ alumno.creditos + "%" }}</p>
+    <p class="is-size-5 mt-3">
+      <b>Fecha de nacimiento: </b>
+      {{ fecha(alumno.fechaNacimiento) }}
+    </p>
+    <p class="is-size-5 mt-3">
+      <b>Fecha de inicio: </b>
+      {{ fecha(alumno.fechaInicio) }}
+    </p>
+    <p class="is-size-5 mt-3">
+      <b>Fecha de fin: </b>
+      {{ fecha(alumno.fechaFin) }}
+    </p>
+  </div>
+</template>
+
+<script>
+import moment from "moment";
+import axios from "axios";
+
+export default {
+  data() {
+    return {
+      alumno: {
+        fechaNacimiento: "",
+        fechaInicio: "",
+        fechaFin: "",
+        Usuario: {},
+        Carrera: {},
+        Status: {},
+      },
+    };
+  },
+  methods: {
+    obtenerDatos() {
+      return axios
+        .get(`${process.env.api}/caso_especial/?idCasoEspecial=1`, this.token)
+        .then((res) => {
+          this.alumno = res.data;
+          console.log(res.data);
+        });
+    },
+    fecha(date) {
+      const fecha = moment(date.substr(0, 10));
+      return `${fecha.date()}/${fecha.month()}/${fecha.year()}`;
+    },
+  },
+  created() {
+    this.obtenerDatos();
+  },
+};
+</script>
+
+<style></style>
diff --git a/components/admin/especial/formularioEspecial.vue b/components/admin/especial/formularioEspecial.vue
new file mode 100644
index 0000000..c3d9ea0
--- /dev/null
+++ b/components/admin/especial/formularioEspecial.vue
@@ -0,0 +1,160 @@
+<template>
+  <div>
+    <p class="is-size-3 mb-5"><b>Agregar un servicio social</b></p>
+    <form>
+      <b-field label="Artículo">
+        <b-select placeholder="Seleccione el articulo correspondiente" expanded>
+          <option value="1">Artículo 1</option>
+          <option value="2">Artículo 2</option>
+        </b-select>
+      </b-field>
+      <b-field label="Número de cuenta">
+        <b-input
+          class="my-4"
+          placeholder="Número de cuenta"
+          v-model="numeroCuenta"
+        ></b-input>
+      </b-field>
+
+      <b-field label="Nombre">
+        <b-input class="my-4" placeholder="Nombre" v-model="nombre"></b-input>
+      </b-field>
+
+      <b-field label="Carrera">
+        <b-input class="my-4" placeholder="Carrera" v-model="carrera"></b-input>
+      </b-field>
+
+      <b-field label="Institución">
+        <b-input
+          class="my-4"
+          placeholder="Institución"
+          v-model="institucion"
+        ></b-input>
+      </b-field>
+
+      <b-field label="Dependencia">
+        <b-input
+          class="my-4"
+          placeholder="Dependencia"
+          v-model="dependencia"
+        ></b-input>
+      </b-field>
+
+      <b-field label="Dirección">
+        <b-input
+          class="my-4"
+          placeholder="Dirección"
+          v-model="direccion"
+        ></b-input>
+      </b-field>
+
+      <b-field label="Fecha de nacimiento">
+        <b-input
+          class="my-4"
+          placeholder="Fecha de nacimiento"
+          v-model="fechaNacimiento"
+        ></b-input>
+      </b-field>
+
+      <b-field label="Fecha de inicio">
+        <b-input
+          class="my-4"
+          placeholder="Fecha de inicio"
+          v-model="fechaInicio"
+        ></b-input>
+      </b-field>
+
+      <b-field label="Fecha de fin">
+        <b-input
+          class="my-4"
+          placeholder="Fecha de fin"
+          v-model="fechaFin"
+        ></b-input>
+      </b-field>
+
+      <b-field label="Correo electrónico">
+        <b-input
+          class="my-4"
+          placeholder="Correo electrónico"
+          v-model="correoElectronico"
+        ></b-input>
+      </b-field>
+    </form>
+
+    <b-field>
+      <b-upload
+        v-model="file"
+        drag-drop
+        type="is-black"
+        expanded
+        accept="application/zip"
+      >
+        <section>
+          <div class="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>
+        </section>
+      </b-upload>
+    </b-field>
+
+    <b-field class="centro">
+      <b-button
+        :disabled="
+          numeroCuenta == '' ||
+            nombre == '' ||
+            carrera == '' ||
+            institucion == '' ||
+            dependencia == '' ||
+            direccion == '' ||
+            fechaNacimiento == '' ||
+            fechaInicio == '' ||
+            fehcaFin == '' ||
+            correoElectronico == ''
+        "
+        class="border-success my-5"
+        type="is-success"
+        @click="enviarCuestionario()"
+        >Enviar</b-button
+      >
+    </b-field>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      file: [],
+      numeroCuenta: "",
+      nombre: "",
+      carrera: "",
+      institucion: "",
+      dependencia: "",
+      direccion: "",
+      fechaNacimiento: "",
+      fechaInicio: "",
+      fechaFin: "",
+      correoElectronico: "",
+      token: {
+        headers: {
+          token: window.localStorage.getItem("token"),
+        },
+      },
+    };
+  },
+};
+</script>
+
+<style>
+.centro {
+  text-align: center;
+}
+</style>
diff --git a/pages/admin/especial/casoEspecial/index.vue b/pages/admin/especial/casoEspecial/index.vue
index e69de29..584756b 100644
--- a/pages/admin/especial/casoEspecial/index.vue
+++ b/pages/admin/especial/casoEspecial/index.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="container mb-5">
+    <BotonRegresar :path="'/admin'" />
+    <DatosPersonalesEspecial />
+  </div>
+</template>
+
+<script>
+import BotonRegresar from "../../../../components/botonRegresar";
+import DatosPersonalesEspecial from "../../../../components/admin/especial/casoEspecial.vue";
+export default {
+  components: {
+    BotonRegresar,
+    DatosPersonalesEspecial,
+  },
+};
+</script>
+
+<style></style>
diff --git a/pages/casoEspecial/nuevo/index.vue b/pages/casoEspecial/nuevo/index.vue
index e69de29..6dadb51 100644
--- a/pages/casoEspecial/nuevo/index.vue
+++ b/pages/casoEspecial/nuevo/index.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="container">
+    <BotonRegresar :path="'/admin'" />
+    <FormularioEspecial />
+  </div>
+</template>
+
+<script>
+import BotonRegresar from "../../../components/botonRegresar";
+import FormularioEspecial from "../../../components/admin/especial/formularioEspecial.vue";
+export default {
+  components: {
+    BotonRegresar,
+    FormularioEspecial,
+  },
+};
+</script>
+
+<style></style>

From c4973bc87f697b076d9ab20ea2bdb5f5b8eabb0e Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Wed, 10 Feb 2021 23:15:54 -0600
Subject: [PATCH 2/8] estableEspecial

---
 components/admin/especial/casoEspecial.vue  | 3 +--
 pages/admin/especial/casoEspecial/index.vue | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/admin/especial/casoEspecial.vue b/components/admin/especial/casoEspecial.vue
index 1182d7f..efebf8e 100644
--- a/components/admin/especial/casoEspecial.vue
+++ b/components/admin/especial/casoEspecial.vue
@@ -3,8 +3,7 @@
     <p class="is-size-3"><b>Datos personales</b></p>
 
     <p class="is-size-5 mt-3">
-      <b>Número de cuenta: </b>
-      {{ alumno.Usuario.usuario }}
+      <b>Número de cuenta: </b> {{ alumno.Usuario.usuario }}
     </p>
 
     <p class="is-size-5 mt-3"><b>Nombre: </b> {{ alumno.Usuario.nombre }}</p>
diff --git a/pages/admin/especial/casoEspecial/index.vue b/pages/admin/especial/casoEspecial/index.vue
index 584756b..f367e46 100644
--- a/pages/admin/especial/casoEspecial/index.vue
+++ b/pages/admin/especial/casoEspecial/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container mb-5">
-    <BotonRegresar :path="'/admin'" />
+    <BotonRegresar :path="'/admin/especial'" />
     <DatosPersonalesEspecial />
   </div>
 </template>

From 4e351c7997cdd47381a27353a8bd05608d9dd8f0 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Thu, 11 Feb 2021 00:30:12 -0600
Subject: [PATCH 3/8] liberacionLista

---
 components/admin/especial/casoEspecial.vue  | 111 ++++++++++++++++++--
 pages/admin/especial/casoEspecial/index.vue |   2 +-
 2 files changed, 103 insertions(+), 10 deletions(-)

diff --git a/components/admin/especial/casoEspecial.vue b/components/admin/especial/casoEspecial.vue
index efebf8e..d279d0e 100644
--- a/components/admin/especial/casoEspecial.vue
+++ b/components/admin/especial/casoEspecial.vue
@@ -1,18 +1,16 @@
 <template>
-  <div>
+  <div
+    v-if="alumno.Status.idServicio != 11 || alumno.Status.idServicio != 12"
+    class="footter"
+  >
     <p class="is-size-3"><b>Datos personales</b></p>
-
     <p class="is-size-5 mt-3">
       <b>Número de cuenta: </b> {{ alumno.Usuario.usuario }}
     </p>
-
     <p class="is-size-5 mt-3"><b>Nombre: </b> {{ alumno.Usuario.nombre }}</p>
     <p class="is-size-5 mt-3"><b>Carrera: </b> {{ alumno.Carrera.carrera }}</p>
     <p class="is-size-5 mt-3"><b>Correo: </b> {{ alumno.correo }}</p>
-    <p class="is-size-5 mt-3">
-      <b>Institucion: </b>
-      {{ alumno.institucion }}
-    </p>
+    <p class="is-size-5 mt-3"><b>Institución: </b>{{ alumno.institucion }}</p>
     <p class="is-size-5 mt-3">
       <b>Dependencia: </b>
       {{ alumno.dependencia }}
@@ -30,6 +28,24 @@
       <b>Fecha de fin: </b>
       {{ fecha(alumno.fechaFin) }}
     </p>
+    <b-field
+      v-if="alumno.Status.idStatus === 11 || alumno.Status.idStatus === 12"
+      class="centro"
+    >
+      <b-button
+        class="boton border-info my-5"
+        type="is-success"
+        @click="confirmarLiberacion()"
+      >
+        Liberar
+      </b-button>
+    </b-field>
+
+    <b-loading
+      :is-full-page="true"
+      v-model="isLoading"
+      :can-cancel="false"
+    ></b-loading>
   </div>
 </template>
 
@@ -48,21 +64,91 @@ export default {
         Carrera: {},
         Status: {},
       },
+      token: {
+        headers: {
+          token: localStorage.getItem("token"),
+        },
+      },
+      idCasoEspecial: localStorage.getItem("idCasoEspecial"),
+      isLoading: false,
     };
   },
   methods: {
     obtenerDatos() {
       return axios
-        .get(`${process.env.api}/caso_especial/?idCasoEspecial=1`, this.token)
+        .get(
+          `${process.env.api}/caso_especial/?idCasoEspecial=${this.idCasoEspecial}`,
+          this.token
+        )
         .then((res) => {
           this.alumno = res.data;
           console.log(res.data);
+        })
+        .catch((err) => {
+          this.error(err.response.data.message);
+        })
+        .finally(() => {
+          this.isLoading = false;
+        });
+    },
+    confirmarLiberacion() {
+      this.isLoading = true;
+      const data = { idCasoEspecial: this.idCasoEspecial };
+
+      axios
+        .put(`${process.env.api}/caso_especial/liberacion`, data, this.token)
+        .then((res) => {
+          this.$buefy.dialog.alert("El servicio ha sido liberado");
+          localStorage.removeItem("idCasoEspecial");
+          this.$router.push("/admin/especial");
+        })
+        .catch((err) => {
+          this.error(err.response.data.message);
+        })
+        .finally(() => {
+          this.isLoading = false;
         });
     },
     fecha(date) {
       const fecha = moment(date.substr(0, 10));
       return `${fecha.date()}/${fecha.month()}/${fecha.year()}`;
     },
+    error(msj) {
+      let salir = false;
+      switch (msj) {
+        case "invalid signature":
+          msj = "Tu token no es valido, inicia sesión de nuevo.";
+          salir = true;
+          break;
+        case "jwt expired":
+          msj = "Tu sesión ha expirado, inicia sesión de nuevo.";
+          salir = true;
+          break;
+        case "jwt malformed":
+          msj = "No se encontro tu token, inicia sesión de nuevo.";
+          salir = true;
+          break;
+        case "No hay token":
+          msj = "Ocurrio un error al enviar tu token, inicia sesión de nuevo.";
+          salir = true;
+          break;
+      }
+
+      this.$buefy.dialog.alert({
+        title: "Error",
+        message: msj,
+        type: "is-danger",
+        hasIcon: true,
+        icon: "alert-circle",
+        iconPack: "mdi",
+        ariaRole: "alertdialog",
+        ariaModal: true,
+      });
+      if (salir == true) {
+        localStorage.clear();
+        this.$router.push(`/`);
+      }
+    },
   },
   created() {
     this.obtenerDatos();
@@ -70,4 +156,11 @@ export default {
 };
 </script>
 
-<style></style>
+<style>
+.centro {
+  text-align: center;
+}
+.footter {
+  margin-bottom: 6rem;
+}
+</style>
diff --git a/pages/admin/especial/casoEspecial/index.vue b/pages/admin/especial/casoEspecial/index.vue
index f367e46..5666cf8 100644
--- a/pages/admin/especial/casoEspecial/index.vue
+++ b/pages/admin/especial/casoEspecial/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container mb-5">
+  <div class="container">
     <BotonRegresar :path="'/admin/especial'" />
     <DatosPersonalesEspecial />
   </div>

From e14bfe5cbf6ac117a74d4947e991e06658590096 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Thu, 11 Feb 2021 01:17:25 -0600
Subject: [PATCH 4/8] AvanceFormulario

---
 .../admin/especial/formularioEspecial.vue     | 90 +++++++++++++++++--
 1 file changed, 85 insertions(+), 5 deletions(-)

diff --git a/components/admin/especial/formularioEspecial.vue b/components/admin/especial/formularioEspecial.vue
index c3d9ea0..02beb43 100644
--- a/components/admin/especial/formularioEspecial.vue
+++ b/components/admin/especial/formularioEspecial.vue
@@ -4,15 +4,19 @@
     <form>
       <b-field label="Artículo">
         <b-select placeholder="Seleccione el articulo correspondiente" expanded>
-          <option value="1">Artículo 1</option>
-          <option value="2">Artículo 2</option>
+          <option value="1">Artículo 52</option>
+          <option value="2">Artículo 91</option>
         </b-select>
       </b-field>
       <b-field label="Número de cuenta">
         <b-input
+          v-model="numeroCuenta"
           class="my-4"
           placeholder="Número de cuenta"
-          v-model="numeroCuenta"
+          message="Solo numeros"
+          required="required"
+          maxlength="9"
+          type="number"
         ></b-input>
       </b-field>
 
@@ -81,7 +85,7 @@
       </b-field>
     </form>
 
-    <b-field>
+    <b-field label="Agrega el archivo">
       <b-upload
         v-model="file"
         drag-drop
@@ -99,7 +103,6 @@
                 file.name || "Arrastra aquí tu archivo o da click para buscar"
               }}
             </p>
-            <p>Tamaño máximo para el archivo: 20MB</p>
           </div>
         </section>
       </b-upload>
@@ -129,10 +132,19 @@
 </template>
 
 <script>
+import axios from "axios";
 export default {
   data() {
     return {
       file: [],
+      alumno: {
+        fechaNacimiento: "",
+        fechaInicio: "",
+        fechaFin: "",
+        Usuario: {},
+        Carrera: {},
+        Status: {},
+      },
       numeroCuenta: "",
       nombre: "",
       carrera: "",
@@ -150,6 +162,74 @@ export default {
       },
     };
   },
+  methods: {
+    buscarAlumno() {
+      this.isLoading = true;
+      axios
+        .get(
+          `${process.env.api}/usuario/escolares?numeroCuenta=${this.noCuenta}`,
+          this.token
+        )
+        .then((resp) => {
+          this.alumno = res.data;
+          console.log(res.data);
+        })
+        .catch((error) => {
+          this.error(error.response.data.message);
+        })
+        .finally(() => {
+          this.isLoading = false;
+        });
+    },
+    error(msj) {
+      let salir = false;
+      switch (msj) {
+        case "invalid signature":
+          msj = "Tu token no es valido, inicia sesión de nuevo.";
+          salir = true;
+          break;
+        case "jwt expired":
+          msj = "Tu sesión ha expirado, inicia sesión de nuevo.";
+          salir = true;
+          break;
+        case "jwt malformed":
+          msj = "No se encontro tu token, inicia sesión de nuevo.";
+          salir = true;
+          break;
+        case "No hay token":
+          msj = "Ocurrio un error al enviar tu token, inicia sesión de nuevo.";
+          salir = true;
+          break;
+      }
+
+      this.$buefy.dialog.alert({
+        title: "Error",
+        message: msj,
+        type: "is-danger",
+        hasIcon: true,
+        icon: "alert-circle",
+        iconPack: "mdi",
+        ariaRole: "alertdialog",
+        ariaModal: true,
+      });
+      if (salir == true) {
+        localStorage.clear();
+        this.$router.push(`/`);
+      }
+    },
+    esNumero(numero) {
+      const ultimaLetra = numero.length - 1;
+
+      if (numero && !validator.isNumeric(numero[ultimaLetra])) {
+        return numero.substr(0, ultimaLetra);
+      }
+      return numero;
+    },
+  },
+  created() {
+    this.buscarAlumno();
+  },
+  watch: {},
 };
 </script>
 

From f47eeaf9752c6e2f297574dccfde328ab50d0d16 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Thu, 11 Feb 2021 19:29:38 -0600
Subject: [PATCH 5/8] faltaDefinirParametrosEnviar

---
 .../admin/especial/formularioEspecial.vue     | 234 +++++++++++++-----
 1 file changed, 172 insertions(+), 62 deletions(-)

diff --git a/components/admin/especial/formularioEspecial.vue b/components/admin/especial/formularioEspecial.vue
index 02beb43..10fc69a 100644
--- a/components/admin/especial/formularioEspecial.vue
+++ b/components/admin/especial/formularioEspecial.vue
@@ -3,36 +3,48 @@
     <p class="is-size-3 mb-5"><b>Agregar un servicio social</b></p>
     <form>
       <b-field label="Artículo">
-        <b-select placeholder="Seleccione el articulo correspondiente" expanded>
+        <b-select
+          placeholder="Seleccione el articulo correspondiente"
+          expanded
+          v-model="alumno.articulo"
+        >
           <option value="1">Artículo 52</option>
           <option value="2">Artículo 91</option>
         </b-select>
       </b-field>
-      <b-field label="Número de cuenta">
-        <b-input
-          v-model="numeroCuenta"
-          class="my-4"
-          placeholder="Número de cuenta"
+
+      <b-field label="Número de cuenta" class="column p-0 my-5 is-full">
+        <input
+          class="input column"
+          v-model="noCuenta"
           message="Solo numeros"
           required="required"
           maxlength="9"
           type="number"
-        ></b-input>
+          placeholder="Número de cuenta"
+          min="0"
+        />
+
+        <p class="control">
+          <b-button class="button is-info" @click="buscarAlumno()"
+            >Buscar</b-button
+          >
+        </p>
       </b-field>
 
       <b-field label="Nombre">
-        <b-input class="my-4" placeholder="Nombre" v-model="nombre"></b-input>
+        <div class="input">{{ alumno.nombre }}</div>
       </b-field>
 
       <b-field label="Carrera">
-        <b-input class="my-4" placeholder="Carrera" v-model="carrera"></b-input>
+        <div class="input">{{ alumno.carrera }}</div>
       </b-field>
 
       <b-field label="Institución">
         <b-input
           class="my-4"
           placeholder="Institución"
-          v-model="institucion"
+          v-model="alumno.institucion"
         ></b-input>
       </b-field>
 
@@ -40,7 +52,7 @@
         <b-input
           class="my-4"
           placeholder="Dependencia"
-          v-model="dependencia"
+          v-model="alumno.dependencia"
         ></b-input>
       </b-field>
 
@@ -48,39 +60,44 @@
         <b-input
           class="my-4"
           placeholder="Dirección"
-          v-model="direccion"
+          v-model="alumno.direccion"
         ></b-input>
       </b-field>
 
       <b-field label="Fecha de nacimiento">
-        <b-input
-          class="my-4"
-          placeholder="Fecha de nacimiento"
-          v-model="fechaNacimiento"
-        ></b-input>
+        <b-datepicker
+          placeholder="Nacimiento"
+          icon="calendar-today"
+          v-model="alumno.fechaNacimiento"
+        >
+        </b-datepicker>
       </b-field>
 
       <b-field label="Fecha de inicio">
-        <b-input
-          class="my-4"
-          placeholder="Fecha de inicio"
-          v-model="fechaInicio"
-        ></b-input>
+        <b-datepicker
+          placeholder="Fecha Inicio"
+          icon="calendar-today"
+          v-model="alumno.fechaInicio"
+          :min-date="minDate"
+        >
+        </b-datepicker>
       </b-field>
 
-      <b-field label="Fecha de fin">
-        <b-input
-          class="my-4"
-          placeholder="Fecha de fin"
-          v-model="fechaFin"
-        ></b-input>
+      <b-field label="Fecha de fin" v-if="alumno.fechaInicio">
+        <b-datepicker
+          placeholder="Fecha fin"
+          v-model="alumno.fechaFin"
+          :min-date="minDate2"
+          icon="calendar-today"
+        >
+        </b-datepicker>
       </b-field>
 
       <b-field label="Correo electrónico">
         <b-input
           class="my-4"
           placeholder="Correo electrónico"
-          v-model="correoElectronico"
+          v-model="alumno.correoElectronico"
         ></b-input>
       </b-field>
     </form>
@@ -99,9 +116,7 @@
               <b-icon icon="upload" size="is-large"></b-icon>
             </p>
             <p>
-              {{
-                file.name || "Arrastra aquí tu archivo o da click para buscar"
-              }}
+              {{ file.name || "Agregue el archivo ZIP" }}
             </p>
           </div>
         </section>
@@ -111,50 +126,56 @@
     <b-field class="centro">
       <b-button
         :disabled="
-          numeroCuenta == '' ||
-            nombre == '' ||
-            carrera == '' ||
-            institucion == '' ||
-            dependencia == '' ||
-            direccion == '' ||
-            fechaNacimiento == '' ||
-            fechaInicio == '' ||
-            fehcaFin == '' ||
-            correoElectronico == ''
+          alumno.articulo == '' ||
+            alumno.numeroCuenta == '' ||
+            alumno.nombre == '' ||
+            alumno.carrera == '' ||
+            alumno.institucion == '' ||
+            alumno.dependencia == '' ||
+            alumno.direccion == '' ||
+            alumno.fechaNacimiento == '' ||
+            alumno.fechaInicio == '' ||
+            alumno.fehcaFin == '' ||
+            alumno.correoElectronico == ''
         "
         class="border-success my-5"
         type="is-success"
-        @click="enviarCuestionario()"
+        @click="enviar()"
         >Enviar</b-button
       >
     </b-field>
+    <b-loading :is-full-page="true" v-model="isLoading" :can-cancel="false" />
   </div>
 </template>
 
 <script>
+import "buefy/dist/buefy.css";
 import axios from "axios";
+import validator from "validator";
+import moment from "moment";
 export default {
   data() {
     return {
       file: [],
+      minDate: new Date(),
+      isLoading: false,
+      searched: false,
+      noCuenta: "",
       alumno: {
+        cuenta: "",
+        nombre: "",
+        carrera: "",
+        creditos: "",
+        institucion: "",
+        dependencia: "",
+        idAlumno: "",
+        idCarrera: "",
         fechaNacimiento: "",
-        fechaInicio: "",
-        fechaFin: "",
-        Usuario: {},
-        Carrera: {},
-        Status: {},
+        fechaiIicio: [],
+        fechaFin: [],
+        correoElectronico: "",
       },
-      numeroCuenta: "",
-      nombre: "",
-      carrera: "",
-      institucion: "",
-      dependencia: "",
-      direccion: "",
-      fechaNacimiento: "",
-      fechaInicio: "",
-      fechaFin: "",
-      correoElectronico: "",
+
       token: {
         headers: {
           token: window.localStorage.getItem("token"),
@@ -163,6 +184,23 @@ export default {
     };
   },
   methods: {
+    reset() {
+      this.alumno.cuenta = "";
+      this.alumno.nombre = "";
+      this.alumno.carrera = "";
+      this.alumno.creditos = "";
+      this.alumno.institucion = "";
+      this.alumno.dependencia = "";
+      this.alumno.idAlumno = "";
+      this.alumno.idCarrera = "";
+      this.alumno.fechaNacimiento = "";
+      this.alumno.fechaInicio = [];
+      this.alumno.fechaFin = [];
+      this.alumno.correoElectronico = "";
+
+      this.noCuenta = "";
+      this.file = [];
+    },
     buscarAlumno() {
       this.isLoading = true;
       axios
@@ -170,8 +208,10 @@ export default {
           `${process.env.api}/usuario/escolares?numeroCuenta=${this.noCuenta}`,
           this.token
         )
-        .then((resp) => {
+        .then((res) => {
+          this.alumno.cuenta = this.noCuenta;
           this.alumno = res.data;
+          this.searched = true;
           console.log(res.data);
         })
         .catch((error) => {
@@ -181,6 +221,49 @@ export default {
           this.isLoading = false;
         });
     },
+    enviar() {
+      this.isLoading = true;
+      const data = {
+        idUsuario: this.alumno.idAlumno,
+        idCarrera: this.alumno.idCarrera,
+        numeroCuenta: this.alumno.cuenta,
+        creditos: this.alumno.creditos.toString(),
+        correo: this.alumno.correoElectronico,
+        fechaInicio: moment(this.alumno.inicio),
+        fechaFin: moment(this.alumno.fin),
+      };
+      const formData = new FormData();
+
+      formData.append("alumno", JSON.stringify(data));
+      formData.append("cartaAceptacion", this.file);
+
+      axios
+        .post(`${process.env.api}/servicio/nuevo`, formData, {
+          headers: {
+            "Content-Type": "multipart/form-data",
+            token: this.token.headers.token,
+          },
+        })
+        .then((res) => {
+          this.$buefy.dialog.alert({
+            title: "Success",
+            message: "Se enviaron los datos correctamente",
+            type: "is-success",
+            hasIcon: true,
+            icon: "checkbox-marked-circle",
+            iconPack: "mdi",
+            ariaRole: "alertdialog",
+            ariaModal: true,
+          });
+          this.reset();
+        })
+        .catch((error) => {
+          this.error(error.response.data.message);
+        })
+        .finally(() => {
+          this.isLoading = false;
+        });
+    },
     error(msj) {
       let salir = false;
       switch (msj) {
@@ -225,11 +308,38 @@ export default {
       }
       return numero;
     },
+    maxLength(str, max) {
+      if (str.length > max) return str.substr(0, max);
+      return str;
+    },
+    correoValidado() {
+      if (validator.isEmail(this.alumno.correoElectronico)) {
+        return "";
+      }
+    },
   },
-  created() {
-    this.buscarAlumno();
+  watch: {
+    noCuenta() {
+      if (this.searched === false) {
+        this.noCuenta = Number(this.noCuenta) < 0 ? "" : this.noCuenta;
+        this.noCuenta = this.esNumero(this.noCuenta);
+        this.noCuenta = this.maxLength(this.noCuenta, 9);
+      } else {
+        this.noCuenta = "";
+        this.searched = false;
+        this.reset();
+      }
+    },
+  },
+  mounted() {
+    this.minDate.setDate(this.minDate.getDate() - 16);
+  },
+  computed: {
+    minDate2() {
+      const min = new Date(this.alumno.fechaInicio);
+      return new Date(min.getFullYear(), min.getMonth() + 6, min.getDate());
+    },
   },
-  watch: {},
 };
 </script>
 

From 142fd87f16791e4a3811f6fa8844248d34513a3c Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Thu, 11 Feb 2021 19:42:13 -0600
Subject: [PATCH 6/8] correccionesMenores

---
 components/admin/especial/formularioEspecial.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/admin/especial/formularioEspecial.vue b/components/admin/especial/formularioEspecial.vue
index 10fc69a..bff42a3 100644
--- a/components/admin/especial/formularioEspecial.vue
+++ b/components/admin/especial/formularioEspecial.vue
@@ -136,7 +136,8 @@
             alumno.fechaNacimiento == '' ||
             alumno.fechaInicio == '' ||
             alumno.fehcaFin == '' ||
-            alumno.correoElectronico == ''
+            alumno.correoElectronico == '' ||
+            file == ''
         "
         class="border-success my-5"
         type="is-success"
@@ -235,7 +236,7 @@ export default {
       const formData = new FormData();
 
       formData.append("alumno", JSON.stringify(data));
-      formData.append("cartaAceptacion", this.file);
+      formData.append("archivoZip", this.file);
 
       axios
         .post(`${process.env.api}/servicio/nuevo`, formData, {

From 00d1563fd8b245b2297191de04c08abae669c5d0 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Thu, 11 Feb 2021 19:59:28 -0600
Subject: [PATCH 7/8] necesitoAyudaConEnviar

---
 components/admin/especial/formularioEspecial.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/admin/especial/formularioEspecial.vue b/components/admin/especial/formularioEspecial.vue
index bff42a3..0959d4a 100644
--- a/components/admin/especial/formularioEspecial.vue
+++ b/components/admin/especial/formularioEspecial.vue
@@ -171,7 +171,7 @@ export default {
         dependencia: "",
         idAlumno: "",
         idCarrera: "",
-        fechaNacimiento: "",
+        fechaNacimiento: [],
         fechaiIicio: [],
         fechaFin: [],
         correoElectronico: "",
@@ -194,7 +194,7 @@ export default {
       this.alumno.dependencia = "";
       this.alumno.idAlumno = "";
       this.alumno.idCarrera = "";
-      this.alumno.fechaNacimiento = "";
+      this.alumno.fechaNacimiento = [];
       this.alumno.fechaInicio = [];
       this.alumno.fechaFin = [];
       this.alumno.correoElectronico = "";
@@ -230,8 +230,8 @@ export default {
         numeroCuenta: this.alumno.cuenta,
         creditos: this.alumno.creditos.toString(),
         correo: this.alumno.correoElectronico,
-        fechaInicio: moment(this.alumno.inicio),
-        fechaFin: moment(this.alumno.fin),
+        fechaInicio: moment(this.alumno.fechaInicio),
+        fechaFin: moment(this.alumno.fechaFin),
       };
       const formData = new FormData();
 

From 3309d686fcea97d7e05dda856e8f9550c3717672 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Fri, 12 Feb 2021 01:01:40 -0600
Subject: [PATCH 8/8] FaltaEnviar

---
 .../admin/especial/formularioEspecial.vue     | 61 ++++++++++---------
 1 file changed, 32 insertions(+), 29 deletions(-)

diff --git a/components/admin/especial/formularioEspecial.vue b/components/admin/especial/formularioEspecial.vue
index 0959d4a..1f228fb 100644
--- a/components/admin/especial/formularioEspecial.vue
+++ b/components/admin/especial/formularioEspecial.vue
@@ -40,21 +40,32 @@
         <div class="input">{{ alumno.carrera }}</div>
       </b-field>
 
-      <b-field label="Institución">
+      <b-field label="Discapacidad" v-if="alumno.articulo === '1'">
         <b-input
           class="my-4"
-          placeholder="Institución"
-          v-model="alumno.institucion"
-        ></b-input>
+          placeholder="Discapacidad"
+          v-model="alumno.dicapacidad"
+        >
+        </b-input>
       </b-field>
 
-      <b-field label="Dependencia">
-        <b-input
-          class="my-4"
-          placeholder="Dependencia"
-          v-model="alumno.dependencia"
-        ></b-input>
-      </b-field>
+      <div v-if="alumno.articulo === '2'">
+        <b-field label="Institución">
+          <b-input
+            class="my-4"
+            placeholder="Institución"
+            v-model="alumno.institucion"
+          ></b-input>
+        </b-field>
+
+        <b-field label="Dependencia">
+          <b-input
+            class="my-4"
+            placeholder="Dependencia"
+            v-model="alumno.dependencia"
+          ></b-input>
+        </b-field>
+      </div>
 
       <b-field label="Dirección">
         <b-input
@@ -78,7 +89,6 @@
           placeholder="Fecha Inicio"
           icon="calendar-today"
           v-model="alumno.fechaInicio"
-          :min-date="minDate"
         >
         </b-datepicker>
       </b-field>
@@ -87,7 +97,6 @@
         <b-datepicker
           placeholder="Fecha fin"
           v-model="alumno.fechaFin"
-          :min-date="minDate2"
           icon="calendar-today"
         >
         </b-datepicker>
@@ -108,7 +117,7 @@
         drag-drop
         type="is-black"
         expanded
-        accept="application/zip"
+        accept="application/rar"
       >
         <section>
           <div class="content has-text-centered">
@@ -116,7 +125,7 @@
               <b-icon icon="upload" size="is-large"></b-icon>
             </p>
             <p>
-              {{ file.name || "Agregue el archivo ZIP" }}
+              {{ "Arrastra aquí tu archivo o da click para buscar" }}
             </p>
           </div>
         </section>
@@ -130,8 +139,6 @@
             alumno.numeroCuenta == '' ||
             alumno.nombre == '' ||
             alumno.carrera == '' ||
-            alumno.institucion == '' ||
-            alumno.dependencia == '' ||
             alumno.direccion == '' ||
             alumno.fechaNacimiento == '' ||
             alumno.fechaInicio == '' ||
@@ -158,7 +165,6 @@ export default {
   data() {
     return {
       file: [],
-      minDate: new Date(),
       isLoading: false,
       searched: false,
       noCuenta: "",
@@ -167,6 +173,7 @@ export default {
         nombre: "",
         carrera: "",
         creditos: "",
+        discapacidad: "",
         institucion: "",
         dependencia: "",
         idAlumno: "",
@@ -225,6 +232,7 @@ export default {
     enviar() {
       this.isLoading = true;
       const data = {
+        idStatus: this.alumno.articulo,
         idUsuario: this.alumno.idAlumno,
         idCarrera: this.alumno.idCarrera,
         numeroCuenta: this.alumno.cuenta,
@@ -236,10 +244,11 @@ export default {
       const formData = new FormData();
 
       formData.append("alumno", JSON.stringify(data));
-      formData.append("archivoZip", this.file);
+      formData.append("archivos", this.file);
 
+      console.log(file);
       axios
-        .post(`${process.env.api}/servicio/nuevo`, formData, {
+        .post(`${process.env.api}/caso_especial/nuevo`, formData, {
           headers: {
             "Content-Type": "multipart/form-data",
             token: this.token.headers.token,
@@ -332,15 +341,6 @@ export default {
       }
     },
   },
-  mounted() {
-    this.minDate.setDate(this.minDate.getDate() - 16);
-  },
-  computed: {
-    minDate2() {
-      const min = new Date(this.alumno.fechaInicio);
-      return new Date(min.getFullYear(), min.getMonth() + 6, min.getDate());
-    },
-  },
 };
 </script>
 
@@ -348,4 +348,7 @@ export default {
 .centro {
   text-align: center;
 }
+.upload .upload-draggable {
+  padding: 2.5em;
+}
 </style>