Histórico da Página

CONTEÚDO

Visão geral
Exemplo de utilização
Tela Cláusula de Aditivo Filtro
Outras Ações / Ações relacionadas
Tela Cláusula de Aditivo Cadastro
Principais Campos e Parâmetros
Vídeo explicativo

01. VISÃO GERAL

Cláusula de aditivo é um item do contrato ou cadastro que define as regras, condições e limites para que modificações posteriores sejam feitas ao contrato ou à garantia sem invalidar o compromisso original.

O que faz:

Ela ajuda a gerenciar textos padrão ou específicos que precisam ser inseridos em documentos. Você pode criar novas cláusulas, editá-las e até mesmo desativar as que não são mais usadas, mantendo um histórico de todas as alterações.

Para que serve:

Serve para garantir que os documentos sejam preenchidos de forma padronizada e correta, evitando erros e retrabalho. É especialmente útil para empresas que lidam com muitos contratos ou aditivos, onde a consistência e a agilidade são importantes.

Benefícios:

Agilidade: Criação de documentos mais rápida, pois as cláusulas já estão prontas.
Precisão: Reduz a chance de erros, já que as cláusulas são pré-aprovadas.
Histórico: Mantém um registro de todas as versões das cláusulas, o que é importante para auditorias e conformidade.
Organização: Facilita a gestão das cláusulas, permitindo filtrá-las por tipo, modalidade e status.

Exemplo prático: Imagine que uma empresa de seguros precisa emitir um aditivo para um contrato de um cliente. Em vez de digitar todas as condições manualmente, o sistema permite selecionar as cláusulas necessárias (como "inclusão de cobertura X" ou "exclusão de benefício Y") de uma lista pré-definida. Se uma cláusula precisar ser atualizada, o sistema cria uma nova versão, mantendo a antiga para consulta, garantindo que sempre se use a versão correta e atualizada.

02. EXEMPLO DE UTILIZAÇÃO

A funcionalidade possui uma seção onde é criado e configurado as cláusulas para emissão de aditivos.

Image Added

03. TELA CLÁUSULA DE ADITIVO FILTRO

Image Modified

Outras Ações / Ações relacionadas

Ação	Descrição
Localizar	Buscar por código identificador da cláusula, tipo/aplicação da cláusula, lista contendo as modalidades/submodalidades, para que o usuário possa selecionar uma delas, filtrando as cláusulas que tenham relação com a escolhida, status com as opções A – Ativo e I – Inativo.
Nova Cláusula de Aditivo	Cadastro de nova cláusula de aditivo.
Editar	Editar informações da cláusula de aditivo.
Excluir	Excluir cláusula de aditivo.

04. TELA CLÁUSULA DE ADITIVO CADASTRO

Image Added

Outras Ações / Ações relacionadas

Campo	Descrição
ID	Código identificador do registro, gerado automaticamente pela aplicação.
Tipo de Cláusula	Tipo/aplicação da cláusula.
Substituição	Substituição sim/não.
Início Vigência	Início de vigência da cláusula correspondente ao momento em que a cláusula foi criada.
Termino Vigência	Término de vigência da cláusula, que corresponderá ao momento em que o usuário alterar o Status da cláusula, de Ativo para Inativo, quando isto ocorrer.
Cláusula	Texto da cláusula.
Status	Status ativo/inativo.
Modalidade/Submodalidade	Lista com informações concatenadas de domínio, subdomínio, tipo de garantia e tipo de bem.

HTML

<!-- Contêiner principal -->
<div class="menu-container">  
  <!-- Menu Item: -->
  <div class="menu-item">
    <div class="menu-header" onclick="toggleMenu(this)">
      <span>Cláusula aditivo - Vídeo</span>
      <span class="menu-arrow">▶</span>
    </div>
    <div class="menu-content">
      <div class="submenu-title"></div>
      <div class="submenu-description">
      </div>
      <ul class="submenu-items">
        <li class="submenu-item">
        <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=951332266" class="submenu-link"><strong>⮩ Veja um vídeo alto explicativo</a></strong>
        </li>
      </ul>
    </div>
  </div>
  
</div> 
<style>
    /* Estilos para o menu */
    .menu-container {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        font-family: Arial, sans-serif;
    }

    .menu-item {
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 6px;
        overflow: hidden;
    }

    .menu-header {
        background-color: #6B8E23;
        color: white;
        padding: 12px 15px;
        cursor: pointer;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu-header:hover {
        background-color: #b0ee00;
        color: black;
    }

    .menu-content {
        display: none;
        padding: 0 15px 15px;
        background-color: white;
    }

    .submenu-title {
        font-weight: bold;
        margin: 15px 0 10px;
        color: #444;
    }

    .submenu-description {
        margin-bottom: 10px;
        line-height: 1.5;
    }

    .submenu-items {
        list-style-type: none;
        padding-left: 20px;
        margin-top: 10px;
    }

    .submenu-item {
        margin-bottom: 10px;
    }

    .submenu-item-title {
        font-weight: bold;
        margin-bottom: 5px;
        cursor: pointer;
        color: #0066cc;
        text-decoration: none;
        display: block;
    }

    .submenu-item-title:hover {
        text-decoration: underline;
    }

    .submenu-item-description {
        margin-left: 20px;
        margin-bottom: 8px;
    }

    .submenu-link {
        color: #0066cc;
        text-decoration: none;
        display: block;
        margin-left: 40px;
        margin-top: 5px;
    }

    .submenu-link:hover {
        text-decoration: underline;
    }

    /* Classe para mostrar o conteúdo */
    .menu-content-visible {
        display: block;
    }

    /* Estilo para a seta */
    .menu-arrow {
        transition: transform 0.3s;
    }

    .menu-arrow-down {
        transform: rotate(90deg);
    }
</style>

<script>
    // Função simples para alternar a visibilidade do menu
    function toggleMenu(header) {
        // Função JavaScript mais simples possível
        var content = header.nextElementSibling;

        // Verifica se o conteúdo existe
        if (content) {
            // Alterna a classe para mostrar/esconder o conteúdo
            if (content.style.display === "block") {
                content.style.display = "none";

                // Atualiza a seta
                var arrow = header.querySelector(".menu-arrow");
                if (arrow) {
                    arrow.innerHTML = "▶";
                    arrow.className = "menu-arrow";
                }
            } else {
                content.style.display = "block";

                // Atualiza a seta
                var arrow = header.querySelector(".menu-arrow");
                if (arrow) {
                    arrow.innerHTML = "▼";
                    arrow.className = "menu-arrow menu-arrow-down";
                }
            }
        }
    }

    // Garantir que o script funcione em todos os navegadores
    if (document.readyState === "loading") {
        document.addEventListener("DOMContentLoaded", function () {
            console.log("Menu HTML carregado");
        });
    } else {
        console.log("Menu HTML carregado");
    }
</script>
</script>

Árvore de páginas

Versões comparadas

Versão antiga 4

Nova versão Atual

Chave

CONTEÚDO

01. VISÃO GERAL

02. EXEMPLO DE UTILIZAÇÃO

03. TELA CLÁUSULA DE ADITIVO FILTRO

04. TELA CLÁUSULA DE ADITIVO CADASTRO