Histórico da Página

Informações Gerais

Objetivo

Esta especificação tem o objetivo de descrever como será desenvolvido o layout da tela de solicitação de reembolso do portal do beneficiário, sempre pensando que o beneficiário pode ser um usuário leigo e que precisa realizar o processo na maneira mais fácil possível.

Definição da Regra de Negócio

1. Criar o cabeçalho da tela em HTML (utilizando o framework WCHTML), deverá conter os seguintes campos:
   1. Tipo do comprovante (B1N_TIPDOC) - combobox que deverá, ao carregar a tela, já deverá estar com os registros da tabela BBS (Tipo Doc. Reemb) carregados.
   2. CNPJ/CPF do prestador de serviço (B1N_PRCNPJ)
   3. Nome do prestador de serviço (B1N_PRNOME)
   4. Nº da nota fiscal/cupom fiscal, etc (B1N_NUMDOC) (modificar a label conforme a opção selecionada no combobox)
   5. Data de emissão do comprovante fiscal (B1N_DATDOC)
   6. Obs: Se existir na BK6 a rede informada, deverá gravar na B1N, no campo B1N_CODREF, o código encontrado na BK6.
      1. Sugestão: como a tabela B1N são os itens do reembolso, para não ficar gravando essas informações a todo momento, quando o usuário preencher o CNPJ/CPF deverá validar o seguinte:
         1. Se existir na tabela BK6, preencha o campo Nome do prestador de serviço e desabilite a edição e retorne o código encontrado na BK6 e grave-o em um input do tipo "hidden".
         2. Se não existir, deixe o campo Nome do prestador de serviço habilitado para edição e mantenha o valor do hidden em branco.
         3. No momento que o usuário confirmar a solicitação, grave o código do hidden (se houver) em todas os itens(despesas) inseridos, do contrário grave somente os campos de CNPJ e nome.
         4. Para consultar a especificação técnica sobre a rede não referenciada acesse: http://tdn.totvs.com/x/6bL5Cw
