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

Modificacion de filtros en Expedientes

Browse Source
This commit is contained in:
Kevin Rosales
2025-08-16 11:54:38 -06:00
parent c453abfd30
commit 83a1d273a3
1 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/Expedientes.jsx
View File

@@ -175,7 +175,7 @@ export default function Documents() {
</span> </span>
)} )}
</h1> </h1>
<p className="text-sm sm:text-lg text-blue-100 font-medium leading-relaxed">Gestiona y descarga los documentos de tus pedimento_app</p> <p className="text-sm sm:text-lg text-blue-100 font-medium leading-relaxed">Gestiona y descarga los documentos de tus pedimentos</p>
</div> </div>
{/* Efectos decorativos de fondo modernos */} {/* Efectos decorativos de fondo modernos */}
<div className="absolute -top-10 -right-10 opacity-20 pointer-events-none select-none"> <div className="absolute -top-10 -right-10 opacity-20 pointer-events-none select-none">
@@ -231,18 +231,18 @@ export default function Documents() {
type="text" type="text"
value={searchFilter} value={searchFilter}
onChange={e => setSearchFilter(e.target.value)} onChange={e => setSearchFilter(e.target.value)}
placeholder="Buscar pedimento_app, contribuyente..." placeholder="Buscar pedimento, contribuyente..."
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" 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> </div>
{/* Pedimento_app */} {/* Pedimento */}
<div className="flex flex-col"> <div className="flex flex-col">
<label className="text-xs font-semibold text-gray-700 mb-1.5">Pedimento_app</label> <label className="text-xs font-semibold text-gray-700 mb-1.5">Pedimento</label>
<input <input
type="text" type="text"
value={pedimentoFilter} value={pedimentoFilter}
onChange={e => setPedimentoFilter(e.target.value)} onChange={e => setPedimentoFilter(e.target.value)}
placeholder="Número de pedimento_app..." placeholder="Número de pedimento..."
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" 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> </div>
@@ -338,13 +338,15 @@ export default function Documents() {
{/* Tipo de operación */} {/* Tipo de operación */}
<div className="flex flex-col"> <div className="flex flex-col">
<label className="text-xs font-semibold text-gray-700 mb-1.5">Tipo de operación</label> <label className="text-xs font-semibold text-gray-700 mb-1.5">Tipo de operación</label>
<input <select
type="text"
value={tipoOperacionFilter} value={tipoOperacionFilter}
onChange={e => setTipoOperacionFilter(e.target.value)} onChange={e => setTipoOperacionFilter(e.target.value)}
placeholder="ID tipo operación..."
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" 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"
/> >
<option value="">Todos</option>
<option value="1">Importación</option>
<option value="2">Exportación</option>
</select>
</div> </div>
{/* Clave pedimento */} {/* Clave pedimento */}
<div className="flex flex-col"> <div className="flex flex-col">
@@ -412,7 +414,7 @@ export default function Documents() {
<table className="min-w-full divide-y divide-gray-200"> <table className="min-w-full divide-y divide-gray-200">
<thead className="bg-gradient-to-r from-gray-50 to-blue-50"> <thead className="bg-gradient-to-r from-gray-50 to-blue-50">
<tr> <tr>
<th className="px-4 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider border-b border-gray-200">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">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">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">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">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">CURP Apoderado</th>
@@ -453,7 +455,7 @@ export default function Documents() {
to={`/expedientes/pedimento/${ped.id}`} to={`/expedientes/pedimento/${ped.id}`}
className="text-blue-600 hover:text-blue-800 font-semibold transition-colors duration-200 group-hover:underline" className="text-blue-600 hover:text-blue-800 font-semibold transition-colors duration-200 group-hover:underline"
> >
{ped.pedimento_app} {ped.pedimento}
</Link> </Link>
</td> </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">{ped.fecha_pago}</td>
@@ -538,7 +540,7 @@ export default function Documents() {
to={`/expedientes/pedimento/${ped.id}`} to={`/expedientes/pedimento/${ped.id}`}
className="text-lg font-semibold text-blue-600 hover:text-blue-800 transition-colors duration-200" className="text-lg font-semibold text-blue-600 hover:text-blue-800 transition-colors duration-200"
> >
{ped.pedimento_app} {ped.pedimento}
</Link> </Link>
<p className="text-sm text-gray-500">{ped.fechapago}</p> <p className="text-sm text-gray-500">{ped.fechapago}</p>
</div> </div>