SidharthPL/Canteen-Management-System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Purchase Bills Data Export made functional.

Browse Source
This commit is contained in:
Sidharth Prabhu
2026-04-20 10:24:47 +05:30
parent 631e1a85d0
commit 592abf03a1
2 changed files with 87 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
frontend/src/index.css
View File

@@ -111,3 +111,65 @@
font-weight: 800 !important;
font-size: 0.85rem !important;
}
@media print {
.no-print,
header,
aside,
nav,
button,
.w-64,
.ml-64,
.fixed,
input,
select,
.recharts-responsive-container {
display: none !important;
}
main,
.flex-1,
.ml-64 {
margin-left: 0 !important;
padding: 0 !important;
width: 100% !important;
display: block !important;
}
body {
background: white !important;
margin: 0 !important;
padding: 20px !important;
}
.bg-white,
.bg-slate-50\/50,
.premium-card {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}
h1 {
font-size: 24pt !important;
margin-bottom: 20px !important;
}
table {
width: 100% !important;
border-collapse: collapse !important;
}
th {
background-color: #f8fafc !important;
-webkit-print-color-adjust: exact;
color: black !important;
}
td, th {
border: 1px solid #e2e8f0 !important;
padding: 10px !important;
font-size: 10pt !important;
}
}

27
frontend/src/pages/Bills.tsx
View File

@@ -108,15 +108,38 @@ const Bills: React.FC = () => {
<div className="flex items-center gap-3">
<button
onClick={() => {
const headers = ['Purchase ID', 'Date', 'Vendor', 'Amount', 'Paid', 'Payables', 'Status', 'Reference'];
const csvRows = filteredOrders.map(order => [
order.purchaseId,
order.date ? format(new Date(order.date), 'yyyy-MM-dd') : '',
order.vendor?.name || '',
order.amount,
order.paidTotal,
(order.amount - order.paidTotal).toFixed(2),
order.status,
order.referenceId || ''
].map(v => `"${v}"`).join(','));
const csvContent = [headers.join(','), ...csvRows].join('\n');
const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
const link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.setAttribute('download', `bills_export_${format(new Date(), 'yyyy-MM-dd')}.csv`);
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}}
title="Download bill report"
className="flex items-center gap-2 px-4 py-2 text-sm font-semibold text-slate-700 bg-white border border-slate-200 rounded-lg hover:bg-slate-50 transition-all shadow-sm"
className="flex items-center gap-2 px-4 py-2 text-sm font-semibold text-slate-700 bg-white border border-slate-200 rounded-lg hover:bg-slate-50 transition-all shadow-sm no-print"
>
<Download size={18} />
Export
</button>
<button
onClick={() => window.print()}
title="Print all bills"
className="flex items-center gap-2 px-4 py-2 text-sm font-semibold text-white bg-indigo-600 rounded-lg hover:bg-indigo-700 transition-all shadow-md shadow-indigo-100"
className="flex items-center gap-2 px-4 py-2 text-sm font-semibold text-white bg-indigo-600 rounded-lg hover:bg-indigo-700 transition-all shadow-md shadow-indigo-100 no-print"
>
<Printer size={18} />
Print Batch