70 lines
2.1 KiB
Vue
70 lines
2.1 KiB
Vue
<template>
|
|
<div class="info">
|
|
<div class="info-programa">
|
|
<h3 class="title is-3">Información del programa</h3>
|
|
<p><strong> Programa: </strong> {{ programa.programa }}</p>
|
|
<p><strong> Institución: </strong> {{ programa.institucion }}</p>
|
|
<p><strong> Dependencia: </strong> {{ programa.dependencia }}</p>
|
|
<p><strong> Clave del programa: </strong> {{ programa.clave }}</p>
|
|
<div v-if="programa.acatlan == true">
|
|
<p>
|
|
<strong> Programa Interno: </strong>
|
|
{{ programa.programaInterno }}
|
|
</p>
|
|
<p><strong> Profesor: </strong> {{ programa.profesor }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="info-alumno mt-6">
|
|
<h3 class="title is-3">Información del alumno</h3>
|
|
<p><strong> Nombre: </strong> {{ alumno.nombre }}</p>
|
|
<p><strong> Número de cuenta: </strong> {{ alumno.cuenta }}</p>
|
|
<p><strong> Carrera: </strong> {{ alumno.carrera }}</p>
|
|
<p>
|
|
<strong> Créditos: </strong>{{ alumno.creditos
|
|
}}<span v-if="alumno.creditos">%</span>
|
|
</p>
|
|
<p><strong> Correo del alumno: </strong> {{ alumno.correo }}</p>
|
|
<p><strong> Fecha de inicio: </strong> {{ fecha(alumno.inicio) }}</p>
|
|
<p><strong> Fecha de finalización: </strong> {{ fecha(alumno.fin) }}</p>
|
|
<p><strong> Fecha de registro: </strong> {{ fecha(alumno.registro) }}</p>
|
|
|
|
<div class="mt-4 info-extra" v-if="status >= 3">
|
|
<p><strong> Direccion: </strong> {{ alumno.direccion }}</p>
|
|
<p><strong> Telefono: </strong> {{ alumno.telefono }}</p>
|
|
<p>
|
|
<strong> Fecha de nacimiento: </strong>
|
|
{{ fecha(alumno.nacimiento) }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.info-alumno p {
|
|
margin-bottom: 0.8rem;
|
|
}
|
|
.info-programa p {
|
|
margin-bottom: 0.8rem;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
import moment from "moment";
|
|
|
|
export default {
|
|
data() {
|
|
return {};
|
|
},
|
|
props: ["status", "alumno", "programa"],
|
|
methods: {
|
|
fecha(date) {
|
|
// const fecha = moment(date);
|
|
const fecha = moment(date.substr(0, 10));
|
|
|
|
return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`;
|
|
},
|
|
},
|
|
};
|
|
</script>
|