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

2
src/app/dre-entidade/teste.tsx
View File

@ -2368,7 +2368,7 @@ export default function Teste() {
))} ))}
</SelectContent> </SelectContent>
</Select> </Select>
</div> </div>
<div> <div>
<Label htmlFor="periodo-ate" className="text-xs text-gray-500">ATÉ</Label> <Label htmlFor="periodo-ate" className="text-xs text-gray-500">ATÉ</Label>
<Select value={filtros.periodoAte} onValueChange={(value) => handleFiltroChange('periodoAte', value)}> <Select value={filtros.periodoAte} onValueChange={(value) => handleFiltroChange('periodoAte', value)}>

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

@ -917,41 +917,48 @@ 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">
{/* Período */} <div className="grid gap-3 py-2">
<div className="grid gap-2"> {/* Período */}
<Label>Período</Label> <div className="grid gap-2">
<div className="flex items-end gap-4"> <Label>Período</Label>
<div className="flex-1 grid gap-1"> <div className="grid grid-cols-2 gap-2">
<Label htmlFor="periodo-de" className="text-xs text-gray-600 font-normal">DE</Label> <div>
<Input <Label htmlFor="periodo-de" className="text-xs text-gray-500">DE</Label>
id="periodo-de" <Select value={filtros.periodoDe} onValueChange={(value) => setFiltros(prev => ({ ...prev, periodoDe: value }))}>
type="month" <SelectTrigger>
value={filtros.periodoDe} <SelectValue placeholder="Selecione" />
onChange={(e) => setFiltros(prev => ({ ...prev, periodoDe: e.target.value }))} </SelectTrigger>
className="h-9" <SelectContent>
/> {mesesDisponiveis.map(mes => (
</div> <SelectItem key={mes} value={mes}>{mes}</SelectItem>
<div className="flex-1 grid gap-1"> ))}
<Label htmlFor="periodo-ate" className="text-xs text-gray-600 font-normal">ATÉ</Label> </SelectContent>
<Input </Select>
id="periodo-ate" </div>
type="month" <div>
value={filtros.periodoAte} <Label htmlFor="periodo-ate" className="text-xs text-gray-500">ATÉ</Label>
onChange={(e) => setFiltros(prev => ({ ...prev, periodoAte: e.target.value }))} <Select value={filtros.periodoAte} onValueChange={(value) => setFiltros(prev => ({ ...prev, periodoAte: value }))}>
className="h-9" <SelectTrigger>
/> <SelectValue placeholder="Selecione" />
</div> </SelectTrigger>
</div> <SelectContent>
</div> {mesesDisponiveis.map(mes => (
<SelectItem key={mes} value={mes}>{mes}</SelectItem>
))}
</SelectContent>
</Select>
</div>
</div>
</div>
{/* Grupo */} {/* Grupo */}
<div className="grid gap-2"> <div className="grid gap-2">
@ -1030,6 +1037,7 @@ export default function Teste() {
</div> </div>
)} )}
</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">