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

This commit is contained in:
karthikalakshmi 2026-03-03 09:51:12 +05:30
parent 3d2275a904
commit e5c2577237
1 changed files with 227 additions and 180 deletions

View File

@ -63,7 +63,7 @@ const Printstyle6 = ({
sportsAppPreference, sportsAppPreference,
MembershipApplied = null, MembershipApplied = null,
}) => { }) => {
console.log(table2Data, 'table2Data'); console.log(table2Data, 'table2Data22222222222222');
const dispatch = useDispatch(); const dispatch = useDispatch();
const GlobalUpiID = useSelector(GlobalUpiIDprint); const GlobalUpiID = useSelector(GlobalUpiIDprint);
const FieldDetails = useSelector(GloabalFieldDetails); const FieldDetails = useSelector(GloabalFieldDetails);
@ -105,7 +105,7 @@ const Printstyle6 = ({
const SettingData = useSelector(PreferenceData); const SettingData = useSelector(PreferenceData);
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor); const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
console.log(CashierNameField, "GlobaldummyData") console.log(CashierNameField, "GlobaldummyData")
const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter( const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter(
(i) => i.SettingIdName === 'PrintUom' (i) => i.SettingIdName === 'PrintUom'
)?.[0]; )?.[0];
const estimatePrintHeader = const estimatePrintHeader =
@ -458,8 +458,8 @@ const Printstyle6 = ({
}} }}
> >
Estimate{' '} Estimate{' '}
{SalesModePref?.SettingValue == 'Y' && {/* {SalesModePref?.SettingValue == 'Y' &&
`(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} */}
</div> </div>
)} )}
@ -480,8 +480,8 @@ const Printstyle6 = ({
: PaymentStatus?.length === 1 : PaymentStatus?.length === 1
? PaymentStatus?.[0]?.PaymentTypeName ? PaymentStatus?.[0]?.PaymentTypeName
: ''}{' '} : ''}{' '}
{SalesModePref?.SettingValue == 'Y' && {/* {SalesModePref?.SettingValue == 'Y' &&
`(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}{' '} `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}{' '} */}
</div> </div>
)} )}
</div> </div>
@ -496,8 +496,8 @@ const Printstyle6 = ({
}} }}
> >
Estimate{' '} Estimate{' '}
{SalesModePref?.SettingValue == 'Y' && {/* {SalesModePref?.SettingValue == 'Y' &&
`(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} */}
</div> </div>
)} )}
<div <div
@ -517,6 +517,10 @@ const Printstyle6 = ({
table2Data?.FYStatus table2Data?.FYStatus
)} )}
</div> </div>
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontSize: '14px', fontWeight: 600 }}>
{' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '}
</div>}
<div style={{ fontSize: '12px' }}>{Date1}</div> <div style={{ fontSize: '12px' }}>{Date1}</div>
<hr className="PrintStyle6-HrLine" /> <hr className="PrintStyle6-HrLine" />
@ -734,15 +738,15 @@ const Printstyle6 = ({
<> <>
<div> {item?.ProdName} </div> <div> {item?.ProdName} </div>
{UomPrint?.SettingValue === 'Y' && {UomPrint?.SettingValue === 'Y' &&
<div> <div>
{item?.Size + {item?.Size +
item?.UomName + item?.UomName +
'-' + '-' +
GlobaldummyData GlobaldummyData
? GlobalQuantity && item?.SalesQty ? GlobalQuantity && item?.SalesQty
: item?.SalesQty} : item?.SalesQty}
</div> </div>
} }
</> </>
)} )}
</td> </td>
@ -768,35 +772,63 @@ const Printstyle6 = ({
<> <>
{Item && ( {Item && (
<> <>
{item?.ProdName} {/* 🏷 Product Name */}
{PackageDetails?.filter( <div>{item?.ProdName}</div>
(pkg) =>
pkg.ProdId === item.ProdId {/* 📦 Package OR Size */}
).length > 0 ? ( {(() => {
PackageDetails?.filter( const packageList = (PackageDetails ?? []).filter(
(pkg) => pkg => pkg.ProdId === item.ProdId
pkg.ProdId === item.ProdId );
)?.map((pkg, index) => (
<div key={index}> if (packageList.length > 0) {
{pkg.ParcelCount} PCS{' '} return packageList.map((pkg, index) => (
{pkg.ParcelQty} PACK ( <div key={index}>
{pkg.ParcelType}) {pkg.ParcelCount} PCS {pkg.ParcelQty} PACK ({pkg.ParcelType})
</div> </div>
)) ));
) : ( }
UomPrint?.SettingValue === 'Y' &&
<span> return (
({item?.Size ? item?.Size : '1'} UomPrint?.SettingValue === 'Y' && (
{item?.SinglePc === 'Y' <div>
? 'PCS' ({item?.Size || "1"}) {item?.SinglePc === "Y" ? "PCS" : item?.Type !== "C" ? item?.UomName : "COMBO"}
: item?.Type !== 'C' </div>
? item?.UomName
: 'COMBO'}
) )
</span> );
)} })()}
{' - '}
{Quantity && item?.SalesQty} {/* 🔢 Serial Numbers */}
{(item?.ProductIdentifierDtls ?? [])
.filter(d => d.SerialNumber)
.map((d, i) => (
<div key={`serial-${i}`}>
{d.SerialNumber}
</div>
))}
{/* 📱 IMEI Numbers */}
{(item?.ProductIdentifierDtls ?? [])
.filter(d => d.IMEI1 || d.IMEI2)
.map((d, i) => (
<div key={`imei-${i}`}>
{[d.IMEI1, d.IMEI2].filter(Boolean).join(", ")}
</div>
))}
{/* 📝 Description (Always New Line) */}
{(item?.ProductIdentifierDtls ?? [])
.filter(d => d.SerialNumber || d.IMEI1 || d.IMEI2 || d.Description)
.map((d, i) => (
<div key={`description-${i}`}>
{d.Description}
</div>
))}
{/* 🔢 Quantity */}
<div>
- {Quantity && item?.SalesQty}
</div>
</> </>
)} )}
</> </>
@ -1103,15 +1135,15 @@ const Printstyle6 = ({
<> <>
<div> {item?.ProdName} </div> <div> {item?.ProdName} </div>
{UomPrint?.SettingValue === 'Y' && {UomPrint?.SettingValue === 'Y' &&
<div> <div>
{item?.Size + {item?.Size +
item?.UomName + item?.UomName +
'-' + '-' +
GlobaldummyData GlobaldummyData
? GlobalQuantity && item?.SalesQty ? GlobalQuantity && item?.SalesQty
: item?.SalesQty} : item?.SalesQty}
</div> </div>
} }
</> </>
)} )}
</td> </td>
@ -1119,55 +1151,52 @@ const Printstyle6 = ({
) : ( ) : (
<td <td
className="Re-print-body-Rate" className="Re-print-body-Rate"
style={{ textAlign: 'left' }} style={{ textAlign: "left" }}
> >
{(GlobaldummyData {/* 🏷 Product Name + Size */}
? GlobalItem && <div>
item?.ProdName + {GlobaldummyData
`(${item?.Size + item?.UomName})` ? GlobalItem && item?.ProdName
: Item && : Item && item?.ProdName
item?.ProdName + }
UomPrint?.SettingValue === 'Y' ? `(${item?.Size ? item?.Size : '1'}${item?.SinglePc == 'Y' ? 'PCS' : item?.Type != 'C' ? item?.UomName : 'COMBO'})` : '' ) + </div>
item?.BrandName !== {UomPrint?.SettingValue === 'Y' && (
null <div>
? item?.BrandName ({item?.Size || "1"}) {item?.SinglePc === "Y" ? "PCS" : item?.Type !== "C" ? item?.UomName : "COMBO"}
: '' + </div>
item?.ProductIdentifierDtls )}
?.length >
0 {/* 🏷 Brand */}
? item?.ProductIdentifierDtls?.filter( {item?.BrandName && <div>{item.BrandName}</div>}
(items) =>
!( {/* 🔢 Serial Numbers */}
items.SerialNumber == '' || {(item?.ProductIdentifierDtls ?? [])
items.SerialNumber == null .filter(d => d.SerialNumber)
) .map((d, i) => (
)?.map((a) => { <div key={`serial-${i}`}>{d.SerialNumber}</div>
return <div>{a.SerialNumber}</div>; ))}
})
: '' + {/* 📱 IMEI Numbers */}
item?.ProductIdentifierDtls {(item?.ProductIdentifierDtls ?? [])
?.length > .filter(d => d.IMEI1 || d.IMEI2)
0 .map((d, i) => (
? item?.ProductIdentifierDtls.filter( <div key={`imei-${i}`}>
(item1) => {[d.IMEI1, d.IMEI2].filter(Boolean).join(", ")}
item1.IMEI1 !== '' || </div>
item1.IMEI2 !== '' ))}
)?.map((item2) => { {(item?.ProductIdentifierDtls ?? [])
const imei1 = item2.IMEI1 || ''; .filter(d => d.IMEI1 || d.IMEI2 || d.SerialNumber)
const imei2 = item2.IMEI2 || ''; .map((d, i) => (
return ( <div key={`description-${i}`}>{d.Description}</div>
<div> ))}
{[imei1, imei2]
.filter(Boolean) {/* 🔢 Quantity */}
.join(',')} <div>
</div> -
); {GlobaldummyData
}) ? GlobalQuantity && item?.SalesQty
: '' + : Quantity && item?.SalesQty}
'-' + </div>
(GlobaldummyData
? GlobalQuantity && item?.SalesQty
: Quantity && item?.SalesQty)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3319,8 +3348,8 @@ const Printstyle6 = ({
}} }}
> >
Estimate{' '} Estimate{' '}
{SalesModePref?.SettingValue == 'Y' && {/* {SalesModePref?.SettingValue == 'Y' &&
`(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} */}
</div> </div>
)} )}
@ -3343,8 +3372,8 @@ const Printstyle6 = ({
: 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>
)} )}
</div> </div>
@ -3360,8 +3389,8 @@ const Printstyle6 = ({
}} }}
> >
Estimate{' '} Estimate{' '}
{SalesModePref?.SettingValue == 'Y' && {/* {SalesModePref?.SettingValue == 'Y' &&
`(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`} */}
</div> </div>
)} )}
<div <div
@ -3381,6 +3410,10 @@ const Printstyle6 = ({
table2Data?.FYStatus table2Data?.FYStatus
)} )}
</div> </div>
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontSize: '10px', fontWeight: 600 }}>
{' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '}
</div>}
<div style={{ fontSize: '12px' }}>{Date1}</div> <div style={{ fontSize: '12px' }}>{Date1}</div>
<hr className="PrintStyle6-HrLine" /> <hr className="PrintStyle6-HrLine" />
@ -3522,16 +3555,16 @@ const Printstyle6 = ({
) : ( ) : (
<> <>
<div> {item?.ProdName} </div> <div> {item?.ProdName} </div>
{UomPrint?.SettingValue === 'Y' && {UomPrint?.SettingValue === 'Y' &&
<div> <div>
{item?.Size + {item?.Size +
item?.UomName + item?.UomName +
'-' + '-' +
GlobaldummyData GlobaldummyData
? GlobalQuantity && item?.SalesQty ? GlobalQuantity && item?.SalesQty
: item?.SalesQty} : item?.SalesQty}
</div> </div>
} }
</> </>
)} )}
</td> </td>
@ -3569,16 +3602,11 @@ const Printstyle6 = ({
</div> </div>
)) ))
) : ( ) : (
UomPrint?.SettingValue === 'Y' && UomPrint?.SettingValue === 'Y' && (
<span> <span>
({item?.Size ? item?.Size : '1'} ({item?.Size || '1'}) {item?.SinglePc === 'Y' ? 'PCS' : item?.Type !== 'C' ? item?.UomName : 'COMBO'}
{item?.SinglePc === 'Y' </span>
? 'PCS' )
: item?.Type !== 'C'
? item?.UomName
: 'COMBO'}
)
</span>
)} )}
{' - '} {' - '}
{Quantity && item?.SalesQty} {Quantity && item?.SalesQty}
@ -3819,15 +3847,15 @@ const Printstyle6 = ({
<> <>
<div> {item?.ProdName} </div> <div> {item?.ProdName} </div>
{UomPrint?.SettingValue === 'Y' && {UomPrint?.SettingValue === 'Y' &&
<div> <div>
{item?.Size + {item?.Size +
item?.UomName + item?.UomName +
'-' + '-' +
GlobaldummyData GlobaldummyData
? GlobalQuantity && item?.SalesQty ? GlobalQuantity && item?.SalesQty
: item?.SalesQty} : item?.SalesQty}
</div> </div>
} }
</> </>
)} )}
</td> </td>
@ -3835,50 +3863,69 @@ const Printstyle6 = ({
) : ( ) : (
<td <td
className="Re-print-body-Rate" className="Re-print-body-Rate"
style={{ textAlign: 'left' }} style={{ textAlign: "left" }}
> >
{(GlobaldummyData {(() => {
? GlobalItem && const identifiers = item?.ProductIdentifierDtls ?? [];
item?.ProdName +
`(${item?.Size + item?.UomName})` const sizeText = GlobaldummyData
: Item && ? GlobalItem && item?.ProdName
item?.ProdName + : Item && item?.ProdName;
UomPrint?.SettingValue === 'Y' ? `(${item?.Size ? item?.Size : '1'}${item?.SinglePc == 'Y' ? 'PCS' : item?.Type != 'C' ? item?.UomName : 'COMBO'})` : '' ) +
item?.BrandName !== return (
null <>
? item?.BrandName {/* 🏷 Product Name */}
: '' + item?.ProductIdentifierDtls?.length > 0 <div>{sizeText}</div>
? item?.ProductIdentifierDtls?.filter(
(items) => {/* 📦 Size + UOM */}
!( {UomPrint?.SettingValue === 'Y' && (
items.SerialNumber == '' || <div>
items.SerialNumber == null ({item?.Size || "1"}) {item?.SinglePc === "Y" ? "PCS" : item?.Type !== "C" ? item?.UomName : "COMBO"}
) </div>
)?.map((a) => { )}
return <div>{a.SerialNumber}</div>;
}) {/* 🏷 Brand */}
: '' + item?.ProductIdentifierDtls?.length > {item?.BrandName && <div>{item.BrandName}</div>}
0
? item?.ProductIdentifierDtls.filter( {/* 🔢 Serial Numbers */}
(item1) => {identifiers
item1.IMEI1 !== '' || .filter(d => d.SerialNumber)
item1.IMEI2 !== '' .map((d, i) => (
)?.map((item2) => { <div key={`serial-${i}`}>
const imei1 = item2.IMEI1 || ''; {d.SerialNumber}
const imei2 = item2.IMEI2 || '';
return (
<div>
{[imei1, imei2]
.filter(Boolean)
.join(',')}
</div> </div>
); ))}
})
: '' + {/* 📱 IMEI Numbers */}
'-' + {identifiers
(GlobaldummyData .filter(d => d.IMEI1 || d.IMEI2)
? GlobalQuantity && item?.SalesQty .map((d, i) => (
: Quantity && item?.SalesQty)} <div key={`imei-${i}`}>
{[d.IMEI1, d.IMEI2].filter(Boolean).join(", ")}
</div>
))}
{/* 📝 Description (only if Serial or IMEI exists) */}
{identifiers
.filter(d => d.SerialNumber || d.IMEI1 || d.IMEI2 || d.Description)
.map((d, i) =>
d.Description ? (
<div key={`description-${i}`}>
{d.Description}
</div>
) : null
)}
{/* 🔢 Quantity */}
<div>
-
{GlobaldummyData
? GlobalQuantity && item?.SalesQty
: Quantity && item?.SalesQty}
</div>
</>
);
})()}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData