diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/editar/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/editar/+page.svelte index e07eb3c..c0dc440 100644 --- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/editar/+page.svelte +++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/editar/+page.svelte @@ -25,9 +25,9 @@ nome: string; tipo: SimboloTipo; descricao: string; - }> = []; + }> = $state([]); - let tipo: SimboloTipo = "cargo_comissionado"; + let tipo = $state("cargo_comissionado"); let loading = $state(false); let loadingData = $state(true); let notice = $state<{ kind: "success" | "error"; text: string } | null>(null); @@ -318,6 +318,12 @@ init(); } }); + + // Resetar simboloId quando tipo mudar + $effect(() => { + tipo; // track tipo + simboloId = ""; // reset selection when tipo changes + }); {#if loadingData} diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/cadastro/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/cadastro/+page.svelte index 0c72b74..d064f56 100644 --- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/cadastro/+page.svelte +++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/cadastro/+page.svelte @@ -22,9 +22,9 @@ nome: string; tipo: SimboloTipo; descricao: string; - }> = []; + }> = $state([]); - let tipo: SimboloTipo = "cargo_comissionado"; + let tipo = $state("cargo_comissionado"); let loading = $state(false); let notice = $state<{ kind: "success" | "error"; text: string } | null>(null); @@ -246,7 +246,15 @@ } } - loadSimbolos(); + $effect(() => { + loadSimbolos(); + }); + + // Resetar simboloId quando tipo mudar + $effect(() => { + tipo; // track tipo + simboloId = ""; // reset selection when tipo changes + });
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/relatorios/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/relatorios/+page.svelte index 55c997c..f9e1dee 100644 --- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/relatorios/+page.svelte +++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/relatorios/+page.svelte @@ -6,9 +6,10 @@ const client = useConvexClient(); type Row = { _id: string; nome: string; valor: number; count: number }; - let rows: Array = []; - let isLoading = true; - let notice: { kind: "error" | "success"; text: string } | null = null; + let rows: Array = $state>([]); + let isLoading = $state(true); + let notice = $state<{ kind: "error" | "success"; text: string } | null>(null); + let containerWidth = $state(1200); onMount(async () => { try { @@ -29,9 +30,25 @@ } }); - let chartWidth = 900; - let chartHeight = 400; - const padding = { top: 40, right: 30, bottom: 100, left: 80 }; + // Dimensões responsivas + $effect(() => { + const updateSize = () => { + const container = document.querySelector('.chart-container'); + if (container) { + containerWidth = Math.min(container.clientWidth - 32, 1200); + } + }; + + updateSize(); + window.addEventListener('resize', updateSize); + + return () => window.removeEventListener('resize', updateSize); + }); + + const chartHeight = 350; + const padding = { top: 20, right: 20, bottom: 80, left: 70 }; + + let chartWidth = $derived(containerWidth); function getMax(arr: Array, sel: (t: T) => number): number { let m = 0; @@ -67,19 +84,19 @@ } -
+
-
+
-
+
@@ -87,37 +104,40 @@

Relatórios de Funcionários

-

Análise de distribuição de salários e funcionários por símbolo

+

Análise de distribuição de salários e funcionários por símbolo

{#if notice} -
+
+ + + {notice.text}
{/if} {#if isLoading} -
- +
+
{:else} -
+
-
-
-
-
+
+
+
+
-
-

Distribuição de Salários por Símbolo

-

Valores dos símbolos cadastrados no sistema

+
+

Distribuição de Salários por Símbolo

+

Valores dos símbolos cadastrados no sistema

-
+
{#if rows.length === 0} Sem dados @@ -191,20 +211,20 @@
-
-
-
-
+
+
+
+
-
-

Distribuição de Funcionários por Símbolo

-

Quantidade de funcionários alocados em cada símbolo

+
+

Distribuição de Funcionários por Símbolo

+

Quantidade de funcionários alocados em cada símbolo

-
+
{#if rows.length === 0} Sem dados @@ -276,8 +296,71 @@
+ + +
+
+
+
+ + + +
+
+

Tabela Resumo - Símbolos e Funcionários

+

Visão detalhada dos dados apresentados nos gráficos

+
+
+ +
+ + + + + + + + + + + {#if rows.length === 0} + + + + {:else} + {#each rows as row} + + + + + + + {/each} + + + + + + + + {/if} + +
SímboloValor (R$)FuncionáriosTotal (R$)
Nenhum dado disponível
{row.nome} + {row.valor.toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 })} + + {row.count} + + {(row.valor * row.count).toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 })} +
TOTAL GERAL + {rows.reduce((sum, r) => sum + r.valor, 0).toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 })} + + {rows.reduce((sum, r) => sum + r.count, 0)} + + {rows.reduce((sum, r) => sum + (r.valor * r.count), 0).toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 })} +
+
+
+
{/if}
- - diff --git a/packages/backend/convex/simbolos.ts b/packages/backend/convex/simbolos.ts index 940265a..624c06f 100644 --- a/packages/backend/convex/simbolos.ts +++ b/packages/backend/convex/simbolos.ts @@ -137,4 +137,52 @@ export const update = mutation({ }); return null; }, +}); + +/** + * Remove símbolos duplicados, mantendo apenas a primeira ocorrência de cada símbolo + */ +export const removerDuplicados = mutation({ + args: {}, + returns: v.object({ + removidos: v.number(), + mantidos: v.number(), + }), + handler: async (ctx) => { + const todosSimbolos = await ctx.db.query("simbolos").collect(); + + // Agrupar símbolos por nome + const simbolosPorNome = new Map(); + + for (const simbolo of todosSimbolos) { + const key = simbolo.nome.trim().toLowerCase(); + if (!simbolosPorNome.has(key)) { + simbolosPorNome.set(key, []); + } + simbolosPorNome.get(key)!.push(simbolo); + } + + let removidos = 0; + let mantidos = 0; + + // Para cada grupo de símbolos com o mesmo nome + for (const [nome, simbolos] of simbolosPorNome) { + // Ordenar por _creationTime (mais antigo primeiro) + simbolos.sort((a, b) => a._creationTime - b._creationTime); + + // Manter o primeiro (mais antigo) e remover os demais + const [primeiro, ...duplicados] = simbolos; + mantidos++; + + // Remover duplicados + for (const duplicado of duplicados) { + await ctx.db.delete(duplicado._id); + removidos++; + } + } + + console.log(`✅ Remoção concluída: ${mantidos} símbolos mantidos, ${removidos} duplicados removidos`); + + return { removidos, mantidos }; + }, }); \ No newline at end of file