fix: Correct incomplete $state initialization in multiple Svelte components and pages.
This commit is contained in:
@@ -41,7 +41,7 @@
|
||||
{ bg: '#4facfe', border: '#00c6ff', text: '#ffffff' } // Azul
|
||||
];
|
||||
|
||||
const eventos = $derived.by(() =>
|
||||
let eventos = $derived.by(() =>
|
||||
periodosExistentes.map((periodo, index) => ({
|
||||
id: `periodo-${index}`,
|
||||
title: `Período ${index + 1} (${periodo.dias} dias)`,
|
||||
|
||||
@@ -15,24 +15,24 @@
|
||||
funcionarioId
|
||||
});
|
||||
|
||||
const saldos = $derived(saldosQuery.data || []);
|
||||
const solicitacoes = $derived(solicitacoesQuery.data || []);
|
||||
let saldos = $derived(saldosQuery.data || []);
|
||||
let solicitacoes = $derived(solicitacoesQuery.data || []);
|
||||
|
||||
// Estatísticas derivadas
|
||||
const saldoAtual = $derived(saldos.find((s) => s.anoReferencia === new Date().getFullYear()));
|
||||
const totalSolicitacoes = $derived(solicitacoes.length);
|
||||
const aprovadas = $derived(
|
||||
let saldoAtual = $derived(saldos.find((s) => s.anoReferencia === new Date().getFullYear()));
|
||||
let totalSolicitacoes = $derived(solicitacoes.length);
|
||||
let aprovadas = $derived(
|
||||
solicitacoes.filter((s) => s.status === 'aprovado' || s.status === 'data_ajustada_aprovada')
|
||||
.length
|
||||
);
|
||||
const pendentes = $derived(
|
||||
let pendentes = $derived(
|
||||
solicitacoes.filter((s) => s.status === 'aguardando_aprovacao').length
|
||||
);
|
||||
const reprovadas = $derived(solicitacoes.filter((s) => s.status === 'reprovado').length);
|
||||
let reprovadas = $derived(solicitacoes.filter((s) => s.status === 'reprovado').length);
|
||||
|
||||
// Canvas para gráfico de pizza
|
||||
const canvasSaldo = $state<HTMLCanvasElement>();
|
||||
const canvasStatus = $state<HTMLCanvasElement>();
|
||||
let canvasSaldo = $state<HTMLCanvasElement>();
|
||||
let canvasStatus = $state<HTMLCanvasElement>();
|
||||
|
||||
// Função para desenhar gráfico de pizza moderno
|
||||
function desenharGraficoPizza(
|
||||
|
||||
@@ -20,13 +20,13 @@
|
||||
const totalPassos = 3;
|
||||
|
||||
// Dados da solicitação
|
||||
const anoSelecionado = $state(new Date().getFullYear());
|
||||
let anoSelecionado = $state(new Date().getFullYear());
|
||||
let periodosFerias: Array<{
|
||||
dataInicio: string;
|
||||
dataFim: string;
|
||||
dias: number;
|
||||
}> = $state([]);
|
||||
const observacao = $state('');
|
||||
let observacao = $state('');
|
||||
let processando = $state(false);
|
||||
|
||||
// Estados para os selects de data
|
||||
@@ -37,17 +37,17 @@
|
||||
const funcionarioQuery = useQuery(api.funcionarios.getById, {
|
||||
id: funcionarioId
|
||||
});
|
||||
const funcionario = $derived(funcionarioQuery?.data);
|
||||
const regimeTrabalho = $derived(funcionario?.regimeTrabalho || 'clt');
|
||||
let funcionario = $derived(funcionarioQuery?.data);
|
||||
let regimeTrabalho = $derived(funcionario?.regimeTrabalho || 'clt');
|
||||
|
||||
const saldoQuery = $derived(
|
||||
let saldoQuery = $derived(
|
||||
useQuery(api.saldoFerias.obterSaldo, {
|
||||
funcionarioId,
|
||||
anoReferencia: anoSelecionado
|
||||
})
|
||||
);
|
||||
|
||||
const validacaoQuery = $derived(
|
||||
let validacaoQuery = $derived(
|
||||
periodosFerias.length > 0
|
||||
? useQuery(api.saldoFerias.validarSolicitacao, {
|
||||
funcionarioId,
|
||||
@@ -61,18 +61,18 @@
|
||||
);
|
||||
|
||||
// Derivados
|
||||
const saldo = $derived(saldoQuery.data);
|
||||
const validacao = $derived(validacaoQuery.data);
|
||||
const totalDiasSelecionados = $derived(periodosFerias.reduce((acc, p) => acc + p.dias, 0));
|
||||
let saldo = $derived(saldoQuery.data);
|
||||
let validacao = $derived(validacaoQuery.data);
|
||||
let totalDiasSelecionados = $derived(periodosFerias.reduce((acc, p) => acc + p.dias, 0));
|
||||
|
||||
// Anos disponíveis (últimos 3 anos + próximo ano)
|
||||
const anosDisponiveis = $derived.by(() => {
|
||||
let anosDisponiveis = $derived.by(() => {
|
||||
const anoAtual = new Date().getFullYear();
|
||||
return [anoAtual - 1, anoAtual, anoAtual + 1];
|
||||
});
|
||||
|
||||
// Verificar se é regime estatutário PE ou Municipal
|
||||
const ehEstatutarioPEOuMunicipal = $derived(
|
||||
let ehEstatutarioPEOuMunicipal = $derived(
|
||||
regimeTrabalho === 'estatutario_pe' || regimeTrabalho === 'estatutario_municipal'
|
||||
);
|
||||
|
||||
@@ -227,7 +227,7 @@
|
||||
}
|
||||
|
||||
// Calcular dias do período atual
|
||||
const diasPeriodoAtual = $derived(calcularDias(dataInicioPeriodo, dataFimPeriodo));
|
||||
let diasPeriodoAtual = $derived(calcularDias(dataInicioPeriodo, dataFimPeriodo));
|
||||
</script>
|
||||
|
||||
<div class="wizard-ferias-container">
|
||||
|
||||
Reference in New Issue
Block a user