Compare commits
19 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 root
|
9639048bf7 | ||
|
root
|
b1585af3f9 | ||
|
root
|
155782f50a | ||
|
root
|
16972f4734 | ||
|
root
|
d3d5c4fbca | ||
|
root
|
5f1d9a4e2f | ||
|
root
|
cc45ed9df7 | ||
|
root
|
378a589572 | ||
|
root
|
50b0ba4498 | ||
|
root
|
7154901ce3 | ||
|
root
|
8b24a06496 | ||
|
root
|
3058908b37 | ||
|
root
|
9b1d45ae50 | ||
|
root
|
fbed0e57c2 | ||
|
root
|
362a76961b | ||
|
root
|
7a3a4b221b | ||
|
root
|
94bb8840ea | ||
|
root
|
dba7eb3856 | ||
|
root
|
7b3b7a9f1d |
@@ -312,7 +312,7 @@ impl SupabaseClient {
|
|||||||
pub fn listar_recentes(&self, loja: &str, limite: i64) -> Result<Vec<Value>, SupabaseError> {
|
pub fn listar_recentes(&self, loja: &str, limite: i64) -> Result<Vec<Value>, SupabaseError> {
|
||||||
let loja_normalized = sem_acento(&loja.to_lowercase());
|
let loja_normalized = sem_acento(&loja.to_lowercase());
|
||||||
let url = format!(
|
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,
|
self.base_url,
|
||||||
urlencoding::encode(&loja_normalized),
|
urlencoding::encode(&loja_normalized),
|
||||||
limite,
|
limite,
|
||||||
|
|||||||
+260
-155
@@ -160,7 +160,7 @@
|
|||||||
padding: 10px 16px; display: flex; justify-content: space-between; align-items: center;
|
padding: 10px 16px; display: flex; justify-content: space-between; align-items: center;
|
||||||
}
|
}
|
||||||
.dif-label { font-size: 12px; font-weight: 700; color: var(--text); text-transform: uppercase; letter-spacing: 0.5px; }
|
.dif-label { font-size: 12px; font-weight: 700; color: var(--text); text-transform: uppercase; letter-spacing: 0.5px; }
|
||||||
.dif-value { font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
|
.dif-value { font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }
|
||||||
.dif-value.pos, .dif-value.zero { color: var(--green); }
|
.dif-value.pos, .dif-value.zero { color: var(--green); }
|
||||||
.dif-value.neg { color: var(--red); }
|
.dif-value.neg { color: var(--red); }
|
||||||
|
|
||||||
@@ -543,7 +543,8 @@
|
|||||||
<div class="cfg-section">
|
<div class="cfg-section">
|
||||||
<div class="cfg-section-title">🔐 Senha Admin (editar dias anteriores)</div>
|
<div class="cfg-section-title">🔐 Senha Admin (editar dias anteriores)</div>
|
||||||
<div style="display:flex;gap:6px;margin-top:4px">
|
<div style="display:flex;gap:6px;margin-top:4px">
|
||||||
<input type="password" id="cfg-admin-password" style="flex:1;padding:6px;border:1px solid #ddd;border-radius:4px;font-size:13px" placeholder="Deixe em branco se não quiser senha">
|
<input type="password" id="cfg-admin-password" style="flex:1;padding:6px;border:1px solid #ddd;border-radius:4px;font-size:13px" placeholder="Senha fixa (ou deixe em branco)">
|
||||||
|
<input type="password" id="cfg-dynamic-password" style="flex:1;padding:6px;border:1px solid #ddd;border-radius:4px;font-size:13px" placeholder="Dinâmica: 10+dia+mes (ex: 1217)">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -564,7 +565,7 @@
|
|||||||
<p style="font-size:13px;color:#444;margin-bottom:14px">
|
<p style="font-size:13px;color:#444;margin-bottom:14px">
|
||||||
Tem certeza que deseja <strong>enviar este fechamento e encerrar o caixa?</strong>
|
Tem certeza que deseja <strong>enviar este fechamento e encerrar o caixa?</strong>
|
||||||
</p>
|
</p>
|
||||||
<div id="confirm-summary" style="border:1px solid #b3d9f7;border-radius:8px;padding:14px;background:#f0f7ff;font-size:14px;font-family:Arial,sans-serif;line-height:1.6">
|
<div id="confirm-summary" style="border:1px solid #b3d9f7;border-radius:8px;padding:18px;background:#f0f7ff;font-size:16px;font-family:Arial,sans-serif;line-height:1.8">
|
||||||
</div>
|
</div>
|
||||||
<p style="font-size:11px;color:#888;margin-top:10px">
|
<p style="font-size:11px;color:#888;margin-top:10px">
|
||||||
Após enviar, <strong>não dá pra editar este fechamento</strong> sem a senha do Filipe.
|
Após enviar, <strong>não dá pra editar este fechamento</strong> sem a senha do Filipe.
|
||||||
@@ -1233,6 +1234,7 @@ function loadConfig() {
|
|||||||
}
|
}
|
||||||
function saveConfig() {
|
function saveConfig() {
|
||||||
config.admin_password = document.getElementById('cfg-admin-password').value.trim();
|
config.admin_password = document.getElementById('cfg-admin-password').value.trim();
|
||||||
|
config.dynamic_password = document.getElementById('cfg-dynamic-password').value.trim();
|
||||||
try { localStorage.setItem(CFG_KEY, JSON.stringify(config)); } catch(e) {}
|
try { localStorage.setItem(CFG_KEY, JSON.stringify(config)); } catch(e) {}
|
||||||
buildDatalists();
|
buildDatalists();
|
||||||
}
|
}
|
||||||
@@ -1246,6 +1248,7 @@ function openConfig() {
|
|||||||
renderCfgList('clientes', 'cfg-clientes-list');
|
renderCfgList('clientes', 'cfg-clientes-list');
|
||||||
renderCfgList('vales_nomes', 'cfg-vales-list');
|
renderCfgList('vales_nomes', 'cfg-vales-list');
|
||||||
document.getElementById('cfg-admin-password').value = config.admin_password || '';
|
document.getElementById('cfg-admin-password').value = config.admin_password || '';
|
||||||
|
document.getElementById('cfg-dynamic-password').value = config.dynamic_password || '';
|
||||||
}
|
}
|
||||||
function closeConfig() { document.getElementById('modal-config').classList.remove('open'); }
|
function closeConfig() { document.getElementById('modal-config').classList.remove('open'); }
|
||||||
function renderCfgList(key, containerId) {
|
function renderCfgList(key, containerId) {
|
||||||
@@ -1386,28 +1389,28 @@ function buildConfirmHTML(data) {
|
|||||||
<title>Fechamento de Caixa</title>
|
<title>Fechamento de Caixa</title>
|
||||||
<style>
|
<style>
|
||||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||||
body { font-family: 'Courier New', monospace; font-size: 15px; width: 80mm; margin: 0 auto; padding: 8px; font-weight: bold !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
|
body { font-family: 'Courier New', monospace; font-size: 18px; font-weight: bold !important; width: 80mm; margin: 0 auto; padding: 8px; font-weight: bold !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
|
||||||
.header { text-align: center; margin-bottom: 8px; }
|
.header { text-align: center; margin-bottom: 8px; }
|
||||||
.header h1 { font-size: 20px; font-weight: bold !important; }
|
.header h1 { font-size: 24px; font-weight: bold !important; }
|
||||||
.header h2 { font-size: 16px; font-weight: bold !important; }
|
.header h2 { font-size: 18px; font-weight: bold !important; }
|
||||||
hr { border: none; border-top: 2px solid #000; margin: 6px 0; }
|
hr { border: none; border-top: 2px solid #000; margin: 6px 0; }
|
||||||
.section-title { font-weight: bold !important; font-size: 14px; border-top: 2px solid #000; padding-top: 4px; margin-top: 8px; }
|
.section-title { font-weight: bold !important; font-size: 18px; border-top: 2px solid #000; padding-top: 4px; margin-top: 8px; }
|
||||||
.row { display: flex; justify-content: space-between; padding: 2px 0; font-size: 14px; font-weight: bold !important; }
|
.row { display: flex; justify-content: space-between; padding: 2px 0; font-size: 18px; font-weight: bold !important; }
|
||||||
.row.total-row { font-weight: bold !important; }
|
.row.total-row { font-weight: bold !important; }
|
||||||
.cart-table { table-layout: fixed; width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 4px; font-weight: bold !important; }
|
.cart-table { table-layout: fixed; width: 100%; border-collapse: collapse; font-size: 18px; margin-top: 4px; font-weight: bold !important; }
|
||||||
.cart-table th { font-weight: bold !important; border-bottom: 2px solid #000; padding: 3px; font-size: 13px; width: 25%; }
|
.cart-table th { font-weight: bold !important; border-bottom: 2px solid #000; padding: 3px; font-size: 18px; width: 25%; }
|
||||||
.cart-table td { padding: 3px 5px; text-align: right; font-weight: bold !important; font-size: 13px; }
|
.cart-table td { padding: 3px 5px; text-align: right; font-weight: bold !important; font-size: 18px; }
|
||||||
.cart-table td:first-child { text-align: left; }
|
.cart-table td:first-child { text-align: left; }
|
||||||
.cart-table tr.total-row { font-weight: bold !important; border-top: 2px solid #000; }
|
.cart-table tr.total-row { font-weight: bold !important; border-top: 2px solid #000; }
|
||||||
.subtotal { font-size: 13px; margin-top: 4px; }
|
.subtotal { font-size: 18px; margin-top: 4px; }
|
||||||
.subtotal .row { padding: 1px 0; font-weight: bold !important; }
|
.subtotal .row { padding: 1px 0; font-weight: bold !important; }
|
||||||
.diff-ok { color: #2e7d32; font-weight: bold !important; }
|
.diff-ok { color: #2e7d32; font-weight: bold !important; }
|
||||||
.diff-bad { color: #c0272d; font-weight: bold !important; }
|
.diff-bad { color: #c0272d; font-weight: bold !important; }
|
||||||
.obs { font-size: 12px; color: #555; margin-top: 6px; white-space: pre-wrap; font-weight: bold !important; }
|
.obs { font-size: 16px; color: #555; margin-top: 6px; white-space: pre-wrap; font-weight: bold !important; }
|
||||||
.footer { text-align: center; font-size: 12px; color: #555; margin-top: 8px; font-weight: bold !important; }
|
.footer { text-align: center; font-size: 14px; color: #555; margin-top: 8px; font-weight: bold !important; }
|
||||||
@media print { body { background: #fff; font-weight: bold !important; font-size: 15px !important; } }
|
@media print { body { background: #fff; font-weight: bold !important; font-size: 18px !important; } }
|
||||||
</head><body>
|
</head><body>
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<h1>${data.loja}</h1>
|
<h1>${data.loja}</h1>
|
||||||
<h2>Fechamento de Caixa</h2>
|
<h2>Fechamento de Caixa</h2>
|
||||||
</div>
|
</div>
|
||||||
@@ -1606,26 +1609,26 @@ function buildPrintHTML(data) {
|
|||||||
<title>Fechamento de Caixa</title>
|
<title>Fechamento de Caixa</title>
|
||||||
<style>
|
<style>
|
||||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||||
body { font-family: 'Courier New', monospace; font-size: 15px; width: 80mm; margin: 0 auto; padding: 8px; font-weight: bold !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
|
body { font-family: 'Courier New', monospace; font-size: 18px; font-weight: bold !important; width: 80mm; margin: 0 auto; padding: 8px; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
|
||||||
.header { text-align: center; margin-bottom: 8px; }
|
.header { text-align: center; margin-bottom: 8px; }
|
||||||
.header h1 { font-size: 20px; font-weight: bold !important; }
|
.header h1 { font-size: 24px; font-weight: bold !important; }
|
||||||
.header h2 { font-size: 16px; font-weight: bold !important; }
|
.header h2 { font-size: 18px; font-weight: bold !important; }
|
||||||
hr { border: none; border-top: 2px solid #000; margin: 6px 0; }
|
hr { border: none; border-top: 2px solid #000; margin: 6px 0; }
|
||||||
.section-title { font-weight: bold !important; font-size: 14px; border-top: 2px solid #000; padding-top: 4px; margin-top: 8px; }
|
.section-title { font-weight: bold !important; font-size: 18px; border-top: 2px solid #000; padding-top: 4px; margin-top: 8px; }
|
||||||
.row { display: flex; justify-content: space-between; padding: 2px 0; font-size: 14px; font-weight: bold !important; }
|
.row { display: flex; justify-content: space-between; padding: 2px 0; font-size: 18px; font-weight: bold !important; }
|
||||||
.row.total-row { font-weight: bold !important; }
|
.row.total-row { font-weight: bold !important; }
|
||||||
.cart-table { table-layout: fixed; width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 4px; font-weight: bold !important; }
|
.cart-table { table-layout: fixed; width: 100%; border-collapse: collapse; font-size: 18px; margin-top: 4px; font-weight: bold !important; }
|
||||||
.cart-table th { font-weight: bold !important; border-bottom: 2px solid #000; padding: 3px; font-size: 13px; width: 25%; }
|
.cart-table th { font-weight: bold !important; border-bottom: 2px solid #000; padding: 3px; font-size: 18px; width: 25%; }
|
||||||
.cart-table td { padding: 3px 5px; text-align: right; font-weight: bold !important; font-size: 13px; }
|
.cart-table td { padding: 3px 5px; text-align: right; font-weight: bold !important; font-size: 18px; }
|
||||||
.cart-table td:first-child { text-align: left; }
|
.cart-table td:first-child { text-align: left; }
|
||||||
.cart-table tr.total-row { font-weight: bold !important; border-top: 2px solid #000; }
|
.cart-table tr.total-row { font-weight: bold !important; border-top: 2px solid #000; }
|
||||||
.subtotal { font-size: 13px; margin-top: 4px; }
|
.subtotal { font-size: 18px; margin-top: 4px; }
|
||||||
.subtotal .row { padding: 1px 0; font-weight: bold !important; }
|
.subtotal .row { padding: 1px 0; font-weight: bold !important; }
|
||||||
.diff-ok { color: #2e7d32; font-weight: bold !important; }
|
.diff-ok { color: #2e7d32; font-weight: bold !important; }
|
||||||
.diff-bad { color: #c0272d; font-weight: bold !important; }
|
.diff-bad { color: #c0272d; font-weight: bold !important; }
|
||||||
.obs { font-size: 12px; color: #555; margin-top: 6px; white-space: pre-wrap; font-weight: bold !important; }
|
.obs { font-size: 16px; color: #555; margin-top: 6px; white-space: pre-wrap; font-weight: bold !important; }
|
||||||
.footer { text-align: center; font-size: 12px; color: #555; margin-top: 8px; font-weight: bold !important; }
|
.footer { text-align: center; font-size: 14px; color: #555; margin-top: 8px; font-weight: bold !important; }
|
||||||
@media print { body { background: #fff; font-weight: bold !important; font-size: 15px !important; } }
|
@media print { body { background: #fff; font-weight: bold !important; font-size: 18px !important; } }
|
||||||
</style>
|
</style>
|
||||||
</head><body>
|
</head><body>
|
||||||
<div class="header">
|
<div class="header">
|
||||||
@@ -1735,17 +1738,20 @@ function buildReportHTML(data) {
|
|||||||
<title>Relatório de Fechamento</title>
|
<title>Relatório de Fechamento</title>
|
||||||
<style>
|
<style>
|
||||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||||
body { font-family: 'Courier New', monospace; font-size: 13px; width: 80mm; margin: 0 auto; padding: 8px; }
|
body { font-family: 'Courier New', monospace; font-size: 18px; font-weight: bold; width: 80mm; margin: 0 auto; padding: 8px; }
|
||||||
.header { text-align: center; margin-bottom: 8px; }
|
.header { text-align: center; margin-bottom: 10px; }
|
||||||
hr { border: none; border-top: 1px dashed #000; margin: 6px 0; }
|
hr { border: none; border-top: 1px dashed #000; margin: 6px 0; }
|
||||||
.row { display: flex; justify-content: space-between; padding: 2px 0; font-size: 12px; }
|
.row { display: flex; justify-content: space-between; padding: 3px 0; font-size: 18px; font-weight: bold; }
|
||||||
.row .val { font-weight: bold; }
|
.row .val { font-weight: bold; }
|
||||||
.footer { text-align: center; font-size: 11px; color: #555; margin-top: 8px; }
|
.footer { text-align: center; font-size: 13px; color: #555; margin-top: 8px; }
|
||||||
@media print { body { margin: 0; } }
|
@media print { body { margin: 0; font-size: 18px !important; font-weight: bold !important; } }
|
||||||
</style>
|
</style>
|
||||||
</head><body>
|
</head><body>
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div>📅 Data: ${data.data} 👤 Operador: ${data.operador} ⏰ Turno: ${data.turno} 🏪 Loja: ${data.loja}</div>
|
<div>📅 Data: ${data.data}</div>
|
||||||
|
<div>👤 Operador: ${data.operador}</div>
|
||||||
|
<div>⏰ Turno: ${data.turno}</div>
|
||||||
|
<div>🏪 Loja: ${data.loja}</div>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="row"><span>💸 Sangrias:</span><span class="val">${fmt(sangrias)}</span></div>
|
<div class="row"><span>💸 Sangrias:</span><span class="val">${fmt(sangrias)}</span></div>
|
||||||
@@ -1768,7 +1774,7 @@ function buildReportHTML(data) {
|
|||||||
<div class="row"><span>🍗 Frango Assado:</span><span class="val">${data.frango || 0}</span></div>
|
<div class="row"><span>🍗 Frango Assado:</span><span class="val">${data.frango || 0}</span></div>
|
||||||
<div class="row"><span>💰 Vendas:</span><span class="val">${fmt(data.vendas || 0)}</span></div>
|
<div class="row"><span>💰 Vendas:</span><span class="val">${fmt(data.vendas || 0)}</span></div>
|
||||||
<hr>
|
<hr>
|
||||||
<div style="text-align:center;font-size:10px;color:#888">ID: ${data.loja}_${data.data}_${data.operador}</div>
|
<div style="text-align:center;font-size:12px;color:#888">ID: ${data.loja}_${data.data}_${data.operador}</div>
|
||||||
<div class="footer">Gerado em ${new Date().toLocaleString('pt-BR')}</div>
|
<div class="footer">Gerado em ${new Date().toLocaleString('pt-BR')}</div>
|
||||||
</body></html>`;
|
</body></html>`;
|
||||||
}
|
}
|
||||||
@@ -1792,21 +1798,21 @@ function openPrintPreview(data, mode) {
|
|||||||
|
|
||||||
const previewStyle = `
|
const previewStyle = `
|
||||||
<style>
|
<style>
|
||||||
body { width: 80mm; margin: 0 auto; font-family: 'Courier New', monospace; font-size: 13px; background: #fff; padding: 10px; }
|
body { width: 80mm; margin: 0 auto; font-family: 'Courier New', monospace; font-size: 18px; background: #fff; padding: 10px; font-weight: bold; }
|
||||||
.header { text-align: center; margin-bottom: 8px; }
|
.header { text-align: center; margin-bottom: 8px; }
|
||||||
.header h1 { font-size: 18px; }
|
.header h1 { font-size: 24px; font-weight: bold; }
|
||||||
.header h2 { font-size: 14px; font-weight: normal; }
|
.header h2 { font-size: 18px; font-weight: bold; }
|
||||||
hr { border: none; border-top: 1px dashed #000; margin: 6px 0; }
|
hr { border: none; border-top: 1px dashed #000; margin: 6px 0; }
|
||||||
.section-title { font-weight: bold; font-size: 14px; border-top: 1px dashed #000; padding-top: 4px; margin-top: 6px; }
|
.section-title { font-weight: bold; font-size: 18px; border-top: 1px dashed #000; padding-top: 4px; margin-top: 6px; }
|
||||||
.row { display: flex; justify-content: space-between; padding: 2px 0; }
|
.row { display: flex; justify-content: space-between; padding: 2px 0; font-size: 18px; font-weight: bold; }
|
||||||
table { width: 100%; border-collapse: collapse; font-size: 12px; }
|
table { width: 100%; border-collapse: collapse; font-size: 18px; font-weight: bold; }
|
||||||
td { padding: 2px 4px; vertical-align: top; }
|
td { padding: 2px 4px; vertical-align: top; font-weight: bold; }
|
||||||
td:nth-child(2) { text-align: right; }
|
td:nth-child(2) { text-align: right; }
|
||||||
td:nth-child(3) { text-align: right; color: #555; font-size: 11px; }
|
td:nth-child(3) { text-align: right; color: #555; font-size: 16px; }
|
||||||
.grand-total { font-size: 16px; font-weight: bold; text-align: center; padding: 6px; border: 2px solid #000; margin: 8px 0; }
|
.grand-total { font-size: 24px; font-weight: bold; text-align: center; padding: 6px; border: 2px solid #000; margin: 8px 0; }
|
||||||
.obs { font-size: 11px; color: #555; margin-top: 6px; white-space: pre-wrap; }
|
.obs { font-size: 16px; color: #555; margin-top: 6px; white-space: pre-wrap; font-weight: normal; }
|
||||||
.footer { text-align: center; font-size: 11px; color: #555; margin-top: 8px; }
|
.footer { text-align: center; font-size: 14px; color: #555; margin-top: 8px; font-weight: normal; }
|
||||||
@media print { body { background: #fff; } }
|
@media print { body { background: #fff; font-size: 18px !important; font-weight: bold !important; } }
|
||||||
</style>
|
</style>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
@@ -2002,26 +2008,26 @@ function openConfirmModal() {
|
|||||||
const diferenca = sysTotal - saldoEsp - cancelamentos;
|
const diferenca = sysTotal - saldoEsp - cancelamentos;
|
||||||
const diffClass = diferenca === 0 ? '#2e7d32' : (diferenca > 0 ? '#e65100' : '#c0272d');
|
const diffClass = diferenca === 0 ? '#2e7d32' : (diferenca > 0 ? '#e65100' : '#c0272d');
|
||||||
document.getElementById('confirm-summary').innerHTML =
|
document.getElementById('confirm-summary').innerHTML =
|
||||||
`<div style="margin-bottom:6px"><strong>📅 Data:</strong> ${estado.data} <strong>👤 Operador:</strong> ${operador} <strong>⏰ Turno:</strong> ${turno} <strong>🏪 Loja:</strong> ${loja}</div>
|
`<div style="margin-bottom:6px;font-size:17px"><strong>📅 Data:</strong> ${estado.data} <strong>👤 Operador:</strong> ${operador} <strong>⏰ Turno:</strong> ${turno} <strong>🏪 Loja:</strong> ${loja}</div>
|
||||||
<hr style="border:none;border-top:1px dashed #b3d9f7;margin:6px 0">
|
<hr style="border:none;border-top:1px dashed #b3d9f7;margin:6px 0">
|
||||||
<div>💸 Sangrias: <strong>${fmt(sangrias)}</strong></div>
|
<div style="font-size:16px">💸 Sangrias: <strong>${fmt(sangrias)}</strong></div>
|
||||||
<div>📝 Despesas: <strong>${fmt(despesas)}</strong></div>
|
<div style="font-size:16px">📝 Despesas: <strong>${fmt(despesas)}</strong></div>
|
||||||
<div>💰 Vales: <strong>${fmt(vales)}</strong></div>
|
<div style="font-size:16px">💰 Vales: <strong>${fmt(vales)}</strong></div>
|
||||||
<div>👥 À Receber: <strong>${fmt(receber)}</strong></div>
|
<div style="font-size:16px">👥 À Receber: <strong>${fmt(receber)}</strong></div>
|
||||||
<div>🔵 PIX CNPJ: <strong>${fmt(pixcnpj)}</strong></div>
|
<div style="font-size:16px">🔵 PIX CNPJ: <strong>${fmt(pixcnpj)}</strong></div>
|
||||||
<div>💳 Crédito: <strong>${fmt(cartCred)}</strong></div>
|
<div style="font-size:16px">💳 Crédito: <strong>${fmt(cartCred)}</strong></div>
|
||||||
<div>💳 Débito: <strong>${fmt(cartDeb)}</strong></div>
|
<div style="font-size:16px">💳 Débito: <strong>${fmt(cartDeb)}</strong></div>
|
||||||
<div>💳 Alimentação: <strong>${fmt(cartAli)}</strong></div>
|
<div style="font-size:16px">💳 Alimentação: <strong>${fmt(cartAli)}</strong></div>
|
||||||
<div>❌ Cancelamentos: <strong>${fmt(cancelamentos)}</strong></div>
|
<div style="font-size:16px">❌ Cancelamentos: <strong>${fmt(cancelamentos)}</strong></div>
|
||||||
<div>👥 Clientes: <strong>${estado.clientes || 0}</strong></div>
|
<div style="font-size:16px">👥 Clientes: <strong>${estado.clientes || 0}</strong></div>
|
||||||
<div>🍗 Frango Assado: <strong>${estado.frango || 0}</strong></div>
|
<div style="font-size:16px">🍗 Frango Assado: <strong>${estado.frango || 0}</strong></div>
|
||||||
<div>💰 Vendas: <strong>${fmt(estado.vendas || 0)}</strong></div>
|
<div style="font-size:16px">💰 Vendas: <strong>${fmt(estado.vendas || 0)}</strong></div>
|
||||||
<div>📋 Fechamento (contado): <strong>${fmt(fechamento)}</strong></div>
|
<div style="font-size:16px">📋 Fechamento (contado): <strong>${fmt(fechamento)}</strong></div>
|
||||||
<div>🖥️ Total Sistema: <strong>${fmt(sysTotal)}</strong></div>
|
<div style="font-size:16px">🖥️ Total Sistema: <strong>${fmt(sysTotal)}</strong></div>
|
||||||
<hr style="border:none;border-top:1px dashed #b3d9f7;margin:6px 0">
|
<hr style="border:none;border-top:1px dashed #b3d9f7;margin:6px 0">
|
||||||
<div>🎯 Saldo Esperado (contado): <strong>${fmt(saldoEsp)}</strong></div>
|
<div style="font-size:16px">🎯 Saldo Esperado (contado): <strong>${fmt(saldoEsp)}</strong></div>
|
||||||
<div style="margin-top:4px">📐 Diferença: <strong style="color:${diffClass}">${fmt(diferenca)}</strong></div>
|
<div style="margin-top:4px;font-size:16px">📐 Diferença: <strong style="color:${diffClass}">${fmt(diferenca)}</strong></div>
|
||||||
<div style="margin-top:4px;font-size:10px;color:#888">ID: ${estado.loja}_${estado.data}_${estado.operador}</div>`;
|
<div style="margin-top:8px;font-size:12px;color:#888">ID: ${estado.loja}_${estado.data}_${estado.operador}</div>`;
|
||||||
console.log('[DEBUG] openConfirmModal: tentando abrir modal');
|
console.log('[DEBUG] openConfirmModal: tentando abrir modal');
|
||||||
document.getElementById('modal-confirm').classList.add('open');
|
document.getElementById('modal-confirm').classList.add('open');
|
||||||
}
|
}
|
||||||
@@ -2102,25 +2108,48 @@ document.getElementById('btn-recibo').addEventListener('click', async () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
document.getElementById('btn-limpar').addEventListener('click', () => {
|
document.getElementById('btn-limpar').addEventListener('click', () => {
|
||||||
if (!confirm('Limpar rascunho? Esta acção não pode ser revertida.')) return;
|
const overlay = document.createElement('div');
|
||||||
localStorage.removeItem(LS_KEY);
|
overlay.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999999;display:flex;align-items:center;justify-content:center;';
|
||||||
estado = {
|
overlay.id = 'clear-modal';
|
||||||
uuid: crypto.randomUUID ? crypto.randomUUID() : Date.now().toString(),
|
overlay.innerHTML = `
|
||||||
loja: estado.loja, data: estado.data, operador: '', turno: '',
|
<div style="background:#fff;border-radius:10px;padding:28px;width:340px;text-align:center">
|
||||||
saldo_troco: 0, fechamento: 0, saldo_esperado: 0, diferenca: 0,
|
<div style="font-size:20px;margin-bottom:12px">⚠️ Limpar Rascunho</div>
|
||||||
despesas: [], sangrias: [], pixcnpj: [], vales: [], receber: [], cancelamentos: [],
|
<div style="font-size:13px;color:#555;margin-bottom:20px;line-height:1.5">Tem certeza?<br>Irá <strong>apagar todas as informações</strong> lançadas para iniciar uma nova.</div>
|
||||||
cartoes: { credito: [], debito: [], alimentacao: [], pix: [] },
|
<div style="display:flex;gap:10px;justify-content:center">
|
||||||
fechamento_contado: { dinheiro: 0, cartoes: 0, receber: 0 },
|
<button id="clear-cancel-btn" style="padding:9px 20px;background:#888;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px">Cancelar</button>
|
||||||
observacoes: '', id_local: null, sync_status: 'local'
|
<button id="clear-ok-btn" style="padding:9px 20px;background:#c0272d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px">Apagar tudo</button>
|
||||||
};
|
</div>
|
||||||
setVal('f-operador', ''); setVal('f-turno', '');
|
</div>`;
|
||||||
setVal('f-fech-dinheiro', ''); setVal('f-fech-cartoes', ''); setVal('f-fech-receber', '');
|
document.body.appendChild(overlay);
|
||||||
setVal('f-saldo-esperado', ''); setVal('f-obs', '');
|
document.getElementById('clear-cancel-btn').addEventListener('click', () => overlay.remove());
|
||||||
setVal('sys-troco', '');
|
document.getElementById('clear-ok-btn').addEventListener('click', () => {
|
||||||
updateTotals();
|
overlay.remove();
|
||||||
renderAllTables();
|
localStorage.removeItem(LS_KEY);
|
||||||
syncUI();
|
estado = {
|
||||||
showToast('Rascunho limpo.', 'info');
|
uuid: crypto.randomUUID ? crypto.randomUUID() : Date.now().toString(),
|
||||||
|
loja: estado.loja, data: estado.data, operador: '', turno: '',
|
||||||
|
saldo_troco: 0, fechamento: 0, saldo_esperado: 0, diferenca: 0,
|
||||||
|
despesas: [], sangrias: [], pixcnpj: [], vales: [], receber: [], cancelamentos: [],
|
||||||
|
cartoes: { credito: [], debito: [], alimentacao: [], pix: [] },
|
||||||
|
fechamento_contado: { dinheiro: 0, cartoes: 0, receber: 0 },
|
||||||
|
observacoes: '', id_local: null, sync_status: 'local'
|
||||||
|
};
|
||||||
|
estado.sangrias = []; estado.despesas = []; estado.pixcnpj = [];
|
||||||
|
estado.vales = []; estado.receber = []; estado.cancelamentos = [];
|
||||||
|
estado.cartoes = { credito: [], debito: [], alimentacao: [], pix: [] };
|
||||||
|
estado.fechamento_contado = { dinheiro: 0, cartoes: 0, receber: 0 };
|
||||||
|
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('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', '');
|
||||||
|
Object.keys(TABLES).forEach(renderTable);
|
||||||
|
updateTotals();
|
||||||
|
syncUI();
|
||||||
|
showToast('Rascunho limpo.', 'info');
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
// ─── Dia Anterior — seleção + consulta + edição de registros do Supabase ───
|
// ─── Dia Anterior — seleção + consulta + edição de registros do Supabase ───
|
||||||
@@ -2167,11 +2196,6 @@ function buildConsultaModal(recentList) {
|
|||||||
return `${day}/${m}/${y}`;
|
return `${day}/${m}/${y}`;
|
||||||
};
|
};
|
||||||
const fmtMoney = v => v != null ? `R$ ${parseFloat(v).toFixed(2).replace('.', ',')}` : 'R$ 0,00';
|
const fmtMoney = v => v != null ? `R$ ${parseFloat(v).toFixed(2).replace('.', ',')}` : 'R$ 0,00';
|
||||||
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>`;
|
|
||||||
};
|
|
||||||
const statusBadge = s => {
|
const statusBadge = s => {
|
||||||
if (s === 'ok') return '<span style="color:#2e7d32;font-weight:bold">✓ OK</span>';
|
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 === 'sobrando') return '<span style="color:#e65100;font-weight:bold">⚠ SOBRANDO</span>';
|
||||||
@@ -2179,56 +2203,136 @@ function buildConsultaModal(recentList) {
|
|||||||
return s || '?';
|
return s || '?';
|
||||||
};
|
};
|
||||||
|
|
||||||
const rows = recentList.map((item, i) => {
|
// Calcula saldo de caixa real (mesma fórmula do relatório)
|
||||||
const sysTotal = (parseFloat(item.saldo_troco)||0)
|
// SALDO CAIXA = soma dos campos individuais (total do sistema no relatório)
|
||||||
+ (parseFloat(item.saldo_credito)||0)
|
// Lê do top-level E do JSON dados (compatibilidade com registros antigos)
|
||||||
+ (parseFloat(item.saldo_debito)||0)
|
// SALDO CAIXA = soma dos campos individuais (total do sistema no relatório)
|
||||||
+ (parseFloat(item.saldo_alimentacao)||0)
|
// Prioriza top-level, só usa dados.dados se top-level for 0/missing (compat old records)
|
||||||
+ (parseFloat(item.saldo_vales)||0)
|
const f = (item, dados, field) => parseFloat(item[field]||dados[field]||0);
|
||||||
+ (parseFloat(item.saldo_areceber)||0)
|
const calcSaldoCaixa = item => {
|
||||||
+ (parseFloat(item.total_pixcnpj)||0)
|
const dados = item.dados || {};
|
||||||
+ (parseFloat(item.total_cartao_pix)||0);
|
return f(item,dados,'saldo_troco')
|
||||||
return `<tr>
|
+ f(item,dados,'saldo_credito')
|
||||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${i})">${fmtDate(item.data)}</td>
|
+ f(item,dados,'saldo_debito')
|
||||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${i})">${item.operador||'?'}</td>
|
+ f(item,dados,'saldo_alimentacao')
|
||||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${i})">${item.turno||'?'}</td>
|
+ f(item,dados,'saldo_vales')
|
||||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="openConsultaRegistro(${i})">${fmtMoney(sysTotal)}</td>
|
+ f(item,dados,'saldo_areceber')
|
||||||
<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>
|
+ f(item,dados,'total_pixcnpj')
|
||||||
<td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${i})">${statusBadge(item.status_diferenca)}</td>
|
+ f(item,dados,'total_cartao_pix');
|
||||||
<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">
|
const calcCancelamentos = item => {
|
||||||
<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>
|
const dados = item.dados || {};
|
||||||
</td>
|
return (parseFloat(item.total_cancelamentos)||0)
|
||||||
</tr>`;
|
+ (parseFloat(dados.total_cancelamentos)||0)
|
||||||
}).join('');
|
+ (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));
|
||||||
|
const cincoDias = sortedDesc.slice(0, 5);
|
||||||
|
|
||||||
|
// Último dia distinto (para placeholder do input)
|
||||||
|
const ultimoDia = sortedDesc[0]?.data || '';
|
||||||
|
|
||||||
|
function renderRows(list) {
|
||||||
|
if (!list || list.length === 0) {
|
||||||
|
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 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>
|
||||||
|
</td>
|
||||||
|
</tr>`;
|
||||||
|
}).join('');
|
||||||
|
}
|
||||||
|
|
||||||
overlay.innerHTML = `
|
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">
|
<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 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 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">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">
|
||||||
|
<tr>
|
||||||
|
<th style="padding:6px 8px;text-align:left;font-size:11px;color:#888">DATA</th>
|
||||||
|
<th style="padding:6px 8px;text-align:left;font-size:11px;color:#888">OPERADOR</th>
|
||||||
|
<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>
|
||||||
|
</thead>
|
||||||
|
<tbody id="consulta-tbody">${renderRows(cincoDias)}</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div style="margin-top:8px;font-size:11px;color:#888;text-align:center">
|
||||||
|
Mostrando últimos 5 dias. Use a <strong>busca por data</strong> para encontrar registros mais antigos.
|
||||||
</div>
|
</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>
|
|
||||||
<table style="width:100%;border-collapse:collapse">
|
|
||||||
<thead>
|
|
||||||
<tr style="background:#f5f5f5">
|
|
||||||
<th style="padding:6px 8px;text-align:left;font-size:11px;color:#888">DATA</th>
|
|
||||||
<th style="padding:6px 8px;text-align:left;font-size:11px;color:#888">OPERADOR</th>
|
|
||||||
<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: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>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
document.body.appendChild(overlay);
|
document.body.appendChild(overlay);
|
||||||
|
|
||||||
|
// Função de busca por período
|
||||||
|
window._filtrarConsulta = () => {
|
||||||
|
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;
|
||||||
|
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';
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Enter na busca
|
||||||
|
['consulta-busca-de','consulta-busca-ate'].forEach(id => {
|
||||||
|
document.getElementById(id)?.addEventListener('keydown', e => { if (e.key === 'Enter') window._filtrarConsulta(); });
|
||||||
|
});
|
||||||
|
|
||||||
window._recentList = recentList;
|
window._recentList = recentList;
|
||||||
|
window._consultaAll = recentList;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Abre a janela de edição completa de um registro pelo índice na lista
|
// Abre a janela de edição completa de um registro pelo índice na lista
|
||||||
@@ -2546,25 +2650,26 @@ window.toggleEditConsulta = async function() {
|
|||||||
// Se já está editando, apenas fecha
|
// Se já está editando, apenas fecha
|
||||||
if (window._editModalOpen) { closeEditModal(); return; }
|
if (window._editModalOpen) { closeEditModal(); return; }
|
||||||
|
|
||||||
// Pede senha admin primeiro — sempre, para proteger edições
|
// Pede senha — sempre, uma vez (aceita fixa ou dinâmica)
|
||||||
const pw = config.admin_password;
|
if (!await askPassword()) return;
|
||||||
if (pw) {
|
|
||||||
const ok = await askPassword();
|
|
||||||
if (!ok) return;
|
|
||||||
} else {
|
|
||||||
// Sem senha configurada — avisa e abre mesmo assim (primeiro uso)
|
|
||||||
const ok = await askPassword(); // mostra diálogo vazio para o admin configurar mentalmente
|
|
||||||
if (!ok) return;
|
|
||||||
}
|
|
||||||
|
|
||||||
openEditModal(full);
|
openEditModal(full);
|
||||||
closeRelatorioModal();
|
closeRelatorioModal();
|
||||||
};
|
};
|
||||||
|
|
||||||
// Pede senha admin — retorna Promise<boolean>
|
// Calcula senha dinâmica do dia: dia e mês como 2 dígitos cada, concatenados
|
||||||
|
// ex: 17/12 → "1712"
|
||||||
|
function getDynamicPw() {
|
||||||
|
const d = new Date();
|
||||||
|
const day = String(d.getDate()).padStart(2, '0');
|
||||||
|
const month = String(d.getMonth() + 1).padStart(2, '0');
|
||||||
|
return day + month;
|
||||||
|
}
|
||||||
|
|
||||||
function askPassword() {
|
function askPassword() {
|
||||||
return new Promise(resolve => {
|
return new Promise(resolve => {
|
||||||
const pw = config.admin_password;
|
const fixedPw = config.admin_password;
|
||||||
|
const dynPw = getDynamicPw();
|
||||||
const overlay = document.createElement('div');
|
const overlay = document.createElement('div');
|
||||||
overlay.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999999;display:flex;align-items:center;justify-content:center;';
|
overlay.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999999;display:flex;align-items:center;justify-content:center;';
|
||||||
overlay.id = 'pw-modal';
|
overlay.id = 'pw-modal';
|
||||||
@@ -2589,7 +2694,7 @@ function askPassword() {
|
|||||||
inp.addEventListener('keydown', e => { if (e.key === 'Enter') document.getElementById('pw-ok-btn').click(); });
|
inp.addEventListener('keydown', e => { if (e.key === 'Enter') document.getElementById('pw-ok-btn').click(); });
|
||||||
document.getElementById('pw-ok-btn').addEventListener('click', () => {
|
document.getElementById('pw-ok-btn').addEventListener('click', () => {
|
||||||
const val = document.getElementById('pw-input').value;
|
const val = document.getElementById('pw-input').value;
|
||||||
if (val === pw) {
|
if (val === fixedPw || val === dynPw || val === config.dynamic_password) {
|
||||||
document.getElementById('pw-modal').remove();
|
document.getElementById('pw-modal').remove();
|
||||||
resolve(true);
|
resolve(true);
|
||||||
} else {
|
} else {
|
||||||
@@ -3447,26 +3552,26 @@ window.printRelatorio = function() {
|
|||||||
<title>Fechamento de Caixa</title>
|
<title>Fechamento de Caixa</title>
|
||||||
<style>
|
<style>
|
||||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||||
body { font-family: 'Courier New', monospace; font-size: 14px; width: 80mm; margin: 0 auto; padding: 8px; font-weight: bold; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
|
body { font-family: 'Courier New', monospace; font-size: 18px; width: 80mm; margin: 0 auto; padding: 8px; font-weight: bold; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
|
||||||
.header { text-align: center; margin-bottom: 8px; }
|
.header { text-align: center; margin-bottom: 8px; }
|
||||||
.header h1 { font-size: 20px; font-weight: bold; }
|
.header h1 { font-size: 24px; font-weight: bold; }
|
||||||
.header h2 { font-size: 15px; font-weight: normal; }
|
.header h2 { font-size: 18px; font-weight: normal; }
|
||||||
hr { border: none; border-top: 2px solid #000; margin: 6px 0; }
|
hr { border: none; border-top: 2px solid #000; margin: 6px 0; }
|
||||||
.section-title { font-weight: bold; font-size: 14px; border-top: 2px solid #000; padding-top: 4px; margin-top: 8px; }
|
.section-title { font-weight: bold; font-size: 17px; border-top: 2px solid #000; padding-top: 4px; margin-top: 8px; }
|
||||||
.row { display: flex; justify-content: space-between; padding: 2px 0; font-size: 13px; font-weight: bold; }
|
.row { display: flex; justify-content: space-between; padding: 2px 0; font-size: 16px; font-weight: bold; }
|
||||||
.row.total-row { font-weight: bold; }
|
.row.total-row { font-weight: bold; }
|
||||||
.cart-table { table-layout: fixed; width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 4px; font-weight: bold; }
|
.cart-table { table-layout: fixed; width: 100%; border-collapse: collapse; font-size: 16px; margin-top: 4px; font-weight: bold; }
|
||||||
.cart-table th { font-weight: bold; border-bottom: 2px solid #000; padding: 2px; width: 25%; }
|
.cart-table th { font-weight: bold; border-bottom: 2px solid #000; padding: 2px; width: 25%; }
|
||||||
.cart-table td { padding: 2px 4px; text-align: right; font-weight: bold; }
|
.cart-table td { padding: 2px 4px; text-align: right; font-weight: bold; }
|
||||||
.cart-table td:first-child { text-align: left; }
|
.cart-table td:first-child { text-align: left; }
|
||||||
.cart-table tr.total-row { font-weight: bold; border-top: 2px solid #000; }
|
.cart-table tr.total-row { font-weight: bold; border-top: 2px solid #000; }
|
||||||
.subtotal { font-size: 13px; margin-top: 4px; }
|
.subtotal { font-size: 16px; margin-top: 4px; }
|
||||||
.subtotal .row { padding: 2px 0; }
|
.subtotal .row { padding: 2px 0; }
|
||||||
.diff-ok { color: #2e7d32; font-weight: bold; }
|
.diff-ok { color: #2e7d32; font-weight: bold; }
|
||||||
.diff-bad { color: #c0272d; font-weight: bold; }
|
.diff-bad { color: #c0272d; font-weight: bold; }
|
||||||
.obs { font-size: 11px; color: #555; margin-top: 6px; white-space: pre-wrap; font-weight: normal; }
|
.obs { font-size: 13px; color: #555; margin-top: 6px; white-space: pre-wrap; font-weight: normal; }
|
||||||
.footer { text-align: center; font-size: 11px; color: #555; margin-top: 8px; }
|
.footer { text-align: center; font-size: 13px; color: #555; margin-top: 8px; }
|
||||||
@media print { body { background: #fff; font-weight: bold !important; } }
|
@media print { body { background: #fff; font-weight: bold !important; font-size: 18px !important; } }
|
||||||
</style>
|
</style>
|
||||||
</head><body>
|
</head><body>
|
||||||
${buildPrintHTML(data)}
|
${buildPrintHTML(data)}
|
||||||
|
|||||||
Reference in New Issue
Block a user