feat: botao Editar caixa completo - restaura todos os lancamentos detalhados

src-tauri/src/plugins/supabase.rs

@@ -247,12 +247,14 @@ impl SupabaseClient {
         }
     }
 
-    /// Atualiza campos específicos de um fechamento pelo id numérico (PATCH).
-    pub fn atualizar_fechamento(&self, id: i64, updates: &serde_json::Value) -> Result<Value, SupabaseError> {
-        let url = format!(
-            "{}/rest/v1/fechamentos_web?id=eq.{}",
-            self.base_url, id
-        );
+    /// Atualiza campos específicos de um fechamento pelo id numérico (pk) ou UUID.
+    pub fn atualizar_fechamento(&self, id: Option<i64>, uuid: &str, updates: &serde_json::Value) -> Result<Value, SupabaseError> {
+        // Se temos id numerico, usa id=eq.; senao usa id=eq.UUID
+        let url = if let Some(num) = id {
+            format!("{}/rest/v1/fechamentos_web?id=eq.{}", self.base_url, num)
+        } else {
+            format!("{}/rest/v1/fechamentos_web?id=eq.{}", self.base_url, uuid)
+        };
 
         let resp = self
             .http
@@ -262,7 +264,7 @@ impl SupabaseClient {
             .send()?;
 
         if resp.status().is_success() {
-            Ok(serde_json::json!({ "ok": true, "id": id }))
+            Ok(serde_json::json!({ "ok": true, "id": id.unwrap_or(0) }))
         } else {
             let status = resp.status();
             let body = resp.text().unwrap_or_default();
@@ -437,9 +439,9 @@ pub fn sb_listar_recentes(
 #[tauri::command]
 pub fn sb_buscar_por_id(
     sb: State<'_, SupabaseClient>,
-    id: String,
+    id: i64,
 ) -> Result<Option<serde_json::Value>, SupabaseError> {
-    sb.buscar_por_uuid(&id)
+    sb.buscar_por_id(id)
 }
 
 #[tauri::command]
@@ -462,10 +464,13 @@ pub fn sb_buscar_por_id_fechamento(
 #[tauri::command]
 pub fn sb_atualizar_fechamento(
     sb: State<'_, SupabaseClient>,
-    id: i64,
+    id: String,
     updates: serde_json::Value,
 ) -> Result<serde_json::Value, SupabaseError> {
-    sb.atualizar_fechamento(id, &updates)
+    // Tenta primeiro como i64 (id numerico), depois como String (UUID)
+    let id_i64 = id.parse::<i64>().ok();
+    let id_str = &id;
+    sb.atualizar_fechamento(id_i64, id_str, &updates)
 }
 
 #[tauri::command]

src/index.html

@@ -2179,14 +2179,17 @@ window.openConsultaRegistro = async function(idx) {
 
   let full = null;
   try {
-    if (item.uuid) {
+    // 1. Tentar por id numérico (campo "id" da tabela, pk)
+    if (item.id) {
+      try { full = await window.__TAURI__.core.invoke('sb_buscar_por_id', { id: item.id }); } catch(e) {}
+    }
+    // 2. Tentar por uuid externo
+    if (!full && item.uuid) {
       try { full = await window.__TAURI__.core.invoke('sb_buscar_por_uuid', { uuid: item.uuid }); } catch(e) {}
     }
+    // 3. Tentar por id_fechamento (ex: uniao_2026-06-11_filipe)
     if (!full && item.id_fechamento) {
-      try { full = await window.__TAURI__.core.invoke('sb_buscar_por_id_fechamento', { id_fechamento: item.id_fechamento }); } catch(e) {}
-    }
-    if (!full && item.id) {
-      try { full = await window.__TAURI__.core.invoke('sb_buscar_por_id', { id: String(item.id) }); } catch(e) {}
+      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);
@@ -2194,7 +2197,9 @@ window.openConsultaRegistro = async function(idx) {
 
   if (!full) { alert('Registro não encontrado.'); return; }
 
+  // Preserva o id numerico (pk da tabela) antes de guardar o registro completo
   window._currentConsulta = full;
+  window._currentConsultaId = item.id;
   buildRelatorioModal(full);
 };
 
@@ -2319,20 +2324,90 @@ function buildRelatorioModal(full) {
       ${obs ? `<div style="background:#fff8e1;border-radius:6px;padding:8px;margin-bottom:10px;font-size:12px"><strong>Obs:</strong> ${obs}</div>` : ''}
 
       <div id="edit-section" style="display:none;margin-bottom:10px">
-        <div style="font-size:12px;color:#666;margin-bottom:6px">Editar campos (requer senha admin):</div>
+        <input type="hidden" id="edit-id" value="${full.id || ''}" />
+        <div style="font-size:12px;color:#666;margin-bottom:6px;font-weight:bold">✏️ Editar valores do caixa (requer senha admin):</div>
+        <div style="display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px">
+          <div>
+            <label style="font-size:10px;color:#555">Troco:</label>
+            <input type="text" id="edit-troco" value="${fmtMoney(troco)}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+          <div>
+            <label style="font-size:10px;color:#555">Credito:</label>
+            <input type="text" id="edit-credito" value="${fmtMoney(credito)}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+          <div>
+            <label style="font-size:10px;color:#555">Debito:</label>
+            <input type="text" id="edit-debito" value="${fmtMoney(debito)}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+          <div>
+            <label style="font-size:10px;color:#555">Alimentacao:</label>
+            <input type="text" id="edit-alimentacao" value="${fmtMoney(alimentacao)}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+          <div>
+            <label style="font-size:10px;color:#555">Vales:</label>
+            <input type="text" id="edit-vales" value="${fmtMoney(vales)}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+          <div>
+            <label style="font-size:10px;color:#555">PIX Cartao:</label>
+            <input type="text" id="edit-pixcartao" value="${fmtMoney(pixCartao)}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+          <div>
+            <label style="font-size:10px;color:#555">PIX CNPJ:</label>
+            <input type="text" id="edit-pixcnpj" value="${fmtMoney(pixCnpj)}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+          <div>
+            <label style="font-size:10px;color:#555">A Receber:</label>
+            <input type="text" id="edit-areceber" value="${fmtMoney(parseFloat(full.saldo_areceber||0))}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+        </div>
+        <div style="font-size:12px;color:#666;margin-bottom:4px;font-weight:bold;margin-top:6px">💰 Valores Contados:</div>
+        <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:8px">
+          <div>
+            <label style="font-size:10px;color:#555">Dinheiro:</label>
+            <input type="text" id="edit-fd" value="${fmtMoney(fd)}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+          <div>
+            <label style="font-size:10px;color:#555">Cartoes:</label>
+            <input type="text" id="edit-fc" value="${fmtMoney(fc)}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+          <div>
+            <label style="font-size:10px;color:#555">A Receber:</label>
+            <input type="text" id="edit-fr" value="${fmtMoney(fr)}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+        </div>
+        <div style="display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;margin-bottom:8px">
+          <div>
+            <label style="font-size:10px;color:#555">Sangrias:</label>
+            <input type="text" id="edit-sangrias" value="${fmtMoney(totalSangrias)}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+          <div>
+            <label style="font-size:10px;color:#555">Despesas:</label>
+            <input type="text" id="edit-despesas" value="${fmtMoney(totalDespesas)}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+          <div>
+            <label style="font-size:10px;color:#555">Clientes:</label>
+            <input type="number" id="edit-clientes" value="${clientes}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+          <div>
+            <label style="font-size:10px;color:#555">Frango:</label>
+            <input type="number" id="edit-frango" value="${frango}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
+          </div>
+        </div>
+        <div style="font-size:12px;color:#666;margin-bottom:4px;font-weight:bold;margin-top:6px">📋 Meta / Observacoes:</div>
         <div style="margin-bottom:6px">
-          <label style="font-size:11px;color:#555">Saldo Esperado:</label><br>
-          <input type="text" id="edit-esperado" value="${fmtMoney(saldoEsperado)}" style="width:100%;padding:4px;border:1px solid #ccc;border-radius:4px" />
+          <label style="font-size:10px;color:#555">Saldo Esperado:</label>
+          <input type="text" id="edit-esperado" value="${fmtMoney(saldoEsperado)}" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px" />
         </div>
         <div style="margin-bottom:6px">
-          <label style="font-size:11px;color:#555">Observacoes:</label><br>
-          <textarea id="edit-obs" style="width:100%;padding:4px;border:1px solid #ccc;border-radius:4px;height:60px">${obs}</textarea>
+          <label style="font-size:10px;color:#555">Observacoes:</label>
+          <textarea id="edit-obs" style="width:100%;padding:3px;border:1px solid #ccc;border-radius:3px;font-size:12px;height:50px">${obs}</textarea>
         </div>
       </div>
 
       <div style="display:flex;gap:8px;flex-wrap:wrap">
         <button onclick="window.printRelatorio()" style="flex:1;padding:8px;background:#1565c0;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px">🖨️ Imprimir</button>
-        <button onclick="window.toggleEditConsulta()" style="flex:1;padding:8px;background:#e65100;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px" id="btn-edit-consulta">✏️ Editar (senha)</button>
+        <button onclick="window.abrirFechamentoEdicao(full)" style="flex:1;padding:8px;background:#7b1fa2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px">✏️ Editar caixa completo</button>
+        <button onclick="window.toggleEditConsulta()" style="flex:1;padding:8px;background:#e65100;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px" id="btn-edit-consulta">✏️ Editar totais (senha)</button>
         <button onclick="window.salvarEdicaoConsulta()" style="flex:1;padding:8px;background:#2e7d32;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;display:none" id="btn-salvar-consulta">💾 Salvar</button>
       </div>
     </div>
@@ -2350,6 +2425,69 @@ function closeRelatorioModal() {
   window._editMode = false;
 }
 
+// Restaura o estado completo do JSONB 'dados' e volta ao formulário em modo de edição
+window.abrirFechamentoEdicao = function(full) {
+  const dados = full.dados || full;
+  if (!dados) { alert('Dados detalhados não encontrados neste registro.'); return; }
+
+  // Preenche o estado global com todos os campos do JSONB
+  estado.loja       = dados.loja       || full.loja       || '';
+  estado.data       = dados.data       || full.data       || '';
+  estado.operador   = dados.operador   || full.operador   || '';
+  estado.turno      = dados.turno      || full.turno      || '';
+  estado.clientes   = dados.clientes   ?? full.clientes   ?? 0;
+  estado.frango     = dados.frango     ?? full.frango     ?? 0;
+  estado.observacoes = dados.observacoes || full.observacoes || '';
+  estado.saldo_esperado = dados.saldo_esperado ?? full.saldo_esperado ?? 0;
+
+  // Listas detalhadas
+  estado.sangrias     = (dados.sangrias     || []).map(r => ({ hora: r.hora||r.Hora||'', retirada: r.retirada||r.Retirada||r.valor||0, gerente: r.gerente||r.Gerente||'' }));
+  estado.despesas     = (dados.despesas     || []).map(r => ({ desc: r.desc||r.Desc||'', obs: r.obs||r.Obs||'', valor: r.valor||r.Valor||0 }));
+  estado.vales        = (dados.vales        || []).map(r => ({ nome: r.nome||r.Nome||'', valor: r.valor||r.Valor||0 }));
+  estado.pixcnpj      = (dados.pixcnpj      || []).map(r => ({ desc: r.desc||'', valor: r.valor||r.Valor||0 }));
+  estado.receber      = (dados.receber      || []).map(r => ({ nome: r.nome||r.Nome||'', valor: r.valor||r.Valor||0 }));
+  estado.cancelamentos = (dados.cancelamentos || []).map(r => ({ numero: r.numero||r.Numero||'', valor: r.valor||r.Valor||0 }));
+  estado.cartoes = {
+    credito:    (dados.cartoes?.credito    || dados.cartoes_credito    || []).map(r => ({ valor: r.valor||r.Valor||0 })),
+    debito:     (dados.cartoes?.debito     || dados.cartoes_debito     || []).map(r => ({ valor: r.valor||r.Valor||0 })),
+    alimentacao:(dados.cartoes?.alimentacao|| dados.cartoes_alimentacao || []).map(r => ({ valor: r.valor||r.Valor||0 })),
+    pix:        (dados.cartoes?.pix        || dados.cartoes_pix        || []).map(r => ({ valor: r.valor||r.Valor||0 }))
+  };
+  estado.fechamento_contado = dados.fechamento_contado || { dinheiro: 0, cartoes: 0, receber: 0 };
+
+  // Fecha o modal de consulta
+  closeRelatorioModal();
+  closeConsultaModal();
+
+  // Preenche os campos do formulário
+  setVal('f-loja',       estado.loja);
+  setVal('f-data',       estado.data);
+  setVal('f-operador',   estado.operador);
+  setVal('f-turno',      estado.turno);
+  setVal('f-clientes',   estado.clientes);
+  setVal('f-frango',     estado.frango);
+
+  // Renderiza todas as tabelas com os dados restaurados
+  renderTable('tbl-sangrias',     estado.sangrias);
+  renderTable('tbl-despesas',     estado.despesas);
+  renderTable('tbl-vales',        estado.vales);
+  renderTable('tbl-pix',          estado.pixcnpj);
+  renderTable('tbl-receber',      estado.receber);
+  renderTable('tbl-cancelamentos',estado.cancelamentos);
+  renderTable('tbl-cartao-credito',    estado.cartoes.credito);
+  renderTable('tbl-cartao-debito',     estado.cartoes.debito);
+  renderTable('tbl-cartao-alimentacao',estado.cartoes.alimentacao);
+  renderTable('tbl-cartao-pix',        estado.cartoes.pix);
+
+  // Recalcula totais
+  calcAll();
+
+  // Rola para o topo do formulário
+  window.scrollTo(0, 0);
+
+  alert('✅ Caixa carregado para edição. Verifique todos os valores antes de enviar.');
+};
+
 // Toggle modo de edição — pede senha admin via modal (não via prompt)
 window.toggleEditConsulta = async function() {
   if (window._editMode) {
@@ -2410,19 +2548,34 @@ window.salvarEdicaoConsulta = async function() {
   const full = window._currentConsulta;
   if (!full) return;
 
-  const newEsperado = parseNum(document.getElementById('edit-esperado').value);
-  const newObs = document.getElementById('edit-obs').value;
+  const p = v => parseFloat((v || '0').replace(',', '.') || '0');
+  const inp = id => document.getElementById(id).value;
 
   const updates = {
-    saldo_esperado: newEsperado,
-    observacoes: newObs
+    saldo_troco: p(inp('edit-troco')),
+    saldo_credito: p(inp('edit-credito')),
+    saldo_debito: p(inp('edit-debito')),
+    saldo_alimentacao: p(inp('edit-alimentacao')),
+    saldo_vales: p(inp('edit-vales')),
+    total_cartao_pix: p(inp('edit-pixcartao')),
+    total_pixcnpj: p(inp('edit-pixcnpj')),
+    saldo_areceber: p(inp('edit-areceber')),
+    fechamento_dinheiro: p(inp('edit-fd')),
+    fechamento_cartoes: p(inp('edit-fc')),
+    fechamento_areceber: p(inp('edit-fr')),
+    total_sangrias: p(inp('edit-sangrias')),
+    total_despesas: p(inp('edit-despesas')),
+    clientes: parseInt(inp('edit-clientes') || '0'),
+    frango: parseInt(inp('edit-frango') || '0'),
+    saldo_esperado: p(inp('edit-esperado')),
+    observacoes: inp('edit-obs')
   };
 
   const hasTauri = !!(window.__TAURI__ && window.__TAURI__.core);
   if (!hasTauri) { alert('Tauri não disponível.'); return; }
 
   try {
-    const id = full.id;
+    const id = document.getElementById('edit-id').value || window._currentConsultaId || full.id;
     if (!id) { alert('ID do registro não encontrado. Não é possível atualizar.'); return; }
 
     await window.__TAURI__.core.invoke('sb_atualizar_fechamento', { id, updates });