Histórico da Página

...

Bloco de código

language	xml
theme	Midnight
title	Exemplo nfcwfcustom1.html
linenumbers	true

<!DOCTYPE html>
<html>
  <head>
    <meta charset="windows-1252">
    <meta charset="UTF-8">
    <title>%cSTR1%</title>
    <style>
      /* Estilos devem ficar inline nas tags */
    </style>
  </head>

  <body style="width:100%; font: normal 14px 'Open Sans', Arial, sans-serif; color:#333; margin:0; padding:012px;">

    <!-- Título -->
    <h1 style="font: normal 22px 'Open Sans', Arial, sans-serif; color:#0088CB; padding:8px 10px-size:18px; margin:10px0 0 08px 0;">
      %cSTR2% %cNumCot% %cSTR3% %cNumProp%
    </h1>

    <!-- Cabeçalho -->
    <div<table style="width:100%; border-top:2px solid #0088CB; padding:10px 10px 0 10px; margin:10px 15px 0 10px;">
collapse:collapse;">
      <tr>
        <table<td style="widthborder:100%; border-collapse:collapse1px solid #ccc; font: normal 14px 'Open Sans', Arial, sans-serif;">
        <tr>
          <td style="width:140px; padding:4px 0padding:6px; width:180px;">%cSTR4%</td>
          <td style="border:1px solid #ccc; padding:4px 06px;">%cForNome%</td>
        </tr>
        <tr>
          <td style="border:1px solid #ccc; padding:4px 06px;">%cSTR5%</td>
          <td style="border:1px solid #ccc; padding:4px 06px;">%cFornece% / %cLoja%</td>
        </tr>
        <tr>
          <td style="paddingborder:4px 0;">%cSTR6%</td>
          <td style="padding:4px 0;">%cFilCot%</td>
        </tr>
        <tr><td colspan="2" style="padding-top:6px;"><hr1px solid #ccc; padding:6px;">%cSTR6%</td>
        <td style="border:0; border-top:1px solid #ddd #ccc; padding:6px;"><>%cFilCot%</td></tr>td>
      </table>tr>
    </div>table>

    <!-- Itens -->
    <form method="post" action="mailto:%25WFMailTo%25" style="margin:0; padding:0;">
      <div style="border-top:2px solid #0088CB; padding:10px 10px 0 10px; margin:10px 15px 0 10px;">
        <h2 style="font: bold 18px 'Open Sans', Arial, sans-serif; color:#4a5c60-size:16px; margin:012px 0 8px6px 0;">%cSTR7%</h2>

        <table style="width:100%; border-collapse:collapse;">
 font:  normal 14px 'Open Sans', Arial, sans-serif;"> <thead>
          <thead><tr>
            <tr<th style="background:#0c9abeborder:1px solid #ccc; colorpadding:#fff6px; text-align:left;">>%cSTR8%</th>
              <th style="padding:8px; border:0;">%cSTR8%</th>
              <th style="padding:8px; border:01px solid #ccc; padding:6px; text-align:left;">%cSTR9%</th>
              <th style=""border:1px solid #ccc; padding:8px6px; bordertext-align:0left;">%cSTR10%</th>
              <th style="padding:8pxborder:1px solid #ccc; borderpadding:06px; text-align:right;">%cSTR11%</th>
              <th style="padding:8pxborder:1px solid #ccc; borderpadding:06px; text-align:right;">%cSTR12%</th>
              <th style="padding:8pxborder:1px solid #ccc; borderpadding:06px; text-align:right;">%cSTR13%</th>
              <th style="padding:8pxborder:1px solid #ccc; borderpadding:06px; text-align:right;">%cSTR14%</th>
              <th style="border:1px solid #ccc; padding:8px6px; bordertext-align:0left;">%cSTR15%</th>
            </tr>
          </thead>

          <tbody>
            <!-- Linha repetida pelo mecanismo do Workflow para cada item -->
            <tr class="item">
              <td style="padding:8px; border-bottom style="border:1px solid #ddd #ccc; padding:6px;">%It.C8_ITEM%</td>
              <td style="padding:8px; border-bottom:1px solid #ddd#ccc; padding:6px;">%It.C8_PRODUTO%</td>
              <td style="padding:8px; border-bottom:1px solid #ddd #ccc; padding:6px;">%It.cProDesc%</td>

              <!-- Quantidade (numérico, somente leitura) -->
              <td style="padding:8px; border-bottom:1px solid #ddd #ccc; padding:6px; text-align:right;">
              <input  <input type="number" name="It.C8_QUANT" class="C8_QUANT"type="number" name="It.C8_QUANT" class="C8_QUANT"
                    value="%It.C8_QUANT%" step="0.01" min="0" readonly
                       style="width:100%; text-align:right; height:28px; border:1px solid #ccc; border-radius:4px; padding:0 6pxbox-sizing:border-box; text-align:right; background:#f7f7f7#f9f9f9;">
              </td>

              <!-- Qtde Disponível (numérico) -->
              <td style="padding:8px; border-bottom:1px solid #ddd#ccc; padding:6px; text-align:right;">
                <input type="number" name="It.C8_QTDISP" class="C8_QTDISP" value="%It.C8_QTDISP%" step="0.01" min="0"

                    value="%It.C8_QTDISP%"       step="0.01" min="0" oninput="gt(this)"
                       style="width:100%; text-align:right; height:28px; border:1px solid #ccc; border-radius:4px; padding:0 6pxbox-sizing:border-box; text-align:right;">
              </td>

              <!-- Preço Unitário (numérico) -->
              <td style="padding:8px; border-bottom:1px solid #ddd#ccc; padding:6px; text-align:right;">
                <input type="number" name="It.C8_PRECO" class="C8_PRECO" value="%It.C8_PRECO%" step="0.01" min="0"

                    value="%It.C8_PRECO%" step="0.01" min="0"   oninput="gt(this)"
                       style="width:100%; text-align:right; height:28px; border:1px solid #ccc; border-radius:4px; padding:0 6pxbox-sizing:border-box; text-align:right;">
              </td>

              <!-- Total (numérico) -, calculado) automaticamente -->
              <td style="padding:8px; border-bottom:1px solid #ddd #ccc; padding:6px; text-align:right;">
                <input type="number" name="It.C8_TOTAL" class="C8_TOTAL"
                    value="%It.C8_TOTAL%" step="0.01" min="0" readonly
                       style="width:100%; text-align:right; height:28px; border:1px solid #ccc; border-radius:4px; padding:0 6pxbox-sizing:border-box; text-align:right; background:#f7f7f7#f9f9f9;">
              </td>

              <!-- Observação (texto) -->
              <td style="padding:8px; border-bottom:1px solid #ddd #ccc; padding:6px;">
                <input type="text" name="It.C8_OBS" class="C8_OBS" value="%It.C8_OBS%"
                       style="width:100%; height:28px; border:1px solid #ccc; border-radius:4px; padding:0 6px;box-sizing:border-box;">
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <!-- Campos ocultos utilizados para obtenção de dados ao receber o workflow
      <!-- Hidden essentials -->
      <input type="hidden" name="cFilCot"  value="%cFilCot%">
      <input type="hidden" name="cNumCot"  value="%cNumCot%">
      <input type="hidden" name="cFornece" value="%cFornece%">
      <input type="hidden" name="cLoja"    value="%cLoja%">
      <input type="hidden" name="cForNome" value="%cForNome%">
      <input type="hidden" name="cNumProp" value="%cNumProp%">

      <!-- Rodapé / Condição de pagamento (condição + Açãoenviar) -->
      <div<table style="border-top:2px solid #0088CB; padding:10px 10px 15px 10px; margin:10px 15px 20px 10px; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;">
