Skip to content

Instantly share code, notes, and snippets.

@lusabo
Created December 30, 2011 13:28
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lusabo/1539856 to your computer and use it in GitHub Desktop.
Save lusabo/1539856 to your computer and use it in GitHub Desktop.
Tela de Meta
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css"/> <!-- Link para o CSS do JQuery - Tema: Redmond -->
<link rel="stylesheet" type="text/css" href="css/table.css"/> <!-- Link para o CSS das Tabelas -->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <!-- Link para o script principal do JQuery -->
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script> <!-- Link para o script do JQuery UI -->
<script type="text/javascript" src="js/jquery.maskedinput-1.3.min.js"></script> <!-- Link para o script do JQuery UI -->
<style>
body {
width: 80%;
margin-left: 10%;
}
#botoes{
width: 100%;
text-align: center;
margin-top: 15px;
}
</style>
<script>
$(function() {
/*
Inicializa os botões
*/
$("input:button").button();
/*
Joga o conteúdo da primeira célula de cada linha com classe css iniciada com "child-" para direita.
Faz o efeito de hierarquia no grid.
*/
$('tr[class^="child-"]').children('td:first-child').css("padding-left","30");
/*
Faz o efeito aparece/desaparece das linhas do grid.
*/
$('tr.parent')
.css("cursor","pointer")
.attr("title","Clique aqui para ver os itens da meta!")
.click(function(){
$(this).siblings('.child-'+this.id).toggle();
});
/*
Esconde as linhas da primeira grid.
*/
$('tr[class^="child-"]').hide().children('td');
$(".campodigitavel").change(function(){
$(".campocalculado").each(function(){
if ($(this).attr("ordem") == 1){ // O valor do primeiro item do grupo será o campo base para o cálculo.
lnTotal = $(this).val();
}
// Percorre todos os filhos cujo pai é o atual da iteração
$("[pai=" + $(this).attr("id") + "]").each(function(){
if(this.value != ""){
lnTotal = eval(lnTotal + "" + $(this).attr("operador") + "" + parseFloat(this.value));
}
});
$("#" + $(this).attr("target")).val(lnTotal);
});
calcularPercentual();
});
});
function calcularPercentual(){
var lnValorReferencia, lnValorPai;
lnValorReferencia = $("[percentual=true]").val();
$('.perccalculado').each(function(){
lnValorPai = $("#" + $(this).attr("pai")).val();
if(lnValorPai != ""){
$(this).val(lnValorPai * 100 / lnValorReferencia);
}
});
}
</script>
</head>
<body>
<p class="titulo">Demonstrativo de Fixação de Metas</p>
<table class="hor-zebra">
<tbody>
<tr>
<td width="10%"><b>Tipo de Unidade:</b></td>
<td width="15%">DRJ</td>
<td width="10%"><b>Unidade:</b></td>
<td width="15%">DRJ/GAB</td>
<td width="10%"><b>Equipe:</b></td>
<td width="15%">Turma 1</td>
<td width="10%"><b>Período:</b></td>
<td width="15%">01/08/2011 á 31/08/2011</td>
</tr>
<tr class="odd">
<td><b>Qtd. de dias úteis do período:</b></td>
<td><input type="text" size="5" value="22" style="text-align:center"></td>
<td><b>Potencial de Horas/Dia:</b></td>
<td><input type="text" size="5" value="8" style="text-align:center"></td>
<td><b>Qtd. de julgadores da unidade:</b></td>
<td>12</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
<br/>
<table class="box">
<thead>
<tr>
<th scope="col" style="text-align: left; width:70%" colspan="2">Previsão de utilização das horas na Unidade</th>
<th scope="col" style="text-align: center; width:10%">Sigla</th>
<th scope="col" style="text-align: center; width:10%">Horas</th>
<th scope="col" style="text-align: center; width:10%">%</th>
</tr>
</thead>
<tbody>
<tr class="parent" id="row1">
<td colspan="2" style="text-align: left"><b>Horas Brutas dos Julgadores - HB</b></td>
<td style="text-align: center">HB</td>
<td style="text-align: center"><input type="text" id="hb" name="hb" target="hbj" size="5" class="campocalculado" percentual="false" value="2000" ordem="1" readonly></td>
<td>&nbsp;</td>
</tr>
<tr class="child-row1">
<td>Horas acrescentadas por compensação</td>
<td width="5" style="text-align: center">(+)</td>
<td style="text-align: center">HAC</td>
<td style="text-align: center"><input type="text" id="hac" size="5" class="campodigitavel" pai="hb" operador="+"></td>
<td>&nbsp;</td>
</tr>
<tr class="child-row1">
<td>Horas descontadas por compensação</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">FF</td>
<td style="text-align: center"><input type="text" id="horas" size="5" class="campodigitavel" pai="hb" operador="-"></td>
<td>&nbsp;</td>
</tr>
<tr class="child-row1">
<td>Férias</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">FF</td>
<td style="text-align: center"><input type="text" id="ferias" size="5" class="campodigitavel" pai="hb" operador="-"></td>
<td>&nbsp;</td>
</tr>
<tr class="child-row1">
<td>Licenças médicas</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">FF</td>
<td style="text-align: center"><input type="text" id="licenca" size="5" class="campodigitavel" pai="hb" operador="-"></td>
<td>&nbsp;</td>
</tr>
<tr class="child-row1">
<td>Outras ausências justificadas</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">FF</td>
<td style="text-align: center"><input type="text" id="ausencia" size="5" class="campodigitavel" pai="hb" operador="-"></td>
<td>&nbsp;</td>
</tr>
<tr class="child-row1">
<td>Horas destinadas às convocações das Subsecretarias</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">HC</td>
<td style="text-align: center"><input type="text" id="convocacao" size="5" class="campodigitavel" pai="hb" operador="-"></td>
<td>&nbsp;</td>
</tr>
<tr class="child-row1">
<td>Horas destinadas às convocações do CARF/Coger/Audit</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">HC</td>
<td style="text-align: center"><input type="text" id="carfcogeraudit" size="5" class="campodigitavel" pai="hb" operador="-"></td>
<td>&nbsp;</td>
</tr>
<tr class="parent" id="row2">
<td style="text-align: left"><b>Horas Brutas para Julgamento - HBJ</b></td>
<td width="5" style="text-align: center">(=)</td>
<td style="text-align: center">HBJ</td>
<td style="text-align: center"><input type="text" id="hbj" name="hbj" target="hlj" size="5" class="campocalculado" percentual="true" ordem="2" readonly></td>
<td style="text-align: center"><input type="text" id="hbjperc" name="hbjperc" size="5" value="100" readonly></td>
</tr>
<tr class="child-row2">
<td>Horas de delegado (até 6 h por dia)</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">HAG</td>
<td style="text-align: center"><input type="text" id="delegado" size="5" class="campodigitavel" pai="hbj" operador="-"></td>
<td style="text-align: center"><input type="text" id="delegadoperc" size="5" class="perccalculado" pai="delegado" readonly></td>
</tr>
<tr class="child-row2">
<td>Horas de presidente (até 3 h por dia por presidente, exceto delegado)</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">HAG</td>
<td style="text-align: center"><input type="text" id="presidente" size="5" class="campodigitavel" pai="hbj" operador="-"></td>
<td style="text-align: center"><input type="text" id="presidenteperc" size="5" class="perccalculado" pai="presidente" readonly></td>
</tr>
<tr class="child-row2">
<td>Horas em sessão (até 4 h por sessão por julgador)</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">HS</td>
<td style="text-align: center"><input type="text" id="hs" size="5" class="campodigitavel" pai="hbj" operador="-"></td>
<td style="text-align: center"><input type="text" id="hsperc" size="5" class="perccalculado" pai="hs" readonly></td>
</tr>
<tr class="child-row2">
<td>Horas diárias para aperfeiçoamento e atualização (até 1 h por dia por julgador)</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">HAD</td>
<td style="text-align: center"><input type="text" id="aperfeicoamento" size="5" class="campodigitavel" pai="hbj" operador="-"></td>
<td style="text-align: center"><input type="text" id="aperfeicoamentoperc" size="5" class="perccalculado" pai="aperfeicoamento" readonly></td>
</tr>
<tr class="child-row2">
<td>Horas destinadas a reuniões técnico-administrativas</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">HAD</td>
<td style="text-align: center"><input type="text" id="reuniao" size="5" class="campodigitavel" pai="hbj" operador="-"></td>
<td style="text-align: center"><input type="text" id="reunicaoperc" size="5" class="perccalculado" pai="reuniao" readonly></td>
</tr>
<tr class="child-row2">
<td>Horas destinadas a eventos incluídos no Procad</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">HRC</td>
<td style="text-align: center"><input type="text" id="eventos" size="5" class="campodigitavel" pai="hbj" operador="-"></td>
<td style="text-align: center"><input type="text" id="eventosperc" size="5" class="perccalculado" pai="eventos" readonly></td>
</tr>
<tr class="parent" id="row3">
<td><b>Horas Líquidas para Julgamento de Processos - HLJ</b></td>
<td width="5" style="text-align: center">(=)</td>
<td style="text-align: center">HLJ</td>
<td style="text-align: center"><input type="text" id="hlj" name="hlj" size="5" target="hl" class="campocalculado" percentual="false" ordem="3" readonly></td>
<td style="text-align: center"><input type="text" id="hljperc" size="5" class="perccalculado" pai="hlj" readonly></td>
</tr>
<tr class="child-row3">
<td>Horas discricionárias (eventos não incluídos no Procad)</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">HD</td>
<td style="text-align: center"><input type="text" id="hdprocad" size="5" class="campodigitavel" pai="hlj" operador="-"></td>
<td style="text-align: center"><input type="text" id="hdprocadperc" size="5" class="perccalculado" pai="hdprocad" readonly></td>
</tr>
<tr class="child-row3">
<td>Horas discricionárias (destinadas a outros trabalhos na DRJ)</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">HD</td>
<td style="text-align: center"><input type="text" id="hddrj" size="5" class="campodigitavel" pai="hlj" operador="-"></td>
<td style="text-align: center"><input type="text" id="hddrjperc" size="5" class="perccalculado" pai="hddrj" readonly></td>
</tr>
<tr class="child-row3">
<td>Horas discricionárias (atividades não especificadas)</td>
<td width="5" style="text-align: center">(-)</td>
<td style="text-align: center">HD</td>
<td style="text-align: center"><input type="text" id="atividades" size="5" class="campodigitavel" pai="hlj" operador="-"></td>
<td style="text-align: center"><input type="text" id="atividadesperc" size="5" class="perccalculado" pai="atividades" readonly></td>
</tr>
<tr class="parent">
<td><b>Horas Líquidas - HL</b></td>
<td width="5" style="text-align: center">(=)</td>
<td style="text-align: center">HL</td>
<td style="text-align: center"><input type="text" id="hl" name="hl" target="" size="5" class="campocalculado" percentual="false" ordem="4" readonly></td>
<td style="text-align: center"><input type="text" id="hlperc" size="5" class="perccalculado" pai="hl" readonly></td>
</tr>
</tbody>
</table>
<br/>
<table class="box">
<thead>
<tr>
<th scope="col" style="text-align: center" colspan="2">Metas para a Unidade</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left; width:90%">1. Coeficiente de Horas Trabalhadas - CHT</td>
<td style="text-align: center" style="text-align: center; width:10%"><input type="text" name="hac" size="5"></td>
</tr>
<tr>
<td>2. Índice de Aproveitamento de Horas no Julgamento - IAH (= HLJ/HBJ)</td>
<td style="text-align: center"><input type="text" name="horas" size="5"></td>
</tr>
<tr>
<td>3. Aderência ao IAH [=(HL/HBJ)/IAH] ou [=HL/HLJ]</td>
<td style="text-align: center"><input type="text" name="ferias" size="5"></td>
</tr>
<tr>
<td>4. Produção (quantitativo expresso em UEP) (=CHT/HLJ)</td>
<td style="text-align: center"><input type="text" name="licenca" size="5"></td>
</tr>
<tr>
<td>5. Produção por julgador (quantitativo expresso em UEP/julgador) (=Produção UEB/quantidade de julgadores))</td>
<td style="text-align: center"><input type="text" name="ausencia" size="5"></td>
</tr>
</tbody>
</table>
<br/>
<table class="box">
<thead>
<tr>
<th scope="col" style="text-align: left; width:70%">Indicadores de Temporalidade</th>
<th scope="col" style="text-align: center; width:10%">Atual</th>
<th scope="col" style="text-align: center; width:10%">Meta</th>
<th scope="col" style="text-align: center; width:10%">%</th>
</tr>
</thead>
<tbody>
<tr>
<td>6. Tempo médio (dias) de permanência dos processos em estoque na unidade contado desde a data de entrada na unidade, excluídos os dias em diligência.</td>
<td style="text-align: center;"><input type="text" name="it6atual" size="5" readonly></td>
<td style="text-align: center"><input type="text" name="it6meta" size="5" readonly></td>
<td style="text-align: center">&nbsp;</td>
</tr>
<tr>
<td>7. Idade média (dias) de permanência dos processos em estoque na unidade contado desde a data de seu protocolo.</td>
<td style="text-align: center"><input type="text" name="it7atual" size="5" readonly></td>
<td style="text-align: center"><input type="text" name="it7meta" size="5" readonly></td>
<td style="text-align: center"><input type="text" name="it7perc" size="5" readonly></td>
</tr>
</tbody>
</table>
<br/>
<div id="botoes">
<input type="button" id="btSalvar" value="Salvar">
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment