Primer Commit
This commit is contained in:
508
js/pagos/dt_(08.10.2024 07.09.43 p. m.).js
Normal file
508
js/pagos/dt_(08.10.2024 07.09.43 p. m.).js
Normal file
@@ -0,0 +1,508 @@
|
||||
var dtTemp;
|
||||
var clienteTemp;
|
||||
var lista_clientes;
|
||||
var fileInput;
|
||||
var file;
|
||||
var cadenaB64 = '';
|
||||
var textoCliente = '';
|
||||
var dataTable;
|
||||
|
||||
const p = document.getElementById("p_errores")
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
document.getElementById('fileInput').addEventListener('change', function () {
|
||||
cadenaB64 = '';
|
||||
fileInput = this;
|
||||
file = fileInput.files[0]; // Obtener el primer archivo seleccionado
|
||||
|
||||
if (file) {
|
||||
if (file.type !== 'application/pdf') {
|
||||
alertify.error('Solo se admiten archivos PDF');
|
||||
fileInput.value = '';
|
||||
return;
|
||||
}
|
||||
var reader = new FileReader();
|
||||
reader.onload = function () {
|
||||
cadenaB64 = reader.result.split(',')[1]; // Obtener la parte Base64
|
||||
};
|
||||
reader.readAsDataURL(file);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function () {
|
||||
document.getElementById('searchInput').addEventListener('input', function (event) {
|
||||
showResults(event.target.value);
|
||||
});
|
||||
construyeDT();
|
||||
obtenerViaPago();
|
||||
$('#buttons-container').on('click', '#getSelectedRows', function () {
|
||||
var dataTable = $('#pagosDT').DataTable(); // Asegúrate de obtener la instancia de DataTable por su ID
|
||||
var filas = [];
|
||||
dataTable.rows().every(function () {
|
||||
var data = this.data();
|
||||
var rowNode = this.node();
|
||||
var isChecked = $(rowNode).find('.row-check').is(':checked');
|
||||
if (isChecked) {
|
||||
filas.push(data);
|
||||
}
|
||||
});
|
||||
// Muestra el modal y pasa los datos seleccionados a la función facturasPagar
|
||||
$('#modalPagar').modal('show');
|
||||
facturasPagar(filas);
|
||||
// console.log(filas); // Aquí puedes manejar los datos seleccionados como necesites
|
||||
});
|
||||
|
||||
function construyeDT() {
|
||||
var columns = [
|
||||
{ data: null, defaultContent: '<input type="checkbox" class="row-check">', orderable: false, title: '--' },
|
||||
{ data: 'factura_id', visible: false },
|
||||
{ data: 'UUID', title: 'UUID' },
|
||||
{ data: 'TOTAL', title: 'Total Factura' },
|
||||
{
|
||||
data: 'parcialidad', title: 'Parcialidad',
|
||||
render: function (data, type, row) {
|
||||
var parcialidad = parseFloat(parseFloat(row.parcialidad).toFixed(2));
|
||||
var saldo_insoluto = parseFloat(parseFloat(row.saldo_insoluto).toFixed(2));
|
||||
var total = parseFloat(parseFloat(row.TOTAL).toFixed(2));
|
||||
if (saldo_insoluto == total) {
|
||||
return '1';
|
||||
} else if (saldo_insoluto < total && saldo_insoluto != 0) {
|
||||
parcialidad = parcialidad + 1;
|
||||
return parcialidad;
|
||||
} else if (saldo_insoluto == 0) {
|
||||
return parcialidad;
|
||||
}
|
||||
}
|
||||
},
|
||||
{ data: 'saldo_insoluto', title: 'Saldo insoluto' },
|
||||
{ data: 'fecha_venta', title: 'Fecha' },
|
||||
|
||||
];
|
||||
|
||||
// Destruye la DataTable si ya existe
|
||||
if ($.fn.DataTable.isDataTable('#pagosDT')) {
|
||||
$('#pagosDT').DataTable().destroy();
|
||||
}
|
||||
|
||||
// Construye la DataTable
|
||||
dataTable = $('#pagosDT').DataTable({
|
||||
destroy: true,
|
||||
lengthMenu: [10, 25, 50, 100],
|
||||
pageLength: 10,
|
||||
searching: true,
|
||||
paging: true,
|
||||
ordering: true,
|
||||
info: true,
|
||||
responsive: true,
|
||||
dom: 'Bfrtip',
|
||||
buttons: [{
|
||||
extend: 'pdfHtml5',
|
||||
text: 'PDF',
|
||||
exportOptions: { modifier: { page: 'current' } },
|
||||
className: 'btn-danger'
|
||||
}, {
|
||||
extend: 'excelHtml5',
|
||||
text: 'Excel',
|
||||
exportOptions: { modifier: { page: 'current' } },
|
||||
className: 'btn-success'
|
||||
}],
|
||||
columns: columns,
|
||||
data: []
|
||||
});
|
||||
|
||||
// Agrega un mensaje si no hay datos en la DataTable
|
||||
$('#pagosDT tbody').html('<tr class="odd"><td valign="top" colspan="' + columns.length + '" class="dataTables_empty">Sin facturas</td></tr>');
|
||||
|
||||
// Agrega el botón #getSelectedRows al contenedor de botones
|
||||
$('#buttons-container').append('<button id="getSelectedRows" style="width: -webkit-fill-available;" class="btn btn-info">Agregar facturas</button>');
|
||||
}
|
||||
dataTable.on('draw.dt', function () {
|
||||
$('#pagosDT tbody tr').each(function () {
|
||||
var estatus = $(this).find('td:eq(4)').text(); // Ajusta el índice según la posición de 'estatus'
|
||||
// console.log('estatus', estatus)
|
||||
|
||||
if (estatus === '0') {
|
||||
$(this).find('td:eq(0)').html('<span class="badge badge-success">Pagada</span>'); // Cambia el contenido de la celda
|
||||
} else {
|
||||
$(this).find('td:eq(36)').html('<span class="badge badge-warning">Bloqueado</span>'); // Cambia el contenido de la celda
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
dtTemp = dataTable;
|
||||
traerDeudores(dataTable);
|
||||
|
||||
});
|
||||
|
||||
|
||||
// Función para construir la DataTable
|
||||
|
||||
|
||||
function inicializarDataTable(cliente, dataTable) {
|
||||
$.ajax({
|
||||
url: 'php/ConsultasTablas/ManipulacionConsultas.php',
|
||||
type: 'POST',
|
||||
data: { opcion: '7', cliente: cliente },
|
||||
dataType: 'json',
|
||||
success: function (data) {
|
||||
if (data.length > 0) {
|
||||
// console.log('Agregar filas')
|
||||
dataTable.clear().rows.add(data).draw();
|
||||
|
||||
} else {
|
||||
$('#pagosDT tbody').html('<tr class="odd"><td valign="top" colspan="' + columns.length + '" class="dataTables_empty">No hay facturas PPD</td></tr>');
|
||||
}
|
||||
|
||||
},
|
||||
error: function (error) {
|
||||
console.error('Error en la llamada AJAX', error);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function facturasPagar(data) {
|
||||
|
||||
var columns = [
|
||||
{ data: 'factura_id', visible: false },
|
||||
{ data: 'UUID', title: 'UUID', width: '20%' }, // Ejemplo de ancho específico
|
||||
{
|
||||
data: 'parcialidad', title: 'Parcialidad',
|
||||
render: function (data, type, row) {
|
||||
var parcialidad = parseFloat(parseFloat(row.parcialidad).toFixed(2));
|
||||
var saldo_insoluto = parseFloat(parseFloat(row.saldo_insoluto).toFixed(2));
|
||||
var total = parseFloat(parseFloat(row.TOTAL).toFixed(2));
|
||||
if (saldo_insoluto == total) {
|
||||
return '1';
|
||||
} else if (saldo_insoluto < total && saldo_insoluto != 0) {
|
||||
parcialidad = parcialidad + 1;
|
||||
return parcialidad;
|
||||
} else if (saldo_insoluto == 0) {
|
||||
return parcialidad;
|
||||
}
|
||||
}
|
||||
},
|
||||
{ data: 'saldo_insoluto', title: 'Saldo insoluto', width: '20%' }, // Ejemplo de ancho del 20%
|
||||
{
|
||||
data: null,
|
||||
render: function (data, type, row) {
|
||||
return `<input type="number" class="form-control custom-input" oninput="calcular('${row.saldo_insoluto}',this);" value="${row.saldo_insoluto}" >`;
|
||||
}
|
||||
},
|
||||
|
||||
];
|
||||
|
||||
dataTable = $('#facturasPagar').DataTable({
|
||||
destroy: true,
|
||||
lengthMenu: [10, 25, 50, 100],
|
||||
pageLength: 10,
|
||||
searching: true,
|
||||
paging: true,
|
||||
ordering: true,
|
||||
info: true,
|
||||
responsive: true,
|
||||
dom: 'Bfrtip',
|
||||
buttons: [{
|
||||
extend: 'pdfHtml5',
|
||||
text: 'PDF',
|
||||
exportOptions: {
|
||||
modifier: {
|
||||
page: 'current'
|
||||
}
|
||||
},
|
||||
className: 'btn-danger' // Agregar la clase btn-danger al botón
|
||||
}, {
|
||||
extend: 'excelHtml5',
|
||||
text: 'Excel',
|
||||
exportOptions: {
|
||||
modifier: {
|
||||
page: 'current'
|
||||
},
|
||||
},
|
||||
className: 'btn-success' // Agregar la clase btn-danger al botón de Excel
|
||||
},
|
||||
|
||||
],
|
||||
columns: columns,
|
||||
data: []
|
||||
});
|
||||
|
||||
dataTable.clear().rows.add(data).draw();
|
||||
$('#facturasPagar').css('width', '-webkit-fill-available');
|
||||
recalcularTotales();
|
||||
|
||||
// $('#facturasPagar').on('input', '.custom-input', function () {
|
||||
// console.log('Funcion');
|
||||
// var inputValue = parseFloat($(this).val());
|
||||
// var saldo = parseFloat($(this).data('saldo'));
|
||||
// if (inputValue > saldo) {
|
||||
// console.log('MUESTRA SALDO')
|
||||
// mostrarDialogo(this);
|
||||
// } else {
|
||||
// // Ocultar el cuadro de diálogo si ya está visible
|
||||
// $(this).next('.custom-dialog').remove();
|
||||
// }
|
||||
// });
|
||||
|
||||
}
|
||||
|
||||
let deudores = [];
|
||||
|
||||
function dialogoExcede(inputElement) {
|
||||
$(inputElement).next('.custom-dialog-excede').remove();
|
||||
var dialogHtml = `
|
||||
<div class="custom-dialog-excede alert alert-danger" role="alert">
|
||||
Pago excede el saldo insoluto.
|
||||
</div>
|
||||
`;
|
||||
$(inputElement).after(dialogHtml);
|
||||
}
|
||||
|
||||
function dialogoMenor(inputElement) {
|
||||
$(inputElement).next('.custom-dialog').remove();
|
||||
var dialogHtml = `
|
||||
<div class="custom-dialog alert alert-warning" role="alert">
|
||||
Pago no debe ser menor al saldo insoluto.
|
||||
</div>
|
||||
`;
|
||||
$(inputElement).after(dialogHtml);
|
||||
}
|
||||
|
||||
function eliminarDialogoMenor(inputElement) {
|
||||
$(inputElement).next('.custom-dialog').remove();
|
||||
}
|
||||
|
||||
|
||||
function eliminarDialogoExcede(inputElement) {
|
||||
$(inputElement).next('.custom-dialog-excede').remove();
|
||||
}
|
||||
|
||||
function calcular(saldo, input) {
|
||||
var guardarPagosBtn = document.getElementById('guardarPagos');
|
||||
|
||||
var pago = parseFloat(parseFloat(input.value).toFixed(2));
|
||||
var guardarPagosBtn = document.getElementById('guardarPagos');
|
||||
var saldo_insoluto = parseFloat(parseFloat(saldo).toFixed(2));
|
||||
|
||||
// console.log('Pago', pago)
|
||||
// console.log('saldo', saldo_insoluto)
|
||||
if (pago > saldo_insoluto && pago != 'NaN') {
|
||||
dialogoExcede(input);
|
||||
guardarPagosBtn.setAttribute('disabled', 'disabled');
|
||||
} else if (pago == saldo_insoluto || pago < saldo_insoluto || pago == 'NaN') {
|
||||
eliminarDialogoExcede(input);
|
||||
}
|
||||
|
||||
recalcularTotales(input);
|
||||
}
|
||||
|
||||
|
||||
function recalcularTotales(input) {
|
||||
var deposito = parseFloat(document.getElementById('deposito').value) || 0;
|
||||
var guardarPagosBtn = document.getElementById('guardarPagos');
|
||||
|
||||
var textoError = document.getElementById('p-error');
|
||||
if (deposito == '') {
|
||||
textoError.style.display = 'none';
|
||||
}
|
||||
|
||||
|
||||
var table = $('#facturasPagar').DataTable();
|
||||
var allData = table.rows().data().toArray();
|
||||
|
||||
var sumaTotal = 0;
|
||||
|
||||
|
||||
var insoluto_t = 0;
|
||||
|
||||
var bandera = 0;
|
||||
$('#facturasPagar tbody tr').each(function () {
|
||||
pagoTemp = $(this).find('td').eq(3).find('input').val();
|
||||
pagoTemp = parseFloat(pagoTemp).toFixed(2);
|
||||
|
||||
if (!isNaN(pagoTemp)) {
|
||||
sumaTotal = (parseFloat(sumaTotal) + parseFloat(pagoTemp)).toFixed(2);
|
||||
var insoluto = parseFloat($(this).find('td').eq(2).text()) || 0;
|
||||
insoluto_t += insoluto;
|
||||
} else {
|
||||
bandera = 1;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
document.getElementById('saldo_suma').value = sumaTotal;
|
||||
|
||||
// console.log('DT', datos)
|
||||
|
||||
if (sumaTotal > deposito || sumaTotal < deposito) {
|
||||
guardarPagosBtn.setAttribute('disabled', 'disabled');
|
||||
} else if (sumaTotal == deposito && bandera == 0) {
|
||||
textoError.style.display = 'none';
|
||||
guardarPagosBtn.removeAttribute('disabled');
|
||||
}
|
||||
|
||||
|
||||
if (deposito > insoluto_t) {
|
||||
// console.log('Deposito', deposito);
|
||||
// console.log('Excede el limite');
|
||||
guardarPagosBtn.setAttribute('disabled', 'disabled');
|
||||
} else if (deposito == '' || deposito == '0' || deposito == '0.00') {
|
||||
guardarPagosBtn.setAttribute('disabled', 'disabled');
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
function generarSolicitud() {
|
||||
var datos = [];
|
||||
var acum = 0;
|
||||
var table = $('#facturasPagar').DataTable();
|
||||
var allData = table.rows().data().toArray();
|
||||
$('#facturasPagar tbody tr').each(function () {
|
||||
var id = allData[acum].factura_id;
|
||||
acum = acum + 1;
|
||||
var fila = {};
|
||||
|
||||
fila['uuid'] = $(this).find('td').eq(0).text();
|
||||
fila['parcialidad'] = $(this).find('td').eq(1).text();
|
||||
fila['saldo_insoluto'] = $(this).find('td').eq(2).text();
|
||||
fila['pago'] = $(this).find('td').eq(3).find('input').val();
|
||||
fila['id_factura'] = id;
|
||||
datos.push(fila);
|
||||
});
|
||||
|
||||
var fechaInput = document.getElementById('fecha');
|
||||
var fechaSeleccionada = fechaInput.value;
|
||||
if (fechaSeleccionada == '') {
|
||||
alertify.error('Selecciona una fecha');
|
||||
return
|
||||
}
|
||||
// if (cadenaB64 == '') {
|
||||
// alertify.error('Selecciona un archivo');
|
||||
// return
|
||||
// }
|
||||
|
||||
var email = document.getElementById('email').value.replace(/\s+$/, '');
|
||||
if (email == '') {
|
||||
alertify.error('Llene un correo');
|
||||
return;
|
||||
}
|
||||
|
||||
var folio = document.getElementById('folioP').value;
|
||||
var email = document.getElementById('email').value;
|
||||
var deposito = document.getElementById('deposito').value;
|
||||
var formaPago = $('#formaPago option:selected').val();
|
||||
var formaPago = $('#formaPago option:selected').val();
|
||||
|
||||
|
||||
if (formaPago == '' || formaPago == 'Forma de pago') {
|
||||
alertify.error('Seleccione una forma de pago');
|
||||
return;
|
||||
}
|
||||
|
||||
if (deposito === '' || deposito === '0') {
|
||||
alertify.error('Monto no debe ir vacio');
|
||||
return;
|
||||
}
|
||||
|
||||
var pagos = {
|
||||
folio: folio,
|
||||
archivo: cadenaB64,
|
||||
fecha_ppd: fechaSeleccionada,
|
||||
cliente: clienteTemp,
|
||||
email: email,
|
||||
monto: deposito,
|
||||
filas: datos,
|
||||
forma_pago: formaPago
|
||||
};
|
||||
|
||||
// console.log(pagos);
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: 'php/inserta_solicitud.php',
|
||||
data: pagos,
|
||||
dataType: 'json',
|
||||
success: function (data) {
|
||||
// console.log(data)
|
||||
if (data.code == '201') {
|
||||
alertify.success('Registrado con exito!');
|
||||
dataTable = dtTemp;
|
||||
inicializarDataTable(clienteTemp, dtTemp)
|
||||
var guardarPagosBtn = document.getElementById('guardarPagos');
|
||||
guardarPagosBtn.setAttribute('disabled', 'disabled');
|
||||
document.getElementById('deposito').value = '';
|
||||
$('#modalPagar').modal('hide');
|
||||
document.getElementById('saldo_suma').value = '';
|
||||
} else {
|
||||
p.innerText = data.messsage
|
||||
$('#errores').modal('show')
|
||||
}
|
||||
var guardarPagosBtn = document.getElementById('guardarPagos');
|
||||
guardarPagosBtn.setAttribute('disabled', 'disabled');
|
||||
obtenerFolio();
|
||||
var table = $('#facturasPagar').DataTable();
|
||||
table.clear().draw();
|
||||
}, error: function (error) {
|
||||
console.log('Error', error)
|
||||
p.innerText = 'Error al cargar los datos, consulte a soporte'
|
||||
$('#errores').modal('show')
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function apagaBoton() {
|
||||
// console.log('Btn')
|
||||
var guardarPagosBtn = document.getElementById('guardarPagos');
|
||||
guardarPagosBtn.setAttribute('disabled', 'disabled');
|
||||
}
|
||||
|
||||
function traerDeudores(dataTable) {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: 'php/ConsultasTablas/ManipulacionConsultas.php',
|
||||
data: { opcion: '6' },
|
||||
dataType: 'json',
|
||||
success: function (data) {
|
||||
lista_clientes = data;
|
||||
showResults('');
|
||||
|
||||
}, error: function (error) {
|
||||
console.log('Error ajax', error)
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function showResults(searchText) {
|
||||
const searchResults = document.getElementById('searchResults');
|
||||
searchResults.innerHTML = '';
|
||||
lista_clientes.forEach(option => {
|
||||
if (option.CLIENTE.toLowerCase().includes(searchText.toLowerCase())) {
|
||||
const li = document.createElement('li');
|
||||
|
||||
li.textContent = option.CLIENTE;
|
||||
li.className = 'list-group-item';
|
||||
li.setAttribute('onclick', 'seleccionado(' + JSON.stringify(option) + ')');
|
||||
searchResults.appendChild(li);
|
||||
}
|
||||
});
|
||||
|
||||
if (searchText === '' || searchResults.children.length === 0) {
|
||||
searchResults.style.display = 'none';
|
||||
} else {
|
||||
searchResults.style.display = 'block';
|
||||
}
|
||||
}
|
||||
|
||||
function seleccionado(cliente) {
|
||||
var clienteInput = $("#searchInput");
|
||||
clienteInput.val(cliente.CLIENTE).attr('data-custom-value', cliente.ID_CLIENTE);
|
||||
textoCliente = cliente.CLIENTE;
|
||||
clienteTemp = cliente.ID_CLIENTE;
|
||||
searchResults.style.display = 'none';
|
||||
inicializarDataTable(cliente.ID_CLIENTE, dtTemp)
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user