width:100%; margin-top:10px;">
        <tr>
          <div<td style="textpadding:6px; vertical-align:leftmiddle;">
            <label for="DHU_COND" style="fontmargin-weightright:bold6px; color:#4a5c60; margin-right:8pxfont-weight:bold;">%cSTR17%</label>
            <input type="text" name="DHU_COND" id="DHU_COND" value="%DHU_COND%"
                  style="width:220px240px; height:30px28px; border:1px solid #ccc; border-radius:4px; padding:0 8px;box-sizing:border-box;">
          </div>
td>
          <td style="padding:6px; text-align:right; vertical-align:middle;">
            <button type="submit"
               style="border-radius:5px; cursor:pointer;      style="min-width:140px; height:40px34px; background:#045b8f; border:1px solid #045b8f#888; colorbackground:#fff#eee; font-weightcursor:bold; font-size:16px;pointer;">
              %cSTR16%
            </button>
          </td>
        </div>tr>
      </table>
    </form>

    <!-- Gatilho JS: Total = Preço Unitário × Qtde Disponível (linha atual via this) -->
    <script>
      function gt(el){
        // sobe até a TR da linha gt(el){
        var node = el;
        while (node && node.tagName !== 'TR') node = node.parentNode;
        if(!node) return;

        var qty = node.querySelector('.C8_QTDISP');
        var prc = node.querySelector('.C8_PRECO');
        var tot = node.querySelector('.C8_TOTAL');

        var q = parseFloat(((qty && qty.value) || '0').replace(',', '.'));
        var p = parseFloat(((prc && prc.value) || '0').replace(',', '.'));
        if (isNaN(q)) q = 0;
        if (isNaN(p)) p = 0;

        var val = q * p;
        if (tot) tot.value = val.toFixed(2);
      }
    </script>
  </body>
