Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 root
|
dba7eb3856 | ||
|
root
|
7b3b7a9f1d |
+99
-41
@@ -2167,11 +2167,6 @@ function buildConsultaModal(recentList) {
|
||||
return `${day}/${m}/${y}`;
|
||||
};
|
||||
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 => {
|
||||
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>';
|
||||
@@ -2179,56 +2174,119 @@ function buildConsultaModal(recentList) {
|
||||
return s || '?';
|
||||
};
|
||||
|
||||
const rows = recentList.map((item, i) => {
|
||||
const sysTotal = (parseFloat(item.saldo_troco)||0)
|
||||
// Calcula saldo de caixa real (mesma fórmula do relatório)
|
||||
// Lê tanto do top-level quanto do JSON dados (old records compatibility)
|
||||
const calcSaldoCaixa = item => {
|
||||
const dados = item.dados || {};
|
||||
return (parseFloat(item.saldo_troco)||0)
|
||||
+ (parseFloat(item.saldo_credito)||0)
|
||||
+ (parseFloat(item.saldo_debito)||0)
|
||||
+ (parseFloat(item.saldo_alimentacao)||0)
|
||||
+ (parseFloat(item.saldo_vales)||0)
|
||||
+ (parseFloat(item.saldo_areceber)||0)
|
||||
+ (parseFloat(item.total_pixcnpj)||0)
|
||||
+ (parseFloat(item.total_cartao_pix)||0);
|
||||
return `<tr>
|
||||
<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(sysTotal)}</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('');
|
||||
+ (parseFloat(item.total_cartao_pix)||0)
|
||||
+ (parseFloat(dados.total_pixcnpj)||0)
|
||||
+ (parseFloat(dados.total_cartao_pix)||0);
|
||||
};
|
||||
const calcCancelamentos = item => {
|
||||
const dados = item.dados || {};
|
||||
return (parseFloat(item.total_cancelamentos)||0)
|
||||
+ (parseFloat(dados.total_cancelamentos)||0)
|
||||
+ (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 = diff === 0 ? '#2e7d32' : diff > 0 ? '#e65100' : '#c0272d';
|
||||
const diffLabel = diff === 0 ? '✓ OK' : diff > 0 ? `+R$ ${diff.toFixed(2).replace('.',',')}` : `-R$ ${Math.abs(diff).toFixed(2).replace('.',',')}`;
|
||||
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 = `
|
||||
<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 style="background:#fff;border-radius:10px;padding:20px;max-width:850px;width:95%;max-height:85vh;overflow-y:auto">
|
||||
<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</h2>
|
||||
<div style="display:flex;gap:8px;align-items:center">
|
||||
<input type="date" id="consulta-busca-data" value="" max="${ultimoDia}" style="padding:6px 10px;border:1px solid #ccc;border-radius:6px;font-size:13px" />
|
||||
<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"></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>
|
||||
<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>
|
||||
`;
|
||||
|
||||
document.body.appendChild(overlay);
|
||||
|
||||
// Função de busca por data
|
||||
window._filtrarConsulta = () => {
|
||||
const dataBusca = document.getElementById('consulta-busca-data')?.value;
|
||||
const tbody = document.getElementById('consulta-tbody');
|
||||
const info = document.getElementById('consulta-info');
|
||||
if (!tbody) return;
|
||||
if (!dataBusca) {
|
||||
tbody.innerHTML = renderRows(cincoDias);
|
||||
if (info) info.textContent = 'Mostrando últimos 5 dias';
|
||||
return;
|
||||
}
|
||||
const filtrados = recentList.filter(item => item.data === dataBusca);
|
||||
tbody.innerHTML = renderRows(filtrados);
|
||||
if (info) info.textContent = filtrados.length ? `${filtrados.length} registro${filtrados.length!==1?'s':''} em ${fmtDate(dataBusca)}` : `Nenhum registro em ${fmtDate(dataBusca)}`;
|
||||
};
|
||||
|
||||
// Enter na busca
|
||||
document.getElementById('consulta-busca-data')?.addEventListener('keydown', e => {
|
||||
if (e.key === 'Enter') window._filtrarConsulta();
|
||||
});
|
||||
|
||||
window._recentList = recentList;
|
||||
window._consultaAll = recentList;
|
||||
}
|
||||
|
||||
// Abre a janela de edição completa de um registro pelo índice na lista
|
||||
|
||||
Reference in New Issue
Block a user