joelson
/
vendaweb-api
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix: ajuste na estilização da tabela analitica

This commit is contained in:
Alessandro Gonçaalves 2025-10-22 19:25:43 -03:00
parent 7b0c5d2070
commit 4ec19b4f8f
1 changed files with 48 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

97
src/app/DRE/analitico.tsx
View File

@ -736,7 +736,37 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
<p className="text-sm text-gray-500">
Relatório detalhado de transações
</p>
</div>
{/* Filtros Externos Ativos - Centralizado */}
{(filtrosExternos.dataInicio || filtrosExternos.centroCusto || filtrosExternos.codigoGrupo || filtrosExternos.codigoConta) && (
<div className="flex items-center gap-2">
<div className="w-2 h-2 bg-blue-500 rounded-full"></div>
<span className="text-sm font-medium text-blue-900">Filtros aplicados pela tabela DRE Gerencial:</span>
<div className="flex flex-wrap gap-2 text-xs text-blue-800">
{filtrosExternos.dataInicio && filtrosExternos.dataFim && (
<span className="px-2 py-1 bg-blue-100 rounded">
Período: {filtrosExternos.dataInicio} a {filtrosExternos.dataFim}
</span>
)}
{filtrosExternos.centroCusto && (
<span className="px-2 py-1 bg-blue-100 rounded">
Centro: {filtrosExternos.centroCusto}
</span>
)}
{filtrosExternos.codigoGrupo && (
<span className="px-2 py-1 bg-blue-100 rounded">
Grupo: {filtrosExternos.codigoGrupo}
</span>
)}
{filtrosExternos.codigoConta && (
<span className="px-2 py-1 bg-blue-100 rounded">
Conta: {filtrosExternos.codigoConta}
</span>
)}
</div>
</div>
)}
{/* Controls */}
<div className="flex gap-2 flex-wrap">
@ -748,7 +778,7 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
}
className="w-64 bg-white border-gray-300 focus:border-blue-500 focus:ring-blue-500"
/>
<Button
<Button
variant="outline"
onClick={() => setOpen(true)}
className="bg-white border-gray-300 hover:bg-blue-50 hover:border-blue-300 text-gray-700"
@ -768,7 +798,7 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
)}
{data.length > 0 && (
<div className="flex items-center gap-2">
<Button
<Button
onClick={clearAllFilters}
variant="outline"
size="sm"
@ -776,8 +806,8 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
>
<X className="h-4 w-4" />
Limpar Filtros
</Button>
<Button
</Button>
<Button
onClick={exportToExcel}
variant="outline"
size="sm"
@ -785,44 +815,13 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
>
<Download className="h-4 w-4" />
Exportar XLSX
</Button>
</div>
)}
</div>
</div>
{/* Filtros Externos Ativos */}
{(filtrosExternos.dataInicio || filtrosExternos.centroCusto || filtrosExternos.codigoGrupo || filtrosExternos.codigoConta) && (
<div className="mb-2 p-2 bg-transparent border-transparent rounded-lg">
<div className="flex items-center gap-2 mb-1">
<div className="w-2 h-2 bg-blue-500 rounded-full"></div>
<span className="text-sm font-medium text-blue-900">Filtros aplicados pela tabela DRE Gerencial:</span>
</Button>
</div>
<div className="flex flex-wrap gap-2 text-xs text-blue-800">
{filtrosExternos.dataInicio && filtrosExternos.dataFim && (
<span className="px-2 py-1 bg-blue-100 rounded">
Período: {filtrosExternos.dataInicio} a {filtrosExternos.dataFim}
</span>
)}
{filtrosExternos.centroCusto && (
<span className="px-2 py-1 bg-blue-100 rounded">
Centro: {filtrosExternos.centroCusto}
</span>
)}
{filtrosExternos.codigoGrupo && (
<span className="px-2 py-1 bg-blue-100 rounded">
Grupo: {filtrosExternos.codigoGrupo}
</span>
)}
{filtrosExternos.codigoConta && (
<span className="px-2 py-1 bg-blue-100 rounded">
Conta: {filtrosExternos.codigoConta}
</span>
)}
</div>
</div>
)}
</div>
</div>
</div>
</div>
{/* DataGridPro */}
<Card className="w-full h-[85vh] shadow-lg rounded-2xl">
@ -839,10 +838,10 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
currency: "BRL",
}).format(columnTotals.valorRealizado)}
</span>
</div>
</div>
</div>
</div>
<div style={{ height: "calc(100% - 2rem)", width: "100%" }}>
<DataGrid
key={`datagrid-${sortedAndFilteredData.length}-${Object.keys(columnFilters).length}`}
@ -930,7 +929,7 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
},
}}
/>
</div>
</div>
</CardContent>
</Card>
@ -1006,7 +1005,7 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
<SelectItem value="notEmpty">não está vazio</SelectItem>
</SelectContent>
</Select>
</div>
</div>
{!(cond.operator === "empty" || cond.operator === "notEmpty") && (
<div className="flex-1">
@ -1023,7 +1022,7 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
placeholder="Digite o valor"
className="w-full bg-white border-gray-300"
/>
</div>
</div>
)}
{conditions.length > 1 && (
@ -1039,9 +1038,9 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
>
✕
</Button>
</div>
)}
</div>
</div>
)}
</div>
))}
<div className="flex justify-center pt-2">
@ -1059,7 +1058,7 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
Adicionar condição
</Button>
</div>
</div>
</div>
<DialogFooter className="flex gap-2 pt-3 border-t border-gray-200">
<Button