mjailton - ligando você ao mundo do conhecimento

Passo 1 Node Adicionais

1 Criando o arquivo

Na pasta NotaFiscal/Nfe crie um arquivo chamado TabAdicional.blade.php em seguida copie o conteúdo do arquivo TabAdicional do layout baixado e cole na view criada

x

2 Incluindo o arquivo

Na view NotaFiscal/Nfe/Edit.blade.php procure pela palavra Adicional e inclua o arquivo criado, use o código @include('NotaFiscal.Nfe.TabAdicional')

x

<div id="tab-8" class="cx-tab">
                                    <form id="frmAdicional" name="frmAdicional">
                                        @include('NotaFiscal.Nfe.TabAdicional')
                                    </form>
                                    <div class="d-inline-block width-100 mb-5 mt-0" style="clear:both">
                                        <input type="button" onclick="salvarAdicional()" value="Salvar Dados Adicionais"
                                            class="btn btn-azul d-block m-auto">
                                    </div>
                                </div>

3 Criando o javascript

Crie um arquivo javascript na pasta public chamado tabAdicional_js.js

x

4 Método salvarAdicional

No controller NotaFiscalController crie um método chamado salvarAdicional, o qual deverá receber os dados do formulário e salvar no banco de dados

x

public function salvarAdicional(Request $request){
        $retorno    = new \stdClass();
        $req        = $request->except(["_token","_method"]);
        try {
            $nfe = Nfe::find($request->nfe_id);
            $nfe->update($req);
            $retorno->tem_erro = false;
            $retorno->erro = "";
            return response()->json($retorno);

        } catch (\Throwable $th) {
            $retorno->tem_erro = true;
            $retorno->erro = $th->getMessage();
            return response()->json($retorno);
        }
    }

5 Criando a Rota

Crie uma rota para chamar o método salvarAdicional

x

Route::post("/notafiscal/salvarAdicional", [NotaFiscalController::class, "salvarAdicional"])->name("notafiscal.salvarAdicional");

6 incluindo o arquivo javascript

No arquivo NotaFiscal/Nfe/Edit.blade.php inclua o arquivo javascript criado

x

<script src="{{ asset('assets/js/tabAdicional_js.js') }}"></script>

7 Criando o método salvarAdicional

No arquivo javascript criado crie um método chamado salvarAdicional, o qual deverá:

- receber os dados do formulário frmAdicional
- enviar o dados via ajax para o o método notafiscal/salvarAdicional

x

function salvarAdicional(){
        var frmAdicional = $("#frmAdicional").serializeArray();
        frmAdicional.push({ name: "nfe_id", value: nfe_id });

        $.ajax({
                url: base_url + "notafiscal/salvarAdicional",
                type: "post",
                dataType:"Json",
                data:frmAdicional,
                success: function(data){
                    fecharGiraGira();
                    if(data.tem_erro ==true){
                        $("#mostrarUmErro").html(MostrarUmaMsgErro(" Erro: " + data.erro));
                    }else{
                        $("#mostrarSucesso").html(MostrarUmaMsgSucesso("Sucesso : " + "Dados da Aba Adicional atualizado com sucesso"));
                    }
                },
                beforeSend: function(){
                giraGira();
            }, error: function (e) {
                fecharModal();
                var response = JSON.parse(e.responseText);
                $("#mostrarErros").html(MostrarMsgErros(response.errors));
            }
        });
}

Passo 2 Node Autorizados

1 Lista de Autorizados

No método edit do controller NotaFiscalController , busque a lista de autorizados da respectiva nfe e envie para a view

x

$dados["autorizados"]       = NfeAutorizado::where("nfe_id", $id)->get();

2 Criando o arquivo

Na pasta NotaFiscal/Nfe crie um arquivo chamado TabAutorizado.blade.php em seguida copie o conteúdo do arquivo TabAutorizado do layout baixado e cole na view criada

x

3 Incluindo o arquivo

Na view NotaFiscal/Nfe/Edit.blade.php procure pela palavra Autorizado e inclua o arquivo criado, use o código @include('NotaFiscal.Nfe.TabAutorizado')

