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

fix: ajuste no filtro

This commit is contained in:
Alessandro Gonçaalves 2025-12-09 11:41:39 -03:00
parent c5090a29a6
commit 95d8279f9c
2 changed files with 39 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/app/dre-filial/teste.tsx
View File

@ -917,38 +917,45 @@ export default function Teste() {
Filtros Filtros
</Button> </Button>
</SheetTrigger> </SheetTrigger>
<SheetContent className="w-[400px] sm:w-[540px] overflow-y-auto"> <SheetContent className="w-[400px] sm:w-[540px] flex flex-col">
<SheetHeader> <SheetHeader>
<SheetTitle>Filtros</SheetTitle> <SheetTitle>Filtros</SheetTitle>
<SheetDescription> <SheetDescription>
Configure os filtros para visualizar os dados do DRE Filial Ajuste os critérios e clique em Pesquisar para atualizar a visão.
</SheetDescription> </SheetDescription>
</SheetHeader> </SheetHeader>
<div className="grid gap-4 py-4"> <div className="flex-1 overflow-y-auto pr-2">
<div className="grid gap-3 py-2">
{/* Período */} {/* Período */}
<div className="grid gap-2"> <div className="grid gap-2">
<Label>Período</Label> <Label>Período</Label>
<div className="flex items-end gap-4"> <div className="grid grid-cols-2 gap-2">
<div className="flex-1 grid gap-1"> <div>
<Label htmlFor="periodo-de" className="text-xs text-gray-600 font-normal">DE</Label> <Label htmlFor="periodo-de" className="text-xs text-gray-500">DE</Label>
<Input <Select value={filtros.periodoDe} onValueChange={(value) => setFiltros(prev => ({ ...prev, periodoDe: value }))}>
id="periodo-de" <SelectTrigger>
type="month" <SelectValue placeholder="Selecione" />
value={filtros.periodoDe} </SelectTrigger>
onChange={(e) => setFiltros(prev => ({ ...prev, periodoDe: e.target.value }))} <SelectContent>
className="h-9" {mesesDisponiveis.map(mes => (
/> <SelectItem key={mes} value={mes}>{mes}</SelectItem>
))}
</SelectContent>
</Select>
</div> </div>
<div className="flex-1 grid gap-1"> <div>
<Label htmlFor="periodo-ate" className="text-xs text-gray-600 font-normal">ATÉ</Label> <Label htmlFor="periodo-ate" className="text-xs text-gray-500">ATÉ</Label>
<Input <Select value={filtros.periodoAte} onValueChange={(value) => setFiltros(prev => ({ ...prev, periodoAte: value }))}>
id="periodo-ate" <SelectTrigger>
type="month" <SelectValue placeholder="Selecione" />
value={filtros.periodoAte} </SelectTrigger>
onChange={(e) => setFiltros(prev => ({ ...prev, periodoAte: e.target.value }))} <SelectContent>
className="h-9" {mesesDisponiveis.map(mes => (
/> <SelectItem key={mes} value={mes}>{mes}</SelectItem>
))}
</SelectContent>
</Select>
</div> </div>
</div> </div>
</div> </div>
@ -1031,6 +1038,7 @@ export default function Teste() {
)} )}
</div> </div>
</div> </div>
</div>
<SheetFooter className="flex gap-2 mt-4 border-t pt-4"> <SheetFooter className="flex gap-2 mt-4 border-t pt-4">
<Button variant="outline" onClick={limparFiltros} className="flex-1"> <Button variant="outline" onClick={limparFiltros} className="flex-1">