Created
December 30, 2011 13:28
-
-
Save lusabo/1539856 to your computer and use it in GitHub Desktop.
Tela de Meta
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> </td> | |
<td> </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> </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> </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> </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> </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> </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> </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> </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> </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"> </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