accounting Reports

This commit is contained in:
Thanakorn S
2026-05-23 15:07:11 +07:00
parent 15618f4955
commit 4bb378a905
10 changed files with 310 additions and 52 deletions
+61 -9
View File
@@ -48,10 +48,22 @@
<i class="ti ti-search me-1"></i>Run
</button>
</div>
<div class="col ms-auto d-flex align-items-end justify-content-end">
<button class="btn btn-outline-secondary btn-sm" onclick="window.print()">
<i class="ti ti-printer me-1"></i>Print
</button>
<div class="col-auto">
<div class="dropdown">
<a href="#" role="button" class="btn btn-outline-secondary btn-sm text-nowrap" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti ti-download me-1"></i>Export
</a>
<div class="dropdown-menu dropdown-menu-end p-0" style="min-width:160px;">
<div class="d-flex gap-3 align-items-center border-bottom px-3 py-3">
<i class="ti ti-download"></i><div><h4 class="mb-0 small">Export</h4></div>
</div>
<div class="p-3 d-flex flex-column gap-1 small lh-lg">
<a href="javascript:;" class="ac-export-link" onclick="export_report('csv')"><i class="ti ti-file-type-csv me-2"></i>CSV</a>
<a href="javascript:;" class="ac-export-link" onclick="export_report('xlsx')"><i class="ti ti-file-type-xls me-2"></i>Excel</a>
<a href="javascript:;" class="ac-export-link" onclick="export_report('pdf')"><i class="ti ti-file-type-pdf me-2"></i>PDF</a>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -121,6 +133,7 @@
document.getElementById('f_to').value = curMonth + '-' + String(new Date(now.getFullYear(), now.getMonth() + 1, 0).getDate()).padStart(2,'0');
flatpickr('#f_from, #f_to', { dateFormat: 'Y-m-d', altInput: true, altFormat: 'd/m/Y', allowInput: true });
var export_data = [];
var cat_labels = { sales_tax: 'Output VAT', purchase_tax: 'Input VAT' };
var src_labels = {
invoice: 'Invoice', credit_note: 'Credit Note',
@@ -152,8 +165,9 @@
var to = document.getElementById('f_to').value;
var cat = document.getElementById('f_cat').value;
var dept = document.getElementById('f_department').value || '0';
if (!from || !to) { alert('Select both dates.'); return; }
if (!from || !to) { bootbox.alert('Select both dates.'); return; }
export_data = [];
document.getElementById('vat_tbody').innerHTML =
'<tr><td colspan="10" class="text-center text-muted py-5"><span class="spinner-border spinner-border-sm me-2"></span>Loading...</td></tr>';
document.getElementById('vat_summary').style.display = 'none';
@@ -164,10 +178,7 @@
checkRequired: 0,
noLoading: true,
action: 'read',
from_date: from,
to_date: to,
categories: cat ? [cat] : [],
department_id: dept,
data: { from_date: from, to_date: to, categories: cat ? [cat] : [], department_id: dept },
onSuccess: function(res) {
var d = res.output;
var rows = d.rows || [];
@@ -183,6 +194,19 @@
return;
}
export_data = rows.map(function(r) {
return {
date: r.entry_date||'', period: r.period||'',
type: src_labels[r.source_type]||r.source_type,
department: r.dept_code||'',
reference: r.reference||'',
account: r.account_code + ' ' + r.account_name,
category: cat_labels[r.account_category]||r.account_category,
description: r.description||'',
debit: parseFloat(r.debit)||'',
credit: parseFloat(r.credit)||'',
};
});
var html = '';
rows.forEach(function(r) {
html += '<tr>' +
@@ -202,7 +226,35 @@
}
});
}
function export_report(format) {
if (export_data.length === 0) { bootbox.alert('No data to export. Run the report first.'); return; }
var from = document.getElementById('f_from').value;
var to = document.getElementById('f_to').value;
var filename = 'vat_report_' + from + '_' + to;
if (format === 'csv') {
alasql('SELECT * INTO CSV("' + filename + '.csv",{headers:true}) FROM ?', [export_data]);
} else if (format === 'xlsx') {
alasql('SELECT * INTO XLSX("' + filename + '.xlsx",{headers:true}) FROM ?', [export_data]);
} else if (format === 'pdf') {
var { jsPDF } = window.jspdf;
var doc = new jsPDF({ orientation: 'landscape' });
doc.setFontSize(11);
doc.text('VAT Report ' + from + ' to ' + to, 14, 14);
doc.autoTable({
startY: 20,
head: [['Date','Period','Type','Dept','Reference','Account','Category','Description','Debit','Credit']],
body: export_data.map(function(r){ return [r.date,r.period,r.type,r.department,r.reference,r.account,r.category,r.description,r.debit,r.credit]; }),
styles: { fontSize: 7 },
headStyles: { fillColor: [41,128,185] },
});
doc.save(filename + '.pdf');
}
}
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.8.2/jspdf.plugin.autotable.min.js"></script>
</body>
</html>