Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
HTML
<style>
  /* Início estilo banner */

  .compositiondani-banner {
    position: relative;
    min-height: 220px;
    border-radius: 5px;
    margin-bottom: 5px;
    overflow: hidden;
  }

  .compositiondani-banner-image {
    background-image: url("https://totvscrm.com/wp-content/uploads/2023/08/capa-com-fundo-e-sem-icone-TDN21.png");
    background-size: cover;
    min-height: inherit;
    width: 100%;
  }

  .compositiondani-banner-overlay {
    min-height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    pointer-events: none;
  }

  .compositiondani-banner-logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
  }

  .compositiondani-banner-logo {
    width: 350px;
    height: 180px;
    background-image: url("https://totvscrm.com/wp-content/uploads/2023/08/logo.png");
    background-size: contain;
    background-repeat: no-repeat;
  }

  .compositiondani-banner-title {
    margin-bottom: 10px !important;
    padding: 10px !important;
    background: rgba(0, 0, 0, 0.5) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    max-height: 133px !important;
    font-family: "Roboto", sans-serif !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #ffffff !important;
    position: relative !important;
    margin-top: 130px !important;
    border-radius: 10px !important;
  }

  .compositiondani-banner-content {
    position: absolute;
    padding: 30px;
    max-width: 60%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: white;
    text-align: center;
  }

  .custom-header h1 {
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;
    border-radius: 5px;
    margin: 0;
  }

  .negrito-materialize {
    font-weight: bold;
  }

  .custom-margin-justified {
    margin: 0 20px;
    text-align: justify;
  }
    /* Final estilo banner */

       /* Final estilo banner */

      #content.page.view {
    padding-right: 0 !important;
}   /* impedir vermelho no nav */

#breadcrumb-section > nav {
    background-color: initial !important;
    box-shadow: none !important;
}

@media only screen and (min-width: 601px) {
    nav, 
    nav .nav-wrapper i, 
    nav a.sidenav-trigger, 
    nav a.sidenav-trigger i {
        height: auto !important;
        line-height: normal !important;
    }
}
/* final vermelho no nav */   </style>

<header>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap" rel="stylesheet"/>

  <div class="compositiondani-banner">
    <div class="compositiondani-banner-image"></div>
    <div class="compositiondani-banner-overlay"></div>
    <div class="compositiondani-banner-logo-container">
      <div class="compositiondani-banner-logo"></div>
    </div>
    <div class="compositiondani-banner-content">
      <h1 class="compositiondani-banner-title"> 
                
        

        ATIVAÇÃOCONFIGURAÇÃO: DAANEXAR CÂMERAARQUIVOS NAEM TELA DE CADASTRO DE CLIENTES DO APP
PEDIDOS FINALIZADOS </h1>
</header>
  </div>
</div>
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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/monokai.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


  <link rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/monokai.min.css"/>
  

  <style>
  /* ==========<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 */
.tab-content

           .highlight-container pre code {
            background-color: #2d2d2d; /* Cor de fundo escuro */
            color: #f8f8f2; /* Cor do texto claro */
            padding: 10px; /* Espaçamento interno */
            overflowborder-xradius: auto5px;
 /* Bordas arredondadas */
      }


  </style>
  






  <!overflow--x: Tabsauto; e/* conteúdoBarra dasde guias -->
  <div class="card">
rolagem horizontal se necessário */
     <ul class="tabs">
      <li class="tab col s4"><a href="#tab1">DETALHES FUNCIONAIS</a></li>
font-family: 'Courier New', Courier, monospace; /* Fonte do código */
       <li class="tab col s4"><a href="#tab2">DETALHES TÉCNICOS</a></li>
 }

        /* Estilo <li class="tab col s4"><a href="#tab3">FAQ</a></li>
    </ul>para a tag <pre> dentro do contêiner */
     <!-- Tab Content -->
 .highlight-container pre {
      <div id="tab1" class="col s12">
   margin: 20px 0; /* Margem <div class="tab-content">
      acima e abaixo do bloco de código */
    <div style="background-color: #f4f5f7; padding: 10px; margin-left: 50px; margin-right: 50px;">
             padding: 0; /* Sem preenchimento extra */
       <section id="section1" style="margin-top: 40px;"> }
 

             </style>
  






  <!-- TabTabs 70e conteúdo das guias -->
  <!-- Segundo Card -->

