descargar comprobante

This commit is contained in:
2020-10-12 09:51:53 -05:00
parent 8864b73c9f
commit 530cb76999
11 changed files with 170 additions and 32 deletions
+2 -2
View File
@@ -6,9 +6,9 @@ const config = {
//api: "http://localhost:3001"
//Pruebas
//api: "https://venus.acatlan.unam.mx/asinea_nuevo_test"
api: "https://venus.acatlan.unam.mx/asinea_nuevo_test"
//produccion
api: "http://132.248.43.238:3000"
//api: "http://132.248.43.238:3000"
};
module.exports = config;
+159 -21
View File
@@ -9,7 +9,7 @@
<div id="formContent">
<div class="container principal">
<b-tabs content-class="mt-5">
<b-tabs content-class="mt-5">
<b-tab title="Enviar Ficha" active>
<form>
<div class="table-responsive">
@@ -47,7 +47,7 @@
</tbody>
</table>
</div>
<input type="submit" class="fadeIn fourth" value="Descargar" >
<!-- <input type="submit" class="fadeIn fourth" value="Descargar" >-->
</form>
</b-tab>
@@ -79,9 +79,10 @@
</tbody>
</table>
</div>
<input type="submit" class="fadeIn fourth" value="Descargar">
<!-- <input type="submit" class="fadeIn fourth" value="Descargar"> -->
</form>
</b-tab>
<b-tab title="Revisar Ficha" >
<form >
<div class="table-responsive">
@@ -122,18 +123,19 @@
<td>{{item.comprobante.cuentaRetiro}}</td>
<td>{{item.comprobante.importe}}</td>
<td>{{item.comprobante.cuentaDeposito}}</td>
<td ><b-button variant="primary">Descargar</b-button></td>
<td ><b-button variant="outline-success">Aceptar</b-button></td>
<td ><b-button variant="outline-danger" >Rechazar</b-button></td>
<td ><b-button variant="primary" @click="cambioLink(item.idPersona)" :href="link" download="pagode.pdf" >Descargar</b-button></td>
<td ><b-button variant="outline-success" @click="aceptarPago(item.idPersona) ">Aceptar</b-button></td>
<td ><b-button variant="outline-danger" @click="rechazarPago(item.idPersona)">Rechazar</b-button></td>
</tr>
</tbody>
</table>
</div>
<input type="submit" class="fadeIn fourth" value="Descargar">
<!-- <input type="submit" class="fadeIn fourth" value="Descargar"> -->
</form>
</b-tab>
<b-tab title="Pagados" >
<form >
<b-tab title="Pagados" active>
<form>
<div class="table-responsive">
<table class="table table-striped">
<thead>
@@ -143,28 +145,34 @@
<th scope="col">Apellido Paterno</th>
<th scope="col">Apellido Materno</th>
<th scope="col">Correo</th>
<th scope="col">Situacion academica</th>
<th scope="col">Tipo de participación</th>
<th scope="col">Comunidad</th>
<th scope="col">Institución</th>
<th scope="col">Pago total</th>
</tr>
</thead>
<tbody>
<tr v-for="item in pagados" v-bind:key="item.idPersona">
<th scope="row">{{item.number}}</th>
<td>{{item.nombre}}</td>
<td>{{item.apellidoP}}</td>
<td>{{item.apellidoM}}</td>
<td>{{item.correo}}</td>
<td>{{item.comunidad}}</td>
<td>{{item.pago}}</td>
<th @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos scope="row">{{item.number}}</th>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.nombre}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.apellidoPaterno}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.apellidoMaterno}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.correo}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.situacionAcademica}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.participacion}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.comunidad}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.institucion}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >${{item.totalPagar}}.00</td>
</tr>
</tbody>
</table>
</div>
<input type="submit" class="fadeIn fourth" value="Descargar">
<!-- <input type="submit" class="fadeIn fourth" value="Descargar" >-->
</form>
</b-tab>
<b-tab title="Solicitud de Factura" >
<form >
<div class="table-responsive">
@@ -197,7 +205,47 @@
</tbody>
</table>
</div>
<input type="submit" class="fadeIn fourth" value="Descargar">
<!-- <input type="submit" class="fadeIn fourth" value="Descargar"> -->
</form>
</b-tab>
<b-tab title="Rechazados" active>
<form>
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Nombre</th>
<th scope="col">Apellido Paterno</th>
<th scope="col">Apellido Materno</th>
<th scope="col">Correo</th>
<th scope="col">Situacion academica</th>
<th scope="col">Tipo de participación</th>
<th scope="col">Comunidad</th>
<th scope="col">Institución</th>
<th scope="col">Pago total</th>
</tr>
</thead>
<tbody>
<tr v-for="item in rechazados" v-bind:key="item.idPersona">
<th @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos scope="row">{{item.number}}</th>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.nombre}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.apellidoPaterno}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.apellidoMaterno}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.correo}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.situacionAcademica}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.participacion}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.comunidad}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >{{item.institucion}}</td>
<td @click=" nombreEscogido=`${item.nombre} ${item.apellidoPaterno} ${item.apellidoMaterno}`, cantidadPagar=item.totalPagar, eventosPersonaActividad=item.actividad, eventosPersonaEstudiosPractica=item.estudiosPractica, eventosPersonaRecorridos=item.recorridos" v-b-modal.mostrarEventos >${{item.totalPagar}}.00</td>
</tr>
</tbody>
</table>
</div>
<!-- <input type="submit" class="fadeIn fourth" value="Descargar" >-->
</form>
</b-tab>
@@ -298,6 +346,7 @@ export default {
data() {
return {
idUsuario: "",
eventosPersonaActividad: [],
eventosPersonaEstudiosPractica: [],
eventosPersonaRecorridos: [],
@@ -305,6 +354,7 @@ export default {
pendientes: [],
revisar: [],
pagados: [],
rechazados: [],
factura: [],
selected: 1,
@@ -321,11 +371,57 @@ export default {
enviando: false
enviando: false,
link: `${config.api}/descargarPago?idPersona=${this.idUsuario}`,
};
},
methods: {
async cambioLink(idPersona){
this.link= `${config.api}/descargarPago?idPersona=${idPersona}`;
},
async aceptarPago(idPersona){
try{
await axios.post(
`${config.api}/aceptarPago`,{idPersona: idPersona}
);
await Swal.fire({
title: "Exito",
text: 'Exito al aceptar el pago',
icon: "success"
});
location.reload();
}
catch(error){
await Swal.fire({
title: "Error",
text: error.response.data.msj || 'Ocurrio un problema',
icon: "error"
});
}
},
async rechazarPago(idPersona){
try{
await axios.post(
`${config.api}/rechazarPago`,{idPersona: idPersona}
);
await Swal.fire({
title: "Exito",
text: 'Exito al rechazar el pago comuniquese directamente con el usuario',
icon: "success"
});
location.reload();
}
catch(error){
await Swal.fire({
title: "Error",
text: error.response.data.msj || 'Ocurrio un problema',
icon: "error"
});
}
},
async enviarFicha (){
this.enviando = true;
var formData = new FormData();
@@ -371,15 +467,57 @@ export default {
);
this.enviar = this.enviar.data.datos;
let con = 1;
for(let item in this.enviar){
this.enviar[item].number =con;
con ++;
}
this.pendientes = await axios.get(
`${config.api}/getPersonasPendientes`
);
this.pendientes = this.pendientes.data.datos;
con = 1;
for(let item in this.pendientes){
this.pendientes[item].number =con;
con ++;
}
this.revisar = await axios.get(
`${config.api}/getPersonasRecibo`
);
this.revisar = this.revisar.data.datos;
con = 1;
for(let item in this.revisar){
this.revisar[item].number =con;
con ++;
}
this.pagados = await axios.get(
`${config.api}/getPagados`
);
this.pagados = this.pagados.data.datos;
con = 1;
for(let item in this.pagados){
this.pagados[item].number =con;
con ++;
}
this.rechazados = await axios.get(
`${config.api}/getRechazados`
);
this.rechazados = this.rechazados.data.datos;
con = 1;
for(let item in this.rechazados){
this.rechazados[item].number =con;
con ++;
}
}