feat: window.abrirEditaFechamento(full) — abre janela separada para edição completa de fechamento
- Nova função window.abrirEditaFechamento(full) via window.open com HTML inline
pré-preenchido com todos os campos do registro
- Botão Salvar chama sb_atualizar_fechamento com updates completos
- Botão Cancelar fecha a janela (window.close)
- Coluna 'Editar' adicionada à tabela de dias anteriores com botão ✏️
- Nova helper window.abrirEditaFechamentoIndex(idx) busca registro e abre popup
- Fluxo existente (relatório + modal de edição) mantido intacto
This commit is contained in:
root
+229
-10
@@ -2165,24 +2165,27 @@ function buildConsultaModal(recentList) {
|
||||
|
||||
const rows = recentList.map((item, i) => {
|
||||
const total = (parseFloat(item.fechamento_dinheiro)||0) + (parseFloat(item.fechamento_cartoes)||0) + (parseFloat(item.fechamento_areceber)||0);
|
||||
return `<tr style="cursor:pointer" onclick="openConsultaRegistro(${i})">
|
||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px">${fmtDate(item.data)}</td>
|
||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px">${item.operador||'?'}</td>
|
||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px">${item.turno||'?'}</td>
|
||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right">${fmtMoney(total)}</td>
|
||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right">${fmtMoney(item.saldo_esperado)}</td>
|
||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px">${statusBadge(item.status_diferenca)}</td>
|
||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px">${syncBadge(item.sync_status)}</td>
|
||||
return `<tr>
|
||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${i})">${fmtDate(item.data)}</td>
|
||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${i})">${item.operador||'?'}</td>
|
||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${i})">${item.turno||'?'}</td>
|
||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="openConsultaRegistro(${i})">${fmtMoney(total)}</td>
|
||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="openConsultaRegistro(${i})">${fmtMoney(item.saldo_esperado)}</td>
|
||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${i})">${statusBadge(item.status_diferenca)}</td>
|
||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${i})">${syncBadge(item.sync_status)}</td>
|
||||
<td style="padding:4px 6px;border-bottom:1px solid #eee;text-align:center">
|
||||
<button onclick="event.stopPropagation();window.abrirEditaFechamentoIndex(${i})" 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('');
|
||||
|
||||
overlay.innerHTML = `
|
||||
<div style="background:#fff;border-radius:10px;padding:20px;max-width:700px;width:95%;max-height:85vh;overflow-y:auto">
|
||||
<div style="background:#fff;border-radius:10px;padding:20px;max-width:780px;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>
|
||||
<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 e, se necessário, editar campos com senha admin.</p>
|
||||
<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>
|
||||
<table style="width:100%;border-collapse:collapse">
|
||||
<thead>
|
||||
<tr style="background:#f5f5f5">
|
||||
@@ -2193,6 +2196,7 @@ function buildConsultaModal(recentList) {
|
||||
<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:6px 8px;text-align:center;font-size:11px;color:#888">SYNC</th>
|
||||
<th style="padding:6px 8px;text-align:center;font-size:11px;color:#888">AÇÃO</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>${rows}</tbody>
|
||||
@@ -2204,6 +2208,40 @@ function buildConsultaModal(recentList) {
|
||||
window._recentList = recentList;
|
||||
}
|
||||
|
||||
// Abre a janela de edição completa de um registro pelo índice na lista
|
||||
window.abrirEditaFechamentoIndex = async function(idx) {
|
||||
const item = window._recentList ? window._recentList[idx] : null;
|
||||
if (!item) 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; }
|
||||
|
||||
// Adiciona id_fechamento se não vier do banco
|
||||
if (!full.id_fechamento && full.loja && full.data && full.operador) {
|
||||
full.id_fechamento = (full.loja + '_' + full.data + '_' + full.operador).toLowerCase().replace(/ /g, '_');
|
||||
}
|
||||
|
||||
closeConsultaModal();
|
||||
window.abrirEditaFechamento(full);
|
||||
};
|
||||
|
||||
function closeConsultaModal() {
|
||||
const m = document.getElementById('modal-consulta');
|
||||
if (m) document.body.removeChild(m);
|
||||
@@ -2897,6 +2935,187 @@ function closeEditModal() {
|
||||
window._editModalOpen = false;
|
||||
}
|
||||
|
||||
// ─── Janela separada para edição completa ───────────────────────────────────
|
||||
// Abre uma nova janela (window.open) com HTML inline pré-preenchido com todos
|
||||
// os dados do registro. Permite editar todos os campos e salvar via
|
||||
// sb_atualizar_fechamento. O botão Cancelar fecha a janela.
|
||||
window.abrirEditaFechamento = async function(full) {
|
||||
if (!full) { alert('Registro não fornecido.'); return; }
|
||||
|
||||
// Serializa o registro para passar à popup — usa JSON para preservar tudo
|
||||
const encoded = encodeURIComponent(JSON.stringify(full));
|
||||
|
||||
const html = `<!DOCTYPE html>
|
||||
<html lang="pt-BR">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Editar Fechamento — ${(full.data||'').substring(0,10)} ${full.operador||''}</title>
|
||||
<style>
|
||||
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
||||
body{font-family:'Segoe UI',system-ui,sans-serif;background:#f7f7f7;padding:16px;font-size:13px}
|
||||
h2{background:linear-gradient(135deg,#bf360c,#e65100);color:#fff;padding:10px 16px;border-radius:8px 8px 0 0;margin:-16px -16px 16px;font-size:15px}
|
||||
.linha{margin-bottom:12px}
|
||||
.linha label{display:block;font-size:10px;color:#555;margin-bottom:2px;font-weight:700;text-transform:uppercase}
|
||||
.linha input,.linha select,.linha textarea{width:100%;padding:6px 8px;border:1px solid #ccc;border-radius:4px;font-size:13px;font-family:inherit}
|
||||
.linha input[readonly]{background:#eee;color:#666;border-color:#ddd}
|
||||
.linha input[type=number]{text-align:right}
|
||||
.secao{background:#fff;border-radius:8px;padding:12px;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
|
||||
.secao-titulo{font-size:11px;font-weight:700;color:#e65100;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:4px;border-bottom:2px solid #e65100}
|
||||
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
|
||||
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
|
||||
.grid4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px}
|
||||
table{width:100%;border-collapse:collapse;font-size:12px}
|
||||
th{background:#f0f0f0;font-size:10px;text-transform:uppercase;color:#777;padding:4px 6px;text-align:left}
|
||||
td{padding:2px 4px;border-bottom:1px solid #eee}
|
||||
td input{width:100%;padding:4px 2px;border:1px solid #ccc;border-radius:3px;font-size:12px}
|
||||
td input[type=number],td input.num{text-align:right}
|
||||
.btn-row{display:flex;gap:8px;flex-wrap:wrap}
|
||||
.btn-row button{flex:1;padding:10px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:700}
|
||||
.btn-salvar{background:#2e7d32;color:#fff}
|
||||
.btn-cancelar{background:#888;color:#fff}
|
||||
.total-box{background:#fff8e1;border-radius:6px;padding:8px;margin-bottom:8px;font-size:11px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
|
||||
.total-box span{display:block}
|
||||
.total-box strong{color:#e65100}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>✏️ Editar Fechamento — ${(full.loja||'').toUpperCase()} · ${(full.data||'').substring(0,10)} · ${full.operador||''}</h2>
|
||||
|
||||
<!-- Identificação -->
|
||||
<div class="secao">
|
||||
<div class="secao-titulo">Identificação</div>
|
||||
<div class="grid4">
|
||||
<div class="linha"><label>Data</label><input type="date" id="f-data" value="${full.data||''}"></div>
|
||||
<div class="linha"><label>Loja</label>
|
||||
<select id="f-loja"><option value="alianca" ${(full.loja||'').toLowerCase()==='alianca'?'selected':''}>Aliança</option><option value="uniao" ${(full.loja||'').toLowerCase()==='uniao'?'selected':''}>União</option></select>
|
||||
</div>
|
||||
<div class="linha"><label>Turno</label>
|
||||
<select id="f-turno"><option value="manha" ${(full.turno||'')==='manha'?'selected':''}>Manhã</option><option value="tarde" ${(full.turno||'')==='tarde'?'selected':''}>Tarde</option><option value="integral" ${(full.turno||'')==='integral'?'selected':''}>Integral</option></select>
|
||||
</div>
|
||||
<div class="linha"><label>Operador</label><input type="text" id="f-operador" value="${full.operador||''}"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Totais (readonly) -->
|
||||
<div class="total-box">
|
||||
<span><strong>Crédito:</strong> <span id="tot-credito">R$ ${parseFloat(full.total_cartao_credito||0).toLocaleString('pt-BR',{minimumFractionDigits:2})}</span></span>
|
||||
<span><strong>Débito:</strong> <span id="tot-debito">R$ ${parseFloat(full.total_cartao_debito||0).toLocaleString('pt-BR',{minimumFractionDigits:2})}</span></span>
|
||||
<span><strong>Alimentação:</strong> <span id="tot-ali">R$ ${parseFloat(full.total_cartao_alimentacao||0).toLocaleString('pt-BR',{minimumFractionDigits:2})}</span></span>
|
||||
<span><strong>PIX:</strong> <span id="tot-pix">R$ ${parseFloat(full.total_cartao_pix||0).toLocaleString('pt-BR',{minimumFractionDigits:2})}</span></span>
|
||||
<span><strong>PIX CNPJ:</strong> <span id="tot-pixcnpj">R$ ${parseFloat(full.total_pixcnpj||0).toLocaleString('pt-BR',{minimumFractionDigits:2})}</span></span>
|
||||
<span><strong>Vales:</strong> <span id="tot-vales">R$ ${parseFloat(full.total_vales||0).toLocaleString('pt-BR',{minimumFractionDigits:2})}</span></span>
|
||||
<span><strong>A Receber:</strong> <span id="tot-areceber">R$ ${parseFloat(full.total_areceber||0).toLocaleString('pt-BR',{minimumFractionDigits:2})}</span></span>
|
||||
<span><strong>Sangrias:</strong> <span id="tot-sangrias">R$ ${parseFloat(full.total_sangrias||0).toLocaleString('pt-BR',{minimumFractionDigits:2})}</span></span>
|
||||
<span><strong>Despesas:</strong> <span id="tot-despesas">R$ ${parseFloat(full.total_despesas||0).toLocaleString('pt-BR',{minimumFractionDigits:2})}</span></span>
|
||||
</div>
|
||||
|
||||
<!-- Saldo de Caixa -->
|
||||
<div class="secao">
|
||||
<div class="secao-titulo">💰 Saldo de Caixa</div>
|
||||
<div class="grid4">
|
||||
<div class="linha"><label>Troco (R$)</label><input type="number" step="0.01" id="f-saldo_troco" value="${parseFloat(full.saldo_troco||0)}"></div>
|
||||
<div class="linha"><label>Crédito (R$)</label><input type="number" step="0.01" id="f-saldo_credito" value="${parseFloat(full.saldo_credito||0)}"></div>
|
||||
<div class="linha"><label>Débito (R$)</label><input type="number" step="0.01" id="f-saldo_debito" value="${parseFloat(full.saldo_debito||0)}"></div>
|
||||
<div class="linha"><label>Alimentação (R$)</label><input type="number" step="0.01" id="f-saldo_alimentacao" value="${parseFloat(full.saldo_alimentacao||0)}"></div>
|
||||
<div class="linha"><label>Vales (R$)</label><input type="number" step="0.01" id="f-saldo_vales" value="${parseFloat(full.saldo_vales||0)}"></div>
|
||||
<div class="linha"><label>PIX Cartão (R$)</label><input type="number" step="0.01" id="f-total_cartao_pix" value="${parseFloat(full.total_cartao_pix||0)}"></div>
|
||||
<div class="linha"><label>PIX CNPJ (R$)</label><input type="number" step="0.01" id="f-total_pixcnpj" value="${parseFloat(full.total_pixcnpj||0)}"></div>
|
||||
<div class="linha"><label>A Receber (R$)</label><input type="number" step="0.01" id="f-saldo_areceber" value="${parseFloat(full.saldo_areceber||0)}"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Fechamento Contado -->
|
||||
<div class="secao">
|
||||
<div class="secao-titulo">📦 Fechamento Contado</div>
|
||||
<div class="grid3">
|
||||
<div class="linha"><label>Dinheiro (R$)</label><input type="number" step="0.01" id="f-fechamento_dinheiro" value="${parseFloat(full.fechamento_dinheiro||0)}"></div>
|
||||
<div class="linha"><label>Cartões (R$)</label><input type="number" step="0.01" id="f-fechamento_cartoes" value="${parseFloat(full.fechamento_cartoes||0)}"></div>
|
||||
<div class="linha"><label>A Receber (R$)</label><input type="number" step="0.01" id="f-fechamento_areceber" value="${parseFloat(full.fechamento_areceber||0)}"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Dados operacionais -->
|
||||
<div class="secao">
|
||||
<div class="secao-titulo">📊 Dados Operacionais</div>
|
||||
<div class="grid4">
|
||||
<div class="linha"><label>Clientes</label><input type="number" id="f-clientes" value="${parseInt(full.clientes||0)}"></div>
|
||||
<div class="linha"><label>Frango Assado</label><input type="number" id="f-frango" value="${parseInt(full.frango||0)}"></div>
|
||||
<div class="linha"><label>Vendas (R$)</label><input type="number" step="0.01" id="f-vendas" value="${parseFloat(full.vendas||0)}"></div>
|
||||
<div class="linha"><label>Saldo Esperado (R$)</label><input type="number" step="0.01" id="f-saldo_esperado" value="${parseFloat(full.saldo_esperado||0)}"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Observações -->
|
||||
<div class="secao">
|
||||
<div class="linha"><label>Observações</label><textarea id="f-observacoes" rows="3">${(full.observacoes||'').replace(/`/g,'`').replace(/</g,'<').replace(/>/g,'>')}</textarea></div>
|
||||
</div>
|
||||
|
||||
<!-- Botões -->
|
||||
<div class="btn-row">
|
||||
<button class="btn-salvar" onclick="salvar()">💾 Salvar Alterações</button>
|
||||
<button class="btn-cancelar" onclick="window.close()">Cancelar</button>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var _rec = null;
|
||||
try { _rec = JSON.parse(decodeURIComponent('${encoded}')); } catch(e) { console.error(e); }
|
||||
|
||||
function num(v) { return parseFloat((v||'0').toString().replace(',','.')) || 0; }
|
||||
function inp(id) { var el = document.getElementById(id); return el ? el.value : ''; }
|
||||
|
||||
async function salvar() {
|
||||
if (!window.__TAURI__ || !window.__TAURI__.core) {
|
||||
alert('Tauri não disponível nesta janela.'); return;
|
||||
}
|
||||
var updates = {
|
||||
data: inp('f-data'),
|
||||
loja: inp('f-loja'),
|
||||
turno: inp('f-turno'),
|
||||
operador: inp('f-operador'),
|
||||
saldo_troco: num(inp('f-saldo_troco')),
|
||||
saldo_credito: num(inp('f-saldo_credito')),
|
||||
saldo_debito: num(inp('f-saldo_debito')),
|
||||
saldo_alimentacao: num(inp('f-saldo_alimentacao')),
|
||||
saldo_vales: num(inp('f-saldo_vales')),
|
||||
saldo_areceber: num(inp('f-saldo_areceber')),
|
||||
total_cartao_pix: num(inp('f-total_cartao_pix')),
|
||||
total_pixcnpj: num(inp('f-total_pixcnpj')),
|
||||
fechamento_dinheiro: num(inp('f-fechamento_dinheiro')),
|
||||
fechamento_cartoes: num(inp('f-fechamento_cartoes')),
|
||||
fechamento_areceber: num(inp('f-fechamento_areceber')),
|
||||
clientes: parseInt(inp('f-clientes')||'0'),
|
||||
frango: parseInt(inp('f-frango')||'0'),
|
||||
vendas: num(inp('f-vendas')),
|
||||
saldo_esperado: num(inp('f-saldo_esperado')),
|
||||
observacoes: inp('f-observacoes')
|
||||
};
|
||||
|
||||
// id_fechamento = chave natural do registro
|
||||
var id_fechamento = _rec && _rec.id_fechamento ? _rec.id_fechamento
|
||||
: (inp('f-loja') + '_' + inp('f-data') + '_' + inp('f-operador')).toLowerCase().replace(/ /g,'_');
|
||||
|
||||
try {
|
||||
var idFech = inp('f-loja') + '_' + inp('f-data') + '_' + inp('f-operador');
|
||||
idFech = idFech.toLowerCase().replace(/ /g, '_');
|
||||
await window.__TAURI__.core.invoke('sb_atualizar_fechamento', { id_fechamento: idFech, updates: JSON.stringify(updates) });
|
||||
alert('✅ Atualizado com sucesso!');
|
||||
if (window.opener && window.opener.location) { try { window.opener.location.reload(); } catch(e){} }
|
||||
window.close();
|
||||
} catch(e) {
|
||||
console.error(e);
|
||||
alert('Erro ao salvar: ' + (e.message||e));
|
||||
}
|
||||
}
|
||||
<\/script>
|
||||
</body>
|
||||
</html>`;
|
||||
|
||||
var win = window.open('', '_blank', 'width=720,height=' + screen.availHeight + ',scrollbars=yes,resizable=yes');
|
||||
if (!win) { alert('Bloqueador de popup detectado. Permita popups para este site.'); return; }
|
||||
win.document.write(html);
|
||||
win.document.close();
|
||||
};
|
||||
|
||||
// Salva edições do modal de edição completo
|
||||
window.salvarEdicaoModal = async function() {
|
||||
console.log('[DEBUG] salvarEdicaoModal called');
|
||||
|
||||
Reference in New Issue
Block a user