x

<div id="tab-9" class="cx-tab">
                                    @include('NotaFiscal.Nfe.TabAutorizado')
                                </div>

4 Criando o Controller

Crie um controller chamado NfeAutorizadoController, para que o projeto fique mais organizado salve o controller numa pasta chamada NotaFiscal

x

Comando de Criação
- Para criar o controller use o comando: php artisan make:controller \NotaFiscal\NfeAutorizadoController-r
  
  x

5 Criando a Rota

Crie uma rota resource setando para o controller NfeAutorizadoController

x

Route::resource("/nfeautorizado", NfeAutorizadoController::class);

6 Criando o javascript

Crie um arquivo javascript na pasta public chamado tabAutorizado_js.js

x

incluindo o arquivo javascript
- No arquivo NotaFiscal/Nfe/Edit.blade.php inclua o arquivo javascript criado
  x
  <script src="{{ asset('assets/js/tabAutorizado_js.js') }}"></script>

metodo inserirAutorizado

no arquivo tabAutorizado_js.js, crie um método chamado inserirAutorizado, o qual deverá:

- chamar os campos : nfe_id, aut_contato, aut_cnpj
- via ajax chame o método store da nfeautorizado passando os campos como parâmetro.

x

function inserirAutorizado(){
    $.ajax({
         url: base_url + "nfeautorizado",
         type: "post",
         dataType:"Json",
         data:{
        	 nfe_id   				: nfe_id,
        	 aut_contato			: $("#aut_contato").val(),
        	 aut_cnpj				: $("#aut_cnpj").val(),
         },
         success: function(data){
			$("#aut_contato").val(' ');
			$("#aut_cnpj").val(' ');
        	 lista_autorizado(data);
             fecharModal();

         },
         beforeSend: function(){
            giraGira();
        }

     });

 }

Método lista_autorizado

No arquivo tabAutorizado_js crie um método chamado lista_autorizado qual deverá receber a lista de nfeautorizados e popular na tabela

x

 function lista_autorizado(data){
	    var html = "";
	    for(var i in data){
	        html += "<tr> " +
	               "<td align='center' >" + data[i].id + "</td>" +
	               "<td align='center' >" + data[i].aut_contato + "</td>" +
	               "<td align='center' >" + data[i].aut_cnpj + "</td>" +
	               "<td align='center' ><a href='javascript:;' onclick='excluirAutorizado("+ data[i].id +")'  class='btn btn-sm btn-danger d-inline-block' title='Excluir'><i class='fas fa-trash'></i></a></td>" +
	       "</tr>";
	    }
	    $("#lista_autorizado").html(html);

	}

7 Método store

No método store, faça os seguintes procedimentos receba os dados e salve no banco retornando a lista de nfeautorizado pelo nfe_id

x

public function store(Request $request)
    {
        $req = $request->except(["_token"]);
        try {
            $req = $request->except(["_token","_method"]);
            NfeAutorizado::Create($req);
            $lista = NfeAutorizado::where("nfe_id", $req["nfe_id"])->get();
            echo json_encode($lista);
        } catch (\Throwable $th) {
            echo json_encode("Erro: " . $th->getMessage());
        }
    }

8 Método excluirAutorizado

No arquivo tabAutorizado_js.js crie um método chamado excluirAutorizado com os seguintes procedimentos:

- Receba o campo id
- via ajax chame o método nfeautorizado/id com método DELETE
- atualiza a lista de autorizados

x

 function excluirAutorizado(id){
     $.ajax({
       url: base_url + "nfeautorizado/" + id ,
       type: "DELETE",
       data: {  },
       dataType:"Json",
       success: function(data){
    	   lista_autorizado(data);
       }
   });
}

9 Método Destroy

implemente o método destroy do Controller, com as seguinte ações:

- Busque a nfeautorizada pelo id passado no parâmetro
- Caso encontre, exclua a mesma do banco, coloque esta instrução em um bloco try/catch
- retorne a lista

x