<div class="card">
    <!-- Primeiro Card --<ul class="tabs">
  <!-- Primeiro Card -->
  <div<li class="card">
tab col   <div classs4"><a href="item">#tab1">DETALHES FUNCIONAIS</a></li>
      <span<li class="label">
tab col       <table borders4"><a href="1">#tab2">DETALHES TÉCNICOS</a></li>
      <li class="tab col  <tr>s4"><a href="#tab3">FAQ</a></li>
    </ul>
     <!-- Tab Content -->
 
      <div <td><iid="tab1" class="fascol fa-tags"></i> Produto:</td>s12">
        <div class="tab-content">
     <td>Automação da Força de Vendas</td>
 <div style="background-color: #f4f5f7; padding: 10px; margin-left: 50px;   </tr>margin-right: 50px;">
          <tr>
  <section id="section1" style="margin-top: 40px;">
         <td><i class="fas fa-link"></i> Linha de Produto:</td>      <!-- Tab 70 conteúdo -->
  <!-- Segundo Card -->

    <!-- Primeiro Card -->
  <!-- Primeiro Card -->
  <td>TOTVS CRM</td><div class="card">
    <div class="item">
       </tr><span class="label">
        <table  <tr>
border="1">
          <tr>
     <td><i class         <td><i class="fas fa-chart-pietags"></i> SegmentoProduto:</td>
              <td>Automação da Força <td>Crossde Segmentos<Vendas</td>
          </tr>
          <tr>
              <td><i class="fas fa-desktoplink"></i> Linha Módulode Produto:</td>
              <td>Venda/Anexo
            <<td>TOTVS CRM</td>
          </tr>
          <tr>
              <td><i class="fas fa-globechart-pie"></i> AplicaçãoSegmento:</td>
              <td>Web/app<td>Cross móvel<Segmentos</td>
          </tr>
          <tr>
              <td><i class="fas fa-hashtagdesktop"></i> IdentificadorMódulo:</td>
              <td><td>Venda/Anexo
            </td>
    
      </tr>
          16668545</td><tr>
          </tr>
    <td><i class="fas fa-globe"></i> Aplicação:</table>td>
      </span>
     </div>
   <td>Web/app <móvel</div>td>
    

      <br>
</tr>
       <!-- Segundo Card -->
<tr>
       <h2 class="custom-heading">
      <td><i  <i class="fa-solidfas fa-eyehashtag"></i>&nbsp &nbsp VISÃO GERAL
 Identificador:</td>
        </h2>
      <p class="justificado"><td>
        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.  16668545</td>
          </tr>
      </table>
      </span>
    </div>
    </div>
 

      <br>

    
   <!-- Segundo  </p>
<br>

Card -->

       <h2 class="custom-heading">
        <i class="fa-solid fa-rocketeye"></i>&nbsp &nbsp VISÃO OBJETIVOGERAL
      </h2>
      <p class="justificado">
        A nova funcionalidade no FacilitarTOTVS CRM permite a gestãomanipulação de documentosanexos em pedidos, permitindoindependente ado adiçãoseu oustatus remoção(inclusive depedidos arquivosfinalizados). emIsso qualquersignifica etapaque doos processo.usuários Issopodem otimizaagora oadicionar gerenciamentoou deremover informaçõesarquivos eem aprimorapedidos a capacidadeconcluídos, defacilitando resposta a necessidadesgestão emergentes,documental mesmoe após a finalizaçãoflexibilidade do pedidooperacional.
    </p>
    <br>

  <!-- ... (seu conteúdo existente) ... -->

      </p>
<br>

         <h2 class="custom-heading">
                <i class="fa-solid fa-bookrocket"></i>&nbsp &nbsp ANTES DE COMEÇAR
        OBJETIVO
    </h2>
    <p class="justificado">
       <h3>Requisitos</h3>
 Facilitar a gestão de documentos em pedidos, permitindo a adição ou <p>Aremoção funcionalidadede afetaarquivos todosem osqualquer tiposetapa dedo pedidosprocesso. dentroIsso do sistema.</p>
            <p>Está disponível tanto na aplicação web quanto mobile.</p>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>

  </section>

