xXpuma99Xx
103 lines
2.5 KiB
Vue
103 lines
2.5 KiB
Vue
<template>
|
|
<div>
|
|
<h3 class="title">{{ alumno.Status.status }}</h3>
|
|
|
|
<h4 class="is-size-4 mb-4">Datos personales</h4>
|
|
|
|
<b-field label="Número 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="Carrera:">
|
|
<p class="input">{{ alumno.Carrera.carrera }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Créditos:">
|
|
<p class="input">{{ Number(alumno.creditos) }}%</p>
|
|
</b-field>
|
|
|
|
<b-field label="Correo:">
|
|
<p class="input">{{ alumno.correo }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Fecha de Nacimiento:">
|
|
<p class="input">{{ fecha(alumno.fechaNacimiento) }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Dirección:">
|
|
<p class="input">{{ alumno.direccion }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Teléfono:">
|
|
<p class="input">{{ alumno.telefono }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Motivo:" v-if="alumno.motivo">
|
|
<p class="input" v-if="alumno.motivo === '1'">Tercera edad</p>
|
|
|
|
<p class="input" v-if="alumno.motivo === '2'">Capacidades diferentes</p>
|
|
</b-field>
|
|
|
|
<b-field label="Institución:" v-if="alumno.institucion">
|
|
<p class="input">{{ alumno.institucion }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Dependencia:" v-if="alumno.dependencia">
|
|
<p class="input">{{ alumno.dependencia }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Fecha Inicio:">
|
|
<p class="input">{{ fecha(alumno.fechaInicio) }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Fecha Fin:">
|
|
<p class="input">{{ fecha(alumno.fechaFin) }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Fecha Registro:">
|
|
<p class="input">{{ fecha(alumno.createdAt) }}</p>
|
|
</b-field>
|
|
|
|
<b-field
|
|
class="py-5"
|
|
v-if="alumno.Status.idStatus === 11 || alumno.Status.idStatus === 12"
|
|
>
|
|
<b-button
|
|
type="is-info"
|
|
tag="router-link"
|
|
to="/admin/casos_especiales/caso_especial/editar"
|
|
>
|
|
Editar información
|
|
</b-button>
|
|
</b-field>
|
|
</div>
|
|
</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 ''
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped></style>
|