karthikalakshmi
/
Android_Retail
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Invoice print footer style align

This commit is contained in:
Srinath 2026-02-04 12:18:14 +05:30
parent e8c88723c1
commit 7610531b8e
1 changed files with 122 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

253
src/Pages/BookingScreen/PrintTemplates/A4/TaxInvoice.jsx
View File

@ -119,12 +119,6 @@ const TaxInvoice = ({
const parts = dateStr.split(':'); const parts = dateStr.split(':');
return parts[0] || dateStr; return parts[0] || dateStr;
} }
console.log(
Date1,
moment(Date1).format('DD-MMM-YYYY'),
'datadatadatadatadatadata'
);
// Extract data from table2Data - mapping from A4Standard structure
const invoiceData = { const invoiceData = {
// Company Details - mapped from A4Standard // Company Details - mapped from A4Standard
companyName: table2Data?.CompName || table2Data?.BrName || '', companyName: table2Data?.CompName || table2Data?.BrName || '',
@ -193,20 +187,20 @@ const TaxInvoice = ({
const cgstTotal = const cgstTotal =
OrderDetailGST && OrderDetailGST.length > 0 OrderDetailGST && OrderDetailGST.length > 0
? Number( ? Number(
OrderDetailGST?.reduce((sum, item) => sum + (item.CGST || 0), 0) OrderDetailGST?.reduce((sum, item) => sum + (item.CGST || 0), 0)
)?.toFixed(2) )?.toFixed(2)
: 0; : 0;
const sgstTotal = const sgstTotal =
OrderDetailGST && OrderDetailGST.length > 0 OrderDetailGST && OrderDetailGST.length > 0
? Number( ? Number(
OrderDetailGST?.reduce((sum, item) => sum + (item.SGST || 0), 0) OrderDetailGST?.reduce((sum, item) => sum + (item.SGST || 0), 0)
)?.toFixed(2) )?.toFixed(2)
: 0; : 0;
const igstTotal = const igstTotal =
OrderDetailIGST && OrderDetailIGST.length > 0 OrderDetailIGST && OrderDetailIGST.length > 0
? Number( ? Number(
OrderDetailIGST?.reduce((sum, item) => sum + (item.TaxAmt || 0), 0) OrderDetailIGST?.reduce((sum, item) => sum + (item.TaxAmt || 0), 0)
)?.toFixed(2) )?.toFixed(2)
: 0; : 0;
// Calculate round off value // Calculate round off value
@ -251,7 +245,7 @@ const TaxInvoice = ({
? 7 ? 7
: PageSize == 'A5' : PageSize == 'A5'
? 9 ? 9
: 8 : 7
: isMobile : isMobile
? 10 ? 10
: PageSize == 'A5' : PageSize == 'A5'
@ -835,24 +829,24 @@ const TaxInvoice = ({
)} )}
{item?.ProductIdentifierDtls?.length > 0 {item?.ProductIdentifierDtls?.length > 0
? item?.ProductIdentifierDtls.filter( ? item?.ProductIdentifierDtls.filter(
(items) => (items) =>
items.SerialNumber && items.SerialNumber !== '' items.SerialNumber && items.SerialNumber !== ''
)?.map((a, i) => ( )?.map((a, i) => (
<div key={i}>{a.SerialNumber}</div> <div key={i}>{a.SerialNumber}</div>
)) ))
: ''} : ''}
{item?.ProductIdentifierDtls?.length > 0 {item?.ProductIdentifierDtls?.length > 0
? item?.ProductIdentifierDtls.filter( ? item?.ProductIdentifierDtls.filter(
(id) => id.IMEI1 !== '' || id.IMEI2 !== '' (id) => id.IMEI1 !== '' || id.IMEI2 !== ''
)?.map((id, i) => { )?.map((id, i) => {
const imei1 = id.IMEI1 || ''; const imei1 = id.IMEI1 || '';
const imei2 = id.IMEI2 || ''; const imei2 = id.IMEI2 || '';
return ( return (
<div key={i}> <div key={i}>
{[imei1, imei2].filter(Boolean).join(',')} {[imei1, imei2].filter(Boolean).join(',')}
</div> </div>
); );
}) })
: ''} : ''}
</div> </div>
<div <div
@ -1000,14 +994,14 @@ const TaxInvoice = ({
> >
{OrderDetailGST && OrderDetailGST.length > 0 {OrderDetailGST && OrderDetailGST.length > 0
? Number( ? Number(
OrderDetailGST?.reduce( OrderDetailGST?.reduce(
(sum, item) => sum + (item.CGST || 0), (sum, item) => sum + (item.CGST || 0),
0 0
) )
).toLocaleString('en-IN', { ).toLocaleString('en-IN', {
minimumFractionDigits: 2, minimumFractionDigits: 2,
maximumFractionDigits: 2, maximumFractionDigits: 2,
}) })
: '0.00'} : '0.00'}
</div> </div>
</div> </div>
@ -1052,14 +1046,14 @@ const TaxInvoice = ({
> >
{OrderDetailGST && OrderDetailGST.length > 0 {OrderDetailGST && OrderDetailGST.length > 0
? Number( ? Number(
OrderDetailGST?.reduce( OrderDetailGST?.reduce(
(sum, item) => sum + (item.SGST || 0), (sum, item) => sum + (item.SGST || 0),
0 0
) )
).toLocaleString('en-IN', { ).toLocaleString('en-IN', {
minimumFractionDigits: 2, minimumFractionDigits: 2,
maximumFractionDigits: 2, maximumFractionDigits: 2,
}) })
: '0.00'} : '0.00'}
</div> </div>
</div> </div>
@ -1108,14 +1102,14 @@ const TaxInvoice = ({
> >
{OrderDetailIGST && OrderDetailIGST.length > 0 {OrderDetailIGST && OrderDetailIGST.length > 0
? Number( ? Number(
OrderDetailIGST?.reduce( OrderDetailIGST?.reduce(
(sum, item) => sum + (item.TaxAmt || 0), (sum, item) => sum + (item.TaxAmt || 0),
0 0
) )
).toLocaleString('en-IN', { ).toLocaleString('en-IN', {
minimumFractionDigits: 2, minimumFractionDigits: 2,
maximumFractionDigits: 2, maximumFractionDigits: 2,
}) })
: '0.00'} : '0.00'}
</div> </div>
</div> </div>
@ -1368,7 +1362,7 @@ const TaxInvoice = ({
{/* Amount in Words */} {/* Amount in Words */}
<div <div
style={{ style={{
padding: '8px 10px', padding: '5px 10px',
borderBottom: '1px solid #000', borderBottom: '1px solid #000',
fontSize: '11px', fontSize: '11px',
display: 'flex', display: 'flex',
@ -1382,7 +1376,7 @@ const TaxInvoice = ({
flexDirection: 'column', flexDirection: 'column',
}} }}
> >
<div style={{ marginBottom: '3px' }}> <div style={{ marginBottom: '2px' }}>
Amount Chargeable (in words) Amount Chargeable (in words)
</div> </div>
<div style={{ fontWeight: '700', fontSize: '16px' }}> <div style={{ fontWeight: '700', fontSize: '16px' }}>
@ -1640,15 +1634,15 @@ const TaxInvoice = ({
> >
{OrderDetailGST && OrderDetailGST.length > 0 {OrderDetailGST && OrderDetailGST.length > 0
? Number( ? Number(
OrderDetailGST?.reduce( OrderDetailGST?.reduce(
(sum, item) => (sum, item) =>
sum + (item.WithOutTaxAmount || 0), sum + (item.WithOutTaxAmount || 0),
0 0
) )
).toLocaleString('en-IN', { ).toLocaleString('en-IN', {
minimumFractionDigits: 2, minimumFractionDigits: 2,
maximumFractionDigits: 2, maximumFractionDigits: 2,
}) })
: '0.00'} : '0.00'}
</div> </div>
<div <div
@ -1667,14 +1661,14 @@ const TaxInvoice = ({
> >
{OrderDetailGST && OrderDetailGST.length > 0 {OrderDetailGST && OrderDetailGST.length > 0
? Number( ? Number(
OrderDetailGST?.reduce( OrderDetailGST?.reduce(
(sum, item) => sum + (item.CGST || 0), (sum, item) => sum + (item.CGST || 0),
0 0
) )
).toLocaleString('en-IN', { ).toLocaleString('en-IN', {
minimumFractionDigits: 2, minimumFractionDigits: 2,
maximumFractionDigits: 2, maximumFractionDigits: 2,
}) })
: '0.00'} : '0.00'}
</div> </div>
<div <div
@ -1693,14 +1687,14 @@ const TaxInvoice = ({
> >
{OrderDetailGST && OrderDetailGST.length > 0 {OrderDetailGST && OrderDetailGST.length > 0
? Number( ? Number(
OrderDetailGST?.reduce( OrderDetailGST?.reduce(
(sum, item) => sum + (item.SGST || 0), (sum, item) => sum + (item.SGST || 0),
0 0
) )
).toLocaleString('en-IN', { ).toLocaleString('en-IN', {
minimumFractionDigits: 2, minimumFractionDigits: 2,
maximumFractionDigits: 2, maximumFractionDigits: 2,
}) })
: '0.00'} : '0.00'}
</div> </div>
<div <div
@ -1708,15 +1702,15 @@ const TaxInvoice = ({
> >
{OrderDetailGST && OrderDetailGST.length > 0 {OrderDetailGST && OrderDetailGST.length > 0
? Number( ? Number(
OrderDetailGST?.reduce( OrderDetailGST?.reduce(
(sum, item) => (sum, item) =>
sum + (item.CGST || 0) + (item.SGST || 0), sum + (item.CGST || 0) + (item.SGST || 0),
0 0
) )
).toLocaleString('en-IN', { ).toLocaleString('en-IN', {
minimumFractionDigits: 2, minimumFractionDigits: 2,
maximumFractionDigits: 2, maximumFractionDigits: 2,
}) })
: '0.00'} : '0.00'}
</div> </div>
</div> </div>
@ -1911,15 +1905,15 @@ const TaxInvoice = ({
> >
{OrderDetailIGST && OrderDetailIGST.length > 0 {OrderDetailIGST && OrderDetailIGST.length > 0
? Number( ? Number(
OrderDetailIGST?.reduce( OrderDetailIGST?.reduce(
(sum, item) => (sum, item) =>
sum + (item.WithOutTaxAmount || 0), sum + (item.WithOutTaxAmount || 0),
0 0
) )
).toLocaleString('en-IN', { ).toLocaleString('en-IN', {
minimumFractionDigits: 2, minimumFractionDigits: 2,
maximumFractionDigits: 2, maximumFractionDigits: 2,
}) })
: '0.00'} : '0.00'}
</div> </div>
@ -1939,14 +1933,14 @@ const TaxInvoice = ({
> >
{OrderDetailIGST && OrderDetailIGST.length > 0 {OrderDetailIGST && OrderDetailIGST.length > 0
? Number( ? Number(
OrderDetailIGST?.reduce( OrderDetailIGST?.reduce(
(sum, item) => sum + (item.TaxAmt || 0), (sum, item) => sum + (item.TaxAmt || 0),
0 0
) )
).toLocaleString('en-IN', { ).toLocaleString('en-IN', {
minimumFractionDigits: 2, minimumFractionDigits: 2,
maximumFractionDigits: 2, maximumFractionDigits: 2,
}) })
: '0.00'} : '0.00'}
</div> </div>
<div <div
@ -1954,14 +1948,14 @@ const TaxInvoice = ({
> >
{OrderDetailIGST && OrderDetailIGST.length > 0 {OrderDetailIGST && OrderDetailIGST.length > 0
? Number( ? Number(
OrderDetailIGST?.reduce( OrderDetailIGST?.reduce(
(sum, item) => sum + (item.TaxAmt || 0), (sum, item) => sum + (item.TaxAmt || 0),
0 0
) )
).toLocaleString('en-IN', { ).toLocaleString('en-IN', {
minimumFractionDigits: 2, minimumFractionDigits: 2,
maximumFractionDigits: 2, maximumFractionDigits: 2,
}) })
: '0.00'} : '0.00'}
</div> </div>
</div> </div>
@ -2236,18 +2230,18 @@ const TaxInvoice = ({
{numberToWords( {numberToWords(
Math.floor( Math.floor(
invoiceData.taxAmount || invoiceData.taxAmount ||
OrderDetailGST?.reduce( OrderDetailGST?.reduce(
(sum, item) => (sum, item) =>
sum + (item.CGST || 0) + (item.SGST || 0), sum + (item.CGST || 0) + (item.SGST || 0),
0
) ||
Number(
OrderDetailIGST?.reduce(
(sum, item) => sum + (item.TaxAmt || 0),
0
)
) ||
0 0
) ||
Number(
OrderDetailIGST?.reduce(
(sum, item) => sum + (item.TaxAmt || 0),
0
)
) ||
0
) )
)}{' '} )}{' '}
Only Only
@ -2257,9 +2251,7 @@ const TaxInvoice = ({
</> </>
)} )}
{/* Bank Details and Signature */} {/* Bank Details and Signature */}
<div <div style={{ display: 'flex', minHeight: '100px', width: '100%', marginTop: '-20px' }}>
style={{ display: 'flex', minHeight: '120px', width: '100%' }}
>
{/* Declaration */} {/* Declaration */}
<div <div
style={{ style={{
@ -2292,7 +2284,6 @@ const TaxInvoice = ({
</div> </div>
</div> </div>
</div> </div>
{/* Signature Section */} {/* Signature Section */}
<div <div
style={{ style={{
@ -2369,8 +2360,8 @@ const TaxInvoice = ({
style={{ style={{
borderTop: '1px solid #000', borderTop: '1px solid #000',
borderLeft: '1px solid #000', borderLeft: '1px solid #000',
width: isMobile ? '100%' : '92%', width: isMobile ? '100%' : '94%',
padding: '15px', padding: '10px',
}} }}
> >
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
@ -2398,7 +2389,7 @@ const TaxInvoice = ({
<div <div
style={{ style={{
width: '70px', width: '70px',
height: '30px', height: '20px',
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',