Histórico da Página
...
| HTML |
|---|
<div style="font-family: 'Segoe UI', Arial, sans-serif; border: 1px solid #d1d1d1; border-radius: 15px; width: 100%; margin: 10px 0; background-color: #ffffff; box-shadow: 0 4px 12px rgba(0,0,0,0.1); overflow: hidden;">
<div style="background-color: #367C2B; padding: 18px 30px; border-bottom: 6px solid #FFDE00; display: flex; justify-content: space-between; align-items: center;">
<div style="display: flex; align-items: center; gap: 20px;">
<div style="background: #FFDE00; color: #367C2B; padding: 4px 12px; border-radius: 4px; font-weight: bold; font-size: 0.85em; letter-spacing: 1px;">SOLUÇÃO</div>
<h2 style="color: #ffffff; margin: 0; font-size: 1.3em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">Ajuste de Processo | Entrega Futura</h2>
</div>
</div>
<div style="padding: 30px; color: #333333;">
<div style="margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eeeeee;">
<p style="font-size: 1.05em; line-height: 1.6; margin: 0; color: #1a1a1a;">
Foi ajustado o comportamento do sistema para garantir a <strong>consistência do processo de Entrega Futura</strong>, bem como adicionadas validações para evitar cenários indevidos relacionados à TES e reserva de estoque:
</p>
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-bottom: 35px;">
<div style="background: #f8faf8; padding: 20px; border-left: 4px solid #367C2B; border-radius: 4px;">
<h4 style="color: #367C2B; margin-top: 0; font-size: 1em; text-transform: uppercase;">Correção de Fluxo</h4>
<ul style="margin: 10px 0 0 0; padding-left: 18px; line-height: 1.5; color: #444; font-size: 0.95em;">
<li style="margin-bottom: 8px;">Lógica da etapa <strong>"Como Pagar"</strong> corrigida para não estornar reservas ao cancelar a operação.</li>
<li>Validação da TES adequada para manter itens reservados mesmo sem movimentação física imediata.</li>
</ul>
</div>
<div style="background: #f8faf8; padding: 20px; border-left: 4px solid #367C2B; border-radius: 4px;">
<h4 style="color: #367C2B; margin-top: 0; font-size: 1em; text-transform: uppercase;">Novas Validações</h4>
<ul style="margin: 10px 0 0 0; padding-left: 18px; line-height: 1.5; color: #444; font-size: 0.95em;">
<li style="margin-bottom: 8px;">Impedimento de uso de TES que não movimenta estoque em itens aguardando atendimento (Compra/Transferência).</li>
<li>Bloqueio de mensagens de disponibilidade conflitantes para itens já vinculados a sugestão de compra.</li>
</ul>
</div>
</div>
<div style="background-color: #367C2B; color: #ffffff; padding: 25px 30px; border-radius: 12px; display: flex; align-items: center; gap: 20px;">
<div style="font-size: 2em; line-height: 1;">✔️</div>
<div style="flex: 1;">
<strong style="color: #FFDE00; font-size: 1em; text-transform: uppercase; display: block; margin-bottom: 5px;">Resultado Operacional:</strong>
<p style="margin: 0; font-size: 1.05em; font-style: italic; color: #f0f0f0; line-height: 1.5;">
Com essas correções, o sistema passa a garantir maior integridade no controle de reservas e coerência entre os processos de estoque, compra e transferência, evitando inconsistências operacionais e retrabalho.
</p>
</div>
</div>
</div>
</div> |
...
| HTML | ||||
|---|---|---|---|---|
<div style="font-family: 'Segoe UI', Arial, sans-serif; border: 1px solid #d1d1d1; border-radius: 15px; width: 100%; margin: 10px 0; background-color: #ffffff; box-shadow: 0 4px 12px rgba(0,0,0,0.1); overflow: hidden;">
<div style="background-color: #367C2B; padding: 18px 30px; border-bottom: 6px solid #FFDE00; display: flex; justify-content: space-between; align-items: center;">
<div style="display: flex; align-items: center; gap: 20px;">
<div style="background: #ffffff; color: #367C2B; padding: 5px 15px; border-radius: 4px; font-weight: bold; font-size: 0.85em; letter-spacing: 1px;">EVIDÊNCIAS</div>
<h2 style="color: #ffffff; margin: 0; font-size: 1.3em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">Validações de TES e Reserva</h2>
</div>
</div>
<style>
.tabs { display: flex; flex-wrap: wrap; width: 100%; }
.tabs label {
padding: 15px 25px; cursor: pointer; background: #f4f4f4; border-right: 1px solid #ddd;
font-weight: bold; color: #666; transition: all 0.3s; flex-grow: 1; text-align: center;
}
.tabs input[type="radio"] { display: none; }
.tabs .tab-content {
width: 100%; padding: 25px; display: none; order: 1; border-top: 1px solid #eee;
background: #fff; animation: fadeIn 0.5s;
}
.tabs input[type="radio"]:checked + label { background: #fff; color: #367C2B; border-bottom: 3px solid #367C2B; }
.tabs input[type="radio"]:checked + label + .tab-content { display: block; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.img-container { width: 100%; border: 1px solid #eee; border-radius: 8px; padding: 10px; background: #fafafa; text-align: center; }
.img-container img { max-width: 100%; height: auto; border-radius: 4px; }
</style>
<div class="tabs">
<input type="radio" name="jd_tabs" id="tab1" checked>
<label for="tab1">Sugestão de Compra Gerada</label>
<div class="tab-content">
<h4 style="color: #367C2B; margin-top: 0;">Validação: TES vs Sugestão de Compra</h4>
<p style="color: #555; font-size: 0.95em; margin-bottom: 15px;">
Evidência da trava impeditiva ao tentar utilizar uma TES que não movimenta estoque para itens que já possuem vínculo com processo de compra.
</p>
<div class="img-container">
<img src="data:image/png;base64,COLOQUE_AQUI_O_SEU_CODIGO_BASE64_DA_PRIMEIRA_IMAGEM" alt="Evidência Sugestão de Compra">
</div>
</div>
<input type="radio" name="jd_tabs" id="tab2">
<label for="tab2">Transferência entre Filiais</label>
<div class="tab-content">
<h4 style="color: #367C2B; margin-top: 0;">Validação: TES vs Transferência</h4>
<p style="color: #555; font-size: 0.95em; margin-bottom: 15px;">
Evidência da consistência de dados ao alterar a TES em itens com quantidades aguardadas via transferência (Pedido de Transferência entre filiais).
</p>
<div class="img-container">
<img src="data:image/png;base64,COLOQUE_AQUI_O_SEU_CODIGO_BASE64_DA_SEGUNDA_IMAGEM" alt="Evidência Transferência Filiais">
</div>
</div>
</div>
<div style="background-color: #f9f9f9; padding: 10px 30px; border-top: 1px solid #eee; text-align: right;">
<span style="font-size: 0.8em; color: #999;">Imagens geradas em ambiente de homologação técnica.</span>
</div>
</div> | ||||
| Totvs custom tabs box | ||||
| ||||
| Totvs custom tabs box items | | |||
| ||||
| Totvs custom tabs box items | ||||
| default | no | referencia | passo2
...
04. DEMAIS INFORMAÇÕES
Card documentos Informacao Use esse box para destacar informações relevantes e/ou de destaque. Titulo IMPORTANTE!
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas