HTML |
---|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap" rel="stylesheet"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap" rel="stylesheet"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" /> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <!-- Inclua o estilo do tema Monokai --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/monokai.min.css"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script> <style> /* ============================== = CONFIGURAÇÕES GERAIS = =============================== */ * { font-family: "Roboto", sans-serif; margin: 0; padding: 0; box-sizing: border-box; } body { margin: 0; padding: 0; } a { color: #42526e; text-decoration: none; -webkit-tap-highlight-color: transparent; } a:hover { color: white; } li { font-size: 14px !important; } h3 { font-size: 14px !important; font-weight: bold; } h1 { font-size: 13px !important; } h2 { font-size: 15px !important; font-weight: bold; } td, th { padding: 4px; } /* ============================== = ESTILOS DE TÍTULOS = =============================== */ #title-text { display: none !important; } .wiki-content h1, .wiki-content h2 { font-family: "Roboto", sans-serif !important; font-size: 13px!important; } .wiki-content h1 { font-size: 13px !important; } .wiki-content h2 { font-size: 14px !important; color: #42526e !important; border-bottom: 2px solid #dfe1e5; padding-bottom: 5px; font-weight: bold; } .custom-heading, h3.custom-h3 { font-size: 16px; color: #42526e; margin-bottom: 20px; } .custom-h1 { color: #feac0e; } .explanation h2 { font-weight: bold; } /* ============================== = ESTILOS DE TEXTO = =============================== */ .wiki-content p { font-size: 14px !important; } .justificado, .custom-justified { text-align: justify; margin: 10px 0; } /* ============================== = ESTILOS DE LINKS = =============================== */ .wiki-content a, .wiki-content a:link, .wiki-content a:visited, .wiki-content a:focus, .wiki-content a:active { text-decoration: none; color: #42526e; font-size: 14px; } .wiki-content a:hover { color: white; } /* ============================== = ESTILOS DE CONTAINER = =============================== */ .custom-content { background-color: #f5f5f5; padding: 20px; border-radius: 8px; margin: 0 10px; max-width: 100%; overflow: hidden; } .faq-container { max-width: 800px; margin: 0 auto; padding: 20px; } /* ============================== = ESTILOS DE CARDS = =============================== */ .card { border: 2px solid #9aa1ad; padding: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 8px; background-color: #f4f5f7; color: #42526e; overflow-x: hidden; top: 0; } /* ============================== = ESTILOS DE TABS = =============================== */ .tabs { background-color: #dfe1e5; } .tabs .tab a { color: rgb(66, 82, 110); } .tabs .tab a:hover, .tabs .tab a.active, .tabs .tab a:focus.active { color: #6B48FF; background-color: transparent; } .tabs .tab a:focus { background-color: rgba(82, 97, 232, 0.25); } .tabs .tab.disabled a, .tabs .tab.disabled a:hover { color: rgba(16, 148, 184, 0.24); } .tabs .indicator { background-color: #6B48FF; } .tab-content { gap: 0; padding: 10px; } .tab-content pre { max-width: 100%; overflow-x: hidden; } /* ============================== = ESTILOS DE ÍCONES = =============================== */ .icon-list, .icon { padding-left: 0; list-style-type: none; } .icon { display: inline-block; width: 24px; vertical-align: middle; margin-right: 45px; position: relative; left: -25px; } .item .label i { margin-right: 10px; } /* ============================== = ESTILOS DE COMPONENTES = =============================== */ .collapsible, .collapsible-header, .collapsible-body { box-shadow: none !important; } .faq-question { font-weight: bold; margin-bottom: 5px; } .faq-answer { margin-bottom: 20px; } .custom-list { padding-left: 0; margin-left: 1.5em; } .custom-list li { position: relative; padding-left: 1em; } ul.custom-list { padding-left: 10px; } ul.custom-list li { position: relative; list-style-type: disc; padding-left: 30px; margin-bottom: 10px; } .item { display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #eee; } .item:last-child { border-bottom: none; } .item .label { flex: 1; font-weight: bold; } .item .value { flex: 1; text-align: right; } .item { border-bottom: 1px solid #e0e0e0; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; } .item:last-child { border-bottom: none; } /* Estilos para o label */ .label { font-weight: bold; display: flex; align-items: center; } .item .label i { margin-right: 10px; /* Adiciona espaço depois dos ícones */ } /* ============================== = ESTILOS DE IMAGENS = =============================== */ .imagem-responsiva { max-width: 100%; height: auto; } .custom-header-bg img { width: 100%; height: auto; display: block; } /* ============================== = ESTILOS DE VÍDEO = =============================== */ #youtube-video-container iframe { width: 100%; height: auto; display: block; } .video-container { max-width: 800px; margin: 0 auto; } .ytp-cued-thumbnail-overlay-image { background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; } /* ============================== = OUTROS ESTILOS PERSONALIZADOS = =============================== */ .custom-content { background-color: #f5f5f5; padding: 20px; border-radius: 8px; margin: 0 10px; max-width: 100%; overflow: hidden; } .custom-heading { font-size: 16px; color: #42526e; margin: 10px 0; border-bottom: 2px solid #e0e0e0; padding-bottom: 5px; font-weight: bold; } #indice { border-radius: 5px; padding: 20px; max-width: 100%; overflow: hidden; } #indice h2 { text-align: center; margin-bottom: 16px; } #indice ul { list-style-type: none; padding-left: 0; } #indice li { padding: 10px; border-bottom: 1px solid #eee; cursor: pointer; transition: background-color 0.1s ease; } #indice li:last-child { border-bottom: none; } #indice li:hover { background-color: #6B48FF; color: white; } /* ============================== = ESTILOS DE TABELAS = ============================== */ .custom-grey { background-color: #ffffff; } .custom-grey th, .custom-grey td { border: 1px solid #42526e; padding: 10px; } .custom-grey th { color: #fff; background-color: #42526e; } .custom-grey td { font-size: 13px; } .custom-grey tr:nth-child(odd) { background-color: #e4e4e6; } .custom-grey tr:nth-child(even) { background-color: #dfdfdf; } /* ========== FIM DO ESTILO ========= */ /* Estilo para o bloco de código */ /* Estilo para blocos de código dentro de .tab-content */ .highlight-container pre code { background-color: #2d2d2d; /* Cor de fundo escuro */ color: #f8f8f2; /* Cor do texto claro */ padding: 10px; /* Espaçamento interno */ border-radius: 5px; /* Bordas arredondadas */ overflow-x: auto; /* Barra de rolagem horizontal se necessário */ font-family: 'Courier New', Courier, monospace; /* Fonte do código */ } /* Estilo para a tag <pre> dentro do contêiner */ .highlight-container pre { margin: 20px 0; /* Margem acima e abaixo do bloco de código */ padding: 0; /* Sem preenchimento extra */ } </style> <!-- Tabs e conteúdo das guias --> <div class="card"> <ul class="tabs"> <li class="tab col s4"><a href="#tab1">DETALHES FUNCIONAIS</a></li> <li class="tab col s4"><a href="#tab2">DETALHES TÉCNICOS</a></li> <li class="tab col s4"><a href="#tab3">FAQ</a></li> </ul> <!-- Tab Content --> <div id="tab1" class="col s12"> <div class="tab-content"> <div style="background-color: #f4f5f7; padding: 10px; margin-left: 50px; margin-right: 50px;"> <section id="section1" style="margin-top: 40px;"> <!-- Tab 70 conteúdo --> <!-- Segundo Card --> <!-- Primeiro Card --> <!-- Primeiro Card --> <div class="card"> <div class="item"> <span class="label"> <table border="1"> <tr> <td><i class="fas fa-tags"></i> Produto:</td> <td>Automação da Força de Vendas</td> </tr> <tr> <td><i class="fas fa-link"></i> Linha de Produto:</td> <td>TOTVS CRM</td> </tr> <tr> <td><i class="fas fa-chart-pie"></i> Segmento:</td> <td>Cross Segmentos</td> </tr> <tr> <td><i class="fas fa-desktop"></i> Módulo:</td> <td>Venda/Anexo </td> </tr> <tr> <td><i class="fas fa-globe"></i> Aplicação:</td> <td>Web/app móvel</td> </tr> <tr> <td><i class="fas fa-hashtag"></i> Identificador:</td> <td> 16668545</td> </tr> </table> </span> </div> </div> <br> <!-- Segundo Card --> <h2 class="custom-heading"> <i class="fa-solid fa-eye"></i>    VISÃO GERAL </h2> <p class="justificado"> A nova funcionalidade no TOTVS CRM permite a manipulação de anexos em pedidos, independente do seu status (inclusive pedidos finalizados). Isso significa que os usuários podem agora adicionar ou remover arquivos em pedidos já concluídos, facilitando a gestão documental e a flexibilidade operacional. </p> <br> <h2 class="custom-heading"> <i class="fa-solid fa-rocket"></i>    OBJETIVO </h2> <p class="justificado"> Facilitar a gestão de documentos em pedidos, permitindo a adição ou remoção de arquivos em qualquer etapa do processo. Isso otimiza o gerenciamento de informações e aprimora a capacidade de resposta a necessidades emergentes, mesmo após a finalização do pedido. </p> <br> <!-- ... (seu conteúdo existente) ... --> <h2 class="custom-heading"> <i class="fa-solid fa-book"></i>   ANTES DE COMEÇAR </h2> <h3>Requisitos</h3> <p>A funcionalidade afeta todos os tipos de pedidos dentro do sistema.</p> <p>Está disponível tanto na aplicação web quanto mobile.</p> </section> <section id="section2" style="margin-top: 40px;"> <h2 class="custom-heading"><i class="fa-solid fa-star"></i>  DETALHES FUNCIONAIS</h2> <h3>Funções </h3> <ol> <li>Implementação de um novo parâmetro no módulo de pedidos, que permite a manipulação de anexos após a finalização do pedido.</li> <li>O usuário pode ativar ou desativar esta funcionalidade conforme necessidade, através das configurações de pedido.</li> </ol> </section> <section id="section3" style="margin-top: 40px;"> <h2 class="custom-heading"><i class="fa-solid fa-shoe-prints"></i>  COMO USAR?</h2> <h3> Passo a Passo</h3> <ol> <li>Navegue até o menu de configuração de pedidos no TOTVS CRM SFA.</li> <li>Acesse a seção de parâmetros de pedido.</li> <li>Localize e ative/desative a opção para manipulação de anexos em pedidos finalizados.</li> </ol> <br> <p> <video autoplay loop muted style="width: 100%; height: auto; max-width: 100%; display: block;"> <source src="https://totvscrm.com/wp-content/uploads/2024/01/tdnanexo2EE.mp4" type="video/mp4"> </video> </p><br> </section> <section id="section4" style="margin-top: 40px;"> <h2 class="custom-heading"><i class="fa-solid fa-signs-post"></i>  EXEMPLO PRÁTICO</h2> <h3>Caso de uso</h3> <b>Desafio Antigo:</b> <p>Inabilidade para adicionar ou remover documentos em pedidos já finalizados, limitando a flexibilidade na gestão de informações e documentação. </p> <br> <b>Solução Atualizada:</b> <p>Com a nova funcionalidade, os usuários podem adicionar ou remover anexos em pedidos finalizados, aumentando a adaptabilidade e eficiência no gerenciamento de pedidos e documentos associados. </p> <br> </p> </section> </div> <!-- Tab 30 fim --> <!-- Tab 30 fim --> </div> </div> <div id="tab2" class="col s12"> <div class="tab-content"> <div style="background-color: #f4f5f7; padding: 20px; margin-left: 50px; margin-right: 50px;"> <section id="section5" style="margin-top: 40px;"> <!-- Primeira coluna do conteúdo da guia 2 --> <h2 class="custom-heading"><i class="fa-solid fa-gear"></i>  DETALHES TÉCNICOS</h2> <h3>Arquivo: wsconfigpedidogeral.xml</h3> <div style="background-color: #2d2d2d !important; padding: 10px; border-radius: 5px;"> <pre style="margin: 0; overflow-x: auto;"><code class="language-xml" style="color: #f8f8f2 !important; font-family: 'Courier New', Courier, monospace !important;"> <preConditions<preConditions onError="HALT" onFail="MARK_RAN" onSqlOutput="IGNORE">> <customPrecondition <customPrecondition className="com.wealthsystems.sim3g.dao.hibernate.api.liquibase.custom.precondition.RegisterExistsPrecondition"> > <param<param name="table" value="WsConfigPedidoGeral"/>> <param <param name="column" value="chave"/> > <param <param name="value" value="'HABILITAR_BOTAO_ANEXO_STATUS_FINALIZADO'"/>> <param <param name="table" value="WsConfigPedidoGeral"/>> <param name="column" <param name="column" value="chave"/>> </customPrecondition> </customPrecondition> </preConditions> </preConditions> <insert<insert tableName="WsConfigPedidoGeral"> > <column <column name="idWsConfigPedidoGeral" valueSequenceNext="SEQPKWSCONFIGPEDIDOGERAL"/>> <column <column name="chave" valueComputed="'HABILITAR_BOTAO_ANEXO_STATUS_FINALIZADO'"/>> <column <column name="label" valueComputed="''"/> > <column<column name="idnAtivo" valueComputed="0"/>> <column <column name="idParametroSuperior" valueComputed="(select idWsConfigPedidoGeral from WsConfigPedidoGeral where chave = 'HABILITAR_BOTAO_ANEXO')"/> > </insert> </insert> </code></pre> </div> <strong><b>Comportamento <strong><b>Comportamento do Sistema no Pedido:</b></strong> <br> <ol><li>Se o parâmetro <code>HABILITAR_BOTAO_ANEXO</code> estiver habilitado e o parâmetro <code>HABILITAR_BOTAO_ANEXO_STATUS_FINALIZADO</code> também estiver habilitado:<li>Habilitar todas as funções de anexo (download/adicionar/excluir arquivos).</li></li><li>Se o parâmetro <code>HABILITAR_BOTAO_ANEXO_STATUS_FINALIZADO</code> estiver desabilitado:<li>Permitir apenas o download dos arquivos.</li></li><li>Se o parâmetro <code>HABILITAR_BOTAO_ANEXO</code> estiver desabilitado:<li>Não exibir o botão anexo no pedido.</li></li></ol> <br> <strong> <b>Ao Editar um Pedido Não Finalizado:</b> </strong> <br> <ol><li>Se o parâmetro <code>HABILITAR_BOTAO_ANEXO</code> estiver habilitado:<li>Habilitar todas as funções de anexo (download/adicionar/excluir arquivos).</li></li><li>Se o parâmetro <code>HABILITAR_BOTAO_ANEXO</code> estiver desabilitado:<li>Não exibir o botão anexo no pedido.</li></li></ol> <!-- Second Card --> </div> </div> </div> <div id="tab3" class="col s12"> <div class="tab-content"> <div style="background-color: #f4f5f7; padding: 20px; margin-left: 50px; margin-right: 50px;"> <!-- Primeira coluna do conteúdo da guia 2 --> <div class="container"> <h2 class="custom-heading"><i class="fa-solid fa-circle-question"></i> PERGUNTAS FREQUENTES</h2> <ul class="collapsible"> <li> <div class="collapsible-header"><i class="material-icons">question_answer</i>O que é 'Anexar Arquivo no Pedido Finalizado'?</div> <div class="collapsible-body"><span>Esta funcionalidade permite que os usuários do TOTVS CRM SFA adicionem, removam ou baixem arquivos anexados em pedidos, independente do status do pedido, incluindo pedidos já finalizados. </span></div> </li> <!-- Adicione mais perguntas e respostas aqui conforme necessário --> </ul> </div> <!-- Primeira coluna do conteúdo da guia 2 --> </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <script> // Inicialização das tabs document.addEventListener("DOMContentLoaded", function () { var tabs = document.querySelectorAll(".tabs"); M.Tabs.init(tabs); }); </script> <script> const items = document.querySelectorAll("#indice li"); items.forEach(item => { item.addEventListener('click', (e) => { const targetId = e.target.getAttribute('data-target'); const targetElement = document.getElementById(targetId); window.scrollTo({ top: targetElement.offsetTop - 10, behavior: "smooth" }); }); }); </script> <script> document.addEventListener('DOMContentLoaded', (event) => { hljs.highlightAll(); }); </script> |