fix: estilização da tabela sintetica

This commit is contained in:
Alessandro Gonçaalves 2025-10-21 11:23:00 -03:00
parent 406da26391
commit 13cfb0aa74
2 changed files with 13 additions and 22 deletions

View File

@ -640,9 +640,9 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
Data de Vencimento Data de Vencimento
</div> </div>
<div className="w-[120px] whitespace-nowrap">Data de Caixa</div> <div className="w-[120px] whitespace-nowrap">Data de Caixa</div>
<div className="w-[100px] whitespace-nowrap">Entidade</div> <div className="w-[120px] whitespace-nowrap">Entidade</div>
<div className="w-[160px] whitespace-nowrap"> <div className="w-[120px] whitespace-nowrap">
Código do Fornecedor Cód. Fornec
</div> </div>
<div className="w-[220px] whitespace-nowrap"> <div className="w-[220px] whitespace-nowrap">
Nome do Fornecedor Nome do Fornecedor
@ -663,8 +663,8 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
Valor Pago Valor Pago
</div> </div>
<div className="w-[20px] whitespace-nowrap"></div> <div className="w-[20px] whitespace-nowrap"></div>
<div className="w-[200px] whitespace-nowrap">Histórico</div> <div className="w-[320px] whitespace-nowrap">Histórico</div>
<div className="w-[200px] whitespace-nowrap">Histórico 2</div> <div className="w-[400px] whitespace-nowrap">Histórico 2</div>
<div className="w-[50px] whitespace-nowrap"> <div className="w-[50px] whitespace-nowrap">
Número do Lançamento Número do Lançamento
</div> </div>
@ -731,10 +731,10 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
"pt-BR" "pt-BR"
)} )}
</div> </div>
<div className="w-[100px] text-gray-500 whitespace-nowrap"> <div className="w-[120px] text-gray-500 whitespace-nowrap">
{row.original.entidade || "-"} {row.original.entidade || "-"}
</div> </div>
<div className="w-[160px] font-medium text-gray-900 whitespace-nowrap"> <div className="w-[120px] font-medium text-gray-900 whitespace-nowrap">
{row.original.codigo_fornecedor} {row.original.codigo_fornecedor}
</div> </div>
<div <div
@ -811,13 +811,13 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
</div> </div>
<div className="w-[20px] whitespace-nowrap"></div> <div className="w-[20px] whitespace-nowrap"></div>
<div <div
className="w-[200px] text-gray-700 truncate" className="w-[320px] text-gray-700 truncate"
title={row.original.historico} title={row.original.historico}
> >
{row.original.historico} {row.original.historico}
</div> </div>
<div <div
className="w-[200px] text-gray-700 truncate" className="w-[400px] text-gray-700 truncate"
title={row.original.historico2} title={row.original.historico2}
> >
{row.original.historico2} {row.original.historico2}

View File

@ -49,6 +49,7 @@ interface HierarchicalRow {
isExpanded?: boolean; isExpanded?: boolean;
valoresPorMes?: Record<string, number>; valoresPorMes?: Record<string, number>;
percentuaisPorMes?: Record<string, number>; percentuaisPorMes?: Record<string, number>;
isCalculado?: boolean;
} }
export default function Teste() { export default function Teste() {
@ -537,6 +538,7 @@ export default function Teste() {
isExpanded: expandedGroups.has(grupo), isExpanded: expandedGroups.has(grupo),
valoresPorMes, valoresPorMes,
percentuaisPorMes: calcularPercentuaisPorMes(valoresPorMes, grupo), percentuaisPorMes: calcularPercentuaisPorMes(valoresPorMes, grupo),
isCalculado: items[0]?.isCalculado || false, // Usar a propriedade isCalculado do primeiro item
}); });
if (expandedGroups.has(grupo)) { if (expandedGroups.has(grupo)) {
@ -711,19 +713,8 @@ export default function Teste() {
}; };
const renderCellContent = (row: HierarchicalRow) => { const renderCellContent = (row: HierarchicalRow) => {
// Verificar se é um grupo calculado // Verificar se é um grupo calculado usando a propriedade isCalculado
const isCalculado = row.grupo?.includes("CALCULADO") || const isCalculado = row.isCalculado === true;
row.grupo?.includes("FATURAMENTO LÍQUIDO") ||
row.grupo?.includes("LUCRO BRUTO") ||
row.grupo?.includes("MARGEM LOJA") ||
row.grupo?.includes("RESULTADO OPERACIONAL") ||
row.grupo?.includes("RESULTADO FINANCEIRO") ||
row.grupo?.includes("OUTRAS RECEITAS / DESPESAS") ||
row.grupo?.includes("LAIR") ||
row.grupo?.includes("IR") ||
row.grupo?.includes("CSLL") ||
row.grupo?.includes("LUCRO LÍQUIDO") ||
row.grupo?.includes("EBITDA");
switch (row.type) { switch (row.type) {
case "grupo": case "grupo":