fix: estilização da tabela sintetica
This commit is contained in:
parent
406da26391
commit
13cfb0aa74
|
|
@ -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}
|
||||||
|
|
|
||||||
|
|
@ -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":
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue