Lemuel Marquez
76 lines
1.9 KiB
Vue
76 lines
1.9 KiB
Vue
<template>
|
|
<div id="datosPersonales">
|
|
<p class="is-size-3"><b>Datos personales</b></p>
|
|
|
|
<p class="is-size-5 mt-3" v-if="alumno.Usuario.nombre">
|
|
<b>Nombre: </b>{{ alumno.Usuario.nombre }}
|
|
</p>
|
|
|
|
<p class="is-size-5 mt-3" v-if="alumno.Usuario.usuario">
|
|
<b>Número de cuenta: </b>{{ alumno.Usuario.usuario }}
|
|
</p>
|
|
|
|
<p class="is-size-5 mt-3" v-if="alumno.Carrera.carrera">
|
|
<b>Carrera: </b>{{ alumno.Carrera.carrera }}
|
|
</p>
|
|
|
|
<p class="is-size-5 mt-3" v-if="alumno.correo">
|
|
<b>Correo: </b>{{ alumno.correo }}
|
|
</p>
|
|
|
|
<p class="is-size-5 mt-3" v-if="alumno.creditos">
|
|
<b>Créditos: </b>{{ alumno.creditos + '%' }}
|
|
</p>
|
|
|
|
<p class="is-size-5 mt-3" v-if="alumno.fechaInicio">
|
|
<b>Fecha de inicio: </b>{{ fecha(alumno.fechaInicio) }}
|
|
</p>
|
|
|
|
<p class="is-size-5 mt-3" v-if="alumno.fechaFin">
|
|
<b>Fecha de fin: </b>{{ fecha(alumno.fechaFin) }}
|
|
</p>
|
|
|
|
<p class="is-size-5 mt-3" v-if="alumno.telefono">
|
|
<b>Teléfono: </b>{{ alumno.telefono }}
|
|
</p>
|
|
|
|
<p class="is-size-5 mt-3" v-if="alumno.direccion">
|
|
<b>Dirección: </b>{{ alumno.direccion }}
|
|
</p>
|
|
|
|
<p class="is-size-5 mt-3" v-if="alumno.fechaNacimiento">
|
|
<b>Fecha de nacimiento: </b>{{ fecha(alumno.fechaNacimiento) }}
|
|
</p>
|
|
|
|
<p class="is-size-5 mt-3" v-if="alumno.createdAt">
|
|
<b>Fecha de registro: </b>{{ fecha(alumno.createdAt) }}
|
|
</p>
|
|
|
|
<p class="is-size-5 mt-3" v-if="alumno.fechaLiberacion">
|
|
<b>Fecha de liberación: </b>{{ fecha(alumno.fechaLiberacion) }}
|
|
</p>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import moment from 'moment'
|
|
|
|
export default {
|
|
props: {
|
|
alumno: Object,
|
|
},
|
|
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 ''
|
|
},
|
|
},
|
|
}
|
|
</script>
|