feat: modal consulta com busca (data/operador/turno) + filtro 2 dias + data-item nos tr

src/index.html

@@ -1872,9 +1872,12 @@ function buildReciboData() {
   const receberTotal  = estado.receber.reduce((s,r) => s+(parseNum(r.valor||0)||0), 0);
   const cancelTotal  = estado.cancelamentos.reduce((s,r) => s+(parseNum(r.valor||0)||0), 0);
 
-  // Lê do DOM — mas se estiver vazio usa estado (registro anterior)
+  // Lê do DOM (campos do formulário principal — preenchidos pelo updateTotals após edição)
+  // Fallback: se DOM vazio, usa estado (registro anterior carregado mas updateTotals ainda não chamou)
   const trocoDom = parseNum(val('sys-troco'));
   const saldoTroco = trocoDom || estado.saldo_troco || 0;
+  // Os campos readonly sys-credito/sys-debito etc. só têm valor se updateTotals foi chamado
+  // — em edição sem confirmação, ficam vazios e，我们必须 usar cartDeb etc. do estado
   const saldoCred = parseNum(val('sys-credito')) || cartCred;
   const saldoDeb = parseNum(val('sys-debito')) || cartDeb;
   const saldoAli = parseNum(val('sys-alimentacao')) || cartAli;
@@ -1889,7 +1892,7 @@ function buildReciboData() {
   const fechamentoCounted = fechamentoDinheiro + fechamentoCartoes + fechamentoReceber;
   const saldoEsperado = parseNum(val('f-saldo-esperado')) || estado.saldo_esperado || 0;
 
-  // Saldo de Caixa (Sistema) = troco + crédito + débito + alimentação + voucher pix + pixcnpj + vales + receber
+  // Saldo de Caixa (Sistema) = troco + crédito + débito + alimentação + pix cartão + pixcnpj + vales + receber
   const sysTotal = saldoTroco + cartCred + cartDeb + cartAli + cartPix + pixCnpjTotal + valesTotal + receberTotal;
   // Diferença = saldo de caixa (sistema) - saldo_esperado - cancelamentos
   const diferenca = sysTotal - saldoEsperado - cancelTotal;
@@ -2203,32 +2206,130 @@ function buildConsultaModal(recentList) {
   }).join('');
 
   overlay.innerHTML = `
-    <div style="background:#fff;border-radius:10px;padding:20px;max-width:780px;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">
-        <h2 style="margin:0;font-size:16px">📅 Consultar Fechamentos Anteriores</h2>
+        <h2 style="margin:0;font-size:16px">📅 Consultar Fechamentos</h2>
         <button onclick="closeConsultaModal()" style="background:none;border:none;font-size:18px;cursor:pointer">✕</button>
       </div>
-      <p style="font-size:12px;color:#666;margin:0 0 10px">Clique em um registro para ver o relatório ou clique em <strong>Editar</strong> para abrir a janela de edição.</p>
+      <div style="display:flex;gap:8px;margin-bottom:12px;align-items:center">
-      <table style="width:100%;border-collapse:collapse">
+        <input id="consulta-search" type="text" placeholder="🔍 Buscar por data, operador ou turno..." style="flex:1;padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px" />
-        <thead>
+        <select id="consulta-turno" style="padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;background:#fff">
-          <tr style="background:#f5f5f5">
+          <option value="">Todos turnos</option>
-            <th style="padding:6px 8px;text-align:left;font-size:11px;color:#888">DATA</th>
+          <option value="manha">Manhã</option>
-            <th style="padding:6px 8px;text-align:left;font-size:11px;color:#888">OPERADOR</th>
+          <option value="tarde">Tarde</option>
-            <th style="padding:6px 8px;text-align:left;font-size:11px;color:#888">TURNO</th>
+          <option value="integral">Integral</option>
-            <th style="padding:6px 8px;text-align:right;font-size:11px;color:#888">SALDO CAIXA</th>
+        </select>
-            <th style="padding:6px 8px;text-align:right;font-size:11px;color:#888">ESPERADO</th>
+      </div>
-            <th style="padding:6px 8px;text-align:center;font-size:11px;color:#888">STATUS</th>
+      <div id="consulta-count" style="font-size:11px;color:#888;margin-bottom:6px"></div>
-            <th style="padding:6px 8px;text-align:center;font-size:11px;color:#888">SYNC</th>
+      <div style="max-height:60vh;overflow-y:auto;border:1px solid #eee;border-radius:6px">
-            <th style="padding:6px 8px;text-align:center;font-size:11px;color:#888">AÇÃO</th>
+        <table style="width:100%;border-collapse:collapse">
-          </tr>
+          <thead style="position:sticky;top:0;background:#f5f5f5;z-index:1">
-        </thead>
+            <tr>
-        <tbody>${rows}</tbody>
+              <th style="padding:6px 8px;text-align:left;font-size:11px;color:#888">DATA</th>
-      </table>
+              <th style="padding:6px 8px;text-align:left;font-size:11px;color:#888">OPERADOR</th>
-    </div>
+              <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:center;font-size:11px;color:#888">STATUS</th>
+              <th style="padding:4px 6px;text-align:center;font-size:11px;color:#888">AÇÃO</th>
+            </tr>
+          </thead>
+          <tbody id="consulta-tbody"></tbody>
+        </table>
+      </div>
+    </div>`;
+
+  // Store original list for filtering
+  window._consultaList = recentList;
+  window._consultaAll = recentList;
+  window._recentList = recentList; // keep for legacy openConsultaRegistro(idx)
+
+  const fmtDate = d => {
+    if (!d) return '';
+    const [y,m,day] = d.split('-');
+    return `${day}/${m}/${y}`;
+  };
+  const fmtMoney = v => v != null ? `R$ ${parseFloat(v).toFixed(2).replace('.', ',')}` : 'R$ 0,00';
+  const statusBadge = s => {
+    if (s === 'ok') return '<span style="color:#2e7d32;font-weight:bold">✓ OK</span>';
+    if (s === 'sobrando') return '<span style="color:#e65100;font-weight:bold">⚠ SOBRANDO</span>';
+    if (s === 'faltando') return '<span style="color:#c0272d;font-weight:bold">⚠ FALTANDO</span>';
+    return s || '?';
+  };
+  const syncBadge = s => {
+    const colors = { synced: '#2e7d32', local: '#e65100', syncing: '#f57f17', error: '#c0272d' };
+    const labels = { synced: '✓ Sync', local: '⚠ Local', syncing: '⏳ Sync', error: '✗ Erro' };
+    return `<span style="background:${colors[s]||'#888'};color:#fff;padding:1px 5px;border-radius:3px;font-size:10px">${labels[s]||s||'?'}</span>`;
+  };
+
+  function renderConsultaRows(list) {
+    const tbody = document.getElementById('consulta-tbody');
+    if (!list || list.length === 0) {
+      tbody.innerHTML = `<tr><td colspan="7" style="padding:20px;text-align:center;color:#888;font-size:13px">Nenhum fechamento encontrado.</td></tr>`;
+      document.getElementById('consulta-count').textContent = '0 registros';
+      return;
+    }
+    const count = document.getElementById('consulta-count');
+    if (count) count.textContent = `${list.length} registro${list.length !== 1 ? 's' : ''}`;
+    tbody.innerHTML = list.map((item, i) => {
+      const sysTotal = (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);
+      return `<tr data-item='${JSON.stringify(item).replace(/'/g,"&#39;")}' 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="window.openConsultaRegistroByItem(this.parentElement)">${fmtDate(item.data)}</td>
+        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="window.openConsultaRegistroByItem(this.parentElement)">${item.operador||'?'}</td>
+        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="window.openConsultaRegistroByItem(this.parentElement)">${item.turno||'?'}</td>
+        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="window.openConsultaRegistroByItem(this.parentElement)">${fmtMoney(sysTotal)}</td>
+        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="window.openConsultaRegistroByItem(this.parentElement)">${fmtMoney(item.saldo_esperado)}</td>
+        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:center;cursor:pointer" onclick="window.openConsultaRegistroByItem(this.parentElement)">${statusBadge(item.status_diferenca)}</td>
+        <td style="padding:4px 6px;border-bottom:1px solid #eee;text-align:center">
+          <button onclick="event.stopPropagation();window.abrirEditaFechamentoByItem(this.closest('tr'))" style="background:#e65100;color:#fff;border:none;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:11px;white-space:nowrap">✏️ Editar</button>
+        </td>
+      </tr>`;
+    }).join('');
+  }
+
+  // Initial: filter to last 2 days
+  const today = new Date();
+  const cutoff = new Date(today);
+  cutoff.setDate(today.getDate() - 2);
+  const cutoffStr = cutoff.toISOString().split('T')[0];
+  const twoDays = recentList.filter(item => item.data >= cutoffStr);
+  renderConsultaRows(twoDays);
+  window._consultaFiltered = twoDays;
+
+  // Search handler — filters by data, operador, or turno
+  document.getElementById('consulta-search').addEventListener('input', e => {
+    const q = e.target.value.toLowerCase().trim();
+    const turno = (document.getElementById('consulta-turno')?.value || '').toLowerCase();
+    const filtered = recentList.filter(item => {
+      const matchQ = !q || (item.data||'').includes(q) || (item.operador||'').toLowerCase().includes(q) || (item.turno||'').toLowerCase().includes(q);
+      const matchTurno = !turno || (item.turno||'').toLowerCase() === turno;
+      return matchQ && matchTurno;
+    });
+    renderConsultaRows(filtered);
+    window._consultaFiltered = filtered;
+  });
+
+  document.getElementById('consulta-turno').addEventListener('change', e => {
+    const q = (document.getElementById('consulta-search')?.value || '').toLowerCase().trim();
+    const turno = e.target.value.toLowerCase();
+    const filtered = recentList.filter(item => {
+      const matchQ = !q || (item.data||'').includes(q) || (item.operador||'').toLowerCase().includes(q) || (item.turno||'').toLowerCase().includes(q);
+      const matchTurno = !turno || (item.turno||'').toLowerCase() === turno;
+      return matchQ && matchTurno;
+    });
+    renderConsultaRows(filtered);
+    window._consultaFiltered = filtered;
+  });
 
   document.body.appendChild(overlay);
-  window._recentList = recentList;
+  overlay.addEventListener('click', e => { if (e.target === overlay) closeConsultaModal(); });
 }
 
 // Abre a janela de edição completa de um registro pelo índice na lista
