feat: diferenca OK±4.50 + limpar rascunho completo

src-tauri/src/plugins/supabase.rs

@@ -312,7 +312,7 @@ impl SupabaseClient {
     pub fn listar_recentes(&self, loja: &str, limite: i64) -> Result<Vec<Value>, SupabaseError> {
         let loja_normalized = sem_acento(&loja.to_lowercase());
         let url = format!(
-            "{}/rest/v1/fechamentos_web?loja=eq.{}&order=data.desc,atualizado_em.desc&limit={}&select=id,id_fechamento,data,operador,turno,saldo_troco,saldo_esperado,fechamento_dinheiro,fechamento_cartoes,fechamento_areceber,diferenca,status_diferenca,observacoes,atualizado_em,dados",
+            "{}/rest/v1/fechamentos_web?loja=eq.{}&order=data.desc,atualizado_em.desc&limit={}&select=id,id_fechamento,data,operador,turno,saldo_troco,saldo_credito,saldo_debito,saldo_alimentacao,saldo_vales,saldo_areceber,saldo_esperado,total_pixcnpj,total_cartao_credito,total_cartao_debito,total_cartao_alimentacao,total_cartao_pix,total_cancelamentos,fechamento_dinheiro,fechamento_cartoes,fechamento_areceber,diferenca,status_diferenca,observacoes,atualizado_em,dados",
             self.base_url,
             urlencoding::encode(&loja_normalized),
             limite,

src/index.html

@@ -2113,12 +2113,26 @@ document.getElementById('btn-limpar').addEventListener('click', () => {
     fechamento_contado: { dinheiro: 0, cartoes: 0, receber: 0 },
     observacoes: '', id_local: null, sync_status: 'local'
   };
+  // Limpa todos os campos do formulário principal
   setVal('f-operador', ''); setVal('f-turno', '');
   setVal('f-fech-dinheiro', ''); setVal('f-fech-cartoes', ''); setVal('f-fech-receber', '');
   setVal('f-saldo-esperado', ''); setVal('f-obs', '');
-  setVal('sys-troco', '');
+  setVal('f-vendas', ''); setVal('f-clientes', ''); setVal('f-frango', '');
+  setVal('sys-troco', ''); setVal('sys-total', '');
+  setVal('sys-credito', ''); setVal('sys-debito', '');
+  setVal('sys-alimentacao', ''); setVal('sys-pixcnpj', '');
+  // Limpa tables
+  renderTable('cancel-table', [], 'cancelamentos');
+  renderTable('vales-table', [], 'vales');
+  renderTable('pixcnpj-table', [], 'pixcnpj');
+  renderTable('receber-table', [], 'receber');
+  renderTable('despesas-table', [], 'despesas');
+  renderTable('sangrias-table', [], 'sangrias');
+  renderCartoesTable('cartao-credito-table', [], 'credito');
+  renderCartoesTable('cartao-debito-table', [], 'debito');
+  renderCartoesTable('cartao-alimentacao-table', [], 'alimentacao');
+  renderCartoesTable('cartao-pix-table', [], 'pix');
   updateTotals();
-  renderAllTables();
   syncUI();
   showToast('Rascunho limpo.', 'info');
 });
@@ -2175,14 +2189,28 @@ function buildConsultaModal(recentList) {
   };
 
   // Calcula saldo de caixa real (mesma fórmula do relatório)
-  const calcSaldoCaixa = item => (parseFloat(item.saldo_troco)||0)
-    + (parseFloat(item.saldo_credito)||0)
-    + (parseFloat(item.saldo_debito)||0)
-    + (parseFloat(item.saldo_alimentacao)||0)
-    + (parseFloat(item.saldo_vales)||0)
-    + (parseFloat(item.saldo_areceber)||0)
-    + (parseFloat(item.total_pixcnpj)||0)
-    + (parseFloat(item.total_cartao_pix)||0);
+  // SALDO CAIXA = soma dos campos individuais (total do sistema no relatório)
+  // Lê do top-level E do JSON dados (compatibilidade com registros antigos)
+  // SALDO CAIXA = soma dos campos individuais (total do sistema no relatório)
+  // Prioriza top-level, só usa dados.dados se top-level for 0/missing (compat old records)
+  const f = (item, dados, field) => parseFloat(item[field]||dados[field]||0);
+  const calcSaldoCaixa = item => {
+    const dados = item.dados || {};
+    return f(item,dados,'saldo_troco')
+      + f(item,dados,'saldo_credito')
+      + f(item,dados,'saldo_debito')
+      + f(item,dados,'saldo_alimentacao')
+      + f(item,dados,'saldo_vales')
+      + f(item,dados,'saldo_areceber')
+      + f(item,dados,'total_pixcnpj')
+      + f(item,dados,'total_cartao_pix');
+  };
+  const calcCancelamentos = item => {
+    const dados = item.dados || {};
+    return (parseFloat(item.total_cancelamentos)||0)
+      + (parseFloat(dados.total_cancelamentos)||0)
+      + (parseFloat(dados.cancelamentos)||0); // old format: array of cancelamentos
+  };
 
   // Ordena por data desc e pega os últimos 5 dias distintos
   const sortedDesc = [...recentList].sort((a,b) => b.data.localeCompare(a.data));
@@ -2193,19 +2221,21 @@ function buildConsultaModal(recentList) {
 
   function renderRows(list) {
     if (!list || list.length === 0) {
-      return `<tr><td colspan="7" style="padding:20px;text-align:center;color:#888;font-size:13px">Nenhum registro encontrado.</td></tr>`;
+      return `<tr><td colspan="8" style="padding:20px;text-align:center;color:#888;font-size:13px">Nenhum registro encontrado.</td></tr>`;
     }
     return list.map((item, i) => {
       const saldoCaixa = calcSaldoCaixa(item);
-      const diff = saldoCaixa - (parseFloat(item.saldo_esperado)||0);
-      const diffClass = diff === 0 ? '#2e7d32' : diff > 0 ? '#e65100' : '#c0272d';
-      const diffLabel = diff === 0 ? '✓ OK' : diff > 0 ? `+R$ ${diff.toFixed(2).replace('.',',')}` : `-R$ ${Math.abs(diff).toFixed(2).replace('.',',')}`;
+      const canc = calcCancelamentos(item);
+      const diff = saldoCaixa - (parseFloat(item.saldo_esperado)||0) - canc;
+      const diffClass = Math.abs(diff) <= 4.50 ? '#2e7d32' : diff > 0 ? '#e65100' : '#c0272d';
+      const diffLabel = Math.abs(diff) <= 4.50 ? `✓ OK (${diff===0?'0':(diff>0?'+':'-')+Math.abs(diff).toFixed(2).replace('.',',')})` : diff > 0 ? `+R$ ${diff.toFixed(2).replace('.',',')} SOBRANDO` : `-R$ ${Math.abs(diff).toFixed(2).replace('.',',')} FALTANDO`;
       return `<tr data-idx="${recentList.indexOf(item)}" style="background:${i%2===0?'#fff':'#fafafa'}" onmouseover="this.style.background='#fff3e0'" onmouseout="this.style.background='${i%2===0?'#fff':'#fafafa'}'">
         <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${recentList.indexOf(item)})">${fmtDate(item.data)}</td>
         <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${recentList.indexOf(item)})">${item.operador||'?'}</td>
         <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${recentList.indexOf(item)})">${item.turno||'?'}</td>
         <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="openConsultaRegistro(${recentList.indexOf(item)})">${fmtMoney(saldoCaixa)}</td>
         <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="openConsultaRegistro(${recentList.indexOf(item)})">${fmtMoney(item.saldo_esperado)}</td>
+        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="openConsultaRegistro(${recentList.indexOf(item)})">${fmtMoney(canc)}</td>
         <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:center;cursor:pointer;color:${diffClass};font-weight:bold" onclick="openConsultaRegistro(${recentList.indexOf(item)})">${diffLabel}</td>
         <td style="padding:4px 6px;border-bottom:1px solid #eee;text-align:center">
           <button onclick="event.stopPropagation();window.abrirEditaFechamentoIndex(${recentList.indexOf(item)})" style="background:#e65100;color:#fff;border:none;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:11px;white-space:nowrap">✏️ Editar</button>
@@ -2215,16 +2245,25 @@ function buildConsultaModal(recentList) {
   }
 
   overlay.innerHTML = `
-    <div style="background:#fff;border-radius:10px;padding:20px;max-width:850px;width:95%;max-height:85vh;overflow-y:auto">
+    <div style="background:#fff;border-radius:10px;padding:20px;max-width:900px;width:95%;max-height:85vh;overflow-y:auto">
       <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px">
         <h2 style="margin:0;font-size:16px">📅 Consultar Fechamentos</h2>
-        <div style="display:flex;gap:8px;align-items:center">
-          <input type="date" id="consulta-busca-data" value="" max="${ultimoDia}" style="padding:6px 10px;border:1px solid #ccc;border-radius:6px;font-size:13px" />
+        <div style="display:flex;gap:6px;align-items:center;flex-wrap:wrap">
+          <span style="font-size:12px;color:#555">De:</span>
+          <input type="date" id="consulta-busca-de" value="" max="${ultimoDia}" style="padding:6px 10px;border:1px solid #ccc;border-radius:6px;font-size:13px" />
+          <span style="font-size:12px;color:#555">Até:</span>
+          <input type="date" id="consulta-busca-ate" value="" max="${ultimoDia}" style="padding:6px 10px;border:1px solid #ccc;border-radius:6px;font-size:13px" />
+          <select id="consulta-busca-turno" style="padding:6px 10px;border:1px solid #ccc;border-radius:6px;font-size:13px;background:#fff">
+            <option value="">Todos turnos</option>
+            <option value="manha">Manhã</option>
+            <option value="tarde">Tarde</option>
+            <option value="integral">Integral</option>
+          </select>
           <button onclick="window._filtrarConsulta()" style="background:#1565c0;color:#fff;border:none;border-radius:6px;padding:6px 14px;cursor:pointer;font-size:13px">🔍 Buscar</button>
           <button onclick="closeConsultaModal()" style="background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px">✕</button>
         </div>
       </div>
-      <div id="consulta-info" style="font-size:11px;color:#888;margin-bottom:8px"></div>
+      <div id="consulta-info" style="font-size:11px;color:#888;margin-bottom:8px">Mostrando últimos 5 dias</div>
       <div style="max-height:55vh;overflow-y:auto;border:1px solid #eee;border-radius:6px">
         <table style="width:100%;border-collapse:collapse">
           <thead style="position:sticky;top:0;background:#f5f5f5;z-index:1">
@@ -2234,6 +2273,7 @@ function buildConsultaModal(recentList) {
               <th style="padding:6px 8px;text-align:left;font-size:11px;color:#888">TURNO</th>
               <th style="padding:6px 8px;text-align:right;font-size:11px;color:#888">SALDO CAIXA</th>
               <th style="padding:6px 8px;text-align:right;font-size:11px;color:#888">ESPERADO</th>
+              <th style="padding:6px 8px;text-align:right;font-size:11px;color:#888">CANCEL.</th>
               <th style="padding:6px 8px;text-align:center;font-size:11px;color:#888">DIFERENÇA</th>
               <th style="padding:4px 6px;text-align:center;font-size:11px;color:#888">AÇÃO</th>
             </tr>
@@ -2249,25 +2289,31 @@ function buildConsultaModal(recentList) {
 
   document.body.appendChild(overlay);
 
-  // Função de busca por data
+  // Função de busca por período
   window._filtrarConsulta = () => {
-    const dataBusca = document.getElementById('consulta-busca-data')?.value;
+    const de = document.getElementById('consulta-busca-de')?.value;
+    const ate = document.getElementById('consulta-busca-ate')?.value;
+    const turno = document.getElementById('consulta-busca-turno')?.value || '';
     const tbody = document.getElementById('consulta-tbody');
     const info = document.getElementById('consulta-info');
     if (!tbody) return;
-    if (!dataBusca) {
+    let filtrados = [...recentList];
+    if (de) filtrados = filtrados.filter(item => item.data >= de);
+    if (ate) filtrados = filtrados.filter(item => item.data <= ate);
+    if (turno) filtrados = filtrados.filter(item => (item.turno||'').toLowerCase() === turno);
+    if (de || ate || turno) {
+      tbody.innerHTML = renderRows(filtrados);
+      const label = `${filtrados.length} registro${filtrados.length!==1?'s':''}${de&&ate?` de ${fmtDate(de)} a ${fmtDate(ate)}`:de?` a partir de ${fmtDate(de)}`:ate?` até ${fmtDate(ate)}`:''}`;
+      if (info) info.textContent = label;
+    } else {
       tbody.innerHTML = renderRows(cincoDias);
       if (info) info.textContent = 'Mostrando últimos 5 dias';
-      return;
     }
-    const filtrados = recentList.filter(item => item.data === dataBusca);
-    tbody.innerHTML = renderRows(filtrados);
-    if (info) info.textContent = filtrados.length ? `${filtrados.length} registro${filtrados.length!==1?'s':''} em ${fmtDate(dataBusca)}` : `Nenhum registro em ${fmtDate(dataBusca)}`;
   };
 
   // Enter na busca
-  document.getElementById('consulta-busca-data')?.addEventListener('keydown', e => {
-    if (e.key === 'Enter') window._filtrarConsulta();
+  ['consulta-busca-de','consulta-busca-ate'].forEach(id => {
+    document.getElementById(id)?.addEventListener('keydown', e => { if (e.key === 'Enter') window._filtrarConsulta(); });
   });
 
   window._recentList = recentList;