Este guia foi elaborado para oferecer uma visão de todas as funcionalidades, ferramentas e processos que compõem esta plataforma.
Explore cada seção para obter instruções claras e exemplos práticos, facilitando o uso das ferramentas disponíveis no Conta Corrente Web.
Navegue pelas opções disponíveis e descubra como o sistema pode atender às suas necessidades.
<!-- Contêiner principal -->
<div class="menu-container">
<!-- Menu Item: Configurações -->
<div class="menu-item">
<div class="menu-header" onclick="toggleMenu(this)">
<span>Configurações - Definições do Sistema</span>
<span class="menu-arrow">▶</span>
</div>
<div class="menu-content">
<div class="submenu-title">Configurações Básicas</div>
<div class="submenu-description">
As <strong>Configurações Básicas Globais</strong> permitem definir parâmetros que impactam o funcionamento geral do sistema.
</div>
<ul class="submenu-items">
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Global" class="submenu-item-title">Global:</a>
<div class="submenu-item-description">
• Configuração de parâmetros gerais do sistema.<br>
• Controle de permissões e políticas globais.
</div>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Historicos" class="submenu-item-title">Históricos:</a>
<div class="submenu-item-description">
• Registro de Históricos de eventos e alterações no sistema.
</div>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Unidades+e+PABs" class="submenu-item-title">Unidades e PABs:</a>
<div class="submenu-item-description">
• Cadastro e gerenciamento de Unidades Operacionais e Postos de Atendimento Bancário (PABs).<br>
• Controle de informações sobre localização, horários de operação e responsáveis.<br>
• Configuração de parâmetros específicos para cada unidade.
</div>
</li>
</ul>
</div>
</div>
<!-- Menu Item: Contas -->
<div class="menu-item">
<div class="menu-header" onclick="toggleMenu(this)">
<span>Conta - Gerenciamento de Contas</span>
<span class="menu-arrow">▶</span>
</div>
<div class="menu-content">
<div class="submenu-title">Contas</div>
<div class="submenu-description">
A tela de <strong>Cadastro de Contas</strong> oferece funcionalidades essenciais para administração de contas bancárias.
</div>
<ul class="submenu-items">
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Cadastro+de+Contas" class="submenu-item-title">Cadastro de Contas</a>
<div class="submenu-item-description">
O módulo de gerenciamento de contas permite criar novas contas com informações detalhadas, consultar e exibir contas por número ou cliente, atualizar dados existentes, visualizar contas vinculadas ao cliente e gerar a ficha/cadastro do para impressão.
</div>
<a href="https://tdn.totvs.com/display/TBC/Cadastrar+Conta" class="submenu-link">⮩ Veja como cadastrar uma nova conta</a>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Encerramento+de+Contas" class="submenu-item-title">Encerramento de Contas</a>
<div class="submenu-item-description">
A tela de Encerramento de Contas facilita a gestão de encerramento e reativação de contas.
</div>
<a href="https://tdn.totvs.com/display/TBC/Encerrar+Conta" class="submenu-link">⮩ Veja como encerrar uma conta</a>
</li>
</ul>
</div>
</div>
<!-- Menu Item: Consultas -->
<div class="menu-item">
<div class="menu-header" onclick="toggleMenu(this)">
<span>Consultas</span>
<span class="menu-arrow">▶</span>
</div>
<div class="menu-content">
<div class="submenu-title">Consultas</div>
<div class="submenu-description">
A tela de <strong>Consulta</strong> oferece funcionalidades essenciais para visualização de saldos, encargos e tarifas
</div>
<ul class="submenu-items">
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Consulta+de+Saldo" class="submenu-item-title">Consulta de Saldo</a>
<div class="submenu-item-description">
O módulo de consulta de saldos permite visualizar informações detalhadas sobre saldos disponíveis, bloqueados, contas relacionadas, tarifas e encargos.
</div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Consulta+Saldo" class="submenu-link">⮩ Veja como consultar o saldo de uma conta</a>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Consulta+de+Contas" class="submenu-item-title">Consulta de Conta</a>
<div class="submenu-item-description">
Consulta de Conta permite a busca e visualização de informações de contas, incluindo contratos de limite de crédito, quando aplicável. </div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Consulta+Conta" class="submenu-link">⮩ Veja como consultar uma Conta</a>
</li>
</ul>
</div>
</div>
<!-- Menu Item: Agenda -->
<div class="menu-item">
<div class="menu-header" onclick="toggleMenu(this)">
<span>Agenda - Bloqueio de Saldos e Baixa</span>
<span class="menu-arrow">▶</span>
</div>
<div class="menu-content">
<div class="submenu-title">Agenda</div>
<div class="submenu-description">
A tela de <strong>Bloqueio de Saldos e Agendas</strong> gerencia saldos bloqueados e agendas financeiras.
</div>
<ul class="submenu-items">
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Agenda+Bloqueio" class="submenu-item-title">Bloqueio</a>
<div class="submenu-item-description">
Permite registrar bloqueios de saldos em contas
</div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Bloqueio+de+Saldo" class="submenu-link">⮩ Veja como realizar o bloqueio de saldo</a>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Bloqueio+MED" class="submenu-link">⮩ Veja como realizar o bloqueio manual MED</a>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Agenda+Baixa" class="submenu-item-title">Baixa</a>
<div class="submenu-item-description">
Realiza desbloqueio de saldos e baixa de agendamentos diversos.
</div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Desbloqueio+ou+Baixa" class="submenu-link">⮩ Veja como realizar o desbloqueio de saldo ou baixa de agenda</a>
</li>
</ul>
</div>
</div>
<!-- Menu Item: Movimentações -->
<div class="menu-item">
<div class="menu-header" onclick="toggleMenu(this)">
<span>Movimentações</span>
<span class="menu-arrow">▶</span>
</div>
<div class="menu-content">
<div class="submenu-title">Movimentação</div>
<div class="submenu-description">
A tela permite realizar <strong>Movimentações</strong> de débitos em contas gerenciadas
</div>
<ul class="submenu-items">
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Envio+de+PIX" class="submenu-item-title">PIX</a>
<div class="submenu-item-description">
Realiza o envio de um PIX manual
</div>
<a href="#" class="submenu-link">⮩ Veja como realizar um PIX</a>
<div class="submenu-item-description">
Realiza o envio de uma Devolução PIX manual
</div>
<a href="#" class="submenu-link">⮩ Veja como realizar uma devolução</a>
</li>
<li class="submenu-item">
<a href="#ted" class="submenu-item-title">TED</a>
<div class="submenu-item-description">
Realiza o envio de TED (Boletagem)
</div>
<a href="#" class="submenu-link">⮩ Veja como realizar o envio de um TED -
<i>Funcionalidade disponível apenas no sistema Conta Corrente PB</i>
</a>
<div class="submenu-item-description">
Consulta TED's enviados
</div>
<a href="https://tdn.totvs.com/display/TBC/Comprovante+de+TED" class="submenu-link">⮩ Veja como consultar e imprimir um comprovante de envio de TED.</a>
</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: #000;
padding: 12px 15px;
cursor: pointer;
font-weight: bold;
display: flex;
justify-content: space-between;
align-items: center;
}
.menu-header:hover {
background-color: #b0ee00;
}
.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> |