@@ -2272,6 +2373,79 @@ function closeConsultaModal() {
   window._currentConsulta = null;
 }
 
+// Abre o relatório pelo elemento <tr> (evita dependência de índice)
+window.openConsultaRegistroByItem = async function(tr) {
+  const dataAttr = tr ? tr.dataset.item : null;
+  let item = null;
+  if (dataAttr) {
+    try { item = JSON.parse(dataAttr); } catch(e) {}
+  }
+  if (!item) {
+    // Fallback: busca pelo texto da primeira célula (data)
+    const dataText = tr.cells[0]?.textContent?.trim();
+    if (dataText) {
+      const [d,m,y] = dataText.split('/');
+      const dataKey = `${y}-${m}-${d}`;
+      item = window._consultaAll?.find(it => it.data === dataKey);
+    }
+  }
+  if (!item) { alert('Registro não encontrado.'); return; }
+  closeConsultaModal();
+
+  const hasTauri = !!(window.__TAURI__ && window.__TAURI__.core);
+  if (!hasTauri) { alert('Tauri não disponível.'); return; }
+
+  let full = null;
+  try {
+    if (item.id) { try { full = await window.__TAURI__.core.invoke('sb_buscar_por_id', { id: item.id }); } catch(e) {} }
+    if (!full && item.uuid) { try { full = await window.__TAURI__.core.invoke('sb_buscar_por_uuid', { uuid: item.uuid }); } catch(e) {} }
+    if (!full && item.id_fechamento) { try { full = await window.__TAURI__.core.invoke('sb_buscar_por_id_fechamento', { idFechamento: item.id_fechamento }); } catch(e) {} }
+  } catch(e) { console.warn('Erro buscando registro:', e); }
+
+  if (!full) { alert('Registro não encontrado.'); return; }
+  window._currentConsulta = full;
+  buildRelatorioModal(full);
+};
+
+// Abre a edição pelo elemento <tr> (evita dependência de índice)
+window.abrirEditaFechamentoByItem = async function(tr) {
+  const dataAttr = tr ? tr.dataset.item : null;
+  let item = null;
+  if (dataAttr) {
+    try { item = JSON.parse(dataAttr); } catch(e) {}
+  }
+  if (!item) {
+    const dataText = tr.cells[0]?.textContent?.trim();
+    if (dataText) {
+      const [d,m,y] = dataText.split('/');
+      const dataKey = `${y}-${m}-${d}`;
+      item = window._consultaAll?.find(it => it.data === dataKey);
+    }
+  }
+  if (!item) { alert('Registro não encontrado.'); return; }
+
+  const hasTauri = !!(window.__TAURI__ && window.__TAURI__.core);
+  if (!hasTauri) { alert('Tauri não disponível.'); return; }
+
+  let full = null;
+  try {
+    if (item.id) { try { full = await window.__TAURI__.core.invoke('sb_buscar_por_id', { id: item.id }); } catch(e) {} }
+    if (!full && item.uuid) { try { full = await window.__TAURI__.core.invoke('sb_buscar_por_uuid', { uuid: item.uuid }); } catch(e) {} }
+    if (!full && item.id_fechamento) { try { full = await window.__TAURI__.core.invoke('sb_buscar_por_id_fechamento', { idFechamento: item.id_fechamento }); } catch(e) {} }
+  } catch(e) { console.warn('Erro buscando registro:', e); }
+
+  if (!full) { alert('Registro não encontrado.'); return; }
+  window._currentConsulta = full;
+  closeConsultaModal();
+  closeRelatorioModal();
+
+  const pw = localStorage.getItem('admin_pw') || '1234';
+  const granted = await askPassword(pw);
+  if (!granted) return;
+
+  openEditModal(full);
+};
+
 // Abre o relatório de um registro selecionado
 window.openConsultaRegistro = async function(idx) {
   const item = window._recentList[idx];