!-- ... (seu conteúdo existente) ... -->

           <section id="section2" style="margin-top: 40px;    <h2 class="custom-heading">
             <h2 class="custom-heading"><i   <i class="fa-solid fa-starbook"></i> &nbsp ANTES DETALHESDE FUNCIONAIS</h2>COMEÇAR
            <h3>Funções </h3>h2>
        
    <h3>Requisitos</h3>
        <ol>
    <p>A funcionalidade afeta todos os tipos de pedidos dentro do sistema.</p>
  <li>Implementação de um novo parâmetro no módulo de pedidos, que permite<p>Está adisponível manipulaçãotanto dena anexosaplicação apósweb a finalização do pedidoquanto mobile.</li>p>
          </section>

        <li>O  usuário pode ativar ou desativar esta funcionalidade conforme necessidade, através das configurações de pedido.</li>
       <section id="section2" style="margin-top: 40px;">
            <h2 class="custom-heading"><i class="fa-solid fa-star"></i>&nbsp DETALHES FUNCIONAIS</h2>
         
   <h3>Funções </h3>
        </ol>
            <ol>
          </section>
      <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  <section id="section3" style="margin-top: 40px;">do pedido.</li>
            <h2 class="custom-heading"><i class="fa-solid fa-shoe-prints"></i>&nbsp COMO USAR?</h2>
            <h3> Passo a Passo</h3>
 <li>O usuário pode ativar ou desativar esta funcionalidade conforme necessidade, através das configurações de pedido.</li>
            <ol>
            
  <li>Navegue até o menu de configuração de pedidos no TOTVS CRM SFA.</li>ol>
              <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></section>
         
      
    </ol> <br>

     <section id="section3"    <p>style="margin-top: 40px;">
            <video autoplay loop muted style="width: 100%; height: auto; max-width: 100%; display: block;"><h2 class="custom-heading"><i class="fa-solid fa-shoe-prints"></i>&nbsp COMO USAR?</h2>
            <h3> Passo <source src="https://totvscrm.com/wp-content/uploads/2024/01/tdnanexo2EE.mp4" type="video/mp4">a Passo</h3>

            </video><ol>
          </p><br>   
 <li>Navegue até o menu de configuração de pedidos 

no TOTVS CRM SFA.</li>
       </section>

       <li>Acesse a seção <section id="section4" style="margin-top: 40px;">de parâmetros de pedido.</li>
            <h2 class="custom-heading"><i class="fa-solid fa-signs-post"></i> &nbspEXEMPLO PRÁTICO</h2>
            <h3>Caso de uso</h3> <li>Localize e ative/desative a opção para manipulação de anexos em pedidos finalizados.</li>
          </ol>  <br>

          <p>
   
         <video autoplay loop   <b>Desafio Antigo:</b>
      muted style="width: 100%; height: auto; max-width: 100%; display: block;">
        <p>Inabilidade   para adicionar ou remover documentos em pedidos já finalizados, limitando a flexibilidade na gestão de informações e documentação.<source src="https://totvscrm.com/wp-content/uploads/2024/01/tdnanexo2EE.mp4" type="video/mp4">
            </video>
          </p><br>   
   
      

          </p>section>

          <section    id="section4" style="margin-top: 40px;">
            <h2  <br>
   class="custom-heading"><i class="fa-solid fa-signs-post"></i> &nbspEXEMPLO PRÁTICO</h2>
           
 <h3>Caso de uso</h3>
           <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>
<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.
                
               <br> </p>
              
              <br>
              </p>
              <b>Solução Atualizada:</section>b>
      
         
          </div>
          <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.
            <!-- Tab 30 fim -->
 </p>
            
  
          <!-- Tab 30 fim --><br>
          
    
      </div>
        </div>
    


       <div id="tab2" class="col s12">
 </p>
         <div class="tab-content">
 </section>
      
      <div style="background-color: #f4f5f7; padding:
 20px; margin-left: 50px; margin-right: 50px;">
     </div>
       <section id="section5" style="margin-top: 40px;">
            <!-- PrimeiraTab coluna30 do conteúdo da guia 2 fim -->
          
    <h2 class="custom-heading"><i class="fa-solid fa-gear"></i>&nbsp DETALHES TÉCNICOS</h2>
<h3>Arquivo: wsconfigpedidogeral.xml</h3>     <div class="tab-content"        <!-- Tab 30 fim -->
    <pre><code class="xml">      
        <preConditions onError="HALT" onFail="MARK_RAN" onSqlOutput="IGNORE">
    </div>
        </div>
    


      <customPrecondition<div classNameid="com.wealthsystems.sim3g.dao.hibernate.api.liquibase.custom.precondition.RegisterExistsPrecondition"tab2" class="col s12">
        <div class="tab-content">
          <param<div namestyle="table" value="WsConfigPedidoGeral"/>
    background-color: #f4f5f7; padding: 20px; margin-left: 50px; margin-right: 50px;">
            <param<section nameid="columnsection5" valuestyle="chave"/margin-top: 40px;">
            <!-- Primeira coluna do <param name="value" value="'HABILITAR_BOTAO_ANEXO_STATUS_FINALIZADO'"/conteúdo da guia 2 -->
                <param name<h2 class="tablecustom-heading"><i valueclass="WsConfigPedidoGeral"/>
                <param name="column" value="chave"/>
            </customPrecondition>fa-solid fa-gear"></i>&nbsp DETALHES TÉCNICOS</h2>

<h3> 
No item 5 da ferramenta, os seguintes registros deverão ser criados: </h3>

 <div style="background-color: #2d2d2d; padding: 10px; border-radius: 5px;">
    <pre style="margin: 0;  </preConditions>
        <insert tableName="WsConfigPedidoGeraloverflow-x: auto;"><code class="language-xml" style="color: #f8f8f2; font-family: 'Courier New', Courier, monospace;">
        &lt;preConditions    <column name="idWsConfigPedidoGeral" valueSequenceNext="SEQPKWSCONFIGPEDIDOGERAL"/>onError="HALT" onFail="MARK_RAN" onSqlOutput="IGNORE"&gt;
            <column name="chave" valueComputed="'HABILITAR_BOTAO_ANEXO_STATUS_FINALIZADO'"/>
&lt;customPrecondition className="com.wealthsystems.sim3g.dao.hibernate.api.liquibase.custom.precondition.RegisterExistsPrecondition"&gt;
                <column&lt;param name="labeltable" valueComputedvalue="''WsConfigPedidoGeral"/>&gt;
            <column    &lt;param name="idnAtivocolumn" valueComputedvalue="0chave"/>&gt;
            <column    &lt;param name="idParametroSuperiorvalue" valueComputedvalue="(select idWsConfigPedidoGeral from WsConfigPedidoGeral where chave = 'HABILITAR_BOTAO_ANEXO_STATUS_FINALIZADO')"/>&gt;
        </insert>
       </code></pre>
</div>                                  <strong><b>Comportamento do Sistema no Pedido:</b></strong> &lt;param name="table" value="WsConfigPedidoGeral"/&gt;
                &lt;param name="column" value="chave"/&gt;
              <br>&lt;/customPrecondition&gt;
                &lt;/preConditions&gt;
        &lt;insert tableName="WsConfigPedidoGeral"&gt;
     <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&lt;column name="idWsConfigPedidoGeral" valueSequenceNext="SEQPKWSCONFIGPEDIDOGERAL"/&gt;
            &lt;column name="chave" valueComputed="'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>
FINALIZADO'"/&gt;
            &lt;column name="label" valueComputed="''"/&gt;
            &lt;column  <br>

name="idnAtivo" valueComputed="0"/&gt;
            &lt;column  <strong> <b>Ao Editar um Pedido Não Finalizado:</b> </name="idParametroSuperior" valueComputed="(select idWsConfigPedidoGeral from WsConfigPedidoGeral where chave = 'HABILITAR_BOTAO_ANEXO')"/&gt;
        &lt;/insert&gt;
    </code></pre>
</div> <br> <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_ANEXO<FINALIZADO</code> estiver desabilitado:<li>Não<li>Permitir exibirapenas o botãodownload anexodos no pedidoarquivos.</li></li></ol>
<!-- Second Card -->

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>


              </div>

<strong> <b>Ao Editar um Pedido Não Finalizado:</b>  </div>strong>
    </div> 

       <div id="tab3" class="col s12">
 <br>
       <div class="tab-content">
      <ol><li>Se o <div style="background-color: #f4f5f7; padding: 20px; margin-left: 50px; margin-right: 50px;">
              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>
