gitea_admin/krishnasales_mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pdf downloading and printing fixed

Browse Source
This commit is contained in:
suryacp23 2026-07-17 13:44:36 +05:30
parent 654a569002
commit 53c3369f61
1 changed files with 61 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/screens/DailySalesReportPage.tsx
View File

@ -6,6 +6,7 @@ import {
SALES_REPORT_DISTRIBUTORS,
SALES_REPORT_SO_NAMES
} from '../api/config';
import { Download, Printer } from 'lucide-react';
import jsPDF from 'jspdf';
import autoTable from 'jspdf-autotable';
@ -19,7 +20,7 @@ export function DailySalesReportPage() {
const [error, setError] = useState<string | null>(null);
const [reportData, setReportData] = useState<any>(null);
const printTable = () => {
const generatePDF = (shouldPrint = false) => {
const doc = new jsPDF();
// Headers
@ -55,7 +56,12 @@ export function DailySalesReportPage() {
headStyles: { fillColor: [243, 244, 246], fontStyle: 'bold', halign: 'center' },
});
if (shouldPrint) {
doc.autoPrint();
window.open(doc.output('bloburl'), '_blank');
} else {
doc.save(`Daily_Sales_Report_${date || 'Draft'}.pdf`);
}
};
async function submit(e: FormEvent) {
@ -209,8 +215,13 @@ export function DailySalesReportPage() {
)}
</div>
</div>
<div className="p-4 pt-2 flex justify-center print:hidden">
<Button type="button" onClick={printTable} full>Print / Save PDF</Button>
<div className="p-4 pt-4 pb-6 flex flex-col gap-4 print:hidden">
<Button type="button" onClick={() => generatePDF(false)} variant="secondary" iconLeft={<Download size={18} />} full>
Download PDF
</Button>
<Button type="button" onClick={() => generatePDF(true)} iconLeft={<Printer size={18} />} full>
Print PDF
</Button>
</div>
</Card>
)}