</html>

Bloco de código

language	xml
theme	Midnight
title	Exemplo nfcwfcustom2.html
linenumbers	true

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>%cSTR1%</title>
    <style>
      /* estilos devem ficar inline nas tags; bloco vazio proposital */
    </style>
  </head>

  <body style="width:100%; font: normal 14px 'Open Sans', Arial, sans-serif; color:#333; margin:012px; padding:0;">
    
    <!-- Título -->
    <h1 style="font: normal 22px 'Open Sans', Arial, sans-serif; color:#0088CB; padding:8px 10px; margin:10px 0 0-size:18px; margin:0 0 8px 0;">
      %cSTR2% %cNumCot%
    <>%cSTR2% %cNumCot%</h1>

    <!-- Mensagem -->
    <div style="border-top:2px1px solid #0088CB#ccc; padding:12px 10px 0 -top:10px; margin:10px 15px 0 -top:10px;">
      <p style="margin:0 0 10px 0; line-height:1.54;">
        %cSTR3% <strong>%cForNome%</strong>. %cSTR4%
      </p>
    </div>

    <!-- Botão / CTA -->
    <div style="padding:10px 10px 15px 10px; margin:10px 15px 0 10px;">
      <a href="!proc_link!" title="%cSTR6%"
         style="display:inline-block; text-decoration:none; background:#045b8f; color:#fffpadding:8px 14px; border:1px solid #045b8f#888; 
                border-radius:5px; padding:10px 18px; font-weight:bold; font-size:16pxbackground:#eee; text-decoration:none; color:#000;">
        %cSTR5%
      </a>
    </div>

    <!-- Fallback de link em texto -->
    <div style="paddingmargin:0 10px0 20px 10px; margin:0 15px 20px 10px; font-size:13px; color:#555#333;">
      %cSTR7%<br>
      <span style="word-break:break-all;">!proc_link!</span>
    </div>

  </body>
</html>

03. DEMAIS INFORMAÇÕES

Quando este ponto de entrada está ativado, a tela de envio do workflow da cotação é resumida para conter apenas a opção de preenchimento dos e-mails e se envia ou não o workflow, não sendo possível utilizar todas as funcionalidades originais do workflow padrão.

...

Árvore de páginas

Versões comparadas

Versão antiga 11

Nova versão 12

Chave

03. DEMAIS INFORMAÇÕES