2. Criar os itens(despesas) do reembolso, deverá conter os campos:
   1. Nome do beneficiário
   2. Tipo do serviço utilizado
   3. Uso constante
   4. Cod. do Procedimento
   5. Procedimento
   6. Quantidade
   7. Valor
   8. Receitas Cadastradas
      1. Esse campo será visível somente quando a despesa estiver marcada como "Uso constante".
      2. Deverá ser um combo pesquisa, agrupado por Receitas e medicamentos cadastrados, onde o beneficiário irá selecionar o medicamento que irá solicitar o reembolso.
      3. Para consultar a especificação sobre o cadastro de receitas de medicamentos de uso contínuo acesse: http://tdn.totvs.com/x/FCMGD
   9. Botão: Adicionar uma nova despesa 
      1. Cada vez que esse botão for clicado, deverá ser gravado o último item que foi adicionado antes de inserir a nova div para uma nova despesa.
         1. A div adicionada deverá estar com o formulário aberto e todas as outras exibindo apenas um resumo das informações (Tipo do atendimento, valor, nome do beneficiário).
         2. Na tabela BOW deverá gravar somente o número da solicitação, bem como no item que é a B1N, no entanto os campos "fixos" do cabeçalho não serão gravados nesse momento.
         3. A solicitação deverá ser gravada com o status "A-Solicitação não concluida"
   10. Botão: Excluir

       1. Botão que deverá excluir a caixa (div) da despesa e ainda excluí-la da base de dados.

          Bloco de código
          language js title Removendo um elemento html collapse true
          //utilizando javascript puro var divExcluir = document.getElementById("divExcluir"); //pego a div que quero excluir e que tem o id do elemento "divExcluir" divExcluir.parentNode.removeChild(divExcluir ); //pego o elemento pai desta div e digo que quero excluir a div filha "divExcluir"   //utilizando jquery $("#divExcluir").remove();

   11. Botão: Salvar
       1. Botão que aparecerá somente depois que o item for gravado na base de dados, pois quando o usuário clicar em "mais detalhes" para ver a despesa, deverá aparecer o formulário da despesa para que ele possa alterar as informações.
   12. Os campos que compõem cada div de despesas, serão iguais, sugestão para criar dinamicamente em cada div:
       1. Criar um fieldset no .aph que terá "display:none" cada vez que for adicionada uma nova despesa, deve ser chamada uma função JavaScript que cria o elemento que expande e retrai e passar por parâmetro o fieldset para que seja possível fazer o innerHTML do mesmo na div quando está expandida.

       2. Passar um array com o id dos campos que compõem o resumo da div, isto é, quando ela está retraída. 

          Bloco de código
          language js title Função que cria o componente da div collapse true
          function novaDiv(idFieldSet, idCamposDet){ //idCamposDet teria o formato label1~id1#label2~id2#label3~id3 ... nCont++; fTudoDetalhe(); //função que retrai todas as divs var container = document.querySelector("#divMaster"); //div que envolve o componente com todas as divs dentro var divCaixa = document.createElement("DIV"); divCaixa.className = "col-md-12"; divCaixa.id = "divCaixa" + nCont; $(divCaixa).css({"border" : "1px solid", "margin" : "10px"}); var divResume = document.createElement("DIV"); divResume.className = "col-md-12 divResume"; divResume.id = "resume" + nCont; $(divResume).css({"min-height":"100px","display":"none","position" : "relative", "border":"1px solid red"}); //será necessário verificar como colocaremos os campos passados por parâmetro no "resumo" da div e ainda acrescentar o id da div caixa que envolve a div resume e a div form // então se for passado um campo com id txtNome, trocaremos para "txtNome_divCaixa" + nCont por exemplo. var divBtn = document.createElement("DIV"); divBtn.className = "col-md-12 text-center"; divBtn.innerHTML = '<button type="button" id="btnD' + nCont + '" class="btn btn-default btn-xs btn-detail" onclick="fToggleForm((this.id).substr(4), \'resume\' );">exibir detalhes</button>' $(divBtn).css({"position": "absolute","bottom": "0"}); var divFormDesp = document.createElement("DIV"); divFormDesp.className = "col-md-12 divFormDesp"; divFormDesp.id = "form-desp" + nCont; //antes de fazer o innerHTML do fieldSet na div, deveremos trocar todos os id's dos elementos, acrescentando o id da div caixa que envolve a div resume e a div form divFormDesp.innerHTML = document.querySelector("#"+idFieldSet).innerHTML $(divFormDesp).css({"min-height":"100px","display":"block","position" : "relative", "border":"1px solid red"}); var divBtnDesp = document.createElement("DIV"); divBtnDesp.className = "col-md-12 text-center"; divBtnDesp.innerHTML = '<button type="button" id="btnO' + nCont + '" class="btn btn-default btn-xs btn-detail" onclick="fToggleForm((this.id).substr(4), \'form-desp\' );">ocultar detalhes</button>' $(divBtnDesp).css({"position": "absolute","bottom": "0"}); divResume.appendChild(divBtn); divCaixa.appendChild(divResume); divFormDesp.appendChild(divBtnDesp); divCaixa.appendChild(divFormDesp); container.appendChild(divCaixa); }

3. Criar um fieldset para a parte de anexos da solicitação, que deverão ser gravados no banco de conhecimento, nas tabelas ACB e AC9. Neste fieldset teremos os campos:

   1. Uma grid para carregar os documentos enviados pelo beneficiário. 

   2. Criar um campo input do tipo "file" para o usuário selecionar o arquivo.
   3. Botão para enviar o arquivo.
   4. Quando, na despesa, o beneficiário selecionar que o tipo de serviço utilizado foi um Medicamento, deverá aparecer um novo botão ao lado do botão para Enviar o documento, um botão com a label "Enviar receita", o input deverá ter o label trocado para "Selecione o documento ou receita" e, ainda, acima do fieldset de anexos, deverá ser exibida uma mensagem utilizando o alert-warning do Bootstrap com uma mensagem de aviso para lembrar o usuário de anexar a receita do medicamento se houver. 
      1. Se o medicamento for de uso constante, deverá acrescentar na mensagem que se a receita já estiver cadastrada não será necessário anexar a receita apenas selecioná-la no campo "Receitas Cadastradas". 
4. Botão para Finalizar a solicitação de reembolso.
   1. Como os itens já estarão cadastrados na base de dados, quando o usuário clicar nesse botão, o status da solicitação de reembolso deverá ser alterado para "1-Protocolado"
   2. Deverá gravar os dados do cabeçalho nos itens (despesas - B1N).
   3. Além dos campos na tela, deverão ser gravados outros campos na tabela BOW, para consultar quais são esses campos e as regras de gravação acesse o método webservice PutReembBen, que faz a gravação atual nas tabelas BOW, B1N, BK6.

Tabelas Utilizadas

• BOW - Protocolo de reembolso
• B1N - Itens protocolo reembolso
• BK6 - Redes não referenciadas
• ACB - Bancos de conhecimentos
• AC9 - Relação de objetos X Entidades

Protótipo de Tela

Protótipo 01

Image Added

Fluxo do Processo

Dicionário de Dados

Arquivo ou Código do Script: AAA – Negociação Financeira / *Versao=CP.2014.12_03*/

(Opcional)

Consulta Padrão

<Informações utilizadas na linha Protheus>

Consulta: AMB