<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última funcionalidadeatualização nointroduziu TOTVSo CRMparâmetro permitede aaprovação manipulação de anexos em pedidos, independentemediante doo seubloqueio statusde (inclusiveclientes. pedidosEsta finalizados).inovação Issopossibilita significa que os usuáriosbloqueios, podemanteriormente agoraassociados adicionaraos oucadastros remover arquivos em pedidos já concluídosde clientes, facilitandosejam aautomaticamente gestãovalidados documentaldurante eo aprocesso flexibilidadede operacionalvenda.
Assim, quando um pedido de um cliente
com bloqueio cadastrado é feito, ele é automaticamente
encaminhado para um processo de aprovação, exigindo a análise de um usuário autorizado antes de ser finalizado.
</p>
<br>
<h2 class="custom-heading">
<i class="fa-solid fa-rocket"></i>    OBJETIVO
</h2>
<p class="justificado">
O Facilitarobjetivo adesta gestãoatualização deé documentosaprimorar emo pedidos,controle permitindode avendas, adiçãoespecialmente ouem remoçãocasos de arquivosclientes emcom qualquerrestrições etapacadastradas. doA processo.funcionalidade Issobusca otimizagarantir oque gerenciamentopedidos derealizados informaçõespara e aprimora a capacidadeclientes bloqueados passem por um processo de respostaverificação ae necessidadesaprovação emergentesadicional, mesmo apósaumentando a segurança e a conformidade finalizaçãonas dotransações pedidocomerciais.
</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>Essencial <p>Arealizar a funcionalidadeconfiguração afetado todosbloqueio osno tiposcadastro de clientes pedidospara dentroativar doa sistemafuncionalidade.</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 nopara módulovincular deo pedidos,cadastro quede permitebloqueios a manipulação de anexosclientes apósà aaprovação finalizaçãode do pedidopedidos.</li>
<li>O<li>A usuáriofuncionalidade podeé ativarativada oumarcando desativara estaopção funcionalidade"Requer conformeaprovação" necessidade, através das configurações de pedidocomo "sim" no cadastro de bloqueios dos clientes.</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><ol><li><p><b>Ativar 'PEDIDO_BLOQUEIO' no Cadastro de Venda:</b></p><ul><li>Acesse a seção "Tipo de Aprovação" e ative o registro <code>PEDIDO_BLOQUEIO</code>.</li></ul></li><li><p><b>Configurar Tipos de Bloqueio:</b></p><ul><li>Em "Tipo Bloqueio", adicione os bloqueios que serão aplicados aos clientes.</li></ul></li><li><p><b>Aplicar Bloqueio ao Cliente:</b></p><ul><li>No cadastro do cliente, vá à aba "Bloqueio" e adicione o bloqueio configurado.</li></ul></li></ol>
<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<p>Dificuldade paraem adicionarcontrolar ouvendas removerpara documentosclientes emcom pedidosrestrições, jádevido finalizados,à limitandoausência ade flexibilidadeum namecanismo gestãoautomatizado de informaçõesaprovação ede documentaçãopedidos.
</p>
<br>
<b>Solução Atualizada:</b>
<p>Com ao novanovo funcionalidade, os usuários podem adicionar ou remover anexos em pedidos finalizados, aumentando a adaptabilidade e eficiência no gerenciamento de pedidos e documentos associadosrecurso, pedidos para clientes com bloqueios que exigem aprovação são automaticamente enviados para um processo de verificação e autorização, proporcionando um controle mais efetivo e seguro nas transações comerciais.
</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>
<ol>
<h3>
No item 5 da ferramenta, os seguintes registros deverão ser criados: </h3>
<li><p><strong>Tools, Opção 3</strong>: Adicionar campo 'idtipoaprovacao' (FK para a tabela 'tipoaprovacao', nullable) na tabela 'tipobloqueio'.</p></li>
<li><p><strong>Tools, Opção 18</strong>: Criar tipo de aprovação conforme configuração abaixo:</p></li>
<div style="background-color: #2d2d2d; padding: 10px; border-radius: 5px;">
<pre style="margin: 0; overflow-x: auto;"><code class="language-xml" style="color: #f8f8f2; font-family: 'Courier New', Courier, monospace;">
<preConditions onError<changeSet author="HALTsystemScript" onFailfailOnError="MARK_RANfalse" onSqlOutputid="IGNORE">
runOnChange="true">
<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="WsConfigPedidoGeralTipoAprovacao"/>>
<param<param name="column" value="chavesglTipoAprovacao"/>>
<param<param name="value" value="'HABILITAR_BOTAO_ANEXO_STATUS_FINALIZADOPEDIDO_BLOQUEIO'"/>>
</customPrecondition>
<param name="table" value="WsConfigPedidoGeral"/> </preConditions>
<insert tableName="tipoaprovacao">
<param<column name="columnidtipoaprovacao" valuevalueSequenceNext="chaveSEQPKTIPOAPROVACAO"/>>
</customPrecondition>
</preConditions>
<insert tableName="WsConfigPedidoGeral"><column name="descricao" valueComputed="'Aprovação vinculada a tipos de bloqueios que requerem aprovação'"/>
<column<column name="idWsConfigPedidoGeralsgltipoaprovacao" valueSequenceNextvalueComputed="SEQPKWSCONFIGPEDIDOGERAL'PEDIDO_BLOQUEIO'"/>>
<column<column name="chaveidnativo" valueComputed="'HABILITAR_BOTAO_ANEXO_STATUS_FINALIZADO'1"/>>
<column<column name="labelcodigoerp" valueComputed="''null"/>>
<column<column name="idnAtivocodigo" valueComputed="0null"/>>
<column<column name="idParametroSuperiorobservacao" valueComputed="(select idWsConfigPedidoGeral from WsConfigPedidoGeral where chave = 'HABILITAR_BOTAO_ANEXO')"/>null"/>
</insert>
</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_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>
<column name="wsversao" valueComputed="null"/>
<br></insert>
<comment></comment>
<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>< </code></pre>
</div>
<br>
<li><p><b>Interface Web - "Cadastro > Geral > Tipo bloqueio"</b>:</p><ul><li>Remover coluna "Requer autorização".</li><li>Adicionar coluna "Tipo aprovação", editável somente se "Requer aprovação" = Sim. Associar à 'tipobloqueio.idtipoaprovacao'.</li></ul></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 é a funcionalidade 'Anexar Arquivo no Pedido FinalizadoAprovação de Pedidos por Bloqueio de Clientes'?</div>
<div class="collapsible-body"><span>Esta><span>É funcionalidadeuma permite que os usuários doatualização no TOTVS CRM SFAque adicionem,permite removamque oupedidos baixemde arquivosclientes anexadoscom embloqueios pedidos,cadastrados independentesejam doautomaticamente statusenviados dopara pedido,aprovação incluindoantes pedidosda já finalizadosfinalização.
</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>
|