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

Update src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle5.jsx

This commit is contained in:
karthikalakshmi 2026-03-03 09:53:19 +05:30
parent 533dbbab1b
commit 46ef51019b
1 changed files with 277 additions and 222 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

351
src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle5.jsx
View File

@ -440,8 +440,8 @@ const PrintStyle5 = ({
{table2Data?.OrderType === 'E' && estimateTitle && ( {table2Data?.OrderType === 'E' && estimateTitle && (
<div style={{ textTransform: 'uppercase' }}> <div style={{ textTransform: 'uppercase' }}>
Estimate{' '} Estimate{' '}
{SalesModePref?.SettingValue == 'Y' && {/* {SalesModePref?.SettingValue == 'Y' &&
`(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} */}
</div> </div>
)} )}
{table2Data?.OrderType === 'E' ? ( {table2Data?.OrderType === 'E' ? (
@ -455,8 +455,8 @@ const PrintStyle5 = ({
: PaymentStatusSuccess?.length === 1 : PaymentStatusSuccess?.length === 1
? PaymentStatusSuccess?.[0]?.PaymentTypeName ? PaymentStatusSuccess?.[0]?.PaymentTypeName
: ''}{' '} : ''}{' '}
{SalesModePref?.SettingValue == 'Y' && {/* {SalesModePref?.SettingValue == 'Y' &&
`(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} */}
</div> </div>
)} )}
@ -468,8 +468,8 @@ const PrintStyle5 = ({
style={{ textTransform: 'uppercase', textAlign: 'center' }} style={{ textTransform: 'uppercase', textAlign: 'center' }}
> >
Estimate{' '} Estimate{' '}
{SalesModePref?.SettingValue == 'Y' && {/* {SalesModePref?.SettingValue == 'Y' &&
`(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} */}
</div> </div>
)} )}
@ -482,7 +482,13 @@ const PrintStyle5 = ({
}} }}
> >
{' '} {' '}
<div> {GlobaldummyData ? formattedDate : Date1} </div>{' '} <div> {GlobaldummyData ? formattedDate : Date1}
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontSize: '14px', fontWeight: 600 }}>
{' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '}
</div>}
</div>{' '}
<div> <div>
{' '} {' '}
Bill No : Bill No :
@ -676,7 +682,7 @@ const PrintStyle5 = ({
) : ( ) : (
<> <>
<div>{item?.ProdName}</div> <div>{item?.ProdName}</div>
{ UomPrint?.SettingValue === 'Y' && {UomPrint?.SettingValue === 'Y' &&
<div> <div>
{item?.Size + {item?.Size +
item?.UomName + item?.UomName +
@ -700,86 +706,108 @@ const PrintStyle5 = ({
) )
) : ( ) : (
<> <>
<div>{item?.ProdName}</div> {(() => {
{PackageDetails?.filter( const identifiers = item?.ProductIdentifierDtls ?? [];
(pkg) => pkg.ProdId === item.ProdId
).length > 0 ? ( const packageList = (PackageDetails ?? []).filter(
<div> pkg => pkg.ProdId === item.ProdId
{PackageDetails?.filter( );
(pkg) => pkg.ProdId === item.ProdId
)?.map((item, index) => (
<span
key={index}
style={{ display: 'block' }}
>
{item.ParcelCount} PCS {item.ParcelQty}{' '}
PACK ({item.ParcelType})
</span>
))}
{(item?.ProductIdentifierDtls?.filter(
(items) =>
items.SerialNumber &&
items.SerialNumber !== ''
)?.map((a, index) => (
<div key={`serial-${index}`}>
{a.SerialNumber}
</div>
)) || '') +
(item?.ProductIdentifierDtls?.filter(
(item1) => item1.IMEI1 || item1.IMEI2
)?.map((item2, index) => {
const imei1 = item2.IMEI1 || '';
const imei2 = item2.IMEI2 || '';
return ( return (
<div key={`imei-${index}`}> <>
{[imei1, imei2] {/* 🏷 Product Name */}
.filter(Boolean) <div>{item?.ProdName}</div>
.join(',')}
{packageList.length > 0 ? (
// ================= PACKAGE EXISTS =================
<div>
{/* 📦 Package Details */}
{packageList.map((pkg, index) => (
<div key={index}>
{pkg.ParcelCount} PCS {pkg.ParcelQty} PACK ({pkg.ParcelType})
</div>
))}
{/* 🔢 Identifiers (Serial / IMEI / Description) */}
{identifiers.map((d, i) => {
const serial = d.SerialNumber;
const imei = [d.IMEI1, d.IMEI2].filter(Boolean).join(", ");
const description = d.Description;
if (!serial && !imei && !description) return null;
return (
<div key={i}>
{serial && <div>{serial}</div>}
{imei && <div>{imei}</div>}
{description && <div>{description}</div>}
</div> </div>
); );
}) || '') + })}
(GlobaldummyData
{/* 🔢 Quantity */}
<div>
{GlobaldummyData
? GlobalQuantity && item?.SalesQty ? GlobalQuantity && item?.SalesQty
: item?.SalesQty)} : item?.SalesQty}
</div>
</div> </div>
) : ( ) : (
// ================= NO PACKAGE =================
<div> <div>
{UomPrint?.SettingValue === 'Y' ?((item?.Size || '1') +
(item?.SinglePc === 'Y' {/* 📏 Size + UOM */}
? 'PCS' <div>
: item?.Type !== 'C' {UomPrint?.SettingValue === 'Y' && (
<>
{(item?.Size || "1")}{" "}
{item?.SinglePc === "Y"
? "PCS"
: item?.Type !== "C"
? item?.UomName ? item?.UomName
: 'COMBO')) :"" + : "COMBO"}
(item?.BrandName || '') + </>
(item?.ProductIdentifierDtls?.filter( )}
(items) =>
items.SerialNumber &&
items.SerialNumber !== ''
)?.map((a, index) => (
<div key={`serial-${index}`}>
{a.SerialNumber}
</div> </div>
)) || '') +
(item?.ProductIdentifierDtls?.filter( {/* 🏷 Brand */}
(item1) => item1.IMEI1 || item1.IMEI2 {item?.BrandName && (
)?.map((item2, index) => { <div>{item.BrandName}</div>
const imei1 = item2.IMEI1 || ''; )}
const imei2 = item2.IMEI2 || '';
{/* 🔢 Identifiers (Serial / IMEI / Description) */}
{identifiers.map((d, i) => {
const serial = d.SerialNumber;
const imei = [d.IMEI1, d.IMEI2].filter(Boolean).join(", ");
const description = d.Description;
if (!serial && !imei && !description) return null;
return ( return (
<div key={`imei-${index}`}> <div key={i}>
{[imei1, imei2] {serial && <div>{serial}</div>}
.filter(Boolean) {imei && <div>{imei}</div>}
.join(',')} {description && <div>{description}</div>}
</div> </div>
); );
}) || '') + })}
'-' +
(GlobaldummyData {/* 🔢 Quantity */}
<div>
-
{GlobaldummyData
? GlobalQuantity && item?.SalesQty ? GlobalQuantity && item?.SalesQty
: item?.SalesQty)} : item?.SalesQty}
</div>
</div> </div>
)} )}
</> </>
);
})()}
</>
)} )}
</div> </div>
)} )}
@ -1056,7 +1084,7 @@ const PrintStyle5 = ({
) : ( ) : (
<> <>
<div>{item?.ProdName}</div> <div>{item?.ProdName}</div>
{ UomPrint?.SettingValue === 'Y' && {UomPrint?.SettingValue === 'Y' &&
<div> <div>
{item?.Size + {item?.Size +
item?.UomName + item?.UomName +
@ -2737,8 +2765,8 @@ const PrintStyle5 = ({
{table2Data?.OrderType === 'E' && estimateTitle && ( {table2Data?.OrderType === 'E' && estimateTitle && (
<div style={{ textTransform: 'uppercase' }}> <div style={{ textTransform: 'uppercase' }}>
Estimate{' '} Estimate{' '}
{SalesModePref?.SettingValue == 'Y' && {/* {SalesModePref?.SettingValue == 'Y' &&
`(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} */}
</div> </div>
)} )}
{table2Data?.OrderType === 'E' ? ( {table2Data?.OrderType === 'E' ? (
@ -2754,8 +2782,8 @@ const PrintStyle5 = ({
: PaymentStatusSuccess?.length === 1 : PaymentStatusSuccess?.length === 1
? PaymentStatusSuccess?.[0]?.PaymentTypeName + ' Bill' ? PaymentStatusSuccess?.[0]?.PaymentTypeName + ' Bill'
: ''}{' '} : ''}{' '}
{SalesModePref?.SettingValue == 'Y' && {/* {SalesModePref?.SettingValue == 'Y' &&
`(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} */}
</div> </div>
)} )}
@ -2765,8 +2793,8 @@ const PrintStyle5 = ({
{!estimatePrintHeader && table2Data?.OrderType === 'E' && estimateTitle && ( {!estimatePrintHeader && table2Data?.OrderType === 'E' && estimateTitle && (
<div style={{ textTransform: 'uppercase', textAlign: 'center' }}> <div style={{ textTransform: 'uppercase', textAlign: 'center' }}>
Estimate{' '} Estimate{' '}
{SalesModePref?.SettingValue == 'Y' && {/* {SalesModePref?.SettingValue == 'Y' &&
`(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} */}
</div> </div>
)} )}
@ -2780,7 +2808,12 @@ const PrintStyle5 = ({
}} }}
> >
{' '} {' '}
<div> {GlobaldummyData ? formattedDate : Date1} </div>{' '} <div> {GlobaldummyData ? formattedDate : Date1}
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontSize: '14px', fontWeight: 600 }}>
{' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '}
</div>}
</div>{' '}
<div> <div>
{' '} {' '}
Bill No : Bill No :
@ -2972,7 +3005,7 @@ const PrintStyle5 = ({
? GlobalQuantity && item?.SalesQty ? GlobalQuantity && item?.SalesQty
: item?.SalesQty)} : item?.SalesQty)}
</div> </div>
)} )}
</> </>
)} )}
</div> </div>
@ -2988,88 +3021,110 @@ const PrintStyle5 = ({
) )
) : ( ) : (
<> <>
{/* 🏷 Product Name */}
<div>{item?.ProdName}</div> <div>{item?.ProdName}</div>
{PackageDetails?.filter(
(pkg) => pkg.ProdId === item.ProdId {(() => {
).length > 0 ? ( const packages =
(PackageDetails ?? []).filter(pkg => pkg.ProdId === item.ProdId);
const identifiers = item?.ProductIdentifierDtls ?? [];
return packages.length > 0 ? (
// ================= PACKAGE EXISTS =================
<div> <div>
{PackageDetails?.filter( {/* 📦 Package Details */}
(pkg) => pkg.ProdId === item.ProdId {packages.map((pkg, index) => (
)?.map((item, index) => ( <span key={index} style={{ display: "block" }}>
<span {pkg.ParcelCount} PCS {pkg.ParcelQty} PACK ({pkg.ParcelType})
key={index}
style={{ display: 'block' }}
>
{item.ParcelCount} PCS {item.ParcelQty}{' '}
PACK ({item.ParcelType})
</span> </span>
))} ))}
{(item?.BrandName || '') + {/* 🏷 Brand */}
(item?.ProductIdentifierDtls?.filter( {item?.BrandName && <div>{item.BrandName}</div>}
(items) =>
items.SerialNumber && {/* 🔢 Serial / IMEI / Description */}
items.SerialNumber !== '' {identifiers.map((d, i) => {
)?.map((a, index) => ( const values = [
<div key={`serial-${index}`}> d.SerialNumber,
{a.SerialNumber} d.IMEI1,
</div> d.IMEI2,
)) || '') + d.Description
(item?.ProductIdentifierDtls?.filter( ].filter(Boolean);
(item1) => item1.IMEI1 || item1.IMEI2
)?.map((item2, index) => { if (values.length === 0) return null;
const imei1 = item2.IMEI1 || '';
const imei2 = item2.IMEI2 || '';
return ( return (
<div key={`imei-${index}`}> <div key={i}>
{[imei1, imei2] {values.join(", ")}
.filter(Boolean)
.join(',')}
</div> </div>
); );
}) || '') + })}
'-' +
(GlobaldummyData {/* 🧪 Debug / Extra Text */}
<div>ssd3</div>
{/* 🔢 Quantity */}
<div>
-
{GlobaldummyData
? GlobalQuantity && item?.SalesQty ? GlobalQuantity && item?.SalesQty
: item?.SalesQty)} : item?.SalesQty}
</div>
</div> </div>
) : ( ) : (
// ================= NO PACKAGE =================
<div> <div>
{UomPrint?.SettingValue === 'Y' ?((item?.Size || '1') + {/* 📏 Size + UOM */}
(item?.SinglePc === 'Y' <div>
? 'PCS'
: item?.Type !== 'C' {UomPrint?.SettingValue === 'Y' && (
<>
{item?.Size || "1"}{" "}
{item?.SinglePc === "Y"
? "PCS"
: item?.Type !== "C"
? item?.UomName ? item?.UomName
: 'COMBO')):"" + : "COMBO"}
(item?.BrandName || '') + </>
(item?.ProductIdentifierDtls?.filter( )}
(items) =>
items.SerialNumber &&
items.SerialNumber !== ''
)?.map((a, index) => (
<div key={`serial-${index}`}>
{a.SerialNumber}
</div> </div>
)) || '') +
(item?.ProductIdentifierDtls?.filter(
(item1) => item1.IMEI1 || item1.IMEI2 {/* 🏷 Brand */}
)?.map((item2, index) => { {item?.BrandName && <div>{item.BrandName}</div>}
const imei1 = item2.IMEI1 || '';
const imei2 = item2.IMEI2 || ''; {/* 🔢 Serial / IMEI / Description */}
{identifiers.map((d, i) => {
const values = [
d.SerialNumber,
d.IMEI1,
d.IMEI2,
d.Description
].filter(Boolean);
if (values.length === 0) return null;
return ( return (
<div key={`imei-${index}`}> <div key={i}>
{[imei1, imei2] {values.join(", ")}
.filter(Boolean)
.join(',')}
</div> </div>
); );
}) || '') + })}
'-' +
(GlobaldummyData {/* 🧪 Debug / Extra Text */}
<div>ssd4</div>
{/* 🔢 Quantity */}
<div>
-
{GlobaldummyData
? GlobalQuantity && item?.SalesQty ? GlobalQuantity && item?.SalesQty
: item?.SalesQty)} : item?.SalesQty}
</div> </div>
)} </div>
);
})()}
</> </>
)} )}
</div> </div>
@ -3317,7 +3372,7 @@ const PrintStyle5 = ({
) : ( ) : (
<> <>
<div>{item?.ProdName}</div> <div>{item?.ProdName}</div>
{UomPrint?.SettingValue === 'Y'&& {UomPrint?.SettingValue === 'Y' &&
<div> <div>
{item?.Size + {item?.Size +
item?.UomName + item?.UomName +
@ -3326,7 +3381,7 @@ const PrintStyle5 = ({
? GlobalQuantity && item?.SalesQty ? GlobalQuantity && item?.SalesQty
: item?.SalesQty)} : item?.SalesQty)}
</div> </div>
} }
</> </>
)} )}
</div> </div>
@ -3344,12 +3399,12 @@ const PrintStyle5 = ({
<> <>
<div>{item?.ProdName}</div> <div>{item?.ProdName}</div>
<div> <div>
{UomPrint?.SettingValue === 'Y'? ((item?.Size ? item?.Size : '1') + {UomPrint?.SettingValue === 'Y' ? ((item?.Size ? item?.Size : '1') +
(item?.SinglePc == 'Y' (item?.SinglePc == 'Y'
? 'PCS' ? 'PCS'
: item?.Type != 'C' : item?.Type != 'C'
? item?.UomName ? item?.UomName
: 'COMBO') ):""+ : 'COMBO')) : "" +
'-' + '-' +
(GlobaldummyData (GlobaldummyData
? GlobalQuantity && item?.SalesQty ? GlobalQuantity && item?.SalesQty