try {
            $autorizado = NfeAutorizado::where("id", $id)->first();
            if($autorizado){
                $autorizado->delete();
            }
            $lista = NfeAutorizado::where("nfe_id", $autorizado->nfe_id)->get();
            echo json_encode($lista);
        } catch (\Throwable $th) {
            //throw $th;
        }
    }

Passo 3 Node Refenciados

1 Lista de Referenciados

No método edit do controller NotaFiscalController , busque a lista de referenciados da respectiva nfe e envie para a view

x

$dados["referenciados"]     = NfeReferenciado::where("nfe_id", $id)->get();

2 Criando o arquivo

Na pasta NotaFiscal/Nfe crie um arquivo chamado TabReferenciado.blade.php em seguida copie o conteúdo do arquivo TabReferenciado do layout baixado e cole na view criada

x

Incluindo o arquivo
- Na view NotaFiscal/Nfe/Edit.blade.php procure pela palavra Referenciado e inclua o arquivo criado, use o código @include('NotaFiscal.Nfe.TabReferenciado')
  x
  <div id="tab-10" class="cx-tab"> @include('NotaFiscal.Nfe.TabReferenciado') </div>

3 Criando o Controller

Crie um controller chamado NfeReferenciadoController, para que o projeto fique mais organizado salve o controller numa pasta chamada NotaFiscal

x

Comando de Criação
- Para criar o controller use o comando: php artisan make:controller \NotaFiscal\NfeReferenciadoController-r
  
  x

4 Criando a Rota

Crie uma rota resource setando para o controller NfeReferenciadoController

x

Route::resource("/nfereferenciado", NfeReferenciadoController::class);

5 Criando o javascript

Crie um arquivo javascript na pasta public chamado tabReferenciado_js.js

x

6 incluindo o arquivo javascript

No arquivo NotaFiscal/Nfe/Edit.blade.php inclua o arquivo javascript criado

x

<script src="{{ asset('assets/js/tabReferenciado_js.js') }}"></script>

7 metodo inserirReferenciado

no arquivo tabReferenciado_js.js, crie um método chamado inserirReferenciado, o qual deverá:

- chamar os campos : nfe_id, tipo_nota_referenciada , ref_NFe, ref_ano_mes, ref_num_nf, ref_serie
- via ajax chame o método store da nfeautorizado passando os campos como parâmetro.

x

  function inserirReferenciado(){
    $.ajax({
         url: base_url + "nfereferenciado",
         type: "post",
         dataType:"Json",
         data:{
        	 nfe_id   				: nfe_id,
        	 tipo_nota_referenciada	: $("#tipo_nota_referenciada").val(),
        	 ref_NFe				: $("#ref_NFe").val(),
			 ref_ano_mes			: $("#ref_ano_mes").val(),
			 ref_num_nf				: $("#ref_num_nf").val(),
			 ref_serie				: $("#ref_serie").val(),
         },
         success: function(data){
			$("#tipo_nota_referenciada").val(' ');
			$("#ref_NFe").val(' ');
			$("#ref_ano_mes").val(' ');
			$("#ref_num_nf").val(' ');
			$("#ref_serie").val(' ');
        	 lista_referenciado(data);
             fecharModal();

         },
         beforeSend: function(){
            giraGira();
        }

     });

 }

8 Método lista_referenciado

No arquivo tabReferenciado_js crie um método chamado lista_referenciadoqual deverá receber a lista de nfereferenciados e popular na tabela

x

function lista_referenciado(data){
	    var html = "";
	    for(var i in data){
	        html += "<tr> " +
	               "<td align='center' >" + data[i].id + "</td>" +
	               "<td align='center' >" + data[i].ref_NFe + "</td>" +
					"<td align='center' >" + data[i].ref_ano_mes + "</td>" +
					"<td align='center' >" + data[i].ref_num_nf + "</td>" +
					"<td align='center' >" + data[i].ref_serie + "</td>" +
	               "<td align='center' ><a href='javascript:;' onclick='excluirReferenciado("+ data[i].id +")'  class='btn btn-sm btn-danger d-inline-block' title='Excluir'><i class='fas fa-trash'></i></a></td>" +
	       "</tr>";
	    }
	    $("#lista_referenciado").html(html);

	}

