# PROC005.1 Reformulação Tela Principal O.S. - Detalhes

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;"><span style="color: #000000;"> </span>

[![image-1763387199531.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1763387199531.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1763387199531.png)

<span style="color: #000000;"> </span>

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">O.S. - GerencieAqui</span></td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.2</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
PROC005.1 Reformulação Tela Principal O.S. - Detalhes</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Luís Leite</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">03/11/2025</span>

</td></tr></tbody></table>

##### <span style="color: #000000;">**1. Introdução**</span>

<span style="color: #000000;">**Este processo visa exemplificar a reformulação da tela principal da Ordem de Serviço**</span>

<table cellpadding="9" cellspacing="0" id="bkmrk-processo-envolvidos-" style="width: 100%;" width="100%"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 27%;" width="27%"><span style="font-size: small; color: #000000;">**Processo**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 19%;" width="19%"><span style="font-size: small; color: #000000;">**Envolvidos**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 27%;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Entrada**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 27%;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Saída**</span>

</td></tr><tr valign="top"><td style="width: 27%; border-style: solid; border-color: black;" width="27%">PROC005 Reformulação Tela Principal O.S.</td><td style="width: 19%; border-style: solid; border-color: black;" width="19%">-

</td><td style="width: 27%; border-style: solid; border-color: black;" width="27%">Nova ordem de serviço ou edição dos dados da ordem de serviço

</td><td style="width: 27%; border-style: solid; border-color: black;" width="27%">Ordem de Serviço salva ou alterada

</td></tr><tr valign="top"><td style="border-style: solid; border-color: black; width: 27%;" width="27%">PROC005.1 Reformulação Tela Principal O.S. - Detalhes

</td><td style="border-style: solid; border-color: black; width: 19%;" width="19%"><span style="font-size: small; color: #000000;">-</span>

</td><td style="border-style: solid; border-color: black; width: 27%;" width="27%">Nova ordem de serviço ou edição dos dados da ordem de serviço

</td><td style="border-style: solid; border-color: black; width: 27%;" width="27%"><span style="font-size: small; color: #000000;">Ordem de Serviço salva ou alterada</span>

</td></tr><tr><td style="border-style: solid; border-color: black; width: 27%;">PROC006 Reformulação Tela de Listagens da O.S. </td><td style="border-style: solid; border-color: black; width: 19%;"><span style="font-size: small; color: #000000;">-</span>

</td><td style="border-style: solid; border-color: black; width: 27%;">Filtros de período e etapas das O.Ss

</td><td style="border-style: solid; border-color: black; width: 27%;"><span style="font-size: small; color: #000000;">Listagem filtrada de ordens de serviço</span>

</td></tr><tr><td style="border-style: solid; border-color: black; width: 27%;">PROC007 OS Modo Visualização

</td><td style="border-style: solid; border-color: black; width: 19%;"><span style="font-size: small; color: #000000;">-</span>

</td><td style="border-style: solid; border-color: black; width: 27%;">-

</td><td style="border-style: solid; border-color: black; width: 27%;">-</td></tr></tbody></table>

#### <span style="color: #000000;">**Processos Relacionados** </span>

- - - - - -

[PROC005 Reformulação Tela Principal O.S.](https://docs.softensistemas.com.br/books/reformulacao-os/page/proc005-reformulacao-tela-principal-os)

[PROC006 Reformulação Tela de Listagens da O.S.](https://docs.softensistemas.com.br/books/reformulacao-os/page/proc006-reformulacao-tela-de-listagens-da-os)

[PROC007 OS Modo Visualização](https://docs.softensistemas.com.br/books/reformulacao-os/page/proc007-os-modo-visualizacao)

#### <span style="color: #000000;">**Especificação Funcional**</span>

- - - - - -

#### **PROC005.1 Reformulação Tela Principal O.S. - Detalhes**

##### <span style="color: #000000;">***Protótipo de Tela:***</span>

[![image-1762796689898.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762796689898.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762796689898.png)

*Imagem I - Tela focada na Aba Detalhes*

##### <span style="color: #000000;">***Regras de Interface Principais:***</span>

<span style="color: #000000;">***3. Botão Voltar:*** Ao clicar sobre o botão deve retornar a tela de listagem de Ordens de Serviço.</span>

<span style="color: #000000;">***4. Botão Próximo:*** Caso esteja na primeira aba "Cliente e Equipamento" a ação do botão deve direcionar para o preenchimento da próxima aba "Detalhes da OS". Estando na Aba "Detalhes da OS" o botão "Próximo" não deve ter efeito.</span>

<span style="color: #000000;">***5. Botão Salvar:*** A ação do botão deve fazer todas as validações de campos obrigatórios, caso algum campo não seja validado deve ser retornado em tela a mensagem de aviso. Deve ser retornado para cada campo não validado:</span>

<p class="callout danger">O campo X é de preenchimento obrigatório!</p>

<span style="color: #000000;">**5.1** Caso passe por toda a validação para salvar, deve ser retornado para a tela de listagem de O.S. e retornar o aviso positivo em tela</span>

<div id="bkmrk--2"><svg class="svg-icon" data-icon="link" role="presentation" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg></div><p class="callout success">Ordem de Serviço salva com sucesso.</p>

##### <span style="color: #000000;">***Regras de Negócio Principais:***</span>

<span style="color: #000000;">***1. Botão Salvar:*** A ação do botão deve fazer todas as validações de campos obrigatórios, caso seja uma nova Ordem de Serviço realiza o novo cadastro no banco de dados; caso se trate de uma edição, realiza a alteração do registro selecionado.</span>

#### <span style="color: #000000;">**Accordion Detalhes da OS:**</span>

<span style="color: #000000;">[![image-1761229608856.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/scaled-1680-/image-1761229608856.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/image-1761229608856.png)</span>

<span style="color: #000000;">*Imagem II - Detalhes da OS*</span>

##### <span style="color: #000000;">***Descrição dos Campos:***</span>

<table border="1" cellpadding="7" cellspacing="0" id="bkmrk-campo-tipo-tamanho-o" style="width: 843px; height: 607px;"><tbody><tr style="height: 35px;" valign="top"><td bgcolor="#acb9ca" style="width: 167.969px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Campo**</span>

</td><td bgcolor="#acb9ca" style="width: 101.997px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Tipo**</span>

</td><td bgcolor="#acb9ca" style="width: 87.9688px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Tamanho**</span>

</td><td bgcolor="#acb9ca" style="width: 165px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Obrig. ?**</span>

</td><td bgcolor="#acb9ca" style="width: 118.976px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Máscara**</span>

</td><td bgcolor="#acb9ca" style="width: 200.99px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Observações**</span>

</td></tr><tr style="height: 35px;"><td style="width: 167.969px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Cód. Interno</span>

</td><td style="width: 101.997px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Texto</span>

</td><td style="width: 87.9688px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">60</span>

</td><td style="width: 165px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Não</span>

</td><td style="width: 118.976px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td><td style="width: 200.99px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td></tr><tr style="height: 35px;"><td style="width: 167.969px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Vendedor</span>

</td><td style="width: 101.997px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Caixa de Seleção</span>

</td><td style="width: 87.9688px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td><td style="width: 165px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Não</span>

</td><td style="width: 118.976px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td><td style="width: 200.99px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td></tr><tr style="height: 35px;"><td style="width: 167.969px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Técnico Responsável</span>

</td><td style="width: 101.997px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Caixa de Seleção</span>

</td><td style="width: 87.9688px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td><td style="width: 165px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td><td style="width: 118.976px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td><td style="width: 200.99px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td></tr><tr style="height: 147px;"><td style="width: 167.969px; border-style: solid; border-color: black; height: 147px;"><span style="color: #000000;">Prioridade</span>

</td><td style="width: 101.997px; border-style: solid; border-color: black; height: 147px;"><span style="color: #000000;">Caixa de Seleção</span>

</td><td style="width: 87.9688px; border-style: solid; border-color: black; height: 147px;"><span style="color: #000000;">-</span>

</td><td style="width: 165px; border-style: solid; border-color: black; height: 147px;"><span style="color: #000000;">-</span>

</td><td style="width: 118.976px; border-style: solid; border-color: black; height: 147px;"><span style="color: #000000;">-</span>

</td><td style="width: 200.99px; border-style: solid; border-color: black; height: 147px;"><span style="color: #000000;">Valores Possíveis:</span>  
<span style="color: #000000;">Alta</span>  
<span style="color: #000000;">Normal</span>  
<span style="color: #000000;">Baixa</span>

<span style="color: #000000;">Valor Padrão = Normal</span>

</td></tr><tr style="height: 35px;"><td style="width: 167.969px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Etapa</span>

</td><td style="width: 101.997px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Caixa de Seleção</span>

</td><td style="width: 87.9688px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td><td style="width: 165px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td><td style="width: 118.976px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td><td style="width: 200.99px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td></tr><tr style="height: 53px;"><td style="width: 167.969px; border-style: solid; border-color: black; height: 53px;"><span style="color: #000000;">Garantia</span>

</td><td style="width: 101.997px; border-style: solid; border-color: black; height: 53px;"><span style="color: #000000;">Caixa de Seleção</span>

</td><td style="width: 87.9688px; border-style: solid; border-color: black; height: 53px;"><span style="color: #000000;"> </span>

</td><td style="width: 165px; border-style: solid; border-color: black; height: 53px;"><span style="color: #000000;"> Não</span>

</td><td style="width: 118.976px; border-style: solid; border-color: black; height: 53px;">-

</td><td style="width: 200.99px; border-style: solid; border-color: black; height: 53px;"></td></tr><tr style="height: 35px;"><td style="width: 167.969px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Data da Garantia</span>

</td><td style="width: 101.997px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Data</span>

</td><td style="width: 87.9688px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 165px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> Sim</span>

</td><td style="width: 118.976px; border-style: solid; border-color: black; height: 35px;">-

</td><td style="width: 200.99px; border-style: solid; border-color: black; height: 35px;"></td></tr><tr style="height: 35px;"><td style="width: 167.969px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Data da Retirada</span>

</td><td style="width: 101.997px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Data</span>

</td><td style="width: 87.9688px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 165px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> Sim</span>

</td><td style="width: 118.976px; border-style: solid; border-color: black; height: 35px;">-

</td><td style="width: 200.99px; border-style: solid; border-color: black; height: 35px;"></td></tr><tr style="height: 57px;"><td style="width: 167.969px; border-style: solid; border-color: black; height: 57px;"><span style="color: #000000;">Quem Retirou?</span>

</td><td style="width: 101.997px; border-style: solid; border-color: black; height: 57px;"><span style="color: #000000;">Texto</span>

</td><td style="width: 87.9688px; border-style: solid; border-color: black; height: 57px;"><span style="color: #000000;">200</span>

</td><td style="width: 165px; border-style: solid; border-color: black; height: 57px;"><span style="color: #000000;">Não</span>

</td><td style="width: 118.976px; border-style: solid; border-color: black; height: 57px;"><span style="color: #000000;">-</span>

</td><td style="width: 200.99px; border-style: solid; border-color: black; height: 57px;"><span style="color: #000000;">placeholder: "Insira quem retirou"</span>

</td></tr><tr style="height: 35px;"><td style="width: 167.969px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Observações Internas</span>

</td><td style="width: 101.997px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Texto</span>

</td><td style="width: 87.9688px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">500</span>

</td><td style="width: 165px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Não</span>

</td><td style="width: 118.976px; border-style: solid; border-color: black; height: 35px;">-

</td><td style="width: 200.99px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">placeholder: "Adicione observações relevantes"</span>

</td></tr><tr style="height: 35px;"><td style="width: 167.969px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Observações</span>

</td><td style="width: 101.997px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Texto</span>

</td><td style="width: 87.9688px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">500</span>

</td><td style="width: 165px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Não</span>

</td><td style="width: 118.976px; border-style: solid; border-color: black; height: 35px;">-

</td><td style="width: 200.99px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">placeholder: "O que for escrito nesses campos será impresso no PDF da OS"</span>

</td></tr><tr style="height: 35px;"><td style="width: 167.969px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 101.997px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 87.9688px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 165px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 118.976px; border-style: solid; border-color: black; height: 35px;"></td><td style="width: 200.99px; border-style: solid; border-color: black; height: 35px;"></td></tr></tbody></table>

##### <span style="color: #000000;">***Regras de Interface:***</span>

<span style="color: #000000;">**1. Código Interno:**  
Código opcional para controle de código interno do cliente. Deve permitir alfanumérico. Por padrão vem em branco.</span>

<span style="color: #000000;">**2. Vendedor:**</span>  
<span style="color: #000000;">*Select* para seleção do vendedor que será vinculado na O.S.   
Caso exista vendedor padrão vinculado no usuário, este deve ser o padrão a aparecer na listagem como padrão.   
</span>

<span style="color: #000000;">**3.** **Técnico Responsável:**  
Deve listar os Técnicos cadastrados vinculados na conta da empresa. Devem ser listados apenas técnicos ativos, de acordo com a documentação </span>[PROC001 Tela de Cadastro de Profissional](https://docs.softensistemas.com.br/books/reformulacao-os/page/proc001-tela-de-cadastro-de-profissional)

<span style="color: #000000;">**4. Prioridade:**  
Por padrão deve vir como "Normal". Contém as opções Alta, Normal e Baixa.</span>

**<span style="color: #000000;">5. Etapa:  
</span>**<span style="color: #000000;">Por padrão deve iniciar com a etapa ordenada como a primeira Etapa na empresa. Mais informações [aqui](https://docs.softensistemas.com.br/books/reformulacao-os/page/2-listagem-de-etapas).</span>

<span style="color: #000000;">**6. Garantia:**  
Campo para calculo em dias da data de limite de garantia.   
Existe um campo configuração em "Configurações Adicionais&gt;Ordem de Serviço&gt;Dias de Garantia ao Finalizar a OS".  
Caso esteja preenchido, considerar como padrão esse valor.  
Deve conter o *placeholder* "Selecione a data"</span>

**<span style="color: #000000;">7. Data da Garantia:  
</span>**<span style="color: #000000;">A data de garantia deve ser calculada com base no valor de dias do campo "Garantia". Caso não seja preenchido os dias de garantia, o valor deve ser a data atual.  
*Placeholder* "Selecione a data"  
</span>

<span style="color: #000000;">**8. Data de Retirada:** A data de retirada deve puxar o dia atual em seu preenchimento. Manter o comportamento atual, caso nao seja preenchida a data completa, limpar os valores.  
Deve conter o *Placeholder* "Selecione a data".  
</span>

<span style="color: #000000;">**9. Quem Retirou:** Manter o comportamento atual, caso nao seja preenchida a data completa, limpar os valores. Deve conter o *Placeholder* "Insira quem retirou"</span>

<span style="color: #000000;">**10. Observações Internas:** Deve haver um *label* no rodapé do campo contabilizando a quantidade de caracteres restantes.  
Deve conter o *Placeholder "*Adicione observações relevantes*"*  
</span>

<span style="color: #000000;">**11. Observações:** Deve haver um *label* no rodapé do campo contabilizando a quantidade de caracteres restantes</span>.  
<span style="color: #000000;">Deve conter o *Placeholder "*O que for impresso nesse campo será impresso no PDF da OS*"*</span>

##### <span style="color: #000000;">***Regras de Negócio:***</span>

<span style="color: #000000;">**1. Vendedor:**  
Caso exista vendedor padrão vinculado no usuário, este deve vir como padrão preenchido.</span>

#### <span style="color: #000000;">**Accordion Informações de Pagamento:**</span>

##### <span style="color: #000000;">**Protótipo de Tela:**</span>

[![image-1762796714788.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762796714788.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762796714788.png)

*Imagem III - Pagamentos da OS*

##### <span style="color: #000000;">***Descrição dos Campos:***</span>

<table border="1" cellpadding="7" cellspacing="0" id="bkmrk-campo-tipo-tamanho-o-0" style="height: 280px; width: 803px;"><tbody><tr style="height: 35px;" valign="top"><td bgcolor="#acb9ca" style="width: 160px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Campo**</span>

</td><td bgcolor="#acb9ca" style="width: 97px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Tipo**</span>

</td><td bgcolor="#acb9ca" style="width: 85px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Tamanho**</span>

</td><td bgcolor="#acb9ca" style="width: 157px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Obrig. ?**</span>

</td><td bgcolor="#acb9ca" style="width: 113px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Máscara**</span>

</td><td bgcolor="#acb9ca" style="width: 191px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Observações**</span>

</td></tr><tr style="height: 35px;"><td style="width: 160px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Receber</span>

</td><td style="width: 97px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">RadioButton</span>

</td><td style="width: 85px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td><td style="width: 157px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td><td style="width: 113px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">-</span>

</td><td style="width: 191px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Deve conter o card para seleção:  
Serviço</span>

<span style="color: #000000;">Produtos</span>

<span style="color: #000000;">Total</span>

</td></tr><tr style="height: 35px;"><td style="width: 160px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Forma de Pagamento</span>

</td><td style="width: 97px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Caixa de Seleção</span>

</td><td style="width: 85px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 157px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 113px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 191px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td></tr><tr style="height: 35px;"><td style="width: 160px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Valor</span>

</td><td style="width: 97px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Decimal</span>

</td><td style="width: 85px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 157px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 113px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 191px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td></tr><tr style="height: 35px;"><td style="width: 160px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Data de Vencimento</span>

</td><td style="width: 97px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Data</span>

</td><td style="width: 85px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 157px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 113px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 191px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td></tr><tr style="height: 35px;"><td style="width: 160px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Descrição</span>

</td><td style="width: 97px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Texto</span>

</td><td style="width: 85px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 157px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 113px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 191px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td></tr><tr style="height: 35px;"><td style="width: 160px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Período</span>

</td><td style="width: 97px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">SelectBox</span>

</td><td style="width: 85px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 157px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 113px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 191px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Deve conter as opções:  
Diário,</span>

<span style="color: #000000;">Semanal,</span>

<span style="color: #000000;">Mensal,</span>

<span style="color: #000000;"> Anual</span>

</td></tr><tr style="height: 35px;"><td colspan="6" style="border-style: solid; border-color: black; height: 35px; width: 803px;"><span style="color: #000000;">Listagem</span>

</td></tr><tr style="height: 35px;"><td style="width: 160px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Forma de Pagamento</span>

</td><td style="width: 97px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Column Header </span>

</td><td style="width: 85px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 157px; border-style: solid; border-color: black; height: 35px;"></td><td style="width: 113px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td><td style="width: 191px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;"> </span>

</td></tr><tr><td style="width: 160px; border-style: solid; border-color: black;"><span style="color: #000000;">Valor</span>

</td><td style="width: 97px; border-style: solid; border-color: black;"><span style="color: #000000;">Column Header </span>

</td><td style="width: 85px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td><td style="width: 157px; border-style: solid; border-color: black;"></td><td style="width: 113px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td><td style="width: 191px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td></tr><tr><td style="width: 160px; border-style: solid; border-color: black;"><span style="color: #000000;">Data de Vencimento</span>

</td><td style="width: 97px; border-style: solid; border-color: black;"><span style="color: #000000;">Column Header </span>

</td><td style="width: 85px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td><td style="width: 157px; border-style: solid; border-color: black;"></td><td style="width: 113px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td><td style="width: 191px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td></tr><tr><td style="width: 160px; border-style: solid; border-color: black;"><span style="color: #000000;">Pagamento</span>

</td><td style="width: 97px; border-style: solid; border-color: black;"><span style="color: #000000;">Column Header </span>

</td><td style="width: 85px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td><td style="width: 157px; border-style: solid; border-color: black;"></td><td style="width: 113px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td><td style="width: 191px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td></tr><tr><td style="width: 160px; border-style: solid; border-color: black;"><span style="color: #000000;">Ações</span>

</td><td style="width: 97px; border-style: solid; border-color: black;"><span style="color: #000000;">Column Header </span>

</td><td style="width: 85px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td><td style="width: 157px; border-style: solid; border-color: black;"></td><td style="width: 113px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td><td style="width: 191px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td></tr></tbody></table>

##### <span style="color: #000000;">***Regras de Interface:***</span>

<span style="color: #000000;">**1. Receber:**  
Deve permitir apenas a seleção de um dos cards: Serviço, Produto ou Totais.</span>

<span style="color: #000000;">**2. Forma de Pagamento.**  
Deve listar as formas de pagamento criadas e vinculadas na empresa.  
O botão![image-1762175416447.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762175416447.png) deve abrir a Dialog existente de cadastro de nova forma de pagamento.</span>

<span style="color: #000000;">**3. Data de Vencimento.** Renderizar com a data atual. Não permitir manter sem valor, voltar rejeição em tela "não foi possível reconhecer '\_\_/\_\_/\_\_\_\_' como uma data."</span>

<span style="color: #000000;">**4. Repetir por:**</span><span style="color: #ff0000;">  
<span style="color: #000000;">Por padrão deve vir como 1.</span></span>

<span style="color: #000000;">**5. Período:**</span>  
<span style="color: #000000;">A caixa de seleção deve conter os seguintes valores padrões:</span>

- - - <span style="color: #000000;">Dia</span>
        - <span style="color: #000000;">Semana</span>
        - <span style="color: #000000;">Dezena</span>
        - <span style="color: #000000;">Quinzena</span>
        - <span style="color: #000000;">Mês</span>
        - <span style="color: #000000;">Bimestre</span>
        - <span style="color: #000000;">Trimestre</span>
        - <span style="color: #000000;">Semestre</span>
        - <span style="color: #000000;">Ano</span>

**<span style="color: #000000;">6. Listagem: </span>**

**<span style="color: #000000;">6.1 Forma de pgto  
</span>**<span style="color: #000000;">Por padrão deve ficar na ordem de inserção, mas deve permitir a reordenação ASC ou DESC.</span>

**<span style="color: #000000;">6.2 Valor:  
</span>**<span style="color: #000000;">Por padrão deve ficar na ordem de inserção, mas deve permitir a reordenação ASC ou DESC.</span><span style="color: #000000;">  
</span>

<span style="color: #000000;">**6.3 Data de vencimento:** Por padrão deve ficar na ordem de inserção, mas deve permitir a reordenação ASC ou DESC.</span>

**<span style="color: #000000;">6.4 Pagamento:  
</span>**<span style="color: #000000;">Por padrão deve vir como "Não Pago"</span>

**<span style="color: #000000;">6.5 Ações:</span>**

- - - - **<span style="color: #000000;">Editar[![image-1760730534944.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/scaled-1680-/image-1760730534944.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/image-1760730534944.png): </span>**<span style="color: #000000;">Deve liberar os campos "</span><span style="color: #000000;">forma pgto, valor e data vencimento" para edição.</span>
            - <span style="color: #000000;">**Excluir [![image-1760730563577.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/scaled-1680-/image-1760730563577.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/image-1760730563577.png):** Deve abri a dialog de confirmação de exclusão "Tem certeza que deseja excluir esta parcela?". Caso o usuário confirme, deve ser limpo apenas da listagem do pagamento. </span>

##### <span style="color: #000000;">***Regras de Negocio:***</span>

<span style="color: #000000;">***1. Repetir por:<span style="color: #ff0000;">  
</span>***<span style="color: #ff0000;"><span style="color: #000000;">O valor inteiro adicionado aqui será usado para repetir o lançamento com base no **Período** selecionado.</span></span>***<span style="color: #ff0000;">  
</span>***</span>

**<span style="color: #000000;">2.Editar[![image-1760730534944.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/scaled-1680-/image-1760730534944.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/image-1760730534944.png): </span>**<span style="color: #000000;">O</span><span style="color: #000000;">s valores editados são primeiramente salvos em memoria, só serão confirmadas as alterações caso o usuário salve a Ordem de Serviço, do contrario nada deve ser alterado em banco</span>

<span style="color: #000000;">**3.Excluir [![image-1760730563577.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/scaled-1680-/image-1760730563577.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/image-1760730563577.png):** Os lançamentos só são removidos em memoria, só serão confirmadas as alterações caso o usuário salve a Ordem de Serviço, do contrario nada deve ser alterado em banco.</span>

##### ***Questões Técnicas Gerais:***

**1. Geral:** As tabelas relacionadas a Ordem de Serviço na base de dados são:

- - **ordermservico**
    - **ordemservicoitem**

**2. Adicionar os seguintes campos:**

```SQL
ALTER TABLE ordemservicoADD COLUMN prioridade BIT(1), vendedorId BIGINT, garantia INT
```

**GerencieAqui**:   
Títulos dos *Accordions*: #626262  
*Label* dos campos: #044572  
Botões principais: #044572  
Tooltip: #242424  
Botão editar da listagem: #1974FC  
Botão exclusão da listagem: #DB102B  
Título da *dialog*: #242424  
Placeholders: #50505080 (50%)  
Label das abas: #626262  
Label aba selecionada: #009997  
Inputs e textos nos grids: #000000

<div id="bkmrk-aplicativoempresaria"><svg class="svg-icon" data-icon="link" role="presentation" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg><div>**AplicativoEmpresarial**:   
Títulos dos *Accordions*: #626262  
*Label* dos campos: #621FA4  
Botões principais: #621FA4  
Tooltip: #242424  
Botão editar da listagem: #1974FC  
Botão exclusão da listagem: #DB102B  
Título da *dialog*: #242424  
Placeholders: #50505080 (50%)  
Label das abas: #626262  
Label aba selecionada: #009997  
Inputs e textos nos grids: #000000</div></div><span style="color: #000000;">©SOFTEN SISTEMAS 2025</span>