- {/* Header */}
-
-
-
- Painel de Imóveis e Unidades
-
-
Gestão cadastral, georreferenciamento e auditoria
-
-
-
-
-
-
-
-
-
-
-
- {/* KPIs */}
-
-
-
-
-
-
-
-
- {/* Evolução */}
-
- Evolução de Cadastros
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/* Distribuição por UF e Cidades */}
-
-
- Imóveis por UF
-
-
-
-
-
-
-
-
- {(data?.distribuicaoUF ?? []).map((_, i) => (
- |
- ))}
-
-
-
-
-
-
-
- Top 10 Cidades
-
-
-
-
-
-
-
-
- {(data?.distribuicaoCidade ?? []).map((_, i) => (
- |
- ))}
-
-
-
-
-
-
-
- {/* Qualidade de Dados */}
-
- Qualidade de Dados
-
-
-
-
-
-
-
-
-
Área média cadastrada
-
{data?.area.media.toFixed(1)} m²
-
-
-
- {data?.qualidade.inconsistencias ?? 0} inconsistências
-
-
-
-
-
-
- Fonte: VIEW VW_T_IMOVEL_ANALYTICS — fallback automático para mock.
-
+ return (
+
+ {/* Header */}
+
+
+
+ Painel de Imóveis e Unidades
+
+
+ Gestão cadastral, georreferenciamento e auditoria
+
- )
+
+
+
+
+
+
+
+
+
+
+ {/* KPIs */}
+
+
+
+
+
+
+
+
+ {/* Evolução */}
+
+
+ Evolução de Cadastros
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Distribuição por UF e Cidades */}
+
+
+
+ Imóveis por UF
+
+
+
+
+
+
+
+
+
+ {(data?.distribuicaoUF ?? []).map((_, i) => (
+ |
+ ))}
+
+
+
+
+
+
+
+
+ Top 10 Cidades
+
+
+
+
+
+
+
+
+
+ {(data?.distribuicaoCidade ?? []).map((_, i) => (
+ |
+ ))}
+
+
+
+
+
+
+
+ {/* Qualidade de Dados */}
+
+
+ Qualidade de Dados
+
+
+
+
+
+
+
+
+
+
Área média cadastrada
+
+ {data?.area.media.toFixed(1)} m²
+
+
+
+
+ {data?.qualidade.inconsistencias ?? 0} inconsistências
+
+
+
+
+
+
+ Fonte: VIEW VW_T_IMOVEL_ANALYTICS — fallback automático para mock.
+
+
+ );
}
diff --git a/src/packages/administrativo/components/TPessoa/TPessoaDashboard.tsx b/src/packages/administrativo/components/TPessoa/TPessoaDashboard.tsx
index c3128ca..ba7ce4e 100644
--- a/src/packages/administrativo/components/TPessoa/TPessoaDashboard.tsx
+++ b/src/packages/administrativo/components/TPessoa/TPessoaDashboard.tsx
@@ -1,36 +1,36 @@
-'use client'
+'use client';
-import { motion } from "framer-motion";
-import { Building2, CalendarClock, Loader2, Mail, Users } from "lucide-react";
-import React, { useEffect, useMemo, useState } from "react";
+import { motion } from 'framer-motion';
+import { Building2, CalendarClock, Loader2, Mail, Users } from 'lucide-react';
+import React, { useEffect, useMemo, useState } from 'react';
import {
- Area,
- AreaChart,
- Bar,
- BarChart,
- CartesianGrid,
- Cell,
- Legend,
- Pie,
- PieChart,
- ResponsiveContainer,
- Tooltip,
- XAxis,
- YAxis,
-} from "recharts";
+ Area,
+ AreaChart,
+ Bar,
+ BarChart,
+ CartesianGrid,
+ Cell,
+ Legend,
+ Pie,
+ PieChart,
+ ResponsiveContainer,
+ Tooltip,
+ XAxis,
+ YAxis,
+} from 'recharts';
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Progress } from '@/components/ui/progress';
import {
- Card,
- CardContent,
- CardHeader,
- CardTitle,
-} from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Progress } from "@/components/ui/progress";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from '@/components/ui/select';
// =====================
// Types
@@ -43,33 +43,33 @@ type EvolucaoCadastro = { ano: number; mes: number; total: number };
type CategoriaValor = { label: string; total: number };
type Kpis = {
- total: number;
- fisicas: number;
- juridicas: number;
- mediaIdade: number | null;
- pctCpfCnpjValidos: number;
- pctEmailPreenchido: number;
- novosMes: number;
- tendenciaMes: number; // variação % em relação ao mês anterior
+ total: number;
+ fisicas: number;
+ juridicas: number;
+ mediaIdade: number | null;
+ pctCpfCnpjValidos: number;
+ pctEmailPreenchido: number;
+ novosMes: number;
+ tendenciaMes: number; // variação % em relação ao mês anterior
};
type Qualidade = {
- email: number;
- enderecoCompleto: number;
- telefoneValido: number;
- cpfInvalido: number; // quantidade
+ email: number;
+ enderecoCompleto: number;
+ telefoneValido: number;
+ cpfInvalido: number; // quantidade
};
type ApiResponse = {
- kpis: Kpis;
- sexo: SexoDistribuicao[];
- evolucao: EvolucaoCadastro[];
- estadoCivil: CategoriaValor[];
- faixasEtarias: CategoriaValor[];
- profissoesTop10: CategoriaValor[];
- ufDistribuicao: CategoriaValor[];
- cidadesTop10: CategoriaValor[];
- qualidade: Qualidade;
+ kpis: Kpis;
+ sexo: SexoDistribuicao[];
+ evolucao: EvolucaoCadastro[];
+ estadoCivil: CategoriaValor[];
+ faixasEtarias: CategoriaValor[];
+ profissoesTop10: CategoriaValor[];
+ ufDistribuicao: CategoriaValor[];
+ cidadesTop10: CategoriaValor[];
+ qualidade: Qualidade;
};
// =====================
@@ -77,152 +77,195 @@ type ApiResponse = {
// =====================
const MOCK: ApiResponse = {
- kpis: {
- total: 12876,
- fisicas: 11234,
- juridicas: 1642,
- mediaIdade: 39,
- pctCpfCnpjValidos: 87.4,
- pctEmailPreenchido: 91.2,
- novosMes: 328,
- tendenciaMes: 6.3,
- },
- sexo: [
- { genero: "Masculino", total: 5840 },
- { genero: "Feminino", total: 5210 },
- { genero: "Não informado", total: 184 }
- ],
- evolucao: Array.from({ length: 12 }, (_, i) => ({ ano: 2025, mes: i + 1, total: 120 + i * 15 + (i % 2 === 0 ? 30 : 0) })),
- estadoCivil: [
- { label: "Solteiro(a)", total: 4312 },
- { label: "Casado(a)", total: 5120 },
- { label: "Divorciado(a)", total: 812 },
- { label: "Viúvo(a)", total: 210 },
- ],
- faixasEtarias: [
- { label: "<18", total: 420 },
- { label: "18-30", total: 3420 },
- { label: "31-45", total: 5180 },
- { label: "46-60", total: 2780 },
- { label: "60+", total: 1076 },
- ],
- profissoesTop10: [
- { label: "Estudante", total: 780 },
- { label: "Comerciante", total: 620 },
- { label: "Professor(a)", total: 570 },
- { label: "Autônomo(a)", total: 510 },
- { label: "Servidor(a) Público(a)", total: 450 },
- { label: "Engenheiro(a)", total: 430 },
- { label: "Advogado(a)", total: 410 },
- { label: "Médico(a)", total: 385 },
- { label: "Enfermeiro(a)", total: 360 },
- { label: "Agricultor(a)", total: 350 },
- ],
- ufDistribuicao: [
- { label: "GO", total: 5080 },
- { label: "DF", total: 1840 },
- { label: "MG", total: 980 },
- { label: "SP", total: 820 },
- { label: "BA", total: 740 },
- ],
- cidadesTop10: [
- { label: "Goiânia", total: 2200 },
- { label: "Aparecida de Goiânia", total: 980 },
- { label: "Anápolis", total: 640 },
- { label: "Formosa", total: 510 },
- { label: "Trindade", total: 480 },
- { label: "Luziânia", total: 465 },
- { label: "Catalão", total: 430 },
- { label: "Rio Verde", total: 415 },
- { label: "Itumbiara", total: 400 },
- { label: "Jataí", total: 395 },
- ],
- qualidade: {
- email: 91.2,
- enderecoCompleto: 83.4,
- telefoneValido: 77.9,
- cpfInvalido: 248,
- },
+ kpis: {
+ total: 12876,
+ fisicas: 11234,
+ juridicas: 1642,
+ mediaIdade: 39,
+ pctCpfCnpjValidos: 87.4,
+ pctEmailPreenchido: 91.2,
+ novosMes: 328,
+ tendenciaMes: 6.3,
+ },
+ sexo: [
+ { genero: 'Masculino', total: 5840 },
+ { genero: 'Feminino', total: 5210 },
+ { genero: 'Não informado', total: 184 },
+ ],
+ evolucao: Array.from({ length: 12 }, (_, i) => ({
+ ano: 2025,
+ mes: i + 1,
+ total: 120 + i * 15 + (i % 2 === 0 ? 30 : 0),
+ })),
+ estadoCivil: [
+ { label: 'Solteiro(a)', total: 4312 },
+ { label: 'Casado(a)', total: 5120 },
+ { label: 'Divorciado(a)', total: 812 },
+ { label: 'Viúvo(a)', total: 210 },
+ ],
+ faixasEtarias: [
+ { label: '<18', total: 420 },
+ { label: '18-30', total: 3420 },
+ { label: '31-45', total: 5180 },
+ { label: '46-60', total: 2780 },
+ { label: '60+', total: 1076 },
+ ],
+ profissoesTop10: [
+ { label: 'Estudante', total: 780 },
+ { label: 'Comerciante', total: 620 },
+ { label: 'Professor(a)', total: 570 },
+ { label: 'Autônomo(a)', total: 510 },
+ { label: 'Servidor(a) Público(a)', total: 450 },
+ { label: 'Engenheiro(a)', total: 430 },
+ { label: 'Advogado(a)', total: 410 },
+ { label: 'Médico(a)', total: 385 },
+ { label: 'Enfermeiro(a)', total: 360 },
+ { label: 'Agricultor(a)', total: 350 },
+ ],
+ ufDistribuicao: [
+ { label: 'GO', total: 5080 },
+ { label: 'DF', total: 1840 },
+ { label: 'MG', total: 980 },
+ { label: 'SP', total: 820 },
+ { label: 'BA', total: 740 },
+ ],
+ cidadesTop10: [
+ { label: 'Goiânia', total: 2200 },
+ { label: 'Aparecida de Goiânia', total: 980 },
+ { label: 'Anápolis', total: 640 },
+ { label: 'Formosa', total: 510 },
+ { label: 'Trindade', total: 480 },
+ { label: 'Luziânia', total: 465 },
+ { label: 'Catalão', total: 430 },
+ { label: 'Rio Verde', total: 415 },
+ { label: 'Itumbiara', total: 400 },
+ { label: 'Jataí', total: 395 },
+ ],
+ qualidade: {
+ email: 91.2,
+ enderecoCompleto: 83.4,
+ telefoneValido: 77.9,
+ cpfInvalido: 248,
+ },
};
// =====================
// Helpers
// =====================
-const monthName = (m: number) => new Date(2025, m - 1, 1).toLocaleDateString("pt-BR", { month: "short" }).replace(".", "");
+const monthName = (m: number) =>
+ new Date(2025, m - 1, 1).toLocaleDateString('pt-BR', { month: 'short' }).replace('.', '');
-async function fetchApi(periodo: string, uf: string | null, cidade: string | null): Promise
{
- const params = new URLSearchParams();
- params.set("periodo", periodo); // ex: "12m", "24m", "ytd"
- if (uf) params.set("uf", uf);
- if (cidade) params.set("cidade", cidade);
+async function fetchApi(
+ periodo: string,
+ uf: string | null,
+ cidade: string | null,
+): Promise {
+ const params = new URLSearchParams();
+ params.set('periodo', periodo); // ex: "12m", "24m", "ytd"
+ if (uf) params.set('uf', uf);
+ if (cidade) params.set('cidade', cidade);
- try {
- const ctrl = new AbortController();
- const to = setTimeout(() => ctrl.abort(), 6000);
- const res = await fetch(`/api/dashboard/pessoas?${params.toString()}`, { signal: ctrl.signal });
- clearTimeout(to);
- if (!res.ok) throw new Error("HTTP error");
- const data = (await res.json()) as ApiResponse;
- return data;
- } catch {
- // fallback para mock
- return MOCK;
- }
+ try {
+ const ctrl = new AbortController();
+ const to = setTimeout(() => ctrl.abort(), 6000);
+ const res = await fetch(`/api/dashboard/pessoas?${params.toString()}`, { signal: ctrl.signal });
+ clearTimeout(to);
+ if (!res.ok) throw new Error('HTTP error');
+ const data = (await res.json()) as ApiResponse;
+ return data;
+ } catch {
+ // fallback para mock
+ return MOCK;
+ }
}
// =====================
// Subcomponents
// =====================
-function Kpi({ icon: Icon, label, value, hint, trend }: { icon: any; label: string; value: React.ReactNode; hint?: string; trend?: number }) {
- const trendColor = trend == null ? "" : trend > 0 ? "text-emerald-600" : trend < 0 ? "text-rose-600" : "text-muted-foreground";
- const trendPrefix = trend == null ? "" : trend > 0 ? "+" : "";
- return (
-
-
- {label}
-
-
-
- {value}
-
- {hint && {hint}}
- {trend != null && (
- {trendPrefix}{trend.toFixed(1)}%
- )}
-
-
-
- );
+function Kpi({
+ icon: Icon,
+ label,
+ value,
+ hint,
+ trend,
+}: {
+ icon: any;
+ label: string;
+ value: React.ReactNode;
+ hint?: string;
+ trend?: number;
+}) {
+ const trendColor =
+ trend == null
+ ? ''
+ : trend > 0
+ ? 'text-emerald-600'
+ : trend < 0
+ ? 'text-rose-600'
+ : 'text-muted-foreground';
+ const trendPrefix = trend == null ? '' : trend > 0 ? '+' : '';
+ return (
+
+
+ {label}
+
+
+
+ {value}
+
+ {hint && {hint}}
+ {trend != null && (
+
+ {trendPrefix}
+ {trend.toFixed(1)}%
+
+ )}
+
+
+
+ );
}
-function Section({ title, description, children, right = null }: { title: string; description?: string; children: React.ReactNode; right?: React.ReactNode | null }) {
- return (
-
-
-
-
{title}
- {description &&
{description}
}
-
- {right}
-
{children}
-
- );
+function Section({
+ title,
+ description,
+ children,
+ right = null,
+}: {
+ title: string;
+ description?: string;
+ children: React.ReactNode;
+ right?: React.ReactNode | null;
+}) {
+ return (
+
+
+
+
{title}
+ {description &&
{description}
}
+
+ {right}
+
{children}
+
+ );
}
function DataProgress({ label, value, goal }: { label: string; value: number; goal: number }) {
- const color = value >= goal ? "text-emerald-600" : "text-amber-600";
- return (
-
-
- {label}
- {value.toFixed(1)}% (meta {goal}%)
-
-
-
+
+ {label}
+
+ {value.toFixed(1)}% (meta {goal}%)
+
+
+
+
- {/* Header */}
-
-
-
- Painel de Pessoas
-
-
Análise demográfica, documental e cadastral
-
-
-
-
-
-
-
- setCidade(e.target.value || null)} />
-
-
-
-
-
- {/* KPIs */}
-
- : data?.kpis.total.toLocaleString("pt-BR")} hint={`${data?.kpis.novosMes ?? 0} novos no mês`} trend={data?.kpis.tendenciaMes} />
- : (data?.kpis.mediaIdade ?? 0)} hint="anos" />
- : `${data?.kpis.pctCpfCnpjValidos.toFixed(1)}%`} />
- : `${data?.kpis.pctEmailPreenchido.toFixed(1)}%`} />
-
-
- {/* Evolução & Sexo */}
-
-
-
- Evolução de Cadastros
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Distribuição por Sexo
-
-
-
-
-
-
-
- {sexoFmt.map((entry, index) => (
- |
- ))}
-
-
-
-
-
-
-
- {/* Estado Civil & Faixa etária */}
-
-
-
- Estado Civil
-
-
-
-
-
-
-
-
-
- {(data?.estadoCivil ?? []).map((_, i) => (
- |
- ))}
-
-
-
-
-
-
-
-
- Faixas Etárias
-
-
-
-
-
-
-
-
-
- {(data?.faixasEtarias ?? []).map((_, i) => (
- |
- ))}
-
-
-
-
-
-
-
- {/* Geografia */}
-
-
-
- Distribuição por UF
-
-
-
-
-
-
-
-
-
- {(data?.ufDistribuicao ?? []).map((_, i) => (
- |
- ))}
-
-
-
-
-
-
-
-
- Top 10 Cidades
-
-
-
-
-
-
-
-
-
- {(data?.cidadesTop10 ?? []).map((_, i) => (
- |
- ))}
-
-
-
-
-
-
-
- {/* Profissões */}
-
-
-
-
-
-
-
-
-
-
- {(data?.profissoesTop10 ?? []).map((_, i) => (
- |
- ))}
-
-
-
-
-
-
-
- {/* Qualidade de Dados */}
-
-
-
- Cobertura
-
-
-
-
-
-
-
-
- Indicadores
-
-
- % CPF/CNPJ válidos
- {data?.kpis.pctCpfCnpjValidos.toFixed(1)}%
-
-
- % E-mail preenchido
- {data?.kpis.pctEmailPreenchido.toFixed(1)}%
-
-
- Registros com CPF inconsistente
- {data?.qualidade.cpfInvalido.toLocaleString("pt-BR")}
-
-
-
-
-
- Ações rápidas
-
-
-
-
-
-
-
-
-
Fonte de dados: API /api/dashboard/pessoas — fallback automático para mock se indisponível.
+ return (
+
+ {/* Header */}
+
+
+
+ Painel de Pessoas
+
+
+ Análise demográfica, documental e cadastral
+
- );
+
+
+
+
+
+ setCidade(e.target.value || null)}
+ />
+
+
+
+
+
+ {/* KPIs */}
+
+
+ ) : (
+ data?.kpis.total.toLocaleString('pt-BR')
+ )
+ }
+ hint={`${data?.kpis.novosMes ?? 0} novos no mês`}
+ trend={data?.kpis.tendenciaMes}
+ />
+ : (data?.kpis.mediaIdade ?? 0)
+ }
+ hint="anos"
+ />
+
+ ) : (
+ `${data?.kpis.pctCpfCnpjValidos.toFixed(1)}%`
+ )
+ }
+ />
+
+ ) : (
+ `${data?.kpis.pctEmailPreenchido.toFixed(1)}%`
+ )
+ }
+ />
+
+
+ {/* Evolução & Sexo */}
+
+
+
+ Evolução de Cadastros
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Distribuição por Sexo
+
+
+
+
+
+
+
+ {sexoFmt.map((entry, index) => (
+ |
+ ))}
+
+
+
+
+
+
+
+ {/* Estado Civil & Faixa etária */}
+
+
+
+ Estado Civil
+
+
+
+
+
+
+
+
+
+ {(data?.estadoCivil ?? []).map((_, i) => (
+ |
+ ))}
+
+
+
+
+
+
+
+
+ Faixas Etárias
+
+
+
+
+
+
+
+
+
+ {(data?.faixasEtarias ?? []).map((_, i) => (
+ |
+ ))}
+
+
+
+
+
+
+
+ {/* Geografia */}
+
+
+
+ Distribuição por UF
+
+
+
+
+
+
+
+
+
+ {(data?.ufDistribuicao ?? []).map((_, i) => (
+ |
+ ))}
+
+
+
+
+
+
+
+
+ Top 10 Cidades
+
+
+
+
+
+
+
+
+
+ {(data?.cidadesTop10 ?? []).map((_, i) => (
+ |
+ ))}
+
+
+
+
+
+
+
+ {/* Profissões */}
+
+
+
+
+
+
+
+
+
+
+ {(data?.profissoesTop10 ?? []).map((_, i) => (
+ |
+ ))}
+
+
+
+
+
+
+
+ {/* Qualidade de Dados */}
+
+
+
+
+ Cobertura
+
+
+
+
+
+
+
+
+
+
+ Indicadores
+
+
+
+ % CPF/CNPJ válidos
+ {data?.kpis.pctCpfCnpjValidos.toFixed(1)}%
+
+
+ % E-mail preenchido
+ {data?.kpis.pctEmailPreenchido.toFixed(1)}%
+
+
+ Registros com CPF inconsistente
+
+ {data?.qualidade.cpfInvalido.toLocaleString('pt-BR')}
+
+
+
+
+
+
+
+ Ações rápidas
+
+
+
+
+
+
+
+
+
+
+ Fonte de dados: API /api/dashboard/pessoas — fallback automático para mock se indisponível.
+
+
+ );
}
diff --git a/src/packages/administrativo/components/TPessoa/TPessoaFisica/TPessoaFisicaForm.tsx b/src/packages/administrativo/components/TPessoa/TPessoaFisica/TPessoaFisicaForm.tsx
index 62bb52d..9f9ab23 100644
--- a/src/packages/administrativo/components/TPessoa/TPessoaFisica/TPessoaFisicaForm.tsx
+++ b/src/packages/administrativo/components/TPessoa/TPessoaFisica/TPessoaFisicaForm.tsx
@@ -45,7 +45,6 @@ import { Sexo } from '@/shared/enums/SexoEnum';
import { useGTBEstadoCivilReadHook } from '../../../hooks/GTBEstadoCivil/useGTBEstadoCivilReadHook';
import { useGTBRegimeComunhaoReadHook } from '../../../hooks/GTBRegimeComunhao/useGTBRegimeComunhaoReadHook';
-
export default function TPessoaFisicaForm({
isOpen,
data,
@@ -290,9 +289,9 @@ export default function TPessoaFisicaForm({
>
{field.value
? gTBEstadoCivil?.find(
- (item) =>
- String(item.tb_estadocivil_id) === String(field.value),
- )?.descricao
+ (item) =>
+ String(item.tb_estadocivil_id) === String(field.value),
+ )?.descricao
: 'Escolha o estado civil'}
@@ -356,10 +355,10 @@ export default function TPessoaFisicaForm({
>
{field.value
? gTBRegimeComunhao?.find(
- (item) =>
- String(item.tb_regimecomunhao_id) ===
- String(field.value),
- )?.descricao
+ (item) =>
+ String(item.tb_regimecomunhao_id) ===
+ String(field.value),
+ )?.descricao
: 'Escolha o regime'}
@@ -424,9 +423,9 @@ export default function TPessoaFisicaForm({
>
{field.value
? gTBProfissao?.find(
- (item) =>
- String(item.tb_profissao_id) === String(field.value),
- )?.descricao
+ (item) =>
+ String(item.tb_profissao_id) === String(field.value),
+ )?.descricao
: 'Escolha a profissão'}
diff --git a/src/packages/administrativo/components/TPessoa/TPessoaTableFormColumnsDialog.tsx b/src/packages/administrativo/components/TPessoa/TPessoaTableFormColumnsDialog.tsx
index df9842b..4356aaf 100644
--- a/src/packages/administrativo/components/TPessoa/TPessoaTableFormColumnsDialog.tsx
+++ b/src/packages/administrativo/components/TPessoa/TPessoaTableFormColumnsDialog.tsx
@@ -14,7 +14,9 @@ import TPessoaInterface from '../../interfaces/TPessoa/TPessoaInterface';
/**
* Função para criar a definição das colunas da tabela
*/
-export function TPessoaTableFormColumnsDialog(setSelectedTPessoa: React.Dispatch
>): ColumnDef[] {
+export function TPessoaTableFormColumnsDialog(
+ setSelectedTPessoa: React.Dispatch>,
+): ColumnDef[] {
return [
{
id: 'select',
@@ -156,6 +158,5 @@ export function TPessoaTableFormColumnsDialog(setSelectedTPessoa: React.Dispatch
cell: ({ row }) => FormatDateTime(row.getValue('data_cadastro')),
sortingFn: 'datetime',
},
-
];
}
diff --git a/src/packages/administrativo/components/TPessoa/TPessoaTableFormDialog.tsx b/src/packages/administrativo/components/TPessoa/TPessoaTableFormDialog.tsx
index a318a2f..cc2a03f 100644
--- a/src/packages/administrativo/components/TPessoa/TPessoaTableFormDialog.tsx
+++ b/src/packages/administrativo/components/TPessoa/TPessoaTableFormDialog.tsx
@@ -10,7 +10,7 @@ import {
DialogDescription,
DialogFooter,
DialogHeader,
- DialogTitle
+ DialogTitle,
} from '@/components/ui/dialog';
import { useTPessoaFisicaIndexHook } from '@/packages/administrativo/hooks/TPessoa/TPessoaFisica/useTPessoaFisicaIndexHook';
import { useTPessoaJuridicaIndexHook } from '@/packages/administrativo/hooks/TPessoa/TPessoaJuridica/useTPessoaJuridicaIndexHook';
@@ -28,56 +28,41 @@ export default function TPessoaTableFormDialog({
onSave,
buttonIsLoading,
}: TPessoaTableFormInterface) {
-
const { tPessoaFisica, fetchTPessoaFisica } = useTPessoaFisicaIndexHook();
const { tPessoaJuridica, fetchTPessoaJuridica } = useTPessoaJuridicaIndexHook();
- const [pessoas, setPessoas] = useState()
+ const [pessoas, setPessoas] = useState();
const [selectedTPessoa, setSelectedTPessoa] = useState(null);
// Executa o Hook de Acordo com o tipo de pessoa informado
const loadData = async (tipoPessoa: string) => {
-
switch (tipoPessoa) {
-
- case "F":
-
+ case 'F':
await fetchTPessoaFisica();
break;
- case "J":
-
+ case 'J':
await fetchTPessoaJuridica();
break;
-
}
-
};
// Atualiza a variavel de pessoa quando tiver alteração na variavel de pessoas fisicas
useEffect(() => {
-
- setPessoas(tPessoaFisica)
-
- }, [tPessoaFisica])
+ setPessoas(tPessoaFisica);
+ }, [tPessoaFisica]);
// Atualiza a variavel de pessoa quando tiver alteração na variavel de pessoas juridicas
useEffect(() => {
-
- setPessoas(tPessoaJuridica)
-
- }, [tPessoaJuridica])
+ setPessoas(tPessoaJuridica);
+ }, [tPessoaJuridica]);
// Executa o hook correspondente ao tipo de pessoa, sempre que o tipo pessoa mudar
useEffect(() => {
-
// Verifica se o tipo pessoa esta preenchido
if (tipoPessoa) {
-
// Dispara o carregamento de informações
loadData(tipoPessoa);
-
}
-
}, [tipoPessoa]);
const columns = TPessoaTableFormColumnsDialog(setSelectedTPessoa);
@@ -119,7 +104,10 @@ export default function TPessoaTableFormDialog({
textLoading="Aguarde..."
loading={buttonIsLoading}
type="button"
- onClick={() => { onSave(selectedTPessoa); onClose(null, false); }}
+ onClick={() => {
+ onSave(selectedTPessoa);
+ onClose(null, false);
+ }}
/>
diff --git a/src/packages/administrativo/components/TPessoa/TPessoaTableFormSubview.tsx b/src/packages/administrativo/components/TPessoa/TPessoaTableFormSubview.tsx
index 817999a..f352847 100644
--- a/src/packages/administrativo/components/TPessoa/TPessoaTableFormSubview.tsx
+++ b/src/packages/administrativo/components/TPessoa/TPessoaTableFormSubview.tsx
@@ -1,20 +1,15 @@
import { FingerprintIcon, WebcamIcon } from 'lucide-react';
-import {
- memo,
- useCallback,
- useMemo,
- useState
-} from 'react';
+import { memo, useCallback, useMemo, useState } from 'react';
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
import { Button } from '@/components/ui/button';
import {
- Item,
- ItemActions,
- ItemContent,
- ItemDescription,
- ItemMedia,
- ItemTitle
+ Item,
+ ItemActions,
+ ItemContent,
+ ItemDescription,
+ ItemMedia,
+ ItemTitle,
} from '@/components/ui/item';
import TPessoaCartaoForm from '@/packages/servicos/components/TPessoaCartao/TPessoaCartaoForm';
import GetNameInitials from '@/shared/actions/text/GetNameInitials';
@@ -24,104 +19,98 @@ import { useFingerTechCaptureHook } from '@/shared/hooks/FingerTech/useFingerTec
import TPessoaTableFormSubviewInterface from '../../interfaces/TPessoa/TPessoaTableFormSubviewInterface';
function TPessoaTableFormSubview({
- item_index,
- data,
- params,
- form,
+ item_index,
+ data,
+ params,
+ form,
}: TPessoaTableFormSubviewInterface) {
+ const [isWebCamOpenDialog, setIsWebCamOpenDialog] = useState(false);
+ const { base64, captureFingerTech } = useFingerTechCaptureHook();
- const [isWebCamOpenDialog, setIsWebCamOpenDialog] = useState(false)
- const { base64, captureFingerTech } = useFingerTechCaptureHook();
+ // Chama o leitor biométrico
+ const handleBiometria = useCallback(() => {
+ console.log(captureFingerTech());
+ }, []);
- // Chama o leitor biométrico
- const handleBiometria = useCallback(() => {
+ const biometriaButtonClass = useMemo(() => {
+ const status = 1 as number; // força tipo number
- console.log(captureFingerTech())
+ switch (status) {
+ case 0:
+ return 'bg-amber-100 text-amber-700 border border-amber-300 hover:bg-amber-200 hover:text-amber-800';
+ case 1:
+ return 'bg-green-100 text-green-700 border border-green-300 hover:bg-green-200 hover:text-green-800';
+ case 2:
+ return 'bg-red-100 text-red-700 border border-red-300 hover:bg-red-200 hover:text-red-800';
+ default:
+ return '';
+ }
+ }, []);
- }, [])
-
- const biometriaButtonClass = useMemo(() => {
- const status = 1 as number; // força tipo number
-
- switch (status) {
- case 0:
- return 'bg-amber-100 text-amber-700 border border-amber-300 hover:bg-amber-200 hover:text-amber-800';
- case 1:
- return 'bg-green-100 text-green-700 border border-green-300 hover:bg-green-200 hover:text-green-800';
- case 2:
- return 'bg-red-100 text-red-700 border border-red-300 hover:bg-red-200 hover:text-red-800';
- default:
- return '';
- }
- }, []);
-
- return (
-
-
-
-
-
-
-
- {GetNameInitials(data.pessoa?.nome)}
-
-
-
-
-
- {data.pessoa?.cpf_cnpj} - {data.pessoa?.nome}
-
-
- {data.pessoa?.email || 'Email não informado'}
-
- {params
- .filter((param) => Number(param.valor) === data.servico.servico_tipo_id)
- .map((param) => (
-
- ))}
-
-
-
- {data.servico.requer_biometria === 'S' && (
-
- )}
- {data.servico.requer_biometria && (
-
- )}
-
-
- {isWebCamOpenDialog && (
-
{ setIsWebCamOpenDialog(false) }}
- onSave={() => { }}
- key={item_index}
- />
- )}
-
+
-
+
+
+
+ {GetNameInitials(data.pessoa?.nome)}
+
+
+
+
+ {data.pessoa?.cpf_cnpj} - {data.pessoa?.nome}
+
+ {data.pessoa?.email || 'Email não informado'}
+ {params
+ .filter((param) => Number(param.valor) === data.servico.servico_tipo_id)
+ .map((param) => (
+
+ ))}
+
+
+ {data.servico.requer_biometria === 'S' && (
+
+ )}
+ {data.servico.requer_biometria && (
+
+ )}
+
+
+ {isWebCamOpenDialog && (
+
{
+ setIsWebCamOpenDialog(false);
+ }}
+ onSave={() => {}}
+ key={item_index}
+ />
+ )}
+
-
- {
- setCartaoAutomatico(checked);
- form.setValue(`itens.${index}.cartao_automatico`, checked);
- }}
- />
-
-
- {!cartaoAutomatico && (
-
- {/* Gerar selo */}
-
- (
-
- Gerar Selo
-
-
-
- )}
- />
-
- {/* Nº Cartão */}
-
- (
-
- Nº cartão
-
- field.onChange(parseNumberInput(e))}
- defaultValue={field.value ?? ""}
- />
-
-
-
- )}
- />
-
- {/* Data de Abertura */}
-
- (
-
- Data de Abertura
-
-
-
-
-
- )}
- />
-
-
- )}
+ return (
+
+
+ {
+ setCartaoAutomatico(checked);
+ form.setValue(`itens.${index}.cartao_automatico`, checked);
+ }}
+ />
+
+
+ {!cartaoAutomatico && (
+
+ {/* Gerar selo */}
+
+ (
+
+ Gerar Selo
+
+
+
+ )}
+ />
+
+ {/* Nº Cartão */}
+
+ (
+
+ Nº cartão
+
+ field.onChange(parseNumberInput(e))}
+ defaultValue={field.value ?? ''}
+ />
+
+
+
+ )}
+ />
+
+ {/* Data de Abertura */}
+
+ (
+
+ Data de Abertura
+
+
+
+
+
+ )}
+ />
+
- )
-}
\ No newline at end of file
+ )}
+
+ );
+}
diff --git a/src/packages/servicos/components/TServicoItemPedido/TServicoItemPedidoFormTable.tsx b/src/packages/servicos/components/TServicoItemPedido/TServicoItemPedidoFormTable.tsx
index 859465e..ecaf127 100644
--- a/src/packages/servicos/components/TServicoItemPedido/TServicoItemPedidoFormTable.tsx
+++ b/src/packages/servicos/components/TServicoItemPedido/TServicoItemPedidoFormTable.tsx
@@ -11,7 +11,7 @@ import {
TableCell,
TableHead,
TableHeader,
- TableRow
+ TableRow,
} from '@/components/ui/table';
import TPessoaTableFormSubview from '@/packages/administrativo/components/TPessoa/TPessoaTableFormSubview';
import TServicoItemPedidoFormTableInterface from '@/packages/servicos/interfaces/TServicoItemPedido/TServicoItemPedidoFormTableInterface';
@@ -20,31 +20,19 @@ import GetCapitalize from '@/shared/actions/text/GetCapitalize';
function TServicoItemPedidoFormTableComponent({
data,
form,
- params
+ params,
}: TServicoItemPedidoFormTableInterface) {
return (
-
- Serviço / Tabela
-
-
- Emolumento
-
-
- Tx. Judiciária
-
-
- Fundesp 21%
-
-
- ISS 5%
-
-
- Total
-
+ Serviço / Tabela
+ Emolumento
+ Tx. Judiciária
+ Fundesp 21%
+ ISS 5%
+ Total
Qtd.
@@ -61,9 +49,7 @@ function TServicoItemPedidoFormTableComponent({
{GetCapitalize(item.descricao)}
-
- {GetCapitalize(item.tabela)}
-
+ {GetCapitalize(item.tabela)}
@@ -73,12 +59,22 @@ function TServicoItemPedidoFormTableComponent({
R$ {item.valor_iss ?? '---'}
R$ {item.valor ?? '---'}
-
-