9 Método ver_tipo_nota_referenciada

no js tabReferenciado_js crie um método ver_tipo_nota_referenciada, que deverá listar os campos referenciados de acordo com o tipo selecionado

x

function ver_tipo_nota_referenciada() {
            var tipo = $("#tipo_nota_referenciada").val();
            var chave = $("#divChave");
            var ano_mes = $("#divDataEmissao");
            var num_nf = $("#divNumeroNota");
            var serie = $("#divSerieNota");

            $("#ref_NFe").val(" ");
            $("#ref_ano_mes").val(" ");
            $("#ref_num_nf").val(" ");
            $("#ref_serie").val(" ");

            chave.hide();
            ano_mes.hide();
            num_nf.hide();
            serie.hide();



            if (tipo == 1 || tipo == 7) {
                $("#lblChave").html("Chave de Acesso");
                chave.show();
                chave.val(" ");
                ano_mes.hide();
                num_nf.hide();
                serie.hide();

            } else if (tipo == 2) {
                $("#lblChave").html("Número do Contador de Ordem de Operação - COO");
                chave.show();
                ano_mes.hide();
                num_nf.hide();
                serie.hide();
            } else if (tipo == 3 || tipo == 4 || tipo == 5 || tipo == 6) {
                $("#lblChave").html("");
                chave.hide();
                ano_mes.show();
                num_nf.show();
                serie.show();
            }
        }

10 Método store

No método store, faça os seguintes procedimentos receba os dados e salve no banco retornando a lista de nfereferenciado pelo nfe_id

x

 $req = $request->except(["_token","_method"]);        
        try {
            NfeReferenciado::Create($req);
            $lista = NfeReferenciado::where("nfe_id", $req["nfe_id"])->get();
            echo json_encode($lista);
        } catch (\Throwable $th) {
            echo json_encode("Erro: " . $th->getMessage());
        }

11 Método excluirReferenciado

No arquivo tabReferenciado_js.js crie um método chamado excluirReferenciadocom os seguintes procedimentos:

- Receba o campo id
- via ajax chame o método nfeautorizado/id com método DELETE
- atualiza a lista de referenciados

x

 function excluirReferenciado(id){
     $.ajax({
       url: base_url + "nfereferenciado/" + id ,
       type: "DELETE",
       data: {  },
       dataType:"Json",
       success: function(data){
    	   lista_referenciado(data);
       }
   });
}

12 Método destroy

implemente o método destroy do Controller, com as seguinte ações:

- Busque a nfereferenciado pelo id passado no parâmetro
- Caso encontre, exclua a mesma do banco, coloque esta instrução em um bloco try/catch
- retorne a lista

x

 try {
            $referenciado = NfeReferenciado::where("id", $id)->first();
            if($referenciado){
                $referenciado->delete();
            }
            $lista = NfeReferenciado::where("nfe_id", $referenciado->nfe_id)->get();
            echo json_encode($lista);
        } catch (\Throwable $th) {
            //throw $th;
        }

1 Criando o arquivo

2 Incluindo o arquivo

3 Criando o javascript

4 Método salvarAdicional

5 Criando a Rota

6 incluindo o arquivo javascript

7 Criando o método salvarAdicional

1 Lista de Autorizados

2 Criando o arquivo

3 Incluindo o arquivo

4 Criando o Controller

5 Criando a Rota

6 Criando o javascript

7 Método store

8 Método excluirAutorizado

9 Método Destroy

1 Lista de Referenciados

2 Criando o arquivo

3 Criando o Controller

4 Criando a Rota

5 Criando o javascript

6 incluindo o arquivo javascript

7 metodo inserirReferenciado

8 Método lista_referenciado

9 Método ver_tipo_nota_referenciada

10 Método store

11 Método excluirReferenciado

12 Método destroy

Cole seu código aqui: