<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: 13px#e4e4e6;
}
.custom-grey tr:nth-child(oddeven) {
background-color: #e4e4e6#dfdfdf;
}
.custom-grey tr:nth-child(even) {
/* ========== 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: #dfdfdf;
}
#2d2d2d; /* ========== FIM DO ESTILO =========Cor de fundo escuro */
color: #f8f8f2; /* EstiloCor parado o bloco de códigotexto claro */
/* Estilo para blocos de código dentro de .tab-content padding: 10px; /* Espaçamento interno */
.highlight-container pre code {border-radius: 5px; /* Bordas arredondadas */
backgroundoverflow-colorx: #2d2d2dauto; /* CorBarra de fundo escurorolagem horizontal se necessário */
colorfont-family: #f8f8f2'Courier New', Courier, monospace; /* CorFonte do texto clarocódigo */
}
padding: 10px; /* EspaçamentoEstilo internopara */
a tag <pre> dentro do contêiner */
border-radius: 5px; /* Bordas arredondadas */ .highlight-container pre {
overflow-xmargin: 20px auto0; /* Barra de rolagem horizontal se necessárioMargem acima e abaixo do bloco de código */
font-familypadding: 'Courier New', Courier, monospace0; /* FonteSem dopreenchimento códigoextra */
}
</style>
<!-- Tabs e conteúdo das guias -->
<div class="card">
<ul /* Estilo para a tag <pre> dentro do contêiner */class="tabs">
<li class="tab col s4"><a href="#tab1">DETALHES FUNCIONAIS</a></li>
<li .highlight-container pre {class="tab col s4"><a href="#tab2">DETALHES TÉCNICOS</a></li>
<li class="tab col margin: 20px 0; /* Margem acima e abaixo do bloco de código */s4"><a href="#tab3">FAQ</a></li>
</ul>
<!-- Tab Content -->
<div id="tab1" class="col s12">
padding: 0; /* Sem preenchimento extra */<div class="tab-content">
}
</style>
<!-- Tabs e conteúdo das guias -->
<div class="card<div style="background-color: #f4f5f7; padding: 10px; margin-left: 50px; margin-right: 50px;">
<ul class="tabs">
<li<section classid="tab col s4section1"><a hrefstyle="#tab1">DETALHES FUNCIONAIS</a></li>margin-top: 40px;">
<li class="tab col s4"><a href="#tab2">DETALHES TÉCNICOS</a></li>
<!-- Tab <li class="tab col s4"><a href="#tab3">FAQ</a></li>70 conteúdo -->
<!-- Segundo Card -->
</ul>
!-- Primeiro Card -->
<!-- TabPrimeiro ContentCard -->
<div class="card">
<div idclass="tab1item">
<span class="col s12label">
<div<table classborder="tab-content1">
<tr>
<div style="background-color: #f4f5f7; padding: 10px; margin-left: 50px; margin-right: 50px;">
<td><i class="fas fa-tags"></i> Produto:</td>
<section id="section1" style="margin-top: 40px;">
<td>Automação da Força de Vendas</td>
<!-- Tab 70 conteúdo -->
<!-- Segundo Card -->
/tr>
<tr>
<!-- Primeiro Card -->
<!-- Primeiro Card -->
<div<td><i class="card">
fas fa-link"></i> Linha de Produto:</td>
<div class="item">
<span class="label"><td>TOTVS CRM</td>
<table border="1"> </tr>
<tr>
<td><i class="fas fa-chart-tagspie"></i> ProdutoSegmento:</td>
<td>Automação da Força de Vendas<<td>Cross Segmentos</td>
</tr>
<tr>
<td><i class="fas fa-linkdesktop"></i> Linha de ProdutoMódulo:</td>
<td>Venda/Anexo
<td>TOTVS CRM<</td>
</tr>
<tr>
<td><i class="fas fa-chart-pieglobe"></i> SegmentoAplicação:</td>
<td>Cross<td>Web/app Segmentos<móvel</td>
</tr>
<tr>
<td><i class="fas fa-desktophashtag"></i> MóduloIdentificador:</td>
<td>Venda/Anexo<td>
</td>
</tr>
<tr>16668545</td>
</tr>
<td><i class="fas fa-globe"></i> Aplicação:</td>table>
</span>
</div>
<td>Web/app móvel<</td>div>
<br>
</tr>
<!-- Segundo Card -->
<tr>
<h2 class="custom-heading">
<td><i<i class="fasfa-solid fa-hashtageye"></i> Identificador:</td>    VISÃO GERAL
</h2>
<td><p class="justificado">
A nova funcionalidade no TOTVS CRM permite a
manipulação de anexos em pedidos, independente do seu 16668545</td>
</tr>
</table>
</span>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.
</div>
</div>
<br>
<!-- Segundo Card -->
</p>
<br>
<h2 class="custom-heading">
<i class="fa-solid fa-eyerocket"></i>    VISÃO GERALOBJETIVO
</h2>
<p class="justificado">
A nova funcionalidade no TOTVS CRM permite Facilitar a manipulaçãogestão de anexosdocumentos em pedidos, independentepermitindo a doadição seuou statusremoção (inclusivede pedidosarquivos finalizados).em Issoqualquer significaetapa quedo osprocesso. usuáriosIsso podemotimiza agorao adicionargerenciamento oude removerinformações arquivose emaprimora pedidosa jácapacidade concluídos,de facilitandoresposta a gestão documental enecessidades emergentes, mesmo após a finalização flexibilidadedo operacionalpedido.
</p>
<br>
<!-- ... (seu conteúdo existente) ... -->
</p>
<br>
<h2 class="custom-heading">
<i class="fa-solid fa-rocketbook"></i>   ANTES  DE OBJETIVOCOMEÇAR
</h2>
<p class="justificado">
<h3>Requisitos</h3>
Facilitar a gestão de documentos em pedidos, permitindo a adição ou remoção<p>A defuncionalidade arquivosafeta emtodos qualqueros etapatipos dode processo.pedidos Issodentro otimiza o gerenciamento de informações e aprimora a capacidade de resposta a necessidades emergentes, mesmo após a finalização do pedido.
do sistema.</p>
<p>Está disponível tanto na aplicação web quanto mobile.</p>
<br>
<!-- ... (seu conteúdo existente) ... --> </section>
<section <h2 classid="section2" style="custom-headingmargin-top: 40px;">
<i<h2 class="custom-heading"><i class="fa-solid fa-bookstar"></i>   ANTES DE COMEÇAR
DETALHES FUNCIONAIS</h2>
<h3>Funções </h2>h3>
<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 <p>Está disponível tanto na aplicação web quanto mobilepermite a manipulação de anexos após a finalização do pedido.</p>li>
</section>
<li>O usuário pode ativar ou desativar esta funcionalidade <section id="section2" style="margin-top: 40px;">
conforme necessidade, através das configurações de pedido.</li>
<h2 class="custom-heading"><i class="fa-solid fa-star"></i>  DETALHES FUNCIONAIS</h2>
<h3>Funções </h3>ol>
</section>
<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>
<section id="section3" style="margin-top: 40px;">
<h2 class="custom-heading"><i class="fa-solid fa-shoe-prints"></i>  COMO USAR?</h2>
<li>O usuário pode<h3> ativarPasso ou desativar esta funcionalidade conforme necessidade, através das configurações de pedido.</li>
a Passo</h3>
<ol>
<li>Navegue até o menu de configuração de pedidos no TOTVS CRM SFA.</ol>li>
<li>Acesse a seção de parâmetros de pedido.</section>li>
<li>Localize e
ative/desative a opção para manipulação de anexos em pedidos finalizados.</li>
<section id="section3" style="margin-top: 40px;">
</ol> <br>
<h2 class="custom-heading"><i class="fa-solid fa-shoe-prints"></i>  COMO USAR?</h2><p>
<h3><video Passoautoplay a Passo</h3>
loop muted style="width: 100%; height: auto; max-width: 100%; display: block;">
<ol>
<source src="https://totvscrm.com/wp-content/uploads/2024/01/tdnanexo2EE.mp4" type="video/mp4">
<li>Navegue até o menu de configuração de pedidos no TOTVS CRM SFA.</li>video>
</p><br>
<li>Acesse a seção de parâmetros de pedido.</li>
</section>
<li>Localize e ative/desative a opção para manipulação de anexos em pedidos finalizados.</li>
<section id="section4" style="margin-top: 40px;">
</ol> <br>
<h2 class="custom-heading"><i class="fa-solid fa-signs-post"></i>  EXEMPLO PRÁTICO</h2>
<p>
<h3>Caso de uso</h3>
<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">
<b>Desafio Antigo:</video>b>
</p><br>
</section>
<p>Inabilidade para adicionar ou remover documentos em pedidos já finalizados, limitando a flexibilidade na gestão de informações e documentação.
<section id="section4" style="margin-top: 40px;">
<h2 class="custom-heading"><i class="fa-solid fa-signs-post"></i>  EXEMPLO PRÁTICO</h2> </p>
<h3>Caso de uso</h3>
<br>
<b>Desafio<b>Solução AntigoAtualizada:</b>
<p>Com <p>Inabilidade paraa nova funcionalidade, os usuários podem adicionar ou remover documentosanexos em pedidos já finalizados, limitando a flexibilidade na gestãoaumentando a adaptabilidade e eficiência no gerenciamento de informaçõespedidos e documentos documentaçãoassociados.
</p>
</p>
<br>
<br>
<b>Solução Atualizada:</b>p>
</section>
<p>Com
a nova funcionalidade, os usuários podem adicionar ou remover
anexos em pedidos finalizados, aumentando a adaptabilidade e eficiência no</div>
gerenciamento de pedidos e documentos associados.
</p>
!-- Tab 30 fim -->
<!-- Tab 30 fim <br>-->
</div>
</div>
<div id="tab2" </p>class="col s12">
</section><div class="tab-content">
<div style="background-color: #f4f5f7; padding:
20px; margin-left: 50px; margin-right: 50px;">
</div>
<section id="section5" style="margin-top: 40px;">
<!-- Tab 30 fim Primeira coluna do conteúdo da guia 2 -->
<h2 class="custom-heading"><i class="fa-solid fa-gear"></i>  DETALHES TÉCNICOS</h2>
<h3>
No item 5 <!-- Tab 30 fim -->
da ferramenta, os seguintes registros deverão ser criados: </h3>
<div style="background-color: #2d2d2d; padding: 10px; border-radius: 5px;">
<pre style="margin: 0; </div>
</div>overflow-x: auto;"><code class="language-xml" style="color: #f8f8f2; font-family: 'Courier New', Courier, monospace;">
<preConditions <div id="tab2" class="col s12">onError="HALT" onFail="MARK_RAN" onSqlOutput="IGNORE">
<div class="tab-content">
<div style="background-color: #f4f5f7; padding: 20px; margin-left: 50px; margin-right: 50px;">
<customPrecondition className="com.wealthsystems.sim3g.dao.hibernate.api.liquibase.custom.precondition.RegisterExistsPrecondition">
<section id<param name="section5table" stylevalue="margin-top: 40px;">WsConfigPedidoGeral"/>
<!-- Primeira coluna do conteúdo da guia 2 -->
<param name="column" value="chave"/>
<h2 class<param name="custom-headingvalue"><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 onError="HALT" onFail="MARK_RAN" onSqlOutput="IGNORE">value="'HABILITAR_BOTAO_ANEXO_STATUS_FINALIZADO'"/>
<param name="table" value="WsConfigPedidoGeral"/>
<param name="column" value="chave"/>
<customPrecondition className="com.wealthsystems.sim3g.dao.hibernate.api.liquibase.custom.precondition.RegisterExistsPrecondition">
</customPrecondition>
</preConditions>
<param name="table" value <insert tableName="WsConfigPedidoGeral"/>>
<param<column name="columnidWsConfigPedidoGeral" valuevalueSequenceNext="chaveSEQPKWSCONFIGPEDIDOGERAL"/>>
<param<column name="valuechave" valuevalueComputed="'HABILITAR_BOTAO_ANEXO_STATUS_FINALIZADO'"/>>
<param<column name="tablelabel" valuevalueComputed="WsConfigPedidoGeral"/>
<param name="column" value="chave"/>
</customPrecondition>
</preConditions>
<insert tableName="WsConfigPedidoGeral">
''"/>
<column<column name="idWsConfigPedidoGeralidnAtivo" valueSequenceNextvalueComputed="SEQPKWSCONFIGPEDIDOGERAL0"/>>
<column <column name="chaveidParametroSuperior" valueComputed="(select idWsConfigPedidoGeral from WsConfigPedidoGeral where chave = 'HABILITAR_BOTAO_ANEXO_STATUS_FINALIZADO'"/>
')"/>
</insert>
</code></pre>
</div> <br> <strong><b>Comportamento do Sistema no Pedido:</b></strong>
<column name="label" valueComputed="''"/> <br>
<column name="idnAtivo" valueComputed="0"/>
<column name="idParametroSuperior" valueComputed="(select idWsConfigPedidoGeral from WsConfigPedidoGeral where chave = 'HABILITAR_BOTAO_ANEXO')"/>
</insert>
</code></pre>
</div>
<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>Comportamento do Sistema no Pedido:</b></strong>
<strong> <b>Ao Editar um Pedido Não <br>Finalizado:</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>
<!-- Second Card -->
<br>
<strong></div>
<b>Ao Editar um Pedido Não Finalizado:</b> </strong>div>
</div>
<div id="tab3" <br>class="col s12">
<div class="tab-content">
<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 style="background-color: #f4f5f7; padding: 20px; margin-left: 50px; margin-right: 50px;">
<!-- Primeira coluna do conteúdo da guia 2 -->
<div class="container">
</div>
<h2 class="custom-heading"><i </div>
</div>
class="fa-solid fa-circle-question"></i> PERGUNTAS FREQUENTES</h2>
<div id="tab3" class="col s12">
<div<ul class="tab-contentcollapsible">
<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">
<h2 class="custom-heading"><i class="fa-solid fa-circle-question"></i> PERGUNTAS FREQUENTES</h2>
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.
<ul class="collapsible">
</span></div>
<li>
</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.
<!-- Adicione mais perguntas e respostas aqui conforme necessário -->
</ul>
</div>
</span></div>
</li>
<!-- Primeira coluna do conteúdo da guia 2 -->
<!-- Adicione mais perguntas e respostas aqui</div>
conforme necessário -->
</ul>div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script>
// Inicialização das </div>
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) => {
<!-- Primeiraconst colunatargetId do conteúdo da guia 2 -->
= e.target.getAttribute('data-target');
const targetElement
= document.getElementById(targetId);
</div>window.scrollTo({
top: targetElement.offsetTop - 10,
</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 () {
behavior: "smooth"
var tabs = document.querySelectorAll(".tabs" });
M.Tabs.init(tabs});
});
</script>
<script>
const items = document.querySelectorAll("#indice li");
items.forEach(item => {
item.addEventListener('clickDOMContentLoaded', (eevent) => {
const targetId = e.target.getAttribute('data-target'hljs.highlightAll();
});
</script> <script const targetElement = document.getElementById(targetId);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>
window.scrollTo({
top: targetElement.offsetTop - 10,
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
behavior:<script src="smooth"scripts.js"></script>
<script>
document.addEventListener('DOMContentLoaded', });function() {
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', (event) => {
var elems = document.querySelectorAll('.collapsible');
var instances = hljsM.Collapsible.highlightAllinit(elems);
});
</script>
|