52 lines
1.5 KiB
Vue
52 lines
1.5 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>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import moment from "moment";
|
|
|
|
export default {
|
|
props: {
|
|
alumno: Object,
|
|
},
|
|
methods: {
|
|
fecha(date) {
|
|
const fecha = moment(date.substr(0, 10));
|
|
return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`;
|
|
},
|
|
},
|
|
};
|
|
</script>
|