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

fix: botões de filtro

This commit is contained in:
Alessandro Gonçaalves 2025-10-20 17:26:14 -03:00
parent 6e9a3ad4b9
commit dd5f92825c
1 changed files with 69 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,7 +24,7 @@ import {
SelectContent,
SelectItem,
} from "@/components/ui/select";
import { Download } from "lucide-react";
import { Download, Filter, X } from "lucide-react";
import * as XLSX from 'xlsx';
interface AnaliticoItem {
@ -255,6 +255,7 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
const clearFilters = () => {
setConditions([{ column: "", operator: "contains", value: "" }]);
setColumnFilters([]);
setGlobalFilter("");
};
const totalValor = data.reduce((sum, item) => {
@ -341,8 +342,19 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
onClick={() => setOpen(true)}
className="bg-white border-gray-300 hover:bg-blue-50 hover:border-blue-300 text-gray-700"
>
<Filter className="w-4 h-4 mr-2" />
Filtros Avançados
</Button>
{(columnFilters.length > 0 || globalFilter) && (
<Button
variant="outline"
onClick={clearFilters}
className="bg-white border-gray-300 hover:bg-red-50 hover:border-red-300 text-gray-700"
>
<X className="w-4 h-4 mr-2" />
Limpar Filtros
</Button>
)}
{data.length > 0 && (
<Button
onClick={exportToExcel}
@ -431,16 +443,15 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
</div>
)}
</div>
</div>
</div>
{/* Summary Footer */}
{/* Summary Footer - Integrado */}
{data.length > 0 && (
<div className="mt-6 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-xl border border-blue-200 p-6">
<div className="bg-gradient-to-r from-blue-50 to-indigo-50 border-t border-blue-200 p-6">
<div className="flex justify-between items-center">
<div className="flex items-center gap-4">
<div className="w-12 h-12 bg-gradient-to-r from-blue-600 to-indigo-600 rounded-lg flex items-center justify-center">
<svg className="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z" />
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
</svg>
</div>
<div>
@ -464,6 +475,8 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
</div>
</div>
)}
</div>
</div>
{/* Advanced Filters Dialog */}
<Dialog open={open} onOpenChange={setOpen}>