Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b1585af3f9 | |||
| 155782f50a | |||
| 16972f4734 | |||
| d3d5c4fbca | |||
| 5f1d9a4e2f |
+68
-66
@@ -160,7 +160,7 @@
|
||||
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-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.neg { color: var(--red); }
|
||||
|
||||
@@ -565,7 +565,7 @@
|
||||
<p style="font-size:13px;color:#444;margin-bottom:14px">
|
||||
Tem certeza que deseja <strong>enviar este fechamento e encerrar o caixa?</strong>
|
||||
</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>
|
||||
<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.
|
||||
@@ -1389,28 +1389,28 @@ function buildConfirmHTML(data) {
|
||||
<title>Fechamento de Caixa</title>
|
||||
<style>
|
||||
* { 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 h1 { font-size: 20px; font-weight: bold !important; }
|
||||
.header h2 { font-size: 16px; font-weight: bold !important; }
|
||||
.header h1 { font-size: 24px; font-weight: bold !important; }
|
||||
.header h2 { font-size: 18px; font-weight: bold !important; }
|
||||
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; }
|
||||
.row { display: flex; justify-content: space-between; padding: 2px 0; font-size: 14px; font-weight: bold !important; }
|
||||
.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: 18px; 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 th { font-weight: bold !important; border-bottom: 2px solid #000; padding: 3px; font-size: 13px; width: 25%; }
|
||||
.cart-table td { padding: 3px 5px; text-align: right; font-weight: bold !important; font-size: 13px; }
|
||||
.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: 18px; width: 25%; }
|
||||
.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 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; }
|
||||
.diff-ok { color: #2e7d32; 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; }
|
||||
.footer { text-align: center; font-size: 12px; color: #555; margin-top: 8px; font-weight: bold !important; }
|
||||
@media print { body { background: #fff; font-weight: bold !important; font-size: 15px !important; } }
|
||||
</head><body>
|
||||
<div class="header">
|
||||
.obs { font-size: 16px; color: #555; margin-top: 6px; white-space: pre-wrap; 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: 18px !important; } }
|
||||
</head><body>
|
||||
<div class="header">
|
||||
<h1>${data.loja}</h1>
|
||||
<h2>Fechamento de Caixa</h2>
|
||||
</div>
|
||||
@@ -1609,26 +1609,26 @@ function buildPrintHTML(data) {
|
||||
<title>Fechamento de Caixa</title>
|
||||
<style>
|
||||
* { 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 h1 { font-size: 20px; font-weight: bold !important; }
|
||||
.header h2 { font-size: 16px; font-weight: bold !important; }
|
||||
.header h1 { font-size: 24px; font-weight: bold !important; }
|
||||
.header h2 { font-size: 18px; font-weight: bold !important; }
|
||||
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; }
|
||||
.row { display: flex; justify-content: space-between; padding: 2px 0; font-size: 14px; font-weight: bold !important; }
|
||||
.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: 18px; 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 th { font-weight: bold !important; border-bottom: 2px solid #000; padding: 3px; font-size: 13px; width: 25%; }
|
||||
.cart-table td { padding: 3px 5px; text-align: right; font-weight: bold !important; font-size: 13px; }
|
||||
.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: 18px; width: 25%; }
|
||||
.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 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; }
|
||||
.diff-ok { color: #2e7d32; 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; }
|
||||
.footer { text-align: center; font-size: 12px; color: #555; margin-top: 8px; font-weight: bold !important; }
|
||||
@media print { body { background: #fff; font-weight: bold !important; font-size: 15px !important; } }
|
||||
.obs { font-size: 16px; color: #555; margin-top: 6px; white-space: pre-wrap; 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: 18px !important; } }
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="header">
|
||||
@@ -1738,17 +1738,20 @@ function buildReportHTML(data) {
|
||||
<title>Relatório de Fechamento</title>
|
||||
<style>
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
body { font-family: 'Courier New', monospace; font-size: 13px; width: 80mm; margin: 0 auto; padding: 8px; }
|
||||
.header { text-align: center; margin-bottom: 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: 10px; }
|
||||
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; }
|
||||
.footer { text-align: center; font-size: 11px; color: #555; margin-top: 8px; }
|
||||
@media print { body { margin: 0; } }
|
||||
.footer { text-align: center; font-size: 13px; color: #555; margin-top: 8px; }
|
||||
@media print { body { margin: 0; font-size: 18px !important; font-weight: bold !important; } }
|
||||
</style>
|
||||
</head><body>
|
||||
<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>
|
||||
<hr>
|
||||
<div class="row"><span>💸 Sangrias:</span><span class="val">${fmt(sangrias)}</span></div>
|
||||
@@ -1771,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>💰 Vendas:</span><span class="val">${fmt(data.vendas || 0)}</span></div>
|
||||
<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>
|
||||
</body></html>`;
|
||||
}
|
||||
@@ -1795,21 +1798,21 @@ function openPrintPreview(data, mode) {
|
||||
|
||||
const previewStyle = `
|
||||
<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 h1 { font-size: 18px; }
|
||||
.header h2 { font-size: 14px; font-weight: normal; }
|
||||
.header h1 { font-size: 24px; font-weight: bold; }
|
||||
.header h2 { font-size: 18px; font-weight: bold; }
|
||||
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; }
|
||||
.row { display: flex; justify-content: space-between; padding: 2px 0; }
|
||||
table { width: 100%; border-collapse: collapse; font-size: 12px; }
|
||||
td { padding: 2px 4px; vertical-align: top; }
|
||||
.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; font-size: 18px; font-weight: bold; }
|
||||
table { width: 100%; border-collapse: collapse; font-size: 18px; font-weight: bold; }
|
||||
td { padding: 2px 4px; vertical-align: top; font-weight: bold; }
|
||||
td:nth-child(2) { text-align: right; }
|
||||
td:nth-child(3) { text-align: right; color: #555; font-size: 11px; }
|
||||
.grand-total { font-size: 16px; 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; }
|
||||
.footer { text-align: center; font-size: 11px; color: #555; margin-top: 8px; }
|
||||
@media print { body { background: #fff; } }
|
||||
td:nth-child(3) { text-align: right; color: #555; font-size: 16px; }
|
||||
.grand-total { font-size: 24px; font-weight: bold; text-align: center; padding: 6px; border: 2px solid #000; margin: 8px 0; }
|
||||
.obs { font-size: 16px; color: #555; margin-top: 6px; white-space: pre-wrap; font-weight: normal; }
|
||||
.footer { text-align: center; font-size: 14px; color: #555; margin-top: 8px; font-weight: normal; }
|
||||
@media print { body { background: #fff; font-size: 18px !important; font-weight: bold !important; } }
|
||||
</style>
|
||||
`;
|
||||
|
||||
@@ -2005,26 +2008,26 @@ function openConfirmModal() {
|
||||
const diferenca = sysTotal - saldoEsp - cancelamentos;
|
||||
const diffClass = diferenca === 0 ? '#2e7d32' : (diferenca > 0 ? '#e65100' : '#c0272d');
|
||||
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">
|
||||
<div>💸 Sangrias: <strong>${fmt(sangrias)}</strong></div>
|
||||
<div>📝 Despesas: <strong>${fmt(despesas)}</strong></div>
|
||||
<div>💰 Vales: <strong>${fmt(vales)}</strong></div>
|
||||
<div>👥 À Receber: <strong>${fmt(receber)}</strong></div>
|
||||
<div>🔵 PIX CNPJ: <strong>${fmt(pixcnpj)}</strong></div>
|
||||
<div>💳 Crédito: <strong>${fmt(cartCred)}</strong></div>
|
||||
<div>💳 Débito: <strong>${fmt(cartDeb)}</strong></div>
|
||||
<div>💳 Alimentação: <strong>${fmt(cartAli)}</strong></div>
|
||||
<div>❌ Cancelamentos: <strong>${fmt(cancelamentos)}</strong></div>
|
||||
<div>👥 Clientes: <strong>${estado.clientes || 0}</strong></div>
|
||||
<div>🍗 Frango Assado: <strong>${estado.frango || 0}</strong></div>
|
||||
<div>💰 Vendas: <strong>${fmt(estado.vendas || 0)}</strong></div>
|
||||
<div>📋 Fechamento (contado): <strong>${fmt(fechamento)}</strong></div>
|
||||
<div>🖥️ Total Sistema: <strong>${fmt(sysTotal)}</strong></div>
|
||||
<div style="font-size:16px">💸 Sangrias: <strong>${fmt(sangrias)}</strong></div>
|
||||
<div style="font-size:16px">📝 Despesas: <strong>${fmt(despesas)}</strong></div>
|
||||
<div style="font-size:16px">💰 Vales: <strong>${fmt(vales)}</strong></div>
|
||||
<div style="font-size:16px">👥 À Receber: <strong>${fmt(receber)}</strong></div>
|
||||
<div style="font-size:16px">🔵 PIX CNPJ: <strong>${fmt(pixcnpj)}</strong></div>
|
||||
<div style="font-size:16px">💳 Crédito: <strong>${fmt(cartCred)}</strong></div>
|
||||
<div style="font-size:16px">💳 Débito: <strong>${fmt(cartDeb)}</strong></div>
|
||||
<div style="font-size:16px">💳 Alimentação: <strong>${fmt(cartAli)}</strong></div>
|
||||
<div style="font-size:16px">❌ Cancelamentos: <strong>${fmt(cancelamentos)}</strong></div>
|
||||
<div style="font-size:16px">👥 Clientes: <strong>${estado.clientes || 0}</strong></div>
|
||||
<div style="font-size:16px">🍗 Frango Assado: <strong>${estado.frango || 0}</strong></div>
|
||||
<div style="font-size:16px">💰 Vendas: <strong>${fmt(estado.vendas || 0)}</strong></div>
|
||||
<div style="font-size:16px">📋 Fechamento (contado): <strong>${fmt(fechamento)}</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">
|
||||
<div>🎯 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:10px;color:#888">ID: ${estado.loja}_${estado.data}_${estado.operador}</div>`;
|
||||
<div style="font-size:16px">🎯 Saldo Esperado (contado): <strong>${fmt(saldoEsp)}</strong></div>
|
||||
<div style="margin-top:4px;font-size:16px">📐 Diferença: <strong style="color:${diffClass}">${fmt(diferenca)}</strong></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');
|
||||
document.getElementById('modal-confirm').classList.add('open');
|
||||
}
|
||||
@@ -2153,7 +2156,6 @@ document.getElementById('btn-limpar').addEventListener('click', () => {
|
||||
const btnAnterior = document.getElementById('btn-anterior');
|
||||
if (btnAnterior) {
|
||||
btnAnterior.addEventListener('click', async () => {
|
||||
if (!await askPassword()) return;
|
||||
const hasTauri = !!(window.__TAURI__ && window.__TAURI__.core);
|
||||
|
||||
let recentList = [];
|
||||
|
||||
Reference in New Issue
Block a user