114 lines
3.0 KiB
Vue
114 lines
3.0 KiB
Vue
<template>
|
|
<section class="mb-5">
|
|
<div class="pb-5">
|
|
<h4 class="is-size-4 pb-2">Datos del programa</h4>
|
|
|
|
<b-field label="Institución:">
|
|
<p class="input">{{ alumno.Programa.institucion }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Dependencia:">
|
|
<p class="input">{{ alumno.Programa.dependencia }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Programa:">
|
|
<p class="input">{{ alumno.Programa.programa }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Clave de programa:">
|
|
<p class="input">{{ alumno.Programa.clavePrograma }}</p>
|
|
</b-field>
|
|
</div>
|
|
|
|
<div class="mb-6">
|
|
<h4 class="is-size-4 pb-2">Datos personales</h4>
|
|
|
|
<b-field label="Numero de cuenta:">
|
|
<p class="input">{{ alumno.Usuario.usuario }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Nombre:">
|
|
<p class="input">{{ alumno.Usuario.nombre }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Fecha de nacimiento:" v-if="alumno.fechaNacimiento">
|
|
<p class="input">{{ fecha(alumno.fechaNacimiento) }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Carrera:">
|
|
<p class="input">{{ alumno.Carrera.carrera }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Creditos:">
|
|
<p class="input">{{ alumno.creditos + '%' }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Teléfono:" v-if="alumno.telefono">
|
|
<p class="input">{{ alumno.telefono }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Dirección:" v-if="alumno.direccion">
|
|
<p class="input">{{ alumno.direccion }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Email:">
|
|
<p class="input">{{ alumno.correo }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Fecha de registro:" v-if="alumno.createdAt">
|
|
<p class="input">{{ fecha(alumno.createdAt) }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Fecha de inicio:">
|
|
<p class="input">{{ fecha(alumno.fechaInicio) }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Fecha de termino:">
|
|
<p class="input">{{ fecha(alumno.fechaFin) }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Fecha de liberación:" v-if="alumno.fechaLiberacion">
|
|
<p class="input">{{ fecha(alumno.fechaLiberacion) }}</p>
|
|
</b-field>
|
|
</div>
|
|
|
|
<b-button class="boton is-info" @click="editar()" v-if="mostrarEditar()">
|
|
Editar información
|
|
</b-button>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
import moment from 'moment'
|
|
|
|
export default {
|
|
props: {
|
|
alumno: { type: Object, required: true },
|
|
},
|
|
methods: {
|
|
fecha(date) {
|
|
if (date) {
|
|
const fecha = moment(date)
|
|
|
|
return `${fecha.date() < 10 ? '0' + fecha.date() : fecha.date()}/${
|
|
fecha.month() < 9 ? '0' + (fecha.month() + 1) : fecha.month() + 1
|
|
}/${fecha.year()}`
|
|
}
|
|
return ''
|
|
},
|
|
editar() {
|
|
localStorage.setItem('idStatus', this.alumno.Status.idStatus)
|
|
this.$router.push('/admin/servicio/modificar')
|
|
},
|
|
mostrarEditar() {
|
|
if (
|
|
this.alumno.Status.idStatus === 10 ||
|
|
this.alumno.Status.idStatus === 6
|
|
)
|
|
return false
|
|
return true
|
|
},
|
|
},
|
|
}
|
|
</script>
|