<!-- Primeira coluna do conteúdo da guia 2 Second Card -->

              <div class="container">


              </div>

  <h2 class="custom-heading"><i class="fa-solid fa-circle-question"></i> PERGUNTAS FREQUENTES</h2>      </div>
    </div> 

    <div id="tab3" class="col s12">
    <ul  <div class="collapsibletab-content">
        <div style="background-color: #f4f5f7; padding: 20px; margin-left: 50px; margin-right: 50px;">
  <li>
            <!-- Primeira coluna do conteúdo da guia 2 <div class="collapsible-header"><i class="material-icons">question_answer</i>O que é 'Anexar Arquivo no Pedido Finalizado'?</div>
    -->
              <div class="container">
                <div<h2 class="collapsiblecustom-bodyheading"><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. 
><i class="fa-solid fa-circle-question"></i> PERGUNTAS FREQUENTES</h2>
                <ul class="collapsible">
                  <li>
          </span></div>
          <div class="collapsible-header"><i class="material-icons">question_answer</i>O que é 'Anexar Arquivo no Pedido Finalizado'?</li> div>
                   
 <div class="collapsible-body"><span>Esta funcionalidade permite que os usuários do TOTVS CRM SFA adicionem, removam ou baixem arquivos anexados em  <!-- Adicione mais perguntas e respostas aqui conforme necessário -->pedidos, independente do status do pedido, incluindo pedidos já finalizados. 
                </ul>
        </span></div>
                </div>li> 

            
        
                    <!-- Adicione Primeiramais colunaperguntas doe conteúdorespostas daaqui guiaconforme 2necessário -->

                </ul>
            </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 () {
   <!-- varPrimeira tabscoluna = document.querySelectorAll(".tabs");
    M.Tabs.init(tabs);
  });
</script>

<script>
  const items = document.querySelectorAll("#indice li");

  items.forEach(item => {
do conteúdo da guia 2 -->

            
        item.addEventListener('click', (e) => {    </div>
          const  targetId = e.target.getAttribute('data-target');

      </div>
  </div>

   const targetElement
<script = document.getElementById(targetId);
          window.scrollTo(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");
       top: targetElement.offsetTop - 10,
              behavior: "smooth"
          });
      }M.Tabs.init(tabs);
  });
</script>

<script src="https://kit.fontawesome.com/c97d4c197a.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
 


<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script> 

<script>hljs.highlightAll();</script>
  


<script src="scripts.js"></script>

<script>
  document.addEventListener('DOMContentLoaded', function()<script>
  const items = document.querySelectorAll("#indice li");

  items.forEach(item => {
      item.addEventListener('click', (e) => {
      var elems = document.querySelectorAll('.collapsible');
      var instances = M.Collapsible.init(elems const targetId = e.target.getAttribute('data-target');
  });
</script>

 <!-- ... (conteudo video) ... -->
 <script src="https://www.youtube.com/iframe_api"></script>

 <script>
  var player const targetElement = document.getElementById(targetId);
  function onYouTubeIframeAPIReady() {
    player = new YTwindow.PlayerscrollTo('player', {
       height: '315',
      widthtop: '560'targetElement.offsetTop - 10,
      videoId: 'FvsuBOvyyro',
        playerVarsbehavior: {"smooth"
         start: 1238, // 20:38 em segundos
        end: 1356   // 22:36 em segundos
 });
      });
  });
</script>
 


<script>
    document.addEventListener('DOMContentLoaded', (event) => {
        }hljs.highlightAll();
    });
</script>  }
</script>



 <script src="https://kit.fontawesome.com/c97d4c197a.js" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
   
 <script src="https://kit.fontawesome.com/c97d4c197a.js" crossorigin="anonymous"></script>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script> 

  
  <script><script>hljs.highlightAll();</script>
    
  
  // Inicialização das tabs e outras funcionalidades 
  <script src="scripts.js"></script>
  
  <script>
    document.addEventListener('DOMContentLoaded', function() {
            var tabselems = document.querySelectorAll('.tabscollapsible');
            var collapsibleElemsinstances = document.querySelectorAll('.collapsible');
            M.Tabs.init(tabs);
            M.Collapsible.init(collapsibleElemselems);
            hljs.highlightAll(});
        });</script>
     </script>