This commit is contained in:
Lemuel Marquez
2021-01-12 20:28:06 -06:00
5 changed files with 450 additions and 266 deletions
+17 -1
View File
@@ -165,7 +165,6 @@ export default {
onPageChange(page) {
this.page = page;
this.obtenerDatos();
console.log(this.page);
},
types(idStatus) {
if (idStatus === 1) {
@@ -249,6 +248,7 @@ export default {
this.tipoUsuario = localStorage.getItem("tipoUsuario");
if (this.idTipoUsuario != 1 && this.tipoUsuario != "admin") {
localStorage.clear();
this.$router.push("/");
}
},
@@ -256,6 +256,21 @@ export default {
let salir = false;
switch (msj) {
case "invalid signature":
<<<<<<< HEAD
msj = "Tu token no es valido, inicia sesión de nuevo";
salir = true;
break;
case "jwt expired":
msj = "Tu sesión ha expirado, inicia sesión de nuevo";
salir = true;
break;
case "jwt malformed":
msj = "Tu token esta mal formado, inicia sesión de nuevo";
salir = true;
break;
case "No hay token":
msj = "No has enviado tu token, inicia sesión de nuevo";
=======
msj = "Tu token no es valido, inicia sesión de nuevo.";
salir = true;
break;
@@ -269,6 +284,7 @@ export default {
break;
case "No hay token":
msj = "Ocurrio un error al enviar tu token, inicia sesión de nuevo.";
>>>>>>> d93e4b82ddf2170f584e9a372dd2d30c90c07e6d
salir = true;
break;
}
-262
View File
@@ -1,262 +0,0 @@
<template>
<div class="container">
<div class="columns">
<div class="column is-3 mb-0">
<b-field>
<b-input
placeholder="No.Cuenta"
icon="school"
rounded
v-model="numeroCuenta"
maxlength="9"
></b-input>
</b-field>
</div>
<div class="column is-3 mb-4 pb-4">
<b-field>
<b-input
type="name"
placeholder="Nombre"
icon="account"
rounded
v-model="nombre"
></b-input>
</b-field>
</div>
<div class="column is-3 mb-4 pb-4 ">
<b-field>
<b-select
placeholder="Status"
icon="information"
expanded
rounded
v-model="idStatus"
>
<optgroup>
<option value=""> Status </option>
<option value="1">Pre-registro</option>
<option value="2">Registro</option>
<option value="3">Registro Validado</option>
<option value="4">Pre-Término</option>
<option value="5">Término</option>
<option value="6">Liberación</option>
<option value="7">Carta Aceptacion Rechazada</option>
<option value="8">Carta Termino Rechazada</option>
<option value="9">Informe Global Rechazado</option>
<option value="10">Cancelado</option>
</optgroup>
</b-select>
</b-field>
</div>
<div class="buttons section pt-3 pl-5">
<b-button type="is-info" @click="obtenerDatos(idStatus)">
Buscar
</b-button>
</div>
</div>
<div class="columns">
<section class="column is-12">
<b-table
:data="data"
:loading="loading"
paginated
backend-pagination
:total="total"
:per-page="perPage"
@page-change="onPageChange"
hoverable
striped
>
<b-table-column field="nombre" label="Nombre" v-slot="props" centered>
<span @click="servicios(props.row.idServicio)">{{
props.row.nombre
}}</span>
</b-table-column>
<b-table-column
field="numeroCuenta"
label="Número de Cuenta"
v-slot="props"
centered
width="100"
>
<span @click="servicios(props.row.idServicio)">{{
props.row.numeroCuenta
}}</span>
</b-table-column>
<b-table-column
field="carrera"
label="Carrera"
v-slot="props"
centered
>
<span @click="servicios(props.row.idServicio)">{{
props.row.carrera
}}</span>
</b-table-column>
<b-table-column
field="fechaInicio"
truncate="10"
label="Fecha Inicio"
v-slot="props"
centered
>
<span @click="servicios(props.row.idServicio)">{{
fecha(props.row.fechaInicio)
}}</span>
</b-table-column>
<b-table-column
field="fechaFin"
label="Fecha Fin"
v-slot="props"
centered
>
<span @click="servicios(props.row.idServicio)">{{
fecha(props.row.fechaFin)
}}</span>
</b-table-column>
<b-table-column field="status" label="Status" v-slot="props" centered>
<span
@click="servicios(props.row.idServicio)"
class="tag"
:class="types(props.row.idStatus)"
>{{ props.row.status }}</span
>
</b-table-column>
</b-table>
</section>
</div>
</div>
</template>
<script>
import axios from "axios";
import moment from "moment";
export default {
data() {
return {
idUsuario: "",
data: [],
total: "",
loading: true,
page: 1,
perPage: 25,
numeroCuenta: "",
nombre: "",
idStatus: "",
};
},
methods: {
onPageChange(page) {
this.page = page;
this.obtenerDatos();
console.log(this.page);
},
types(idStatus) {
if (idStatus === 1) {
return "is-dark";
} else if (idStatus === 2) {
return "is-info";
} else if (idStatus === 3) {
return "is-link";
} else if (idStatus === 4) {
return "is-warning";
} else if (idStatus === 5) {
return "is-success";
} else if (idStatus === 6) {
return "is-link";
} else if (idStatus === 7) {
return "is-danger";
} else if (idStatus === 8) {
return "is-danger";
} else if (idStatus === 9) {
return "is-danger";
} else if (idStatus === 10) {
// admin
return "is-danger";
}
},
fecha(date) {
const fecha = moment(date.substr(0, 10));
return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`;
},
obtenerDatos(idStatus) {
this.loading = true;
this.data = [];
axios
.get(
`${process.env.api}/servicio/servicios_admin?pagina=${this.page}&idStatus=${this.idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`
)
.then((res) => {
const servicios = res.data.servicios;
if (servicios.length !== 0) {
for (let i = 0; i < servicios.length; i++) {
this.data.push({
nombre: servicios[i].Usuario.nombre,
numeroCuenta: servicios[i].Usuario.usuario,
carrera: servicios[i].Carrera.carrera,
fechaInicio: servicios[i].fechaInicio,
fechaFin: servicios[i].fechaFin,
status: servicios[i].Status.status,
idStatus: servicios[i].Status.idStatus,
idServicio: servicios[i].idServicio,
});
}
}
let currentTotal = servicios.length;
let contador;
for (let i = 0; i < res.data.registros / 25 + 1; i++) {
contador = i;
}
currentTotal = this.perPage * contador;
this.total = currentTotal;
this.loading = false;
})
.catch((err) => {
console.log(err.response.data.message);
this.loading = false;
});
},
servicios(idServicio) {
window.localStorage.setItem("idServicio", idServicio);
this.$router.push("/admin/servicio");
},
getIdLocal() {
this.idUsuario = localStorage.getItem("idUsuario");
},
},
created() {
this.getIdLocal();
this.obtenerDatos(0);
},
};
</script>
<style>
.input:focus {
border: #1b3d70;
box-shadow: 0 0 8px 0 #1b3d70;
}
.select select:focus {
border-color: #1b3d70;
box-shadow: 0 0 8px 0 #1b3d70;
}
.select:not(.is-multiple):not(.is-loading)::after {
border-color: #1b3d70;
}
.pagination-link.is-current {
background-color: #1b3d70;
border-color: #1b3d70;
}
.b-table {
cursor: pointer;
}
</style>
+2 -1
View File
@@ -149,7 +149,7 @@
actividad3 == '' ||
actividad4 == '' ||
actividad5 == '' ||
retroalimentacion == '' ||
retroalimentacion.length < 5 ||
p6 == '' ||
p7 == ''
"
@@ -192,6 +192,7 @@ export default {
methods: {
enviarCuestionario() {
const data = {
idServicio: this.idServicio,
actividad1: this.actividad1,
actividad2: this.actividad2,
actividad3: this.actividad3,
+3 -2
View File
@@ -157,7 +157,7 @@
centered
v-if="idTipoUsuario == 2"
>
<div v-if="props.row.idStatus >= 4">
<div v-if="props.row.idStatus >= 4 && props.row.idStatus != 7">
<span v-if="props.row.cartaTermino">
<b-icon
:icon="iconoCarta(props.row.cartaTermino)"
@@ -186,7 +186,7 @@
centered
v-if="idTipoUsuario == 2"
>
<div v-if="props.row.idStatus >= 4">
<div v-if="props.row.idStatus >= 4 && props.row.idStatus != 7">
<span v-if="props.row.cuestionario != null">
<b-icon
:icon="iconoCuestionario(props.row.cuestionario)"
@@ -356,6 +356,7 @@ export default {
this.tipoUsuario = localStorage.getItem("tipoUsuario");
if (this.idTipoUsuario != 2 && this.tipoUsuario != "responsable") {
localStorage.clear();
this.$router.push("/");
}
},
+428
View File
@@ -1,5 +1,262 @@
<template>
<section>
<<<<<<< HEAD
<div class="container px-3">
<div class="progressBar my-6">
<b-steps
type="is-success"
size="is-large"
:has-navigation="false"
v-model="activeStep"
>
<b-step-item
:visible="activeStep < 6"
:clickable="false"
label="Pre Registro"
icon="account-plus"
></b-step-item>
<b-step-item
:visible="activeStep < 6"
:clickable="false"
label="Pre Registro Validado"
icon="account-clock"
></b-step-item>
<b-step-item
:visible="activeStep < 6"
:clickable="false"
label="Registro"
icon="account"
></b-step-item>
<b-step-item
:visible="activeStep < 6"
:clickable="false"
label="Pre Termino"
icon="account-details"
></b-step-item>
<b-step-item
:visible="activeStep < 6"
:clickable="false"
label="Termino"
icon="account-clock"
></b-step-item>
<b-step-item
:visible="activeStep < 6"
:clickable="false"
label="Liberacion"
icon="account-check"
></b-step-item>
<b-step-item
:clickable="false"
:visible="activeStep == 6"
label="Carta Aceptación Rechazada"
class="bad"
icon="file"
type="is-danger"
></b-step-item>
<b-step-item
:clickable="false"
:visible="activeStep == 7"
label="Carta Termino Rechazada"
icon="file"
class="bad"
type="is-danger "
></b-step-item>
<b-step-item
:clickable="false"
:visible="activeStep == 8"
label="Informe Global Rechazado"
icon="file"
class="bad"
type="is-danger"
></b-step-item>
<b-step-item
:clickable="false"
:visible="activeStep == 9"
label="Cancelado"
icon="account-cancel"
class="bad"
type="is-danger bad"
></b-step-item>
</b-steps>
</div>
<div class="mensajeDiv" v-for="mensaje in mensajes" :key="mensaje.status">
<div v-if="mensaje.mensaje != '' && mensaje.status == status">
<p class="mensaje has-text-justified">
<span class="block is-size-5">Estimado alumno(a): </span
><br /><br />
{{ mensaje.mensaje }}
</p>
</div>
</div>
<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>
<div class="pre-registro-validado" v-if="status == 2">
<h3 class="title is-3 my-5">Formulario Pre-registro</h3>
<form>
<b-field label="Fecha de nacimiento">
<b-datepicker
placeholder="Fecha de nacimiento"
icon="calendar-today"
v-model="nacimiento"
:min-date="minDate"
:max-date="maxDate"
>
</b-datepicker>
</b-field>
<b-field label="Telefono">
<b-input
placeholder="Telefono"
maxlength="10"
v-model="telefono"
type="tel"
>
</b-input>
</b-field>
<b-field label="Direccion">
<b-input
maxlength="200 "
placeholder="Direccion"
type="textarea"
v-model="direccion"
></b-input>
</b-field>
</form>
<div class="my-4 mb-6">
<b-field>
<button
:disabled="nacimiento == '' || telefono == '' || direccion == ''"
class="button is-success is-medium"
@click="enviarRegistro()"
>
Enviar
</button>
</b-field>
</div>
</div>
<div class="registro" v-if="status == 3"></div>
<div class="pre-termino" v-if="status == 4 || status == 9">
<h3 class="title is-4 mt-6">
Cuestionario de evaluación del programa de servicio social
</h3>
<div class="my-6" v-if="alumno.idCuestionario == null">
<b-button
tag="router-link"
to="/alumno/cuestionario"
type="is-info is-light "
icon-left="book-open"
class="border-info"
size="is-medium"
>
cuestionario
</b-button>
</div>
<div class="is-flex" v-else>
<p class="block is-size-5">Cuestionario contestado</p>
<b-icon icon="check-bold" size="is-small" type="is-success"> </b-icon>
</div>
<h3 class="title is-4 mt-6">
Informe global de actividades (en formato .PDF. No se aceptan fotos).
</h3>
<div v-if="alumno.informeGlobal == null">
<b-field type="black">
<b-upload
v-model="file"
type="black"
drag-drop
expanded
accept="application/pdf"
>
<section class="section">
<div class="content has-text-centered">
<p>
<b-icon icon="upload" size="is-large"></b-icon>
</p>
<p>
{{
file.name ||
"Arrastra aquí tu archivo o da click para buscar"
}}
</p>
<p>Tamaño máximo 20MB</p>
</div>
</section>
</b-upload>
</b-field>
<b-field class="derecha">
<button
:disabled="file == ''"
class="button is-success is-medium mb-4"
@click="enviarInforme()"
>
Enviar
</button>
</b-field>
</div>
<div class="is-flex" v-else>
<p class="block is-size-5">Informe Global enviado.</p>
<b-icon icon="check-bold" size="is-small" type="is-success"> </b-icon>
</div>
</div>
<div class="termino" v-if="status == 5"></div>
<div class="Liberacion" v-if="status == 6"></div>
</div>
<div class="container px-3"></div>
<pre>{{ $data }}</pre>
<b-loading :is-full-page="true" v-model="isLoading" :can-cancel="false" />
=======
<div class="container">
<Steps :activeStep="activeStep" />
<Mensajes :status="status" />
@@ -12,6 +269,7 @@
v-if="status == 4 || status == 9"
/>
</div>
>>>>>>> d93e4b82ddf2170f584e9a372dd2d30c90c07e6d
</section>
</template>
@@ -74,6 +332,40 @@ export default {
programaInterno: "",
profesor: "",
},
<<<<<<< HEAD
mensajes: [
{ status: 1, mensaje: "" },
{ status: 2, mensaje: "" },
{
status: 3,
mensaje:
"Te informamos que el Área de Registro y Control de Servicio Social ha validado tu solicitud de registro de servicio social por lo que el siguiente trámite lo realizarás hasta que concluyas 480 horas en un periodo de mínimo 6 meses y obtengas tu carta de término por parte de la institución, quien se encargará de subir dicho archivo a este sistema, además de responder un cuestionario sobre tu desempeño. A su vez, deberás responder el siguiente cuestionario de evaluación del programa de servicio social en donde participaste y enviar el informe global de actividades elaborado por ti, con firma y sello de visto bueno de tu jefe inmediato. En cuanto el Área de Registro y Control de Servicio Social valide tu solicitud, podrás revisar las indicaciones del siguiente paso en el panel llamado “Liberación” Cualquier duda puedes acudir al área de Registro y Control de Servicio Social en COESI de lunes a viernes de 10:00 a 14:00 hrs. y de 16:00 a 20:00 hrs. o bien, comunicarte al 5623 1686 o al correo registross@acatlan.unam.mx",
},
{ status: 4, mensaje: "" },
{
status: 5,
mensaje:
"Espera a que tus documentos sean validados por el Departamento de Servicio Social y Bolsa de Trabajo",
},
{
status: 6,
mensaje:
"Te confirmamos que has concluido con los trámites necesarios para la liberación de tu servicio social por lo que ahora sólo queda esperar a que en máximo 15 días hábiles se te notifique por correo electrónico a partir de cuándo puedes recoger la copia de tu carta de liberación en las ventanillas del Área de Registro y Control de Servicio Social. Cualquier duda puedes acudir al área de Registro y Control de Servicio Social en COESI de lunes a viernes de 10:00 a 13:00 hrs. y de 16:00 a 19:00 hrs. o bien, comunicarte al 5623 1686 o al correo registross@apolo.acatlan.unam.mx",
},
{ status: 7, mensaje: "carta de aceptacion rechazada" },
{ status: 8, mensaje: "carta de termino rechazada" },
{
status: 9,
mensaje:
"Informe global de actividades rechazado. Por favor reenvia el informe correctamente",
},
{
status: 10,
mensaje: "servicio cancelado",
},
],
=======
>>>>>>> d93e4b82ddf2170f584e9a372dd2d30c90c07e6d
};
},
components: {
@@ -84,10 +376,34 @@ export default {
PreTermino,
},
methods: {
<<<<<<< HEAD
reset() {
this.file = [];
this.nacimiento = [];
this.telefono = "";
this.direccion = "";
},
=======
>>>>>>> d93e4b82ddf2170f584e9a372dd2d30c90c07e6d
error(msj) {
let salir = false;
switch (msj) {
case "invalid signature":
<<<<<<< HEAD
msj = "tu token no es valido, inicia sesión de nuevo";
salir = true;
break;
case "jwt expired":
msj = "tu sesión ha expirado, inicia sesión de nuevo";
salir = true;
break;
case "jwt malformed":
msj = "tu token esta mal formado, inicia sesión de nuevo";
salir = true;
break;
case "No hay token":
msj = "no has enviado tu token, inicia sesión de nuevo";
=======
msj = "Tu token no es valido, inicia sesión de nuevo.";
salir = true;
break;
@@ -101,6 +417,7 @@ export default {
break;
case "No hay token":
msj = "Ocurrio un error al enviar tu token, inicia sesión de nuevo.";
>>>>>>> d93e4b82ddf2170f584e9a372dd2d30c90c07e6d
salir = true;
break;
}
@@ -129,6 +446,10 @@ export default {
this.token
)
.then((resp) => {
<<<<<<< HEAD
console.log(resp.data);
=======
>>>>>>> d93e4b82ddf2170f584e9a372dd2d30c90c07e6d
this.activeStep = resp.data.Status.idStatus - 1;
this.status = resp.data.Status.idStatus;
@@ -166,9 +487,116 @@ export default {
this.error(error.response.data.message);
});
},
<<<<<<< HEAD
enviarRegistro() {
this.isLoading = true;
const data = {
idServicio: this.alumno.idServicio,
direccion: this.direccion,
telefono: this.telefono,
fechaNacimiento: moment(this.nacimiento),
};
axios
.put(`${process.env.api}/servicio/registro_validado`, data, this.token)
.then((res) => {
this.$buefy.dialog.alert({
title: "Success",
message: "Se enviaron los datos correctamente",
type: "is-success",
hasIcon: true,
icon: "checkbox-marked-circle",
iconPack: "mdi",
ariaRole: "alertdialog",
ariaModal: true,
});
this.reset();
this.getData();
})
.catch((error) => {
this.error(error.response.data.message);
})
.finally(() => {
this.isLoading = false;
});
},
enviarInforme() {
this.isLoading = true;
const data = {
idServicio: this.alumno.idServicio,
};
const formData = new FormData();
console.log(data);
formData.append("data", JSON.stringify(data));
formData.append("informeGlobal", this.file);
axios
.put(`${process.env.api}/servicio/informe_global`, formData, {
headers: {
"Content-Type": "multipart/form-data",
token: this.token.headers.token,
},
})
.then((res) => {
this.$buefy.dialog.alert({
title: "Success",
message: "Se enviaron los datos correctamente",
type: "is-success",
hasIcon: true,
icon: "checkbox-marked-circle",
iconPack: "mdi",
ariaRole: "alertdialog",
ariaModal: true,
});
this.reset();
this.getData();
})
.catch((error) => {
this.error(error.response.data.message);
})
.finally(() => {
this.isLoading = false;
});
},
fecha(date) {
const fecha = moment(date);
return `${fecha.year()}/${fecha.month() + 1}/${fecha.date()}`;
},
},
computed: {
steps() {
const steps = [...this.baseSteps];
return steps;
},
=======
>>>>>>> d93e4b82ddf2170f584e9a372dd2d30c90c07e6d
},
created() {
this.getData();
},
};
</script>
<<<<<<< HEAD
<style scoped>
.border-info {
border: 1px solid #167df0;
}
.info-alumno p {
margin-bottom: 0.8rem;
}
.info-programa p {
margin-bottom: 0.8rem;
}
.mensaje {
margin: 3.5rem 0;
}
.else {
display: flex;
align-content: center !important;
}
</style>
=======
>>>>>>> d93e4b82ddf2170f584e9a372dd2d30c90c07e6d