Lançamento de Despesas
Defensoria Pública de Mato Grosso do Sul
Sistema de Lançamento de Despesas
Lançamento de DespesasMês/PagamentoMês de PagamentoJaneiroFevereiroMarçoAbrilMaioJunhoJulhoAgostoSetembroOutubroNovembroDezembro<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lançamento de Despesas</title>
<link rel="stylesheet" href="css/lancamentos.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="logo">
<img src="/images/logo-defensoria-ms.png" alt="logo">
<h2>Defensoria Pública de Mato Grosso do Sul</h2>
<h3>Sistema de Lançamento de Despesas</h3>
</div>
<div class="col-md-2">
<div class="panel panel-primary">
<div class="panel-heading">Lançamento de Despesas</div>
<div class="panel-body">
<form>
<div class="form-group">
<label for="mesPagamento">Mês/Pagamento</label>
<select class="form-control input-lg" id="despesa_mesPagamento" name="mesPagamento">
<option value="" selected="selected">Mês de Pagamento</option>
<option value="Janeiro">Janeiro</option>
<option value="Fevereiro">Fevereiro</option>
<option value="Março">Março</option>
<option value="Abril">Abril</option>
<option value="Maio">Maio</option>
<option value="Junho">Junho</option>
<option value="Julho">Julho</option>
<option value="Agosto">Agosto</option>
<option value="Setembro">Setembro</option>
<option value="Outubro">Outubro</option>
<option value="Novembro">Novembro</option>
<option value="Dezembro">Dezembro</option>
</select>
</div>
<div class="form-group">
<label for="mesReferencia">Mês/Referência</label>
<select class="form-control input-lg" id="despesa_mesReferencia" name="mesReferencia">
<option value="" selected="selected">Mês de Referência</option>
<option value="Janeiro">Janeiro</option>
<option value="Fevereiro">Fevereiro</option>
<option value="Março">Março</option>
<option value="Abril">Abril</option>
<option value="Maio">Maio</option>
<option value="Junho">Junho</option>
<option value="Julho">Julho</option>
<option value="Agosto">Agosto</option>
<option value="Setembro">Setembro</option>
<option value="Outubro">Outubro</option>
<option value="Novembro">Novembro</option>
<option value="Dezembro">Dezembro</option>
</select>
</div>
<div class="form-group">
<label for="ano">Ano</label>
<input type="number" name="ano" id="despesa_ano" class="form-control input-lg" placeholder="Inserir o ano">
</div>
<div class="form-group">
<label for="contrato">Contrato</label>
<input type="text" name="contrato" id="despesa_contrato" class="form-control input-lg" placeholder="Inserir o número do contrato">
</div>
<div class="form-group">
<label for="dataPagamento">Data/Pagamento</label>
<input type="date" name="dataPagamento" id="despesa_dataPagamento" class="form-control input-lg" placeholder="Inserir a data de pagamento">
</div>
<div class="form-group">
<label for="fornecedor">Fornecedor</label>
<input type="text" name="fornecedor" id="despesa_fornecedor" class="form-control input-lg" placeholder="Inserir o fornecedor do serviço/produto">
</div>
<div class="form-group">
<label for="descricao">Descrição do Serviço</label>
<input type="text" name="descricao" id="despesa_descricao" class="form-control input-lg" placeholder="Inserir a descrição do serviço/produto">
</div>
<div class="form-group">
<label for="nfFatura">NF/Fatura</label>
<input type="text" name="nfFatura" id="despesa_nfFatura" class="form-control input-lg" placeholder="Inserir o número da NF/Fatura">
</div>
<div class="form-group">
<label for="valor">Valor R$</label>
<input type="number" name="valor" id="despesa_valor" class="form-control input-lg" placeholder="Inserir o valor do serviço/produto">
</div>
<div class="form-group">
<label for="localServico">Local/Serviço</label>
<input type="text" name="localServico" id="despesa_localServico" class="form-control input-lg" placeholder="Inserir o local da realização do serviço">
</div>
<div class="form-group">
<label for="mUcContrato">Matrícula/UC/Contrato</label>
<input type="text" name="mUcContrato" id="despesa_mUcContrato" class="form-control input-lg" placeholder="Matrícula/UC/Contrato ">
</div>
<div class="form-group">
<label for="consumo">Consumo</label>
<input type="text" name="consumo" id="despesa_consumo" class="form-control input-lg" placeholder="Inserir consumo">
</div>
<div class="form-group">
<label for="comarca">Comarca</label>
<input type="text" name="comarca" id="despesa_comarca" class="form-control input-lg" placeholder="Inserir a comarca">
</div>
<div class="form-group">
<button type="button" id="updateButton" onclick="despesaUpdate();" class="btn btn-lg btn-primary">
Adicionar Despesa
</button>
<button type="button" id="updateButton1" onclick="despesaUpdate();" class="btn btn-lg btn-primary">
Sair
</button>
</div>
</form>
</div>
</div>
<!--// .panel -->
</div>
<!--// .col-md -->
</div>
<!--// .row -->
</body>
</html>
Registros
Defensoria Pública de Mato Grosso do Sul
Sistema de Lançamento de Despesas
</div>
<!--// .col-md-12DOCTYPE -->
</div>html>
<!--// .row<html -lang="pt->br">
<div class="row"><head>
<div<meta class="col-mdcharset="UTF-13">8">
<table id="despesaTable" class="table<meta table-borderedname="viewport" tablecontent="width=device-condensedwidth, tableinitial-striped">
<thead>scale=1.0">
<meta http-equiv="X-UA-Compatible" <tr>content="ie=edge">
<th id="pagamento">Mês/Pagamento<<title>Registros</th>title>
<link <threl="stylesheet" id="referencia">Mês/Referência<href="css/th>registros.css">
<link <threl="stylesheet" id="ano">Ano<href="css/th>bootstrap-theme.min.css">
<link <threl="stylesheet" id="contrato">Contrato<href="css/th>bootstrap.min.css">
<th<script id="datap">Datasrc="js/Pagamento<bootstrap.min.js"></th>script>
<th<script id="fornecedor">Fornecedor<src="js/th>
<th id="servicos">Descrição do Serviço<jquery-3.3.1.min.js"></th>script>
<th id="nf">NF/Fatura<</th>head>
<th id="valor">Valor R$</th>
<th id="local">Local/Serviço</th><body>
<div id="logo">
<th<img id="matricula">Matrícula/UCsrc="/Contrato<images/th>
<thlogo-defensoria-ms.png" id="consumo">Consumo</th>alt="logo">
<th id="comarca">Comarca</th>
<h2>Defensoria Pública de Mato Grosso do <Sul</tr>h2>
</thead>
<h3>Sistema de Lançamento de <Despesas</table>h3>
</div>
<!--// .col-md-13 -->
</div>
<!--// .container -->
<div class="container">
<div class="row">
<div class="col-md-13">
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
// Próximo ID para adicionar uma nova despesa</div>
var _nextId = 1;
<!--// ID da.col-md-12 despesa-->
que está sendo editada</div>
var _activeId =<!--// 0;.row -->
function formClear() {<div class="row">
$("#despesa_mesPagamento").val(""); <div class="col-md-13">
$("#despesa_mesReferencia").val(""); <table id="despesaTable" class="table table-bordered table-condensed table-striped">
$("#despesa_ano").val(""); <thead>
$("#despesa_contrato").val(""); <tr>
$("#despesa_dataPagamento").val(""); <th id="pagamento">Mês/Pagamento</th>
$("#despesa_fornecedor").val(""); <th id="referencia">Mês/Referência</th>
$("#despesa_descricao").val(""); <th id="ano">Ano</th>
$("#despesa_nfFatura").val(""); <th id="contrato">Contrato</th>
$("#despesa_valor").val(""); <th id="datap">Data/Pagamento</th>
$("#despesa_localServico").val(""); <th id="fornecedor">Fornecedor</th>
$("#despesa_mUcContrato").val(""); <th id="servicos">Descrição do Serviço</th>
$("#despesa_consumo").val(""); <th id="nf">NF/Fatura</th>
$("#despesa_comarca") <th id="valor">Valor R$</th>
<th id="local">Local/Serviço</th>
<th id="matricula">Matrícula/UC/Contrato</th>
<th id="consumo">Consumo</th>
<th id="comarca">Comarca</th>
</tr>
</thead>
</table>
</div>
<!--// .val("");col-md-13 -->
} </div>
<!--// .container -->
function despesaBuildTableRow(id) {
var row = "<tr>" +
"<td>" + $("#despesa_mesPagamento").val() + "</td>" +
"<td>" + $("#despesa_mesReferencia").val() + "</td>" +
"<td>" + $("#despesa_ano").val() + "</td>" +
"<td>" + $("#despesa_contrato").val() + "</td>" +
"<td>" + $("#despesa_dataPagamento").val() + "</td>" +
"<td>" + $("#despesa_fornecedor").val() + "</td>" +
"<td>" + $("#despesa_descricao").val() + "</td>" +
"<td>" + $("#despesa_nfFatura").val() + "</td>" +
"<td>" + $("#despesa_valor").val() + "</td>" +
"<td>" + $("#despesa_localServico").val() + "</td>" +
"<td>" + $("#despesa_mUcContrato").val() + "</td>" +
"<td>" + $("#despesa_consumo").val() + "</td>" +
"<td>" + $("#despesa_comarca").val() + "</td>" +
"<td>" +
"<button type='button' " +
"onclick='despesaDisplay(this);' " +
"class='btn btn-default'" +
"data-id='" + id + "'>" +
"<span class='glyphicon glyphicon-edit'></span>" +
"</button>" +
"</td>" +
"<td>" +
"<button type='button' " +
"onclick='despesaDelete(this);' " +
"class='btn btn-default'" +
"data-id='" + id + "'>" +
"<span class='glyphicon glyphicon-remove'></span>" +
"</button>" +
"</td>" +
"</tr>"
return<script row;src="js/jquery-3.3.1.min.js"></script>
} <script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
// Próximo ID para adicionar uma nova despesa
var _nextId = 1;
// ID da despesa que está sendo editada
var _activeId = 0;
function despesaAddToTableformClear() {
// Primeiro verifica se a$("#despesa_mesPagamento").val("");
tag <tbody> existe $("#despesa_mesReferencia").val("");
Adiciona um caso não exista $("#despesa_ano").val("");
if $("#despesa_contrato").val("");
$("#despesaTable"#despesa_dataPagamento").val("");
tbody" $("#despesa_fornecedor").lengthval("");
== 0 $("#despesa_descricao").val("");
{ $("#despesa_nfFatura").val("");
$("#despesa_valor").val("");
$("#despesaTable""#despesa_localServico").appendval("<tbody></tbody>""");
$("#despesa_mUcContrato").val("");
$("#despesa_consumo").val("");
$("#despesa_comarca").val("");
}
function despesaBuildTableRow(id) {
var row = "<tr>" +
"<td>" + $("#despesa_mesPagamento").val() + "</td>" +
"<td>" + $("#despesa_mesReferencia").val() + "</td>" Adiciona+
a despesa na Tabela "<td>" + $("#despesa_ano").val() + "</td>" +
"<td>" + $("#despesaTable"#despesa_contrato").val() tbody"+ "</td>" +
"<td>" + $("#despesa_dataPagamento").appendval(despesaBuildTableRow) + "</td>" +
"<td>" + $(_nextId"#despesa_fornecedor").val(); + "</td>" +
"<td>" + $("#despesa_descricao").val() + "</td>" +
"<td>" + $("#despesa_nfFatura").val() + "</td>" +
"<td>" + $("#despesa_valor").val() + "</td>" +
"<td>" + $("#despesa_localServico").val() + "</td>" +
"<td>" + $("#despesa_mUcContrato").val() + "</td>" +
"<td>" + $("#despesa_consumo").val() + "</td>" +
"<td>" + $("#despesa_comarca").val() + "</td>" +
"<td>" +
"<button type='button' " +
"onclick='despesaDisplay(this);' " +
"class='btn btn-default'" +
"data-id='" + id + "'>" +
"<span class='glyphicon glyphicon-edit'></span>" +
"</button>" +
"</td>" +
"<td>" +
"<button type='button' " +
"onclick='despesaDelete(this);' " +
"class='btn btn-default'" +
"data-id='" + id + "'>" +
"<span class='glyphicon glyphicon-remove'></span>" +
"</button>" +
"</td>" +
"</tr>"
// Incrementamos o nextId
return row;
_nextId += 1;
}
function despesaDeletedespesaAddToTable(button_delete) {
// Primeiro verifica se a tag <tbody> existe. Adiciona um caso não exista
if ($(button_delete"#despesaTable tbody").parentslength == 0) {
$("tr""#despesaTable").removeappend("<tbody></tbody>");
}
function despesaDisplay(button_edit) {
var// rowAdiciona =a $(button_edit).parents("tr");despesa na Tabela
var cols = row $("#despesaTable tbody").childrenappend("td"despesaBuildTableRow(_nextId));
_activeId = $($(cols[13]).children("button")[0]).data("id"); // Incrementamos o nextId
_nextId += 1;
}
$("#despesa_mesPagamento").val($(cols[0]).text());
$("#despesa_mesReferencia").val($(cols[1]).text());
$("#despesa_contrato").val($(cols[2]).text());
$("#despesa_ano").val($(cols[3]).text());
$("#despesa_dataPagamento").val($(cols[4]).text());
$("#despesa_fornecedor").val($(cols[5]).text());
function $("#despesa_descricao").val($(cols[6]).textdespesaDelete()button_delete);
$("#despesa_nfFatura").val($(cols[7]).text());{
$("#despesa_valor").val($(cols[8]).text());
$("#despesa_localServico").val($(cols[9]).text());
$("#despesa_mUcContrato"button_delete).val($parents(cols[10]"tr").textremove());
$("#despesa_consumo").val($(cols[11]).text());
$("#despesa_comarca").val($(cols[12]).text());}
// Mudar o textofunction dodespesaDisplay(button_edit) Botão{
var row = $("#updateButton"button_edit).textparents("Atualizar""tr");
} var cols = row.children("td");
function despesaUpdateInTable(id) {
// Encontra a despesa na tabela
var row_activeId = $("#despesaTable button[data-id='" + id + "']"$(cols[13]).parentschildren("tr""button")[0];[0]).data("id");
// Adiciona a linha modifica$("#despesa_mesPagamento").val($(cols[0]).text());
na tabela $("#despesa_mesReferencia").val($(cols[1]).text());
$(row"#despesa_contrato").afterval(despesaBuildTableRow$(cols[2]).text());
$("#despesa_ano").val($(cols[3]).text());
$("#despesa_dataPagamento").val($(cols[4]).text());
$("#despesa_fornecedor").val($(cols[5]).text());
$("#despesa_descricao").val($(cols[6]).text());
$("#despesa_nfFatura").val($(cols[7]).text());
$("#despesa_valor").val($(cols[8]).text());
$("#despesa_localServico").val($(cols[9]).text());
$("#despesa_mUcContrato").val($(cols[10]).text());
$("#despesa_consumo").val($(cols[11]).text());
$("#despesa_comarca").val($(cols[12]).text());
// RemoverMudar ao linhatexto antigado Botão
$(row"#updateButton").removetext("Atualizar");
}
function despesaUpdateInTable(id) {
// LimparEncontra oa formuláriodespesa na tabela
formClear var row = $("#despesaTable button[data-id='" + id + "']").parents("tr");[0];
// MudarAdiciona oa textolinha domodifica Botãona tabela
$("#updateButton"row).textafter("Adicionar Despesa"despesaBuildTableRow());
}
function despesaUpdate() {
if ($("#despesa_mesPagamento").val() != null &&// $("#despesa_title").val()Remover !=a '')linha {antiga
if ( $("#updateButton"row).textremove();
== "Atualizar") {
// Limpar o despesaUpdateInTable(_activeId);formulário
} else {formClear();
// AdicionaMudar ao despesatexto nado TabelaBotão
despesaAddToTable$("#updateButton").text("Adicionar Despesa");
}
function despesaUpdate() {
if ($("#despesa_mesPagamento").val() != null && $("#despesa_title").val() != '') {
if ($("#updateButton").text() == "Atualizar") {
despesaUpdateInTable(_activeId);
} else {
// LimpaAdiciona oa formuláriodespesa na Tabela
formClear despesaAddToTable();
}
// Limpa o formulário
formClear();
// Mantém o foco no campo Título
$("#despesa_mesPagamento").focus();
}
}
</script>
</body>
</html>