From 61f49c7ee6bbbb0afbdafa0406e1e17614be2769 Mon Sep 17 00:00:00 2001
From: mxrco <yosoymarco3@gmail.com>
Date: Mon, 23 Nov 2020 16:31:18 -0600
Subject: [PATCH] chequeo

---
 components/admin/servicio/vistaServicio.vue | 77 ++++++++++++++-------
 1 file changed, 52 insertions(+), 25 deletions(-)

diff --git a/components/admin/servicio/vistaServicio.vue b/components/admin/servicio/vistaServicio.vue
index 72209ad..badbae1 100644
--- a/components/admin/servicio/vistaServicio.vue
+++ b/components/admin/servicio/vistaServicio.vue
@@ -31,29 +31,29 @@
     <div id="programa">
       <br>
       <p class="is-size-4">Datos del programa</p><br>
-      <p class="is-size-5">Programa: <span> {{alumno.programa}} </span></p>
-      <p class="is-size-5">Clave del programa: <span> {{alumno.clavePrograma}} </span></p>
-      <p class="is-size-5">Dependecia: <span> {{alumno.dependecia}} </span></p>
-      <p class="is-size-5">Institución: <span> {{alumno.institucion}} </span></p>
+      <p class="is-size-5">Programa: <span> {{alumno.Programa.programa}} </span></p>
+      <p class="is-size-5">Clave del programa: <span> {{alumno.Programa.clavePrograma}} </span></p>
+      <p class="is-size-5">Dependecia: <span> {{alumno.Programa.dependencia}} </span></p>
+      <p class="is-size-5">Institución: <span> {{alumno.Programa.institucion}} </span></p>
       <br>
     </div>
     <div id="datosPersonales">
       <p class="is-size-4" >Datos personales</p><br>
-      <p class="is-size-5 mt-5" v-if="alumno.nombre">Nombre: <span> {{alumno.nombre}} </span></p>
-      <p class="is-size-5 mt-5" v-if="alumno.noCuenta">Número de cuenta: <span> {{alumno.noCuenta}} </span></p>
-      <p class="is-size-5 mt-5" v-if="alumno.carrera">Carrera: <span> {{alumno.carrera}} </span></p>
-      <p class="is-size-5 mt-5" v-if="alumno.correo">Correo: <span> {{alumno.correo}} </span></p>
-      <p class="is-size-5 mt-5" v-if="alumno.creditos">Créditos: <span> {{alumno.creditos}} </span></p>
-      <p class="is-size-5 mt-5" v-if="alumno.fechaInicio">Fecha de inicio: <span> {{alumno.fechaInicio}} </span></p>
-      <p class="is-size-5 mt-5" v-if="alumno.fechaFin">Fecha de fin: <span> {{alumno.fechaFin}} </span></p>
-      <p class="is-size-5 mt-5" v-if="alumno.telefono">Teléfono: <span> {{alumno.telefono}} </span></p>
-      <p class="is-size-5 mt-5" v-if="alumno.direccion">Dirección: <span> {{alumno.direccion}} </span></p>
-      <p class="is-size-5 mt-5" v-if="alumno.fechaNacimiento">Fecha de nacimiento: <span> {{alumno.fechaNacimiento}} </span></p>
+      <p class="is-size-5 mt-5" v-if="alumno.Usuario.nombre"><b>Nombre: </b>{{alumno.Usuario.nombre}}</p>
+      <p class="is-size-5 mt-5" v-if="alumno.Usuario.usuario"><b>Número de cuenta: </b>{{alumno.Usuario.usuario}}</p>
+      <p class="is-size-5 mt-5" v-if="alumno.Carrera.carrera"><b>Correo:</b>{{alumno.Carrera.carrera}}</p>
+      <p class="is-size-5 mt-5" v-if="alumno.correo"><b>Correo: </b>{{alumno.correo}}</p>
+      <p class="is-size-5 mt-5" v-if="alumno.creditos"><b>Créditos: </b>{{alumno.creditos}}</p>
+      <p class="is-size-5 mt-5" v-if="alumno.fechaInicio"><b>Fecha de inicio: </b>{{alumno.fechaInicio}}</p>
+      <p class="is-size-5 mt-5" v-if="alumno.fechaFin"><b>Fecha de fin: </b>{{alumno.fechaFin}}</p>
+      <p class="is-size-5 mt-5" v-if="alumno.telefono"><b>Teléfono: </b>{{alumno.telefono}}</p>
+      <p class="is-size-5 mt-5" v-if="alumno.direccion"><b>Dirección: </b>{{alumno.direccion}}</p>
+      <p class="is-size-5 mt-5" v-if="alumno.fechaNacimiento"><b>Fecha de nacimiento: </b>{{alumno.fechaNacimiento}}</p>
     </div>
     <div id="enlaces">
       <br>
