EFC/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

se modificaron filtros y campos de expedientes, se agrego paginacion

Browse Source 
se modificaron algunos campos de la tabla de pedimentoDetail. de igualforma se modificadron los filtros
se modifico el filtrado de pedimento en Procesos.jsx y se modifico el filtrado
This commit is contained in:
Kevin Rosales
2025-08-16 18:45:16 -06:00
parent 8af75c6ac6
commit fdb19c7e47
3 changed files with 164 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/Expedientes.jsx
View File

@@ -80,7 +80,7 @@ export default function Documents() {
// Construir objeto de filtros
const filters = {
search: searchFilter || undefined,
pedimento_app: pedimentoFilter || undefined,
pedimento_app: pedimentoFilter || undefined,
existe_expediente: expedienteFilter === 'all' ? undefined : expedienteFilter,
contribuyente: contribuyenteFilter || undefined,
curp_apoderado: curpApoderadoFilter || undefined,
@@ -235,7 +235,7 @@ export default function Documents() {
className="w-full border border-gray-300 rounded-xl px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 bg-white shadow-sm transition-all duration-200 hover:shadow-md"
/>
</div>
{/* Pedimento */}
{/* Pedimento_app */}
<div className="flex flex-col">
<label className="text-xs font-semibold text-gray-700 mb-1.5">Pedimento</label>
<input
@@ -418,9 +418,9 @@ export default function Documents() {
<th className="px-4 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider border-b border-gray-200">Fecha de pago</th>
<th className="px-4 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider border-b border-gray-200">Contribuyente</th>
<th className="px-4 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider border-b border-gray-200">CURP Apoderado</th>
<th className="px-4 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider border-b border-gray-200">Importe total</th>
<th className="px-4 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider border-b border-gray-200">Partidas</th>
<th className="px-4 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider border-b border-gray-200">Saldo disponible</th>
<th className="px-4 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider border-b border-gray-200">Importe pedimento_app</th>
<th className="px-4 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider border-b border-gray-200">Importe pedimento</th>
<th className="px-4 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider border-b border-gray-200">Expediente</th>
</tr>
</thead>
@@ -455,13 +455,13 @@ export default function Documents() {
to={`/expedientes/pedimento/${ped.id}`}
className="text-blue-600 hover:text-blue-800 font-semibold transition-colors duration-200 group-hover:underline"
>
{ped.pedimento}
{ped.pedimento_app}
</Link>
</td>
<td className="px-4 py-4 whitespace-nowrap text-sm text-gray-700">{ped.fecha_pago}</td>
<td className="px-4 py-4 whitespace-nowrap text-sm text-gray-700 max-w-xs truncate" title={ped.contribuyente}>{ped.contribuyente}</td>
<td className="px-4 py-4 whitespace-nowrap text-sm text-gray-700">{ped.curp_apoderado}</td>
<td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900 font-semibold">${ped.importe_total}</td>
<td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900 font-semibold">{ped.numero_partidas}</td>
<td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900 font-semibold">${ped.saldo_disponible}</td>
<td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900 font-semibold">${ped.importe_pedimento_app}</td>
<td className="px-4 py-4 whitespace-nowrap">
@@ -540,7 +540,7 @@ export default function Documents() {
to={`/expedientes/pedimento/${ped.id}`}
className="text-lg font-semibold text-blue-600 hover:text-blue-800 transition-colors duration-200"
>
{ped.pedimento}
{ped.pedimento_app}
</Link>
<p className="text-sm text-gray-500">{ped.fechapago}</p>
</div>
@@ -569,15 +569,15 @@ export default function Documents() {
)}
<div className="grid grid-cols-1 gap-2">
<div className="flex items-center justify-between bg-green-50 rounded-lg p-2">
<span className="text-sm font-medium text-green-700">Importe total:</span>
<span className="text-sm font-bold text-green-800">${ped.importe_total}</span>
<span className="text-sm font-medium text-green-700">Partidas</span>
<span className="text-sm font-bold text-green-800">${ped.numero_partidas}</span>
</div>
<div className="flex items-center justify-between bg-blue-50 rounded-lg p-2">
<span className="text-sm font-medium text-blue-700">Saldo disponible:</span>
<span className="text-sm font-bold text-blue-800">${ped.saldo_disponible}</span>
</div>
<div className="flex items-center justify-between bg-gray-50 rounded-lg p-2">
<span className="text-sm font-medium text-gray-700">Importe pedimento_app:</span>
<span className="text-sm font-medium text-gray-700">Importe pedimento:</span>
<span className="text-sm font-bold text-gray-800">${ped.importe_pedimento_app}</span>
</div>
</div>