-      <div class="level">
-        <a href="google.com" class="has-text-link link">Ver carta de aceptación</a>
+      <div v-if="alumno.cartaAceptacion" class="level">
+        <a :href="linkCartaAceptacion" class="has-text-link link">Ver carta de aceptación</a>
         <b-button class="is-danger" v-if="alumno.idStatus == 1">
           Rechazar
         </b-button>
@@ -62,13 +62,13 @@
       <h3 class="is-size-4 mb-5" v-if="alumno.idStatus == 4">Termino</h3>
       <h3 class="is-size-4 mb-5" v-if="alumno.idStatus == 5">Validar el término del alumno</h3>
       <div class="level">
-        <a href="google.com" class="has-text-link link">Ver carta de término</a>
+        <a v-if="alumno.cartaTermino" :href="linkCartaTermino" class="has-text-link link">Ver carta de término</a>
         <b-button class="is-danger" v-if="alumno.idStatus == 5">
           Rechazar
         </b-button>
       </div>
-      <div class="level">
-        <a href="google.com" class="has-text-link link">Ver informe global de actividades</a>
+      <div v-if="alumno.informeGlobal" class="level">
+        <a :href="linkInformeGlobal" class="has-text-link link">Ver informe global de actividades</a>
         <b-button class="is-danger" v-if="alumno.idStatus == 5">
           Rechazar
         </b-button>
@@ -91,18 +91,19 @@
 </template>
 
 <script>
+import axios from 'axios'
+// import moment from 'moment'
 export default {
   data () {
     return {
       alumno: {
-        fechaInicio: '14/2/2020',
-        fechaFin: '14/8/2020',
-        idStatus: 5
+        fechaInicio: '',
+        fechaFin: ''
       },
-      idRegistro: window.localStorage.getItem('idRegistro'),
+      idRegistro: 1,
       token: {
         headers: {
-          token: window.localStorage.getItem('token')
+          token: localStorage.getItem('token')
         }
       },
       linkCartaAceptacion: '',
@@ -125,8 +126,34 @@ export default {
         else if (this.vistoBueno) return true
       }
       return false
+    },
+    obtenerRegistro () {
+      return axios
+        .get(
+          `https://5b3a8798f24a.ngrok.io/servicio/admin?idServicio=${this.idRegistro}`//,
+          // this.token
+        )
+        .then(res => {
+          this.alumno = res.data
+          this.alumno.idStatus = res.data.Status.idStatus
+        /* if (this.alumno.noCuenta.length === 8) { this.alumno.noCuenta = `0${this.alumno.noCuenta}` }
+          if (this.alumno.cartaAceptacion) { this.linkCartaAceptacion = `https://drive.google.com/file/d/${this.alumno.cartaAceptacion}/view?usp=sharing` }
+          if (this.alumno.cartaTermino) { this.linkCartaTermino = `https://drive.google.com/file/d/${this.alumno.cartaTermino}/view?usp=sharing` }
+          if (this.alumno.informeGlobal) { this.linkInformeGlobal = `https://drive.google.com/file/d/${this.alumno.informeGlobal}/view?usp=sharing` } */
+        })
+        .catch(err => {
+          console.log(err.response)
+        })
     }
-  }
+  },
+  async created () {
+    // this.idRegistro = localStorage.getItem('idRegistro')
+    await this.obtenerRegistro()
+    console.log(this.alumno)
+  }/* ,
+  beforeCreate () {
+    if (!window.localStorage.getItem('idRegistro')) { this.$router.push('./admin') }
+  } */
 }
 </script>