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

printstylechanges

This commit is contained in:
Tamilselvan 2026-03-05 16:45:06 +05:30
parent b1a4f3ec16
commit 52bcdcff12
17 changed files with 3719 additions and 3612 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@ -22,3 +22,6 @@ dist-ssr
*.njsproj *.njsproj
*.sln *.sln
*.sw? *.sw?
src/routesConfig.jsx
vite.config.js

128
src/Pages/BookingScreen/PrintTemplates/A4/A4Standard.jsx
View File

@ -27,17 +27,17 @@ import {
GlobalprintCashierName, GlobalprintCashierName,
GlobalprintLogo, GlobalprintLogo,
GlobalprintTax, GlobalprintTax,
GlobalSelectedPrintHeaderColor, GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor, GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor, GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor, GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyFontColor, GlobalSelectedTableBodyFontColor,
GlobalSelectedTableBodyColor, GlobalSelectedTableBodyColor,
GlobalRowType, GlobalRowType,
GlobalSelectedFooterColor, GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor, GlobalSelectedFooterFontColor,
GlobalSelectedNetAmountColor, GlobalSelectedNetAmountColor,
GlobalSelectedNetAmountFontColor, GlobalSelectedNetAmountFontColor,
} from '../../../../Features/ThemeChange/ThemeChange'; } from '../../../../Features/ThemeChange/ThemeChange';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle1.scss'; import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle1.scss';
import QRCode from 'react-qr-code'; import QRCode from 'react-qr-code';
@ -105,6 +105,12 @@ const InvoiceTemplate = ({
const GlobalBilltext = useSelector(GlobalBillName); const GlobalBilltext = useSelector(GlobalBillName);
const GlobalLogo = useSelector(GlobalprintLogo); const GlobalLogo = useSelector(GlobalprintLogo);
const SettingData = useSelector(PreferenceData); const SettingData = useSelector(PreferenceData);
const Retailshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'retailshortname'
);
const Wholesaleshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'wholesaleshortname'
);
const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter( const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter(
(i) => i.SettingIdName === 'PrintUom' (i) => i.SettingIdName === 'PrintUom'
)?.[0]; )?.[0];
@ -120,7 +126,7 @@ const InvoiceTemplate = ({
)?.SettingValue === 'Y'; )?.SettingValue === 'Y';
const keysLength = Object.keys(table2Data ?? {}).length; const keysLength = Object.keys(table2Data ?? {}).length;
console.log(GlobalDiscount, Discount, 'Discount'); console.log(GlobalDiscount, Discount, 'Discount');
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor); const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor); const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor); const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor); const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor);
@ -516,7 +522,7 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
}, },
]; ];
const headerStyle = { const headerStyle = {
backgroundColor: GlobaldummyData backgroundColor: GlobaldummyData
? SelectedHeaderColor ? SelectedHeaderColor
: headerColor?.background, : headerColor?.background,
@ -952,7 +958,7 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
'' ''
) : ( ) : (
<div className="header-section" style={{...headerStyle}}> <div className="header-section" style={{ ...headerStyle }}>
<div> <div>
<div <div
style={{ display: 'flex', alignItems: 'center' }} style={{ display: 'flex', alignItems: 'center' }}
@ -1018,9 +1024,10 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
table2Data?.FYStatus table2Data?.FYStatus
)} )}
</div> </div>
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontSize: '13px', margin: '0rem 0rem', fontWeight: '600' }}> {SalesModePref?.SettingValue == 'Y' && <div style={{ fontWeight: '600' }}>
{' '} {' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '} Name : {table2Data?.SalesMode == "R" ? Retailshortname?.Comments : Wholesaleshortname?.Comments}{' '}
</div>} </div>}
</div> </div>
)} )}
@ -1160,7 +1167,7 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
}} }}
> >
<thead> <thead>
<tr className="table-header" style={{...tableHeaderStyle}}> <tr className="table-header" style={{ ...tableHeaderStyle }}>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th className="table-header-cell">S.No</th> <th className="table-header-cell">S.No</th>
@ -1309,17 +1316,17 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
{((GlobaldummyData ? products : dataChunk) || []).map( {((GlobaldummyData ? products : dataChunk) || []).map(
(item, idx) => ( (item, idx) => (
<tr key={idx} className="table-row" <tr key={idx} className="table-row"
style={ style={
idx % 2 !== 1 && rowtypeStyle === "even" idx % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: idx % 2 === 1 && rowtypeStyle === "odd" : idx % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td <td
@ -1508,9 +1515,9 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
fontFamily: 'sans-serif', fontFamily: 'sans-serif',
}} }}
> >
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1548,10 +1555,9 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
fontFamily: 'sans-serif', fontFamily: 'sans-serif',
}} }}
> >
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -1988,7 +1994,7 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
</div> </div>
{/* Footer */} {/* Footer */}
<div className="footer-grid" style={{...footerColorStyle}}> <div className="footer-grid" style={{ ...footerColorStyle }}>
<div className="footer-left"> <div className="footer-left">
{BankDetails?.length > 0 && ( {BankDetails?.length > 0 && (
<> <>
@ -2251,7 +2257,7 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
alignItems: 'flex-end', alignItems: 'flex-end',
justifyContent: 'space-around', justifyContent: 'space-around',
width: '100%', width: '100%',
padding: '0 10px', padding: '0 10px',
padding: '0 10px', padding: '0 10px',
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
fontSize: '10px', fontSize: '10px',
@ -2551,7 +2557,7 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
</div> </div>
{/* Footer */} {/* Footer */}
<div className="footer-grid" style={{...footerColorStyle}}> <div className="footer-grid" style={{ ...footerColorStyle }}>
<div className="footer-left"> <div className="footer-left">
{BankDetails?.length > 0 && ( {BankDetails?.length > 0 && (
<> <>
@ -2773,7 +2779,7 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
'' ''
) : ( ) : (
<div className="header-section" style={{...headerStyle}}> <div className="header-section" style={{ ...headerStyle }}>
<div> <div>
<div style={{ display: 'flex', alignItems: 'center' }}> <div style={{ display: 'flex', alignItems: 'center' }}>
{GlobalLogo && GlobaldummyData && ( {GlobalLogo && GlobaldummyData && (
@ -2936,7 +2942,7 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
style={{ borderTop: '1px solid black' }} style={{ borderTop: '1px solid black' }}
> >
<thead> <thead>
<tr className="table-header" style={{...tableHeaderStyle}}> <tr className="table-header" style={{ ...tableHeaderStyle }}>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th className="table-header-cell">S.No</th> <th className="table-header-cell">S.No</th>
@ -3046,18 +3052,18 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
<tbody> <tbody>
{((GlobaldummyData ? products : productsData) || []).map( {((GlobaldummyData ? products : productsData) || []).map(
(item, idx) => ( (item, idx) => (
<tr key={idx} className="table-row" <tr key={idx} className="table-row"
style={ style={
idx % 2 !== 1 && rowtypeStyle === "even" idx % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: idx % 2 === 1 && rowtypeStyle === "odd" : idx % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td <td
@ -3139,7 +3145,7 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
); );
})()} })()}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3224,9 +3230,9 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
className="table-header-cell" className="table-header-cell"
style={{ textAlign: 'right' }} style={{ textAlign: 'right' }}
> >
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3261,9 +3267,9 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
className="table-header-cell" className="table-header-cell"
style={{ textAlign: 'right' }} style={{ textAlign: 'right' }}
> >
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>
@ -3279,7 +3285,7 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
alignItems: 'flex-start', alignItems: 'flex-start',
justifyContent: 'space-around', justifyContent: 'space-around',
width: '100%', width: '100%',
padding: '0 10px', padding: '0 10px',
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
fontSize: '10px', fontSize: '10px',
flexWrap: 'wrap', flexWrap: 'wrap',
@ -3539,7 +3545,7 @@ const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
</div> </div>
{/* Footer */} {/* Footer */}
<div className="footer-grid" style={{...footerColorStyle}}> <div className="footer-grid" style={{ ...footerColorStyle }}>
<div className="footer-left"> <div className="footer-left">
{(BankDetails?.length > 0 || GlobaldummyData) && ( {(BankDetails?.length > 0 || GlobaldummyData) && (
<> <>

1353
src/Pages/BookingScreen/PrintTemplates/A4/PrintA4Style11.jsx
View File

File diff suppressed because it is too large Load Diff

643
src/Pages/BookingScreen/PrintTemplates/A4/PrintStyleA5.jsx
View File

@ -130,6 +130,12 @@ const PrintA5Style11 = ({
const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor; const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor;
const footerColor = printColors?.find(obj => obj.footerColor)?.footerColor; const footerColor = printColors?.find(obj => obj.footerColor)?.footerColor;
const netAmtColor = printColors?.find(obj => obj.netAmtColor)?.netAmtColor; const netAmtColor = printColors?.find(obj => obj.netAmtColor)?.netAmtColor;
const Retailshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'retailshortname'
);
const Wholesaleshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'wholesaleshortname'
);
const estimatePrintHeader = const estimatePrintHeader =
SettingData?.[0]?.SettingDtlDetails?.find( SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => (setting) =>
@ -529,9 +535,10 @@ const PrintA5Style11 = ({
> >
{' '} {' '}
<div>{Date1}</div>{' '} <div>{Date1}</div>{' '}
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontSize: '13px', margin: '0rem 0.5rem', fontWeight: 600 }}> {SalesModePref?.SettingValue == 'Y' && <div style={{ fontWeight: '600' }}>
{' '} {' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '} Name : {table2Data?.SalesMode == "R" ? Retailshortname?.Comments : Wholesaleshortname?.Comments}{' '}
</div>} </div>}
</div> </div>
</div> </div>
@ -764,7 +771,7 @@ const PrintA5Style11 = ({
<tbody> <tbody>
{dataChunk?.map((item, index) => ( {dataChunk?.map((item, index) => (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
@ -905,9 +912,9 @@ const PrintA5Style11 = ({
) )
: Discount == true && ( : Discount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -927,11 +934,9 @@ const PrintA5Style11 = ({
) )
: Amount == true && ( : Amount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
item?.OfferAmt || 0 : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
: item?.TotalAmt -
item?.OfferValue || 0}
</td> </td>
)} )}
</tr> </tr>
@ -1765,7 +1770,7 @@ const PrintA5Style11 = ({
<tbody> <tbody>
{dataChunk?.map((item, index) => ( {dataChunk?.map((item, index) => (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
@ -1882,9 +1887,9 @@ const PrintA5Style11 = ({
) )
: Discount == true && ( : Discount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1904,11 +1909,9 @@ const PrintA5Style11 = ({
) )
: Amount == true && ( : Amount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
item?.OfferAmt || 0 : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
: item?.TotalAmt -
item?.OfferValue || 0}
</td> </td>
)} )}
</tr> </tr>
@ -2929,179 +2932,179 @@ const PrintA5Style11 = ({
>{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div> >{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>
)} )}
<div style={{...footerColorStyle}}> <div style={{ ...footerColorStyle }}>
{GlobaldummyData {GlobaldummyData
? GlobalIsnotes && ( ? GlobalIsnotes && (
<div> <div>
<p style={{ padding: '0rem 1rem' }}> <p style={{ padding: '0rem 1rem' }}>
Notes : 10 days Return policy Notes : 10 days Return policy
</p>
<hr className="PrintA4Style11-print-dottline" />
</div>
)
: Notestext && (
<div>
<p
style={{
padding: '0rem 1rem',
textAlign: 'center',
}}
>
{Notestext}
</p>
<hr className="PrintA4Style11-print-dottline" />
</div>
)}
<div
style={{
display: 'flex',
width: '90%',
padding: '0 1rem',
justifyContent: GlobaltermsAndConditions
? 'space-between'
: 'flex-end',
alignItems: 'center',
}}
>
{GlobaldummyData
? GlobaltermsAndConditions && (
<div
style={{
margin: '8px 0',
padding: '8px',
fontFamily: 'sans-serif',
width: '100%',
}}
>
<p
style={{
fontSize: '13px',
fontWeight: 'bold',
marginBottom: '6px',
}}
>
Terms & Conditions
</p> </p>
<ol
style={{ <hr className="PrintA4Style11-print-dottline" />
fontSize: '12px',
paddingLeft: '18px',
margin: 0,
lineHeight: '1',
}}
>
<li>
Once goods are sold, they are not exchangeable
or refundable.
</li>
<li>
Please check the product before leaving the
counter.
</li>
</ol>
</div> </div>
) )
: TermsnAdCondition == true && : Notestext && (
TermsAndConditions?.length > 0 && ( <div>
<div
style={{
margin: '8px 0',
fontFamily: 'sans-serif',
width: '100%',
display: 'flex',
flexDirection: 'column',
alignItems: 'flex-start',
}}
>
<p <p
style={{ style={{
fontSize: '13px', padding: '0rem 1rem',
fontWeight: 'bold', textAlign: 'center',
marginBottom: '6px',
}} }}
> >
Terms & Conditions {Notestext}
</p> </p>
<ol
<hr className="PrintA4Style11-print-dottline" />
</div>
)}
<div
style={{
display: 'flex',
width: '90%',
padding: '0 1rem',
justifyContent: GlobaltermsAndConditions
? 'space-between'
: 'flex-end',
alignItems: 'center',
}}
>
{GlobaldummyData
? GlobaltermsAndConditions && (
<div
style={{ style={{
fontSize: '12px', margin: '8px 0',
paddingLeft: '18px', padding: '8px',
margin: 0, fontFamily: 'sans-serif',
lineHeight: '1', width: '100%',
}} }}
> >
{TermsAndConditions?.map((item) => ( <p
<li style={{ textAlign: 'start' }}> style={{
{item?.TermsandConditions} fontSize: '13px',
fontWeight: 'bold',
marginBottom: '6px',
}}
>
Terms & Conditions
</p>
<ol
style={{
fontSize: '12px',
paddingLeft: '18px',
margin: 0,
lineHeight: '1',
}}
>
<li>
Once goods are sold, they are not exchangeable
or refundable.
</li> </li>
))} <li>
{/* <li>Please check the product before leaving the counter.</li> */} Please check the product before leaving the
</ol> counter.
</div> </li>
)} </ol>
</div>
)
: TermsnAdCondition == true &&
TermsAndConditions?.length > 0 && (
<div
style={{
margin: '8px 0',
fontFamily: 'sans-serif',
width: '100%',
display: 'flex',
flexDirection: 'column',
alignItems: 'flex-start',
}}
>
<p
style={{
fontSize: '13px',
fontWeight: 'bold',
marginBottom: '6px',
}}
>
Terms & Conditions
</p>
<ol
style={{
fontSize: '12px',
paddingLeft: '18px',
margin: 0,
lineHeight: '1',
}}
>
{TermsAndConditions?.map((item) => (
<li style={{ textAlign: 'start' }}>
{item?.TermsandConditions}
</li>
))}
{/* <li>Please check the product before leaving the counter.</li> */}
</ol>
</div>
)}
{GlobaldummyData {GlobaldummyData
? GlobalSignature && ( ? GlobalSignature && (
<div <div
style={{
display: 'flex',
flexDirection: 'column',
alignItems: 'flex-end',
paddingBottom: '1rem',
}}
>
<p
style={{ style={{
fontSize: '13px', display: 'flex',
fontWeight: 'bold', flexDirection: 'column',
marginBottom: '6px', alignItems: 'flex-end',
paddingBottom: '1rem',
}} }}
> >
Signature <p
</p> style={{
<img fontSize: '13px',
style={{ width: '70px', height: '40px' }} fontWeight: 'bold',
src={ marginBottom: '6px',
GlobalSignatureImages }}
? GlobalSignatureImages >
: signature Signature
} </p>
alt="" <img
/> style={{ width: '70px', height: '40px' }}
</div> src={
) GlobalSignatureImages
: Signature == true && ( ? GlobalSignatureImages
<div : signature
style={{ }
display: 'flex', alt=""
flexDirection: 'column', />
alignItems: 'center', </div>
marginTop: '1rem', )
paddingBottom: '1rem', : Signature == true && (
}} <div
>
<p
style={{ style={{
fontSize: '13px', display: 'flex',
fontWeight: 'bold', flexDirection: 'column',
marginBottom: '6px', alignItems: 'center',
marginTop: '1rem',
paddingBottom: '1rem',
}} }}
> >
Signature <p
</p> style={{
<img fontSize: '13px',
style={{ width: '100px', height: '60px' }} fontWeight: 'bold',
src={SignatureImg} marginBottom: '6px',
alt="" }}
/> >
</div> Signature
)} </p>
<img
style={{ width: '100px', height: '60px' }}
src={SignatureImg}
alt=""
/>
</div>
)}
</div>
</div> </div>
</div> </div>
</div>
)} )}
</div> </div>
))} ))}
@ -3515,173 +3518,173 @@ const PrintA5Style11 = ({
>{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div> >{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>
)} )}
<div style={{...footerColorStyle}}> <div style={{ ...footerColorStyle }}>
{GlobaldummyData {GlobaldummyData
? GlobalIsnotes && ( ? GlobalIsnotes && (
<div> <div>
<p style={{ padding: '0rem 1rem' }}> <p style={{ padding: '0rem 1rem' }}>
Notes : 10 days Return policy Notes : 10 days Return policy
</p>
<hr className="PrintA4Style11-print-dottline" />
</div>
)
: Notestext && (
<div>
<p style={{ padding: '0rem 1rem', textAlign: 'center' }}>
{Notestext}
</p>
<hr className="PrintA4Style11-print-dottline" />
</div>
)}
<div
style={{
display: 'flex',
width: '90%',
padding: '0 1rem',
justifyContent: GlobaltermsAndConditions
? 'space-between'
: 'flex-end',
alignItems: 'center',
}}
>
{GlobaldummyData
? GlobaltermsAndConditions && (
<div
style={{
margin: '8px 0',
padding: '8px',
fontFamily: 'sans-serif',
width: '100%',
}}
>
<p
style={{
fontSize: '13px',
fontWeight: 'bold',
marginBottom: '6px',
}}
>
Terms & Conditions
</p> </p>
<ol
style={{ <hr className="PrintA4Style11-print-dottline" />
fontSize: '12px',
paddingLeft: '18px',
margin: 0,
lineHeight: '1',
}}
>
<li>
Once goods are sold, they are not exchangeable or
refundable.
</li>
<li>
Please check the product before leaving the counter.
</li>
</ol>
</div> </div>
) )
: TermsnAdCondition == true && : Notestext && (
TermsAndConditions?.length > 0 && ( <div>
<div <p style={{ padding: '0rem 1rem', textAlign: 'center' }}>
style={{ {Notestext}
margin: '8px 0',
fontFamily: 'sans-serif',
width: '100%',
display: 'flex',
flexDirection: 'column',
alignItems: 'flex-start',
}}
>
<p
style={{
fontSize: '13px',
fontWeight: 'bold',
marginBottom: '6px',
}}
>
Terms & Conditions
</p> </p>
<ol
<hr className="PrintA4Style11-print-dottline" />
</div>
)}
<div
style={{
display: 'flex',
width: '90%',
padding: '0 1rem',
justifyContent: GlobaltermsAndConditions
? 'space-between'
: 'flex-end',
alignItems: 'center',
}}
>
{GlobaldummyData
? GlobaltermsAndConditions && (
<div
style={{ style={{
fontSize: '12px', margin: '8px 0',
paddingLeft: '18px', padding: '8px',
margin: 0, fontFamily: 'sans-serif',
lineHeight: '1', width: '100%',
}} }}
> >
{TermsAndConditions?.map((item) => ( <p
<li style={{ textAlign: 'start' }}> style={{
{item?.TermsandConditions} fontSize: '13px',
fontWeight: 'bold',
marginBottom: '6px',
}}
>
Terms & Conditions
</p>
<ol
style={{
fontSize: '12px',
paddingLeft: '18px',
margin: 0,
lineHeight: '1',
}}
>
<li>
Once goods are sold, they are not exchangeable or
refundable.
</li> </li>
))} <li>
{/* <li>Please check the product before leaving the counter.</li> */} Please check the product before leaving the counter.
</ol> </li>
</div> </ol>
)} </div>
)
: TermsnAdCondition == true &&
TermsAndConditions?.length > 0 && (
<div
style={{
margin: '8px 0',
fontFamily: 'sans-serif',
width: '100%',
display: 'flex',
flexDirection: 'column',
alignItems: 'flex-start',
}}
>
<p
style={{
fontSize: '13px',
fontWeight: 'bold',
marginBottom: '6px',
}}
>
Terms & Conditions
</p>
<ol
style={{
fontSize: '12px',
paddingLeft: '18px',
margin: 0,
lineHeight: '1',
}}
>
{TermsAndConditions?.map((item) => (
<li style={{ textAlign: 'start' }}>
{item?.TermsandConditions}
</li>
))}
{/* <li>Please check the product before leaving the counter.</li> */}
</ol>
</div>
)}
{GlobaldummyData {GlobaldummyData
? GlobalSignature && ( ? GlobalSignature && (
<div <div
style={{
display: 'flex',
flexDirection: 'column',
alignItems: 'flex-end',
paddingBottom: '1rem',
}}
>
<p
style={{ style={{
fontSize: '13px', display: 'flex',
fontWeight: 'bold', flexDirection: 'column',
marginBottom: '6px', alignItems: 'flex-end',
paddingBottom: '1rem',
}} }}
> >
Signature <p
</p> style={{
<img fontSize: '13px',
style={{ width: '70px', height: '40px' }} fontWeight: 'bold',
src={ marginBottom: '6px',
GlobalSignatureImages }}
? GlobalSignatureImages >
: signature Signature
} </p>
alt="" <img
/> style={{ width: '70px', height: '40px' }}
</div> src={
) GlobalSignatureImages
: Signature == true && ( ? GlobalSignatureImages
<div : signature
style={{ }
display: 'flex', alt=""
flexDirection: 'column', />
alignItems: 'center', </div>
marginTop: '1rem', )
paddingBottom: '1rem', : Signature == true && (
}} <div
>
<p
style={{ style={{
fontSize: '13px', display: 'flex',
fontWeight: 'bold', flexDirection: 'column',
marginBottom: '6px', alignItems: 'center',
marginTop: '1rem',
paddingBottom: '1rem',
}} }}
> >
Signature <p
</p> style={{
<img fontSize: '13px',
style={{ width: '100px', height: '60px' }} fontWeight: 'bold',
src={SignatureImg} marginBottom: '6px',
alt="" }}
/> >
</div> Signature
)} </p>
<img
style={{ width: '100px', height: '60px' }}
src={SignatureImg}
alt=""
/>
</div>
)}
</div>
</div> </div>
</div> </div>
</div>
</div> </div>
)} )}
</div> </div>

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

@ -47,6 +47,12 @@ const TaxInvoice = ({
setting?.SettingIdName?.toLowerCase() === 'estimatetitle' setting?.SettingIdName?.toLowerCase() === 'estimatetitle'
)?.SettingValue === 'Y'; )?.SettingValue === 'Y';
let BillName = printDatas?.PrintHdrName; let BillName = printDatas?.PrintHdrName;
const Retailshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'retailshortname'
);
const Wholesaleshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'wholesaleshortname'
);
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor); const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor); const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor); const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
@ -496,7 +502,7 @@ const TaxInvoice = ({
style={{ style={{
fontWeight: '700', fontWeight: '700',
fontSize: '15px', fontSize: '15px',
color: headerColor?.font color: headerColor?.font
}} }}
> >
{invoiceData.companyName} {invoiceData.companyName}

102
src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle1.jsx
View File

@ -128,6 +128,13 @@ const PrintStyle1 = ({
const GlobalBilltext = useSelector(GlobalBillName); const GlobalBilltext = useSelector(GlobalBillName);
const appPreferences = useSelector(ApplicationPreferences); const appPreferences = useSelector(ApplicationPreferences);
const SettingData = useSelector(PreferenceData); const SettingData = useSelector(PreferenceData);
const Retailshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'retailshortname'
);
const Wholesaleshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'wholesaleshortname'
);
const bookingTypePreference = appPreferences?.find( const bookingTypePreference = appPreferences?.find(
(preference) => preference?.PreferredCatName === 'Booking Type' (preference) => preference?.PreferredCatName === 'Booking Type'
)?.PreferenceCatDetails; )?.PreferenceCatDetails;
@ -494,15 +501,17 @@ const PrintStyle1 = ({
width: '100%', width: '100%',
}} }}
> >
<div style={{ display: 'flex', justifyContent: 'center', ...(GlobaldummyData <div style={{
? { display: 'flex', justifyContent: 'center', ...(GlobaldummyData
color: SelectedHeaderFontColor, ? {
backgroundColor: SelectedHeaderColor, color: SelectedHeaderFontColor,
} backgroundColor: SelectedHeaderColor,
: { }
color: headerColor?.font, : {
backgroundColor: headerColor?.background, color: headerColor?.font,
}), }}> backgroundColor: headerColor?.background,
}),
}}>
{GlobaldummyData ? ( {GlobaldummyData ? (
GlobalLogo && ( GlobalLogo && (
<img <img
@ -526,13 +535,13 @@ const PrintStyle1 = ({
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
'' ''
) : ( ) : (
<div className="PrintStyle1-print" <div className="PrintStyle1-print"
style={{ style={{
fontSize: 'clamp(2rem, 2.5vw, 2rem)', fontSize: 'clamp(2rem, 2.5vw, 2rem)',
fontWeight: '600', fontWeight: '600',
color: GlobaldummyData ? SelectedHeaderFontColor : headerColor?.font, color: GlobaldummyData ? SelectedHeaderFontColor : headerColor?.font,
backgroundColor: GlobaldummyData ? SelectedHeaderColor : headerColor?.background, backgroundColor: GlobaldummyData ? SelectedHeaderColor : headerColor?.background,
}}> }}>
<div> <div>
{' '} {' '}
{GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName} {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}
@ -679,9 +688,10 @@ const PrintStyle1 = ({
{' '} {' '}
Date : {GlobaldummyData ? formattedDate : Date1}{' '} Date : {GlobaldummyData ? formattedDate : Date1}{' '}
</div> </div>
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontWeight: '600' }}> {SalesModePref?.SettingValue == 'Y' && <div style={{ fontWeight: '600' }}>
{' '} {' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '} Name : {table2Data?.SalesMode == "R" ? Retailshortname?.Comments : Wholesaleshortname?.Comments}{' '}
</div>} </div>}
@ -977,9 +987,9 @@ const PrintStyle1 = ({
? GlobalDiscount && <td>{item.discount}</td> ? GlobalDiscount && <td>{item.discount}</td>
: Discount == true && ( : Discount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1002,10 +1012,9 @@ const PrintStyle1 = ({
) )
: Amount == true && ( : Amount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== "C"
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt ?? item?.DiscountAmt ?? 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue ?? item?.DiscountAmt ?? 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -1216,9 +1225,9 @@ const PrintStyle1 = ({
: Discount == true && ( : Discount == true && (
<td> <td>
{' '} {' '}
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1241,10 +1250,9 @@ const PrintStyle1 = ({
) )
: Amount == true && ( : Amount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== "C"
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt ?? item?.DiscountAmt ?? 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue ?? item?.DiscountAmt ?? 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -4241,9 +4249,9 @@ const PrintStyle1 = ({
? GlobalDiscount && <td>{item.discount}</td> ? GlobalDiscount && <td>{item.discount}</td>
: Discount == true && ( : Discount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -4266,9 +4274,10 @@ const PrintStyle1 = ({
) )
: Amount == true && ( : Amount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C'
? item?.TotalAmt - item?.OfferAmt || 0 {item?.Type !== "C"
: item?.TotalAmt - item?.OfferValue || 0} ? item?.TotalAmt - (item?.OfferAmt ?? item?.DiscountAmt ?? 0)
: item?.TotalAmt - (item?.OfferValue ?? item?.DiscountAmt ?? 0)}
</td> </td>
)} )}
</tr> </tr>
@ -4459,9 +4468,10 @@ const PrintStyle1 = ({
: Discount == true && ( : Discount == true && (
<td> <td>
{' '} {' '}
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -4478,15 +4488,15 @@ const PrintStyle1 = ({
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: "right" }}>
{item?.TotalAmt} {item?.TotalAmt}
</td> </td>
) )
: Amount == true && ( : Amount === true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: "right" }}>
{item?.Type != 'C' {item?.Type !== "C"
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt ?? item?.DiscountAmt ?? 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue ?? item?.DiscountAmt ?? 0)}
</td> </td>
)} )}
</tr> </tr>

61
src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle10.jsx
View File

@ -111,6 +111,12 @@ const PrintStyle10 = ({
const GlobalLogo = useSelector(GlobalprintLogo); const GlobalLogo = useSelector(GlobalprintLogo);
const GlobalCredit = useSelector(GlobalprintCredit); const GlobalCredit = useSelector(GlobalprintCredit);
const SettingData = useSelector(PreferenceData); const SettingData = useSelector(PreferenceData);
const Retailshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'retailshortname'
);
const Wholesaleshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'wholesaleshortname'
);
const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter( const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter(
(i) => i.SettingIdName === 'PrintUom' (i) => i.SettingIdName === 'PrintUom'
)?.[0]; )?.[0];
@ -577,9 +583,10 @@ const PrintStyle10 = ({
{' '} {' '}
{GlobaldummyData ? formattedDate : Date1}{' '} {GlobaldummyData ? formattedDate : Date1}{' '}
</div> </div>
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontSize: '13px', fontWeight: 600, textAlign: 'right' }}> {SalesModePref?.SettingValue == 'Y' && <div style={{ fontWeight: '600' }}>
{' '} {' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '} Name : {table2Data?.SalesMode == "R" ? Retailshortname?.Comments : Wholesaleshortname?.Comments}{' '}
</div>} </div>}
<hr class="straightline" /> <hr class="straightline" />
</div> </div>
@ -883,9 +890,9 @@ const PrintStyle10 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -919,10 +926,9 @@ const PrintStyle10 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -1180,9 +1186,9 @@ const PrintStyle10 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1216,10 +1222,9 @@ const PrintStyle10 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -3496,9 +3501,9 @@ const PrintStyle10 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3532,9 +3537,9 @@ const PrintStyle10 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>
@ -3753,9 +3758,9 @@ const PrintStyle10 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3789,9 +3794,9 @@ const PrintStyle10 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>

123
src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle11.jsx
View File

@ -131,6 +131,12 @@ const PrintStyle11 = ({
const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor; const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor;
const footerColor = printColors?.find(obj => obj.footerColor)?.footerColor; const footerColor = printColors?.find(obj => obj.footerColor)?.footerColor;
const netAmtColor = printColors?.find(obj => obj.netAmtColor)?.netAmtColor; const netAmtColor = printColors?.find(obj => obj.netAmtColor)?.netAmtColor;
const Retailshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'retailshortname'
);
const Wholesaleshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'wholesaleshortname'
);
const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter( const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter(
(i) => i.SettingIdName === 'PrintUom' (i) => i.SettingIdName === 'PrintUom'
)?.[0]; )?.[0];
@ -868,9 +874,9 @@ const PrintStyle11 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -904,10 +910,9 @@ const PrintStyle11 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -937,25 +942,25 @@ const PrintStyle11 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{...tableHeaderStyle, width: '10px' }}>S.N</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>S.N</th>
) )
: SLNO && <th style={{...tableHeaderStyle, width: '10px' }}>S.N</th>} : SLNO && <th style={{ ...tableHeaderStyle, width: '10px' }}>S.N</th>}
{GlobaldummyData {GlobaldummyData
? GlobalItem && ( ? GlobalItem && (
<th style={{...tableHeaderStyle, width: '10px' }}>Item</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Item</th>
) )
: Item && <th style={{...tableHeaderStyle, width: '10px' }}>Item</th>} : Item && <th style={{ ...tableHeaderStyle, width: '10px' }}>Item</th>}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Qty Qty
</th> </th>
) )
: Quantity && ( : Quantity && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
{' '} {' '}
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
@ -964,14 +969,14 @@ const PrintStyle11 = ({
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
HSN HSN
</th> </th>
) )
: HsnCode && ( : HsnCode && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
HSN HSN
</th> </th>
@ -979,14 +984,14 @@ const PrintStyle11 = ({
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
MRP MRP
</th> </th>
) )
: MRP && ( : MRP && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
MRP MRP
</th> </th>
@ -994,14 +999,14 @@ const PrintStyle11 = ({
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Dis{' '} Dis{' '}
</th> </th>
) )
: Discount && ( : Discount && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Dis{' '} Dis{' '}
</th> </th>
@ -1009,7 +1014,7 @@ const PrintStyle11 = ({
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Tax %{' '} Tax %{' '}
</th> </th>
@ -1017,7 +1022,7 @@ const PrintStyle11 = ({
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Tax %{' '} Tax %{' '}
</th> </th>
@ -1025,14 +1030,14 @@ const PrintStyle11 = ({
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Rate Rate
</th> </th>
) )
: Rate && ( : Rate && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Rate Rate
</th> </th>
@ -1040,14 +1045,14 @@ const PrintStyle11 = ({
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Amt Amt
</th> </th>
) )
: Amount && ( : Amount && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Amt Amt
</th> </th>
@ -1058,17 +1063,17 @@ const PrintStyle11 = ({
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && ( : SLNO && (
@ -1140,9 +1145,9 @@ const PrintStyle11 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1176,10 +1181,9 @@ const PrintStyle11 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -1283,7 +1287,7 @@ const PrintStyle11 = ({
textAlign: 'right', textAlign: 'right',
fontWeight: '600', fontWeight: '600',
fontSize: '18px', fontSize: '18px',
...netAmountStyle ...netAmountStyle
}} }}
> >
Amount : Amount :
@ -2255,7 +2259,7 @@ const PrintStyle11 = ({
textAlign: 'right', textAlign: 'right',
fontWeight: '600', fontWeight: '600',
fontSize: '18px', fontSize: '18px',
...netAmountStyle ...netAmountStyle
}} }}
> >
Amount : Amount :
@ -3211,9 +3215,10 @@ const PrintStyle11 = ({
table2Data?.FYStatus table2Data?.FYStatus
)} )}
</div> </div>
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontSize: '13px', margin: '0rem 0.5rem', fontWeight: 600 }}> {SalesModePref?.SettingValue == 'Y' && <div style={{ fontWeight: '600' }}>
{' '} {' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '} Name : {table2Data?.SalesMode == "R" ? Retailshortname?.Comments : Wholesaleshortname?.Comments}{' '}
</div>} </div>}
</div> </div>
)} )}
@ -3505,9 +3510,9 @@ const PrintStyle11 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3541,9 +3546,9 @@ const PrintStyle11 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>
@ -3744,9 +3749,9 @@ const PrintStyle11 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3780,9 +3785,9 @@ const PrintStyle11 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>

346
src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle12.jsx
View File

@ -31,16 +31,16 @@ import {
GlobalprintCredit, GlobalprintCredit,
GlobalprintTax, GlobalprintTax,
GlobalSelectedPrintHeaderColor, GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor, GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor, GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor, GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyFontColor, GlobalSelectedTableBodyFontColor,
GlobalSelectedTableBodyColor, GlobalSelectedTableBodyColor,
GlobalRowType, GlobalRowType,
GlobalSelectedFooterColor, GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor, GlobalSelectedFooterFontColor,
GlobalSelectedNetAmountColor, GlobalSelectedNetAmountColor,
GlobalSelectedNetAmountFontColor, GlobalSelectedNetAmountFontColor,
} from '../../../../Features/ThemeChange/ThemeChange'; } from '../../../../Features/ThemeChange/ThemeChange';
import { import {
GlobalUpiIDprint, GlobalUpiIDprint,
@ -114,25 +114,31 @@ const Printstyle12 = ({
const GlobalCredit = useSelector(GlobalprintCredit); const GlobalCredit = useSelector(GlobalprintCredit);
const SettingData = useSelector(PreferenceData); const SettingData = useSelector(PreferenceData);
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor); const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor); const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor); const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor); const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor); const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor); const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor);
const SelectedRowType = useSelector(GlobalRowType); const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor); const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor); const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor);
const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor); const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor);
const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor); const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor);
let printColors = printDatas?.PrintColors; let printColors = printDatas?.PrintColors;
const headerColor = printColors?.find(obj => obj.headerColor)?.headerColor; const headerColor = printColors?.find(obj => obj.headerColor)?.headerColor;
const tableHeaderColor = printColors?.find(obj => obj.tableHeaderColor)?.tableHeaderColor; const tableHeaderColor = printColors?.find(obj => obj.tableHeaderColor)?.tableHeaderColor;
const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor; const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor;
const footerColor = printColors?.find(obj => obj.footerColor)?.footerColor; const footerColor = printColors?.find(obj => obj.footerColor)?.footerColor;
const netAmtColor = printColors?.find(obj => obj.netAmtColor)?.netAmtColor; const netAmtColor = printColors?.find(obj => obj.netAmtColor)?.netAmtColor;
const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter( const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter(
(i) => i.SettingIdName === 'PrintUom' (i) => i.SettingIdName === 'PrintUom'
)?.[0]; )?.[0];
const Retailshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'retailshortname'
);
const Wholesaleshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'wholesaleshortname'
);
const estimatePrintHeader = const estimatePrintHeader =
SettingData?.[0]?.SettingDtlDetails?.find( SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => (setting) =>
@ -504,7 +510,7 @@ const Printstyle12 = ({
await printDiv('PrintStyle12', style12, 'FontApply'); await printDiv('PrintStyle12', style12, 'FontApply');
}; };
const headerStyle = { const headerStyle = {
backgroundColor: GlobaldummyData backgroundColor: GlobaldummyData
? SelectedHeaderColor ? SelectedHeaderColor
: headerColor?.background, : headerColor?.background,
@ -810,67 +816,67 @@ const Printstyle12 = ({
<thead> <thead>
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <th style={{...tableHeaderStyle}}>S.No</th> ? GlobalSlNo && <th style={{ ...tableHeaderStyle }}>S.No</th>
: SLNO && <th style={{...tableHeaderStyle}}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle }}>S.No</th>}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle}}>Description</th> ? GlobalItem && <th style={{ ...tableHeaderStyle }}>Description</th>
: Item && <th style={{...tableHeaderStyle}}>Des</th>} : Item && <th style={{ ...tableHeaderStyle }}>Des</th>}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Qty</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Qty</th>
) )
: Quantity && ( : Quantity && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>
{' '} {' '}
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>MRP</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>MRP</th>
) )
: MRP && ( : MRP && (
<th style={{ ...tableHeaderStyle,textAlign: 'right' }}>MRP</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>MRP</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Rate</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Rate</th>
) )
: Rate && ( : Rate && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Rate</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Rate</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>HSN</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>HSN</th>
) )
: HsnCode && ( : HsnCode && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>HSN</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>HSN</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>(%)</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>(%)</th>
) )
: Discount && ( : Discount && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>(%)</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>(%)</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>
Tax (%) Tax (%)
</th> </th>
) )
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>
Tax (%) Tax (%)
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th style={{ ...tableHeaderStyle,textAlign: 'right' }}>Amt</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Amt</th>
) )
: Amount && ( : Amount && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Amt</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Amt</th>
)} )}
</tr> </tr>
</thead> </thead>
@ -878,17 +884,17 @@ const Printstyle12 = ({
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && ( : SLNO && (
@ -1049,9 +1055,9 @@ const Printstyle12 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1074,10 +1080,9 @@ const Printstyle12 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -1107,67 +1112,67 @@ const Printstyle12 = ({
<thead> <thead>
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <th style={{...tableHeaderStyle,}}>S.No</th> ? GlobalSlNo && <th style={{ ...tableHeaderStyle, }}>S.No</th>
: SLNO && <th style={{...tableHeaderStyle,}}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle, }}>S.No</th>}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle,}}>Description</th> ? GlobalItem && <th style={{ ...tableHeaderStyle, }}>Description</th>
: Item && <th style={{...tableHeaderStyle,}}>Des</th>} : Item && <th style={{ ...tableHeaderStyle, }}>Des</th>}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Qty</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Qty</th>
) )
: Quantity && ( : Quantity && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>
{' '} {' '}
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th style={{ ...tableHeaderStyle,textAlign: 'right' }}>MRP</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>MRP</th>
) )
: MRP && ( : MRP && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>MRP</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>MRP</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Rate</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Rate</th>
) )
: Rate && ( : Rate && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Rate</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Rate</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>HSN</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>HSN</th>
) )
: HsnCode && ( : HsnCode && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>HSN</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>HSN</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>(%)</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>(%)</th>
) )
: Discount && ( : Discount && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>(%)</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>(%)</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>
Tax (%) Tax (%)
</th> </th>
) )
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>
Tax (%) Tax (%)
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Amt</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Amt</th>
) )
: Amount && ( : Amount && (
<th style={{ ...tableHeaderStyle,textAlign: 'right' }}>Amt</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Amt</th>
)} )}
</tr> </tr>
</thead> </thead>
@ -1175,17 +1180,17 @@ const Printstyle12 = ({
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && ( : SLNO && (
@ -1269,9 +1274,9 @@ const Printstyle12 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1294,10 +1299,9 @@ const Printstyle12 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -3290,7 +3294,7 @@ const Printstyle12 = ({
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
'' ''
) : ( ) : (
<div className="PrintStyle12-firstDiv" style={{...headerStyle}}> <div className="PrintStyle12-firstDiv" style={{ ...headerStyle }}>
{/* <h3>{table2Data?.BrName}</h3> */} {/* <h3>{table2Data?.BrName}</h3> */}
<div style={{ display: 'flex', flexDirection: 'column' }}> <div style={{ display: 'flex', flexDirection: 'column' }}>
<hr <hr
@ -3466,58 +3470,58 @@ const Printstyle12 = ({
<thead> <thead>
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <th style={{...tableHeaderStyle}}>S.No</th> ? GlobalSlNo && <th style={{ ...tableHeaderStyle }}>S.No</th>
: SLNO && <th style={{...tableHeaderStyle}}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle }}>S.No</th>}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle}}>Description</th> ? GlobalItem && <th style={{ ...tableHeaderStyle }}>Description</th>
: Item && <th style={{...tableHeaderStyle}}>Des</th>} : Item && <th style={{ ...tableHeaderStyle }}>Des</th>}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Qty</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Qty</th>
) )
: Quantity && ( : Quantity && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>
{' '} {' '}
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th style={{ ...tableHeaderStyle,textAlign: 'right' }}>MRP</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>MRP</th>
) )
: MRP && <th style={{ ...tableHeaderStyle,textAlign: 'right' }}>MRP</th>} : MRP && <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>MRP</th>}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Rate</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Rate</th>
) )
: Rate && <th style={{...tableHeaderStyle, textAlign: 'right' }}>Rate</th>} : Rate && <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Rate</th>}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>HSN</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>HSN</th>
) )
: HsnCode && ( : HsnCode && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>HSN</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>HSN</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>(%)</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>(%)</th>
) )
: Discount && ( : Discount && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>(%)</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>(%)</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th style={{ ...tableHeaderStyle,textAlign: 'right' }}>Tax (%)</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Tax (%)</th>
) )
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Tax (%)</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Tax (%)</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Amt</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Amt</th>
) )
: Amount && <th style={{...tableHeaderStyle, textAlign: 'right' }}>Amt</th>} : Amount && <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Amt</th>}
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -3525,17 +3529,17 @@ const Printstyle12 = ({
(item, index) => { (item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && <td>{index + 1}</td>} : SLNO && <td>{index + 1}</td>}
@ -3716,9 +3720,9 @@ const Printstyle12 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3741,9 +3745,9 @@ const Printstyle12 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>
@ -3774,44 +3778,44 @@ const Printstyle12 = ({
<thead> <thead>
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <th style={{...tableHeaderStyle}}>S.No</th> ? GlobalSlNo && <th style={{ ...tableHeaderStyle }}>S.No</th>
: SLNO && <th style={{...tableHeaderStyle}}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle }}>S.No</th>}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle}}>Description</th> ? GlobalItem && <th style={{ ...tableHeaderStyle }}>Description</th>
: Item && <th style={{...tableHeaderStyle}}>Des</th>} : Item && <th style={{ ...tableHeaderStyle }}>Des</th>}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Qty</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Qty</th>
) )
: Quantity && ( : Quantity && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>
{' '} {' '}
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>MRP</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>MRP</th>
) )
: MRP && <th style={{...tableHeaderStyle, textAlign: 'right' }}>MRP</th>} : MRP && <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>MRP</th>}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Rate</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Rate</th>
) )
: Rate && <th style={{...tableHeaderStyle, textAlign: 'right' }}>Rate</th>} : Rate && <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Rate</th>}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>HSN</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>HSN</th>
) )
: HsnCode && ( : HsnCode && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>HSN</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>HSN</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>(%)</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>(%)</th>
) )
: Discount && ( : Discount && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>(%)</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>(%)</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
@ -3819,13 +3823,13 @@ const Printstyle12 = ({
) )
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Tax (%)</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Tax (%)</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Amt</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Amt</th>
) )
: Amount && <th style={{...tableHeaderStyle, textAlign: 'right' }}>Amt</th>} : Amount && <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Amt</th>}
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -3833,17 +3837,17 @@ const Printstyle12 = ({
(item, index) => { (item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && <td>{index + 1}</td>} : SLNO && <td>{index + 1}</td>}
@ -3923,9 +3927,9 @@ const Printstyle12 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3948,9 +3952,9 @@ const Printstyle12 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>
@ -4094,7 +4098,7 @@ const Printstyle12 = ({
)} )}
</> </>
)} )}
<div style={{ display: 'flex', justifyContent: 'space-between',...netAmountStyle }}> <div style={{ display: 'flex', justifyContent: 'space-between', ...netAmountStyle }}>
<div style={{ width: '45%', fontWeight: '600' }}>Amount</div> <div style={{ width: '45%', fontWeight: '600' }}>Amount</div>
<div> : </div> <div> : </div>
<div <div

389
src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle2.jsx
View File

@ -105,16 +105,16 @@ const Printstyle2 = ({
(ps) => ps.PaymentTypeName === 'UPI' (ps) => ps.PaymentTypeName === 'UPI'
); );
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor); const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor); const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor); const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor); const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor); const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor); const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor);
const SelectedRowType = useSelector(GlobalRowType); const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor); const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor); const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor);
const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor); const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor);
const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor); const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor);
const GlobalSignature = useSelector(GlobalprintSignature); const GlobalSignature = useSelector(GlobalprintSignature);
const GlobaltermsAndConditions = useSelector(GlobalprinttermsAndConditions); const GlobaltermsAndConditions = useSelector(GlobalprinttermsAndConditions);
const GlobalSignatureImages = useSelector(GlobalSignatureImage); const GlobalSignatureImages = useSelector(GlobalSignatureImage);
@ -126,9 +126,15 @@ const Printstyle2 = ({
const GlobalLogo = useSelector(GlobalprintLogo); const GlobalLogo = useSelector(GlobalprintLogo);
const GlobalCredit = useSelector(GlobalprintCredit); const GlobalCredit = useSelector(GlobalprintCredit);
const SettingData = useSelector(PreferenceData); const SettingData = useSelector(PreferenceData);
const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter( const Retailshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'retailshortname'
);
const Wholesaleshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'wholesaleshortname'
);
const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter(
(i) => i.SettingIdName === 'PrintUom' (i) => i.SettingIdName === 'PrintUom'
)?.[0]; )?.[0];
const estimatePrintHeader = const estimatePrintHeader =
SettingData?.[0]?.SettingDtlDetails?.find( SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => (setting) =>
@ -364,50 +370,50 @@ const Printstyle2 = ({
: 0; : 0;
const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 13); const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 13);
const headerStyle ={ const headerStyle = {
backgroundColor: GlobaldummyData backgroundColor: GlobaldummyData
? SelectedHeaderColor ? SelectedHeaderColor
: headerColor?.background, : headerColor?.background,
color: GlobaldummyData color: GlobaldummyData
? SelectedHeaderFontColor ? SelectedHeaderFontColor
: headerColor?.font, : headerColor?.font,
} }
const tableHeaderStyle ={ const tableHeaderStyle = {
backgroundColor: GlobaldummyData backgroundColor: GlobaldummyData
? SelectedTableHeaderColor ? SelectedTableHeaderColor
: tableHeaderColor?.background, : tableHeaderColor?.background,
color: GlobaldummyData color: GlobaldummyData
? SelectedTableHeaderFontColor ? SelectedTableHeaderFontColor
: tableHeaderColor?.font, : tableHeaderColor?.font,
} }
const tableBodyStyle ={ const tableBodyStyle = {
backgroundColor: GlobaldummyData backgroundColor: GlobaldummyData
? SelectedTableBodyColor ? SelectedTableBodyColor
: tableBodyColor?.background, : tableBodyColor?.background,
color: GlobaldummyData color: GlobaldummyData
? SelectedTableBodyFontColor ? SelectedTableBodyFontColor
: tableBodyColor?.font, : tableBodyColor?.font,
} }
const rowtypeStyle = GlobaldummyData? SelectedRowType: tableBodyColor?.rowType; const rowtypeStyle = GlobaldummyData ? SelectedRowType : tableBodyColor?.rowType;
const footerColorStyle ={ const footerColorStyle = {
backgroundColor: GlobaldummyData backgroundColor: GlobaldummyData
? SelectedTableFooterColor ? SelectedTableFooterColor
: footerColor?.background, : footerColor?.background,
color: GlobaldummyData color: GlobaldummyData
? SelectedTableFooterFontColor ? SelectedTableFooterFontColor
: footerColor?.font, : footerColor?.font,
} }
const netAmountStyle ={ const netAmountStyle = {
backgroundColor: GlobaldummyData backgroundColor: GlobaldummyData
? SelectedNetAmountColor ? SelectedNetAmountColor
: netAmtColor?.background, : netAmtColor?.background,
color: GlobaldummyData color: GlobaldummyData
? SelectedNetAmountFontColor ? SelectedNetAmountFontColor
: netAmtColor?.font, : netAmtColor?.font,
} }
return ( return (
<> <>
@ -461,7 +467,7 @@ const Printstyle2 = ({
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
'' ''
) : ( ) : (
<div className="PrintStyle2-fistDiv" style={{...headerStyle }}> <div className="PrintStyle2-fistDiv" style={{ ...headerStyle }}>
<div style={{ display: 'flex', flexDirection: 'row' }}> <div style={{ display: 'flex', flexDirection: 'row' }}>
{GlobaldummyData ? ( {GlobaldummyData ? (
GlobalLogo && ( GlobalLogo && (
@ -584,7 +590,7 @@ const Printstyle2 = ({
{GlobaldummyData ? formattedDate : Date1} {GlobaldummyData ? formattedDate : Date1}
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontWeight: '600' }}> {SalesModePref?.SettingValue == 'Y' && <div style={{ fontWeight: '600' }}>
{' '} {' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '} Name : {table2Data?.SalesMode == "R" ? Retailshortname?.Comments : Wholesaleshortname?.Comments}{' '}
</div>} </div>}
</div> </div>
@ -615,23 +621,23 @@ const Printstyle2 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{...tableHeaderStyle, width: '8px' }}>S.No</th> <th style={{ ...tableHeaderStyle, width: '8px' }}>S.No</th>
) )
: SLNO && <th style={{...tableHeaderStyle, width: '8px' }}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle, width: '8px' }}>S.No</th>}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle}}>Item</th> ? GlobalItem && <th style={{ ...tableHeaderStyle }}>Item</th>
: Item && <th style={{...tableHeaderStyle}}>Item</th>} : Item && <th style={{ ...tableHeaderStyle }}>Item</th>}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
HSN HSN
</th> </th>
) )
: HsnCode && ( : HsnCode && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
HSN HSN
</th> </th>
@ -639,14 +645,14 @@ const Printstyle2 = ({
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
Qty Qty
</th> </th>
) )
: Quantity && ( : Quantity && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
@ -654,14 +660,14 @@ const Printstyle2 = ({
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
MRP MRP
</th> </th>
) )
: MRP && ( : MRP && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
MRP MRP
</th> </th>
@ -669,14 +675,14 @@ const Printstyle2 = ({
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
Amt Amt
</th> </th>
) )
: Amount && ( : Amount && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
Amt Amt
</th> </th>
@ -684,14 +690,14 @@ const Printstyle2 = ({
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
Dis{' '} Dis{' '}
</th> </th>
) )
: Discount && ( : Discount && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
Dis{' '} Dis{' '}
</th> </th>
@ -723,14 +729,14 @@ const Printstyle2 = ({
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
Rate Rate
</th> </th>
) )
: Rate && ( : Rate && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
Rate Rate
</th> </th>
@ -741,17 +747,17 @@ const Printstyle2 = ({
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? {
...tableBodyStyle
}
: index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : index % 2 === 1 && rowtypeStyle === "odd"
}> ? {
...tableBodyStyle
}
: {}
}>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td className="Re-print-body-Rate"> <td className="Re-print-body-Rate">
@ -797,8 +803,8 @@ const Printstyle2 = ({
</span> </span>
))} ))}
</div> </div>
) : UomPrint?.SettingValue === 'Y' && ( ) : UomPrint?.SettingValue === 'Y' && (
<div> <div>
({item?.Size ? item?.Size : '1'}{' '} ({item?.Size ? item?.Size : '1'}{' '}
{item?.SinglePc == 'Y' {item?.SinglePc == 'Y'
@ -814,7 +820,7 @@ const Printstyle2 = ({
? item?.BrandName ? item?.BrandName
: ''} : ''}
&nbsp; &nbsp;
<div style={{ display: "flex", gap: "3px" ,flexDirection:"column"}}> <div style={{ display: "flex", gap: "3px", flexDirection: "column" }}>
{item?.ProductIdentifierDtls?.length > {item?.ProductIdentifierDtls?.length >
0 0
? item?.ProductIdentifierDtls?.filter( ? item?.ProductIdentifierDtls?.filter(
@ -1000,23 +1006,23 @@ const Printstyle2 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{...tableHeaderStyle, width: '8px' }}>S.No</th> <th style={{ ...tableHeaderStyle, width: '8px' }}>S.No</th>
) )
: SLNO && <th style={{ ...tableHeaderStyle,width: '8px' }}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle, width: '8px' }}>S.No</th>}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle}}>Item</th> ? GlobalItem && <th style={{ ...tableHeaderStyle }}>Item</th>
: Item && <th style={{...tableHeaderStyle}}>Item</th>} : Item && <th style={{ ...tableHeaderStyle }}>Item</th>}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
HSN HSN
</th> </th>
) )
: HsnCode && ( : HsnCode && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
HSN HSN
</th> </th>
@ -1024,14 +1030,14 @@ const Printstyle2 = ({
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
Qty Qty
</th> </th>
) )
: Quantity && ( : Quantity && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
@ -1039,14 +1045,14 @@ const Printstyle2 = ({
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
MRP MRP
</th> </th>
) )
: MRP && ( : MRP && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
MRP MRP
</th> </th>
@ -1054,14 +1060,14 @@ const Printstyle2 = ({
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
Amt Amt
</th> </th>
) )
: Amount && ( : Amount && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
Amt Amt
</th> </th>
@ -1069,14 +1075,14 @@ const Printstyle2 = ({
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
Dis{' '} Dis{' '}
</th> </th>
) )
: Discount && ( : Discount && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
Dis{' '} Dis{' '}
</th> </th>
@ -1084,7 +1090,8 @@ const Printstyle2 = ({
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th <th
style={{ width: '10px',textAlign: 'center',...tableHeaderStyle, style={{
width: '10px', textAlign: 'center', ...tableHeaderStyle,
}} }}
> >
Tax % Tax %
@ -1093,7 +1100,7 @@ const Printstyle2 = ({
: Tax == true && : Tax == true &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'center',}} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'center', }}
> >
Tax % Tax %
</th> </th>
@ -1101,14 +1108,14 @@ const Printstyle2 = ({
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
Rate Rate
</th> </th>
) )
: Rate && ( : Rate && (
<th <th
style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}
> >
Rate Rate
</th> </th>
@ -1119,17 +1126,17 @@ const Printstyle2 = ({
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? {
...tableBodyStyle
}
: index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : index % 2 === 1 && rowtypeStyle === "odd"
}> ? {
...tableBodyStyle
}
: {}
}>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td className="Re-print-body-Rate"> <td className="Re-print-body-Rate">
@ -1156,17 +1163,17 @@ const Printstyle2 = ({
}} }}
> >
<div>{item?.ProdName}</div> <div>{item?.ProdName}</div>
{UomPrint?.SettingValue === 'Y' && {UomPrint?.SettingValue === 'Y' &&
<div> <div>
({item?.Size ? item?.Size : '1'}{' '} ({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'}
) )
</div> </div>
} }
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1393,7 +1400,7 @@ const Printstyle2 = ({
!shouldFooterBeOnNewPage && !shouldFooterBeOnNewPage &&
FormatTheme && ( FormatTheme && (
<> <>
<div className="PrintStyle2-ThirdDivMaster" style={{...netAmountStyle}}> <div className="PrintStyle2-ThirdDivMaster" style={{ ...netAmountStyle }}>
<div className="PrintStyle2-ThirdP"> <div className="PrintStyle2-ThirdP">
<div> <div>
<div style={{ textAlign: 'left', fontWeight: '600' }}> <div style={{ textAlign: 'left', fontWeight: '600' }}>
@ -2061,7 +2068,7 @@ const Printstyle2 = ({
pageBreakBefore: 'avoid', pageBreakBefore: 'avoid',
pageBreakInside: 'avoid', pageBreakInside: 'avoid',
minHeight: 'auto', minHeight: 'auto',
...footerColorStyle ...footerColorStyle
}} }}
> >
{GlobaldummyData {GlobaldummyData
@ -2274,11 +2281,11 @@ const Printstyle2 = ({
pageBreakBefore: 'avoid', pageBreakBefore: 'avoid',
pageBreakInside: 'avoid', pageBreakInside: 'avoid',
minHeight: 'auto', minHeight: 'auto',
...footerColorStyle ...footerColorStyle
}} }}
> >
<> <>
<div className="PrintStyle2-ThirdDivMaster" style={{...netAmountStyle}}> <div className="PrintStyle2-ThirdDivMaster" style={{ ...netAmountStyle }}>
<div className="PrintStyle2-ThirdP"> <div className="PrintStyle2-ThirdP">
<div> <div>
<div style={{ textAlign: 'left', fontWeight: '600' }}> <div style={{ textAlign: 'left', fontWeight: '600' }}>
@ -2932,7 +2939,7 @@ const Printstyle2 = ({
pageBreakBefore: 'avoid', pageBreakBefore: 'avoid',
pageBreakInside: 'avoid', pageBreakInside: 'avoid',
minHeight: 'auto', minHeight: 'auto',
...footerColorStyle ...footerColorStyle
}} }}
> >
{GlobaldummyData {GlobaldummyData
@ -3130,8 +3137,8 @@ const Printstyle2 = ({
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
'' ''
) : ( ) : (
<div className="PrintStyle2-fistDiv" style={{...headerStyle }}> <div className="PrintStyle2-fistDiv" style={{ ...headerStyle }}>
<div style={{ display: 'flex', flexDirection: 'row'}}> <div style={{ display: 'flex', flexDirection: 'row' }}>
{GlobaldummyData ? ( {GlobaldummyData ? (
GlobalLogo && ( GlobalLogo && (
<img <img
@ -3274,86 +3281,86 @@ const Printstyle2 = ({
<thead> <thead>
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <th style={{...tableHeaderStyle,width: '8px' }}>S.No</th> ? GlobalSlNo && <th style={{ ...tableHeaderStyle, width: '8px' }}>S.No</th>
: SLNO && <th style={{...tableHeaderStyle, width: '8px' }}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle, width: '8px' }}>S.No</th>}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle}}>Item</th> ? GlobalItem && <th style={{ ...tableHeaderStyle }}>Item</th>
: Item && <th style={{...tableHeaderStyle}}>Item</th>} : Item && <th style={{ ...tableHeaderStyle }}>Item</th>}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
HSN HSN
</th> </th>
) )
: HsnCode && ( : HsnCode && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
HSN HSN
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
Qty Qty
</th> </th>
) )
: Quantity && ( : Quantity && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
MRP MRP
</th> </th>
) )
: MRP && ( : MRP && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
MRP MRP
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
Amt Amt
</th> </th>
) )
: Amount && ( : Amount && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
Amt Amt
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
Dis{' '} Dis{' '}
</th> </th>
) )
: Discount && ( : Discount && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
Dis{' '} Dis{' '}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'center' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'center' }}>
Tax % Tax %
</th> </th>
) )
: Tax == true && : Tax == true &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'center' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'center' }}>
Tax % Tax %
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
Rate Rate
</th> </th>
) )
: Rate && ( : Rate && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
Rate Rate
</th> </th>
)} )}
@ -3363,18 +3370,18 @@ const Printstyle2 = ({
{(GlobaldummyData ? products : TakeawayData)?.map( {(GlobaldummyData ? products : TakeawayData)?.map(
(item, index) => { (item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? {
...tableBodyStyle
}
: index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : {}
? { }>
...tableBodyStyle
}
: {}
}>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td className="Re-print-body-Rate"> <td className="Re-print-body-Rate">
@ -3419,7 +3426,7 @@ const Printstyle2 = ({
</span> </span>
))} ))}
</div> </div>
) : UomPrint?.SettingValue === 'Y' && ( ) : UomPrint?.SettingValue === 'Y' && (
<div> <div>
({item?.Size ? item?.Size : '1'}{' '} ({item?.Size ? item?.Size : '1'}{' '}
{item?.SinglePc == 'Y' {item?.SinglePc == 'Y'
@ -3435,7 +3442,7 @@ const Printstyle2 = ({
? item?.BrandName ? item?.BrandName
: ''} : ''}
&nbsp; &nbsp;
<div style={{ display: 'flex', gap: "3px",flexDirection:"column" }}> <div style={{ display: 'flex', gap: "3px", flexDirection: "column" }}>
{item?.ProductIdentifierDtls?.length > 0 {item?.ProductIdentifierDtls?.length > 0
? item?.ProductIdentifierDtls.filter( ? item?.ProductIdentifierDtls.filter(
(items) => (items) =>
@ -3611,86 +3618,86 @@ const Printstyle2 = ({
<thead> <thead>
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <th style={{...tableHeaderStyle, width: '8px' }}>S.No</th> ? GlobalSlNo && <th style={{ ...tableHeaderStyle, width: '8px' }}>S.No</th>
: SLNO && <th style={{...tableHeaderStyle, width: '8px' }}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle, width: '8px' }}>S.No</th>}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle}}>Item</th> ? GlobalItem && <th style={{ ...tableHeaderStyle }}>Item</th>
: Item && <th style={{...tableHeaderStyle}}>Item</th>} : Item && <th style={{ ...tableHeaderStyle }}>Item</th>}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
HSN HSN
</th> </th>
) )
: HsnCode && ( : HsnCode && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
HSN HSN
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
Qty Qty
</th> </th>
) )
: Quantity && ( : Quantity && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
MRP MRP
</th> </th>
) )
: MRP && ( : MRP && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
MRP MRP
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
Amt Amt
</th> </th>
) )
: Amount && ( : Amount && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
Amt Amt
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
Dis{' '} Dis{' '}
</th> </th>
) )
: Discount && ( : Discount && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
Dis{' '} Dis{' '}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'center' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'center' }}>
Tax % Tax %
</th> </th>
) )
: Tax == true && : Tax == true &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'center' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'center' }}>
Tax % Tax %
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{ ...tableHeaderStyle,width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
Rate Rate
</th> </th>
) )
: Rate && ( : Rate && (
<th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
Rate Rate
</th> </th>
)} )}
@ -3701,17 +3708,17 @@ const Printstyle2 = ({
(item, index) => { (item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? {
...tableBodyStyle
}
: index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : {}
? { }>
...tableBodyStyle
}
: {}
}>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td className="Re-print-body-Rate"> <td className="Re-print-body-Rate">
@ -3738,17 +3745,17 @@ const Printstyle2 = ({
}} }}
> >
<div>{item?.ProdName}</div> <div>{item?.ProdName}</div>
{UomPrint?.SettingValue === 'Y' && {UomPrint?.SettingValue === 'Y' &&
<div> <div>
({item?.Size ? item?.Size : '1'}{' '} ({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'}
) )
</div> </div>
} }
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3885,7 +3892,7 @@ const Printstyle2 = ({
<hr className="PrintStyle2-print-dottline" /> <hr className="PrintStyle2-print-dottline" />
</div> </div>
)} )}
<div className="PrintStyle2-ThirdDivMaster" style={{...netAmountStyle}}> <div className="PrintStyle2-ThirdDivMaster" style={{ ...netAmountStyle }}>
<div className="PrintStyle2-ThirdP"> <div className="PrintStyle2-ThirdP">
<div> <div>
<div style={{ textAlign: 'left', fontWeight: '600' }}>Qty</div> <div style={{ textAlign: 'left', fontWeight: '600' }}>Qty</div>
@ -4499,7 +4506,7 @@ const Printstyle2 = ({
pageBreakBefore: 'avoid', pageBreakBefore: 'avoid',
pageBreakInside: 'avoid', pageBreakInside: 'avoid',
minHeight: 'auto', minHeight: 'auto',
...footerColorStyle ...footerColorStyle
}} }}
> >
{GlobaldummyData {GlobaldummyData

51
src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle3.jsx
View File

@ -101,6 +101,12 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor); const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor);
const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor); const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor);
const SettingData = useSelector(PreferenceData); const SettingData = useSelector(PreferenceData);
const Retailshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'retailshortname'
);
const Wholesaleshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'wholesaleshortname'
);
const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter( const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter(
(i) => i.SettingIdName === 'PrintUom' (i) => i.SettingIdName === 'PrintUom'
)?.[0]; )?.[0];
@ -200,7 +206,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
if (hasMappedOffer) { if (hasMappedOffer) {
const productTotal = productsData?.reduce((acc, item) => acc + (item?.Type != "C" ? item.OfferAmt : item.OfferValue || 0), 0); const productTotal = productsData?.reduce((acc, item) => acc + (item?.Type !== 'C' ? (item?.OfferAmt || item?.DiscountAmt || 0) : (item?.OfferValue || item?.DiscountAmt || 0)), 0);
TotalOfferAmount += productTotal; TotalOfferAmount += productTotal;
} else { } else {
const Combothere = productsData?.filter(item => item?.Type == "C") const Combothere = productsData?.filter(item => item?.Type == "C")
@ -289,7 +295,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{/* <div className="header" style={{ position: isMobile ? "" : GlobaldummyData ? "absolute" : "fixed", top: 0, width: "100%" }}> */} {/* <div className="header" style={{ position: isMobile ? "" : GlobaldummyData ? "absolute" : "fixed", top: 0, width: "100%" }}> */}
<div className="header" style={{ position: isMobile ? "" : GlobaldummyData ? "absolute" : isPdf ? "static" : "fixed", top: 0, width: "100%" }}> <div className="header" style={{ position: isMobile ? "" : GlobaldummyData ? "absolute" : isPdf ? "static" : "fixed", top: 0, width: "100%" }}>
{((!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div className="PrintStyle3-print" style={{ ...headerStyle,}} > {((!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div className="PrintStyle3-print" style={{ ...headerStyle, }} >
<div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}> <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
{GlobaldummyData && GlobalLogo ? <img className='PrintStyle2-BrandImage' src={Logo} alt='image' width={100} /> : null} {GlobaldummyData && GlobalLogo ? <img className='PrintStyle2-BrandImage' src={Logo} alt='image' width={100} /> : null}
{(base64Image && (PrintLogo?.SettingValue === "Y" || LogoField)) ? <img className='PrintStyle2-BrandImage' src={base64Image} alt='image' width={100} /> : null} {(base64Image && (PrintLogo?.SettingValue === "Y" || LogoField)) ? <img className='PrintStyle2-BrandImage' src={base64Image} alt='image' width={100} /> : null}
@ -319,9 +325,10 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
<div className="PrintStyle3-print-ordr-dtls"> <div className="PrintStyle3-print-ordr-dtls">
<div style={{ lineheight: '50px' }}> <div style={{ lineheight: '50px' }}>
<div style={{ fontSize: '14px', fontWeight: 600 }} > BILL NO :{GlobaldummyData ? '51' : table2Data?.OrderId && extractLastNumberOrderId(table2Data?.OrderId, table2Data?.FYStatus)} </div> <div style={{ fontSize: '14px', fontWeight: 600 }} > BILL NO :{GlobaldummyData ? '51' : table2Data?.OrderId && extractLastNumberOrderId(table2Data?.OrderId, table2Data?.FYStatus)} </div>
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontSize: '14px', fontWeight: 600 }}> {SalesModePref?.SettingValue == 'Y' && <div style={{ fontWeight: '600' }}>
{' '} {' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '} Name : {table2Data?.SalesMode == "R" ? Retailshortname?.Comments : Wholesaleshortname?.Comments}{' '}
</div>} </div>}
<div style={{ fontSize: '14px', fontWeight: 600 }} > {GlobaldummyData ? formattedDate : Date1}</div> <div style={{ fontSize: '14px', fontWeight: 600 }} > {GlobaldummyData ? formattedDate : Date1}</div>
</div> </div>
@ -421,9 +428,15 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{GlobaldummyData ? GlobalMRP && <div style={{ width: '100%', textAlign: 'right', }}>{item?.MRP}</div> : MRP && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</div>} {GlobaldummyData ? GlobalMRP && <div style={{ width: '100%', textAlign: 'right', }}>{item?.MRP}</div> : MRP && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</div>}
{GlobaldummyData ? GlobalQuantity && <div style={{ width: '100%', textAlign: 'center' }}>{item?.SalesQty}</div> : Quantity && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SalesQty}</div>} {GlobaldummyData ? GlobalQuantity && <div style={{ width: '100%', textAlign: 'center' }}>{item?.SalesQty}</div> : Quantity && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SalesQty}</div>}
{GlobaldummyData ? GlobalRate && <div style={{ width: '100%', textAlign: 'right' }}>{item?.Rate}</div> : Rate && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.Rate}</div>} {GlobaldummyData ? GlobalRate && <div style={{ width: '100%', textAlign: 'right' }}>{item?.Rate}</div> : Rate && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.Rate}</div>}
{GlobaldummyData ? GlobalDiscount && <div style={{ width: '100%', textAlign: 'right' }}>{item?.discount}</div> : Discount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</div>} {GlobaldummyData ? GlobalDiscount && <div style={{ width: '100%', textAlign: 'right' }}>{item?.discount}</div> : Discount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>
{item?.Type !== 'C'
? (item?.OfferAmt || item?.DiscountAmt || 0)
: (item?.OfferValue || item?.DiscountAmt || 0)}</div>
}
{GlobaldummyData ? GlobalTax && <div style={{ width: '100%', textAlign: 'right' }}>{item?.ProdTaxPercentage || 0}</div> : (Tax == true && table2Data?.OrderType !== 'E') && (<div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.ProdTaxPercentage || 0}</div>)} {GlobaldummyData ? GlobalTax && <div style={{ width: '100%', textAlign: 'right' }}>{item?.ProdTaxPercentage || 0}</div> : (Tax == true && table2Data?.OrderType !== 'E') && (<div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.ProdTaxPercentage || 0}</div>)}
{GlobaldummyData ? GlobalAmount && <div style={{ width: '100%', textAlign: 'right' }} >{item?.TotalAmt}</div> : Amount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }} > {item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</div>} {GlobaldummyData ? GlobalAmount && <div style={{ width: '100%', textAlign: 'right' }} >{item?.TotalAmt}</div> : Amount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }} >
{item?.Type !== 'C' ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0) : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</div>}
</div> </div>
))} ))}
</div> </div>
@ -464,9 +477,11 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{GlobaldummyData ? GlobalMRP && <div style={{ width: '100%', textAlign: 'right', }}>{item?.MRP}</div> : MRP && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</div>} {GlobaldummyData ? GlobalMRP && <div style={{ width: '100%', textAlign: 'right', }}>{item?.MRP}</div> : MRP && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</div>}
{GlobaldummyData ? GlobalQuantity && <div style={{ width: '100%', textAlign: 'right' }}>{item?.SalesQty}</div> : Quantity && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SalesQty}</div>} {GlobaldummyData ? GlobalQuantity && <div style={{ width: '100%', textAlign: 'right' }}>{item?.SalesQty}</div> : Quantity && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SalesQty}</div>}
{GlobaldummyData ? GlobalRate && <div style={{ width: '100%', textAlign: 'right' }}>{item?.Rate}</div> : Rate && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.Rate}</div>} {GlobaldummyData ? GlobalRate && <div style={{ width: '100%', textAlign: 'right' }}>{item?.Rate}</div> : Rate && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.Rate}</div>}
{GlobaldummyData ? GlobalDiscount && <div style={{ width: '100%', textAlign: 'right' }}>{item?.discount}</div> : Discount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</div>} {GlobaldummyData ? GlobalDiscount && <div style={{ width: '100%', textAlign: 'right' }}>{item?.discount}</div> : Discount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.Type !== 'C'
? (item?.OfferAmt || item?.DiscountAmt || 0)
: (item?.OfferValue || item?.DiscountAmt || 0)}</div>}
{GlobaldummyData ? GlobalTax && <div style={{ width: '100%', textAlign: 'right' }}>{item?.ProdTaxPercentage || 0}</div> : (Tax == true && table2Data?.OrderType !== 'E') && (<div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.ProdTaxPercentage || 0}</div>)} {GlobaldummyData ? GlobalTax && <div style={{ width: '100%', textAlign: 'right' }}>{item?.ProdTaxPercentage || 0}</div> : (Tax == true && table2Data?.OrderType !== 'E') && (<div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.ProdTaxPercentage || 0}</div>)}
{GlobaldummyData ? GlobalAmount && <div style={{ width: '100%', textAlign: 'right' }} >{item?.TotalAmt}</div> : Amount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }} > {item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</div>} {GlobaldummyData ? GlobalAmount && <div style={{ width: '100%', textAlign: 'right' }} >{item?.TotalAmt}</div> : Amount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }} > {item?.Type !== 'C' ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0) : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}</div>}
</div> </div>
))} ))}
</div> </div>
@ -488,7 +503,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{((chunkIndex === paginatedChunks.length - 1) && (!shouldFooterBeOnNewPage)) && FormatTheme && {((chunkIndex === paginatedChunks.length - 1) && (!shouldFooterBeOnNewPage)) && FormatTheme &&
<> <>
<div className="PrintStyle3-print-ttlovrl" style={{...netAmountStyle}}> <div className="PrintStyle3-print-ttlovrl" style={{ ...netAmountStyle }}>
<div> <div>
<div style={{ fontWeight: '600' }}> Items : </div> <div style={{ fontWeight: '600' }}> Items : </div>
<div style={{ fontWeight: '600' }}> Qty : </div> <div style={{ fontWeight: '600' }}> Qty : </div>
@ -889,7 +904,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
}} }}
> >
<> <>
<div className="PrintStyle3-print-ttlovrl" style={{...netAmountStyle}}> <div className="PrintStyle3-print-ttlovrl" style={{ ...netAmountStyle }}>
<div> <div>
<div style={{ fontWeight: '600' }}> Items : </div> <div style={{ fontWeight: '600' }}> Items : </div>
<div style={{ fontWeight: '600' }}> Qty : </div> <div style={{ fontWeight: '600' }}> Qty : </div>
@ -1397,9 +1412,11 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{GlobaldummyData ? GlobalMRP && <div style={{ width: '100%', textAlign: 'right', }}>{item?.MRP}</div> : MRP && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</div>} {GlobaldummyData ? GlobalMRP && <div style={{ width: '100%', textAlign: 'right', }}>{item?.MRP}</div> : MRP && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</div>}
{GlobaldummyData ? GlobalQuantity && <div style={{ width: '100%', textAlign: 'center' }}>{item?.SalesQty}</div> : Quantity && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SalesQty}</div>} {GlobaldummyData ? GlobalQuantity && <div style={{ width: '100%', textAlign: 'center' }}>{item?.SalesQty}</div> : Quantity && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SalesQty}</div>}
{GlobaldummyData ? GlobalRate && <div style={{ width: '100%', textAlign: 'right' }}>{item?.Rate}</div> : Rate && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.Rate}</div>} {GlobaldummyData ? GlobalRate && <div style={{ width: '100%', textAlign: 'right' }}>{item?.Rate}</div> : Rate && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.Rate}</div>}
{GlobaldummyData ? GlobalDiscount && <div style={{ width: '100%', textAlign: 'right' }}>{item?.discount}</div> : Discount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</div>} {GlobaldummyData ? GlobalDiscount && <div style={{ width: '100%', textAlign: 'right' }}>{item?.discount}</div> : Discount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.Type !== 'C'
? (item?.OfferAmt || item?.DiscountAmt || 0)
: (item?.OfferValue || item?.DiscountAmt || 0)}</div>}
{GlobaldummyData ? GlobalTax && <div style={{ width: '100%', textAlign: 'right' }}>{item?.ProdTaxPercentage || 0}</div> : (Tax == true && table2Data?.OrderType !== 'E') && (<div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.ProdTaxPercentage || 0}</div>)} {GlobaldummyData ? GlobalTax && <div style={{ width: '100%', textAlign: 'right' }}>{item?.ProdTaxPercentage || 0}</div> : (Tax == true && table2Data?.OrderType !== 'E') && (<div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.ProdTaxPercentage || 0}</div>)}
{GlobaldummyData ? GlobalAmount && <div style={{ width: '100%', textAlign: 'right' }} >{item?.TotalAmt}</div> : Amount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }} > {item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</div>} {GlobaldummyData ? GlobalAmount && <div style={{ width: '100%', textAlign: 'right' }} >{item?.TotalAmt}</div> : Amount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }} > {item?.Type !== 'C' ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0) : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}</div>}
</div> </div>
))} ))}
</div> </div>
@ -1440,9 +1457,13 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{GlobaldummyData ? GlobalMRP && <div style={{ width: '100%', textAlign: 'right', }}>{item?.MRP}</div> : MRP && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</div>} {GlobaldummyData ? GlobalMRP && <div style={{ width: '100%', textAlign: 'right', }}>{item?.MRP}</div> : MRP && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</div>}
{GlobaldummyData ? GlobalQuantity && <div style={{ width: '100%', textAlign: 'right' }}>{item?.SalesQty}</div> : Quantity && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SalesQty}</div>} {GlobaldummyData ? GlobalQuantity && <div style={{ width: '100%', textAlign: 'right' }}>{item?.SalesQty}</div> : Quantity && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.SalesQty}</div>}
{GlobaldummyData ? GlobalRate && <div style={{ width: '100%', textAlign: 'right' }}>{item?.Rate}</div> : Rate && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.Rate}</div>} {GlobaldummyData ? GlobalRate && <div style={{ width: '100%', textAlign: 'right' }}>{item?.Rate}</div> : Rate && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.Rate}</div>}
{GlobaldummyData ? GlobalDiscount && <div style={{ width: '100%', textAlign: 'right' }}>{item?.discount}</div> : Discount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</div>} {GlobaldummyData ? GlobalDiscount && <div style={{ width: '100%', textAlign: 'right' }}>{item?.discount}</div> : Discount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>
{item?.Type !== 'C'
? (item?.OfferAmt || item?.DiscountAmt || 0)
: (item?.OfferValue || item?.DiscountAmt || 0)}
</div>}
{GlobaldummyData ? GlobalTax && <div style={{ width: '100%', textAlign: 'right' }}>{item?.ProdTaxPercentage || 0}</div> : (Tax == true && table2Data?.OrderType !== 'E') && (<div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.ProdTaxPercentage || 0}</div>)} {GlobaldummyData ? GlobalTax && <div style={{ width: '100%', textAlign: 'right' }}>{item?.ProdTaxPercentage || 0}</div> : (Tax == true && table2Data?.OrderType !== 'E') && (<div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }}>{item?.ProdTaxPercentage || 0}</div>)}
{GlobaldummyData ? GlobalAmount && <div style={{ width: '100%', textAlign: 'right' }} >{item?.TotalAmt}</div> : Amount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }} > {item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</div>} {GlobaldummyData ? GlobalAmount && <div style={{ width: '100%', textAlign: 'right' }} >{item?.TotalAmt}</div> : Amount && <div style={{ width: '100%', textAlign: 'right', fontWeight: 600 }} > {item?.Type !== 'C' ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0) : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}</div>}
</div> </div>
))} ))}
</div> </div>
@ -1459,7 +1480,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
</div> </div>
} }
{/* <br/> */} {/* <br/> */}
<div className="PrintStyle3-print-ttlovrl" style={{...netAmountStyle}}> <div className="PrintStyle3-print-ttlovrl" style={{ ...netAmountStyle }}>
<div> <div>
<div style={{ fontWeight: '600' }}> Items : </div> <div style={{ fontWeight: '600' }}> Items : </div>
<div style={{ fontWeight: '600' }}> Qty : </div> <div style={{ fontWeight: '600' }}> Qty : </div>

2844
src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle4.jsx
View File

File diff suppressed because it is too large Load Diff

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

@ -123,6 +123,12 @@ const PrintStyle5 = ({
const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor); const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor);
const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor); const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor);
const GlobalCredit = useSelector(GlobalprintCredit); const GlobalCredit = useSelector(GlobalprintCredit);
const Retailshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'retailshortname'
);
const Wholesaleshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'wholesaleshortname'
);
const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter( const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter(
(i) => i.SettingIdName === 'PrintUom' (i) => i.SettingIdName === 'PrintUom'
)?.[0]; )?.[0];
@ -949,9 +955,9 @@ const PrintStyle5 = ({
<div <div
style={{ width: '100%', textAlign: 'right' }} style={{ width: '100%', textAlign: 'right' }}
> >
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</div> </div>
)} )}
{GlobaldummyData {GlobaldummyData
@ -983,9 +989,9 @@ const PrintStyle5 = ({
style={{ width: '100%', textAlign: 'right' }} style={{ width: '100%', textAlign: 'right' }}
> >
{' '} {' '}
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</div> </div>
)} )}
</div> </div>
@ -1272,9 +1278,9 @@ const PrintStyle5 = ({
<div <div
style={{ width: '100%', textAlign: 'right' }} style={{ width: '100%', textAlign: 'right' }}
> >
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</div> </div>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1306,9 +1312,9 @@ const PrintStyle5 = ({
style={{ width: '100%', textAlign: 'right' }} style={{ width: '100%', textAlign: 'right' }}
> >
{' '} {' '}
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</div> </div>
)} )}
</div> </div>
@ -1523,7 +1529,7 @@ const PrintStyle5 = ({
<div <div
className="align-style" className="align-style"
style={{ fontWeight: '600', fontSize: '19px',...netAmountStyle, }} style={{ fontWeight: '600', fontSize: '19px', ...netAmountStyle, }}
> >
{' '} {' '}
<div>Amount </div> <div> : </div>{' '} <div>Amount </div> <div> : </div>{' '}
@ -2271,7 +2277,7 @@ const PrintStyle5 = ({
<div <div
className="align-style" className="align-style"
style={{ fontWeight: '600', fontSize: '19px',...netAmountStyle, }} style={{ fontWeight: '600', fontSize: '19px', ...netAmountStyle, }}
> >
{' '} {' '}
<div>Amount </div> <div> : </div>{' '} <div>Amount </div> <div> : </div>{' '}
@ -2895,9 +2901,10 @@ const PrintStyle5 = ({
> >
{' '} {' '}
<div> {GlobaldummyData ? formattedDate : Date1} <div> {GlobaldummyData ? formattedDate : Date1}
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontSize: '14px', fontWeight: 600 }}> {SalesModePref?.SettingValue == 'Y' && <div style={{ fontWeight: '600' }}>
{' '} {' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '} Name : {table2Data?.SalesMode == "R" ? Retailshortname?.Comments : Wholesaleshortname?.Comments}{' '}
</div>} </div>}
</div>{' '} </div>{' '}
<div> <div>
@ -3270,9 +3277,9 @@ const PrintStyle5 = ({
) )
: Discount && ( : Discount && (
<div style={{ width: '100%', textAlign: 'right' }}> <div style={{ width: '100%', textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</div> </div>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3296,9 +3303,9 @@ const PrintStyle5 = ({
: Amount && ( : Amount && (
<div style={{ width: '100%', textAlign: 'right' }}> <div style={{ width: '100%', textAlign: 'right' }}>
{' '} {' '}
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</div> </div>
)} )}
</div> </div>
@ -3561,9 +3568,9 @@ const PrintStyle5 = ({
) )
: Discount && ( : Discount && (
<div style={{ width: '100%', textAlign: 'right' }}> <div style={{ width: '100%', textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</div> </div>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3587,9 +3594,9 @@ const PrintStyle5 = ({
: Amount && ( : Amount && (
<div style={{ width: '100%', textAlign: 'right' }}> <div style={{ width: '100%', textAlign: 'right' }}>
{' '} {' '}
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</div> </div>
)} )}
</div> </div>
@ -3775,7 +3782,7 @@ const PrintStyle5 = ({
<div <div
className="align-style" className="align-style"
style={{...netAmountStyle, fontWeight: '600', fontSize: '19px' }} style={{ ...netAmountStyle, fontWeight: '600', fontSize: '19px' }}
> >
{' '} {' '}
<div>Amount </div> <div> : </div>{' '} <div>Amount </div> <div> : </div>{' '}

269
src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle6.jsx
View File

@ -29,17 +29,17 @@ import {
GlobalprintLogo, GlobalprintLogo,
GlobalprintCredit, GlobalprintCredit,
GlobalprintTax, GlobalprintTax,
GlobalSelectedPrintHeaderColor, GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor, GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor, GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor, GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyFontColor, GlobalSelectedTableBodyFontColor,
GlobalSelectedTableBodyColor, GlobalSelectedTableBodyColor,
GlobalRowType, GlobalRowType,
GlobalSelectedFooterColor, GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor, GlobalSelectedFooterFontColor,
GlobalSelectedNetAmountColor, GlobalSelectedNetAmountColor,
GlobalSelectedNetAmountFontColor, GlobalSelectedNetAmountFontColor,
} from '../../../../Features/ThemeChange/ThemeChange'; } from '../../../../Features/ThemeChange/ThemeChange';
import { import {
GlobalUpiIDprint, GlobalUpiIDprint,
@ -113,17 +113,23 @@ const Printstyle6 = ({
const GlobalLogo = useSelector(GlobalprintLogo); const GlobalLogo = useSelector(GlobalprintLogo);
const GlobalCredit = useSelector(GlobalprintCredit); const GlobalCredit = useSelector(GlobalprintCredit);
const SettingData = useSelector(PreferenceData); const SettingData = useSelector(PreferenceData);
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor); const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor); const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor); const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor); const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor); const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor); const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor);
const SelectedRowType = useSelector(GlobalRowType); const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor); const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor); const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor);
const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor); const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor);
const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor); const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor);
const Retailshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'retailshortname'
);
const Wholesaleshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'wholesaleshortname'
);
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'
@ -356,7 +362,7 @@ const Printstyle6 = ({
? paginatedChunks[paginatedChunks.length - 1].length ? paginatedChunks[paginatedChunks.length - 1].length
: 0; : 0;
const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 13); const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 13);
const headerStyle = { const headerStyle = {
backgroundColor: GlobaldummyData backgroundColor: GlobaldummyData
? SelectedHeaderColor ? SelectedHeaderColor
: headerColor?.background, : headerColor?.background,
@ -458,7 +464,7 @@ const Printstyle6 = ({
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
'' ''
) : ( ) : (
<div className="PrintStyle6-firstDiv" style={{...headerStyle}}> <div className="PrintStyle6-firstDiv" style={{ ...headerStyle }}>
<div <div
className="P6HdBrnchName" className="P6HdBrnchName"
style={{ style={{
@ -620,12 +626,12 @@ const Printstyle6 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{...tableHeaderStyle, width: '10px' }}>S.No</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>
) )
: SLNO && <th style={{...tableHeaderStyle, width: '10px' }}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>}
{GlobaldummyData ? ( {GlobaldummyData ? (
(GlobalItem || GlobalQuantity) && ( (GlobalItem || GlobalQuantity) && (
<th style={{...tableHeaderStyle, width: '10px' }}> <th style={{ ...tableHeaderStyle, width: '10px' }}>
{GlobaldummyData {GlobaldummyData
? GlobalItem && 'ITEM /DES/' ? GlobalItem && 'ITEM /DES/'
: 'ITEM /DES/'}{' '} : 'ITEM /DES/'}{' '}
@ -635,7 +641,7 @@ const Printstyle6 = ({
</th> </th>
) )
) : ( ) : (
<th style={{...tableHeaderStyle, width: '10px' }}> <th style={{ ...tableHeaderStyle, width: '10px' }}>
{GlobaldummyData {GlobaldummyData
? GlobalItem && 'ITEM /DES/' ? GlobalItem && 'ITEM /DES/'
: Item && 'ITEM /DES/'}{' '} : Item && 'ITEM /DES/'}{' '}
@ -789,17 +795,17 @@ const Printstyle6 = ({
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? {
...tableBodyStyle
}
: index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : index % 2 === 1 && rowtypeStyle === "odd"
}> ? {
...tableBodyStyle
}
: {}
}>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && ( : SLNO && (
@ -957,9 +963,9 @@ const Printstyle6 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1005,10 +1011,9 @@ const Printstyle6 = ({
// paddingRight: "20px", // paddingRight: "20px",
}} }}
> >
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -1038,12 +1043,12 @@ const Printstyle6 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{...tableHeaderStyle, width: '10px' }}>S.No</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>
) )
: SLNO && <th style={{...tableHeaderStyle, width: '10px' }}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>}
{GlobaldummyData ? ( {GlobaldummyData ? (
(GlobalItem || GlobalQuantity) && ( (GlobalItem || GlobalQuantity) && (
<th style={{...tableHeaderStyle, width: '10px' }}> <th style={{ ...tableHeaderStyle, width: '10px' }}>
{GlobaldummyData {GlobaldummyData
? GlobalItem && 'ITEM /DES/' ? GlobalItem && 'ITEM /DES/'
: 'ITEM /DES/'}{' '} : 'ITEM /DES/'}{' '}
@ -1053,7 +1058,7 @@ const Printstyle6 = ({
</th> </th>
) )
) : ( ) : (
<th style={{...tableHeaderStyle, width: '10px' }}> <th style={{ ...tableHeaderStyle, width: '10px' }}>
{GlobaldummyData {GlobaldummyData
? GlobalItem && 'ITEM /DES/' ? GlobalItem && 'ITEM /DES/'
: Item && 'ITEM /DES/'}{' '} : Item && 'ITEM /DES/'}{' '}
@ -1207,17 +1212,17 @@ const Printstyle6 = ({
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? {
...tableBodyStyle
}
: index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : index % 2 === 1 && rowtypeStyle === "odd"
}> ? {
...tableBodyStyle
}
: {}
}>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && ( : SLNO && (
@ -1345,9 +1350,9 @@ const Printstyle6 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1393,10 +1398,9 @@ const Printstyle6 = ({
// paddingRight: "20px", // paddingRight: "20px",
}} }}
> >
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -1797,7 +1801,7 @@ const Printstyle6 = ({
</div> </div>
</div> </div>
)} )}
<div className="PrintStyle6-secondDiv" style={{...netAmountStyle}}> <div className="PrintStyle6-secondDiv" style={{ ...netAmountStyle }}>
<div <div
style={{ style={{
textAlign: 'left', textAlign: 'left',
@ -2197,7 +2201,7 @@ const Printstyle6 = ({
pageBreakBefore: 'avoid', pageBreakBefore: 'avoid',
pageBreakInside: 'avoid', pageBreakInside: 'avoid',
minHeight: 'auto', minHeight: 'auto',
...footerColorStyle ...footerColorStyle
}} }}
> >
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
@ -2799,7 +2803,7 @@ const Printstyle6 = ({
</div> </div>
</div> </div>
)} )}
<div className="PrintStyle6-secondDiv" style={{...netAmountStyle}}> <div className="PrintStyle6-secondDiv" style={{ ...netAmountStyle }}>
<div <div
style={{ style={{
textAlign: 'left', textAlign: 'left',
@ -3193,7 +3197,7 @@ const Printstyle6 = ({
pageBreakBefore: 'avoid', pageBreakBefore: 'avoid',
pageBreakInside: 'avoid', pageBreakInside: 'avoid',
minHeight: 'auto', minHeight: 'auto',
...footerColorStyle ...footerColorStyle
}} }}
> >
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
@ -3400,7 +3404,7 @@ const Printstyle6 = ({
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
'' ''
) : ( ) : (
<div className="PrintStyle6-firstDiv" style={{...headerStyle}}> <div className="PrintStyle6-firstDiv" style={{ ...headerStyle }}>
<div <div
className="P6HdBrnchName" className="P6HdBrnchName"
style={{ style={{
@ -3526,9 +3530,10 @@ const Printstyle6 = ({
table2Data?.FYStatus table2Data?.FYStatus
)} )}
</div> </div>
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontSize: '10px', fontWeight: 600 }}> {SalesModePref?.SettingValue == 'Y' && <div style={{ fontWeight: '600' }}>
{' '} {' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '} Name : {table2Data?.SalesMode == "R" ? Retailshortname?.Comments : Wholesaleshortname?.Comments}{' '}
</div>} </div>}
<div style={{ fontSize: '12px' }}>{Date1}</div> <div style={{ fontSize: '12px' }}>{Date1}</div>
@ -3553,11 +3558,11 @@ const Printstyle6 = ({
<thead> <thead>
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <th style={{...tableHeaderStyle, width: '10px' }}>S.No</th> ? GlobalSlNo && <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>
: SLNO && <th style={{...tableHeaderStyle, width: '10px' }}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>}
{GlobaldummyData ? ( {GlobaldummyData ? (
(GlobalItem || GlobalQuantity) && ( (GlobalItem || GlobalQuantity) && (
<th style={{...tableHeaderStyle, width: '10px' }}> <th style={{ ...tableHeaderStyle, width: '10px' }}>
{GlobaldummyData {GlobaldummyData
? GlobalItem && 'ITEM /DES/' ? GlobalItem && 'ITEM /DES/'
: 'ITEM /DES/'}{' '} : 'ITEM /DES/'}{' '}
@ -3565,7 +3570,7 @@ const Printstyle6 = ({
</th> </th>
) )
) : ( ) : (
<th style={{...tableHeaderStyle, width: '10px' }}> <th style={{ ...tableHeaderStyle, width: '10px' }}>
{GlobaldummyData {GlobaldummyData
? GlobalItem && 'ITEM /DES/' ? GlobalItem && 'ITEM /DES/'
: Item && 'ITEM /DES/'}{' '} : Item && 'ITEM /DES/'}{' '}
@ -3576,68 +3581,68 @@ const Printstyle6 = ({
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
HSN HSN
</th> </th>
) )
: HsnCode && ( : HsnCode && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
HSN HSN
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
MRP MRP
</th> </th>
) )
: MRP && ( : MRP && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
MRP MRP
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Dis{' '} Dis{' '}
</th> </th>
) )
: Discount && ( : Discount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Dis{' '} Dis{' '}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Tax % Tax %
</th> </th>
) )
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Tax % Tax %
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Rate Rate
</th> </th>
) )
: Rate && ( : Rate && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Rate Rate
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
AMt AMt
</th> </th>
) )
: Amount && ( : Amount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Amt Amt
</th> </th>
)} )}
@ -3648,17 +3653,17 @@ const Printstyle6 = ({
(item, index) => { (item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? {
...tableBodyStyle
}
: index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : {}
? { }>
...tableBodyStyle
}
: {}
}>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && <td>{index + 1}</td>} : SLNO && <td>{index + 1}</td>}
@ -3775,9 +3780,9 @@ const Printstyle6 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3823,9 +3828,9 @@ const Printstyle6 = ({
// paddingRight: "20px", // paddingRight: "20px",
}} }}
> >
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>
@ -3855,11 +3860,11 @@ const Printstyle6 = ({
<thead> <thead>
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <th style={{...tableHeaderStyle, width: '10px' }}>S.No</th> ? GlobalSlNo && <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>
: SLNO && <th style={{...tableHeaderStyle, width: '10px' }}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>}
{GlobaldummyData ? ( {GlobaldummyData ? (
(GlobalItem || GlobalQuantity) && ( (GlobalItem || GlobalQuantity) && (
<th style={{...tableHeaderStyle, width: '10px' }}> <th style={{ ...tableHeaderStyle, width: '10px' }}>
{GlobaldummyData {GlobaldummyData
? GlobalItem && 'ITEM /DES/' ? GlobalItem && 'ITEM /DES/'
: 'ITEM /DES/'}{' '} : 'ITEM /DES/'}{' '}
@ -3867,7 +3872,7 @@ const Printstyle6 = ({
</th> </th>
) )
) : ( ) : (
<th style={{...tableHeaderStyle, width: '10px' }}> <th style={{ ...tableHeaderStyle, width: '10px' }}>
{GlobaldummyData {GlobaldummyData
? GlobalItem && 'ITEM /DES/' ? GlobalItem && 'ITEM /DES/'
: Item && 'ITEM /DES/'}{' '} : Item && 'ITEM /DES/'}{' '}
@ -3878,34 +3883,34 @@ const Printstyle6 = ({
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
HSN HSN
</th> </th>
) )
: HsnCode && ( : HsnCode && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
HSN HSN
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
MRP MRP
</th> </th>
) )
: MRP && ( : MRP && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
MRP MRP
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Dis{' '} Dis{' '}
</th> </th>
) )
: Discount && ( : Discount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Dis{' '} Dis{' '}
</th> </th>
)} )}
@ -3917,29 +3922,29 @@ const Printstyle6 = ({
) )
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Tax % Tax %
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Rate Rate
</th> </th>
) )
: Rate && ( : Rate && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Rate Rate
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
AMt AMt
</th> </th>
) )
: Amount && ( : Amount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Amt Amt
</th> </th>
)} )}
@ -3950,17 +3955,17 @@ const Printstyle6 = ({
(item, index) => { (item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? {
...tableBodyStyle
}
: index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : {}
? { }>
...tableBodyStyle
}
: {}
}>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && <td>{index + 1}</td>} : SLNO && <td>{index + 1}</td>}
@ -4094,9 +4099,9 @@ const Printstyle6 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -4142,9 +4147,9 @@ const Printstyle6 = ({
// paddingRight: "20px", // paddingRight: "20px",
}} }}
> >
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>
@ -4519,7 +4524,7 @@ const Printstyle6 = ({
</div> </div>
</div> </div>
)} )}
<div className="PrintStyle6-secondDiv" style={{...netAmountStyle}}> <div className="PrintStyle6-secondDiv" style={{ ...netAmountStyle }}>
<div <div
style={{ style={{
textAlign: 'left', textAlign: 'left',
@ -4896,7 +4901,7 @@ const Printstyle6 = ({
pageBreakBefore: 'avoid', pageBreakBefore: 'avoid',
pageBreakInside: 'avoid', pageBreakInside: 'avoid',
minHeight: 'auto', minHeight: 'auto',
...footerColorStyle ...footerColorStyle
}} }}
> >
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (

315
src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle7.jsx
View File

@ -109,18 +109,18 @@ const PrintStyle7 = ({
const GlobalLogo = useSelector(GlobalprintLogo); const GlobalLogo = useSelector(GlobalprintLogo);
const GlobalCredit = useSelector(GlobalprintCredit); const GlobalCredit = useSelector(GlobalprintCredit);
const SettingData = useSelector(PreferenceData); const SettingData = useSelector(PreferenceData);
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor); const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor); const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor); const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor); const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor); const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor); const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor);
const SelectedRowType = useSelector(GlobalRowType); const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor); const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor); const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor);
const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor); const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor);
const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor); const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor);
let printColors = printDatas?.PrintColors; let printColors = printDatas?.PrintColors;
const headerColor = printColors?.find(obj => obj.headerColor)?.headerColor; const headerColor = printColors?.find(obj => obj.headerColor)?.headerColor;
const tableHeaderColor = printColors?.find(obj => obj.tableHeaderColor)?.tableHeaderColor; const tableHeaderColor = printColors?.find(obj => obj.tableHeaderColor)?.tableHeaderColor;
const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor; const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor;
@ -129,6 +129,12 @@ const PrintStyle7 = ({
const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter( const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter(
(i) => i.SettingIdName === 'PrintUom' (i) => i.SettingIdName === 'PrintUom'
)?.[0]; )?.[0];
const Retailshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'retailshortname'
);
const Wholesaleshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'wholesaleshortname'
);
const estimatePrintHeader = const estimatePrintHeader =
SettingData?.[0]?.SettingDtlDetails?.find( SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => (setting) =>
@ -375,7 +381,7 @@ const PrintStyle7 = ({
? paginatedChunks[paginatedChunks.length - 1].length ? paginatedChunks[paginatedChunks.length - 1].length
: 0; : 0;
const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 10); const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 10);
const headerStyle = { const headerStyle = {
backgroundColor: GlobaldummyData backgroundColor: GlobaldummyData
? SelectedHeaderColor ? SelectedHeaderColor
: headerColor?.background, : headerColor?.background,
@ -478,7 +484,7 @@ const PrintStyle7 = ({
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
'' ''
) : ( ) : (
<div className="PrintStyle7-print" style={{...headerStyle}}> <div className="PrintStyle7-print" style={{ ...headerStyle }}>
{/* <div style={{ fontSize: '16px', fontWeight: '600' }}> {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}</div> */} {/* <div style={{ fontSize: '16px', fontWeight: '600' }}> {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}</div> */}
<div <div
style={{ style={{
@ -644,58 +650,58 @@ const PrintStyle7 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{...tableHeaderStyle, width: '10px' }}>S</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>S</th>
) )
: SLNO == true && ( : SLNO == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>S</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>S</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle,}}>Item</th> ? GlobalItem && <th style={{ ...tableHeaderStyle, }}>Item</th>
: Item == true && <th style={{...tableHeaderStyle,}}>Item</th>} : Item == true && <th style={{ ...tableHeaderStyle, }}>Item</th>}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, width: '10px' }}>HSN</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>HSN</th>
) )
: HsnCode == true && ( : HsnCode == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>HSN</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>HSN</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{...tableHeaderStyle, width: '10px' }}>Qty</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Qty</th>
) )
: Quantity == true && ( : Quantity == true && (
<th style={{...tableHeaderStyle, width: '10px' }}> <th style={{ ...tableHeaderStyle, width: '10px' }}>
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th style={{...tableHeaderStyle, width: '10px' }}>MRP</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>MRP</th>
) )
: MRP == true && ( : MRP == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>MRP</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>MRP</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{...tableHeaderStyle, width: '10px' }}>Rate</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Rate</th>
) )
: Rate == true && ( : Rate == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>Rate</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Rate</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, width: '10px' }}>Dis </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Dis </th>
) )
: Discount == true && ( : Discount == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>Dis </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Dis </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th style={{...tableHeaderStyle, width: '10px' }}>Tax % </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Tax % </th>
) )
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, width: '10px' }}>Tax % </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Tax % </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
@ -725,17 +731,17 @@ const PrintStyle7 = ({
<tbody> <tbody>
{dataChunk?.map((item, index) => ( {dataChunk?.map((item, index) => (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td style={{ textAlign: 'center' }}> <td style={{ textAlign: 'center' }}>
@ -859,9 +865,9 @@ const PrintStyle7 = ({
? GlobalDiscount && <td>{item.discount}</td> ? GlobalDiscount && <td>{item.discount}</td>
: Discount == true && ( : Discount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -884,10 +890,9 @@ const PrintStyle7 = ({
) )
: Amount == true && ( : Amount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -918,58 +923,58 @@ const PrintStyle7 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{...tableHeaderStyle, width: '10px' }}>S.No</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>
) )
: SLNO == true && ( : SLNO == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>S.NO</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>S.NO</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle,}}>Item</th> ? GlobalItem && <th style={{ ...tableHeaderStyle, }}>Item</th>
: Item == true && <th style={{...tableHeaderStyle,}}>Item</th>} : Item == true && <th style={{ ...tableHeaderStyle, }}>Item</th>}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, width: '10px' }}>HSN</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>HSN</th>
) )
: HsnCode == true && ( : HsnCode == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>HSN</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>HSN</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{...tableHeaderStyle, width: '10px' }}>Qty</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Qty</th>
) )
: Quantity == true && ( : Quantity == true && (
<th style={{ ...tableHeaderStyle,width: '10px' }}> <th style={{ ...tableHeaderStyle, width: '10px' }}>
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th style={{...tableHeaderStyle, width: '10px' }}>MRP</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>MRP</th>
) )
: MRP == true && ( : MRP == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>MRP</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>MRP</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{...tableHeaderStyle, width: '10px' }}>Rate</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Rate</th>
) )
: Rate == true && ( : Rate == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>Rate</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Rate</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, width: '10px' }}>Dis </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Dis </th>
) )
: Discount == true && ( : Discount == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>Dis </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Dis </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th style={{...tableHeaderStyle, width: '10px' }}>Tax % </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Tax % </th>
) )
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, width: '10px' }}>Tax % </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Tax % </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
@ -999,17 +1004,17 @@ const PrintStyle7 = ({
<tbody> <tbody>
{dataChunk?.map((item, index) => ( {dataChunk?.map((item, index) => (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td style={{ textAlign: 'center' }}> <td style={{ textAlign: 'center' }}>
@ -1125,9 +1130,9 @@ const PrintStyle7 = ({
? GlobalDiscount && <td>{item.discount}</td> ? GlobalDiscount && <td>{item.discount}</td>
: Discount == true && ( : Discount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1150,10 +1155,9 @@ const PrintStyle7 = ({
) )
: Amount == true && ( : Amount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -2984,7 +2988,7 @@ const PrintStyle7 = ({
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
'' ''
) : ( ) : (
<div className="PrintStyle7-print" style={{...headerStyle}}> <div className="PrintStyle7-print" style={{ ...headerStyle }}>
<div <div
style={{ style={{
display: 'flex', display: 'flex',
@ -3108,9 +3112,10 @@ const PrintStyle7 = ({
)} )}
</div> </div>
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontSize: '10px', fontWeight: 600 }}> {SalesModePref?.SettingValue == 'Y' && <div style={{ fontWeight: '600' }}>
{' '} {' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '} Name : {table2Data?.SalesMode == "R" ? Retailshortname?.Comments : Wholesaleshortname?.Comments}{' '}
</div>} </div>}
</div> </div>
<div className="PrintStyle7-SecondDiv2"> <div className="PrintStyle7-SecondDiv2">
@ -3150,58 +3155,58 @@ const PrintStyle7 = ({
<thead> <thead>
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <th style={{...tableHeaderStyle, width: '10%' }}>S.No</th> ? GlobalSlNo && <th style={{ ...tableHeaderStyle, width: '10%' }}>S.No</th>
: SLNO == true && ( : SLNO == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>S.No</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalItem && ( ? GlobalItem && (
<th style={{...tableHeaderStyle, width: '30%', textAlign: 'left' }}> <th style={{ ...tableHeaderStyle, width: '30%', textAlign: 'left' }}>
Item Item
</th> </th>
) )
: Item == true && <th style={{...tableHeaderStyle}}>Item</th>} : Item == true && <th style={{ ...tableHeaderStyle }}>Item</th>}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && <th style={{...tableHeaderStyle}}>HSN</th> ? GlobalHsnCode && <th style={{ ...tableHeaderStyle }}>HSN</th>
: HsnCode == true && ( : HsnCode == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>HSN</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>HSN</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && <th style={{...tableHeaderStyle}}>Qty</th> ? GlobalQuantity && <th style={{ ...tableHeaderStyle }}>Qty</th>
: Quantity == true && ( : Quantity == true && (
<th style={{...tableHeaderStyle, width: '10px' }}> <th style={{ ...tableHeaderStyle, width: '10px' }}>
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && <th style={{...tableHeaderStyle}}>MRP</th> ? GlobalMRP && <th style={{ ...tableHeaderStyle }}>MRP</th>
: MRP == true && ( : MRP == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>MRP</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>MRP</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalRate && <th style={{...tableHeaderStyle}}>Rate</th> ? GlobalRate && <th style={{ ...tableHeaderStyle }}>Rate</th>
: Rate == true && ( : Rate == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>Rate</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Rate</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && <th style={{...tableHeaderStyle,}}>Dis </th> ? GlobalDiscount && <th style={{ ...tableHeaderStyle, }}>Dis </th>
: Discount == true && ( : Discount == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>Dis </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Dis </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th style={{...tableHeaderStyle, width: '10px' }}>Tax % </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Tax % </th>
) )
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, width: '10px' }}>Tax % </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Tax % </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th style={{...tableHeaderStyle, textAlign: 'right' }}>Amt</th> <th style={{ ...tableHeaderStyle, textAlign: 'right' }}>Amt</th>
) )
: Amount == true && ( : Amount == true && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Amt Amt
</th> </th>
)} )}
@ -3211,17 +3216,17 @@ const PrintStyle7 = ({
{(GlobaldummyData ? products : TakeawayData)?.map( {(GlobaldummyData ? products : TakeawayData)?.map(
(item, index) => ( (item, index) => (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td style={{ textAlign: 'center' }}> <td style={{ textAlign: 'center' }}>
@ -3344,9 +3349,9 @@ const PrintStyle7 = ({
? GlobalDiscount && <td>{item.discount}</td> ? GlobalDiscount && <td>{item.discount}</td>
: Discount == true && ( : Discount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3369,9 +3374,9 @@ const PrintStyle7 = ({
) )
: Amount == true && ( : Amount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>
@ -3402,64 +3407,64 @@ const PrintStyle7 = ({
<thead> <thead>
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <th style={{...tableHeaderStyle, width: '10px' }}>S</th> ? GlobalSlNo && <th style={{ ...tableHeaderStyle, width: '10px' }}>S</th>
: SLNO == true && ( : SLNO == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>S</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>S</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle}}>Item</th> ? GlobalItem && <th style={{ ...tableHeaderStyle }}>Item</th>
: Item == true && <th style={{...tableHeaderStyle}}>Item</th>} : Item == true && <th style={{ ...tableHeaderStyle }}>Item</th>}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, width: '10px' }}>HSN</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>HSN</th>
) )
: HsnCode == true && ( : HsnCode == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>HSN</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>HSN</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{...tableHeaderStyle, width: '10px' }}>Qty</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Qty</th>
) )
: Quantity == true && ( : Quantity == true && (
<th style={{...tableHeaderStyle, width: '10px' }}> <th style={{ ...tableHeaderStyle, width: '10px' }}>
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && <th style={{...tableHeaderStyle, width: '10px' }}>MRP</th> ? GlobalMRP && <th style={{ ...tableHeaderStyle, width: '10px' }}>MRP</th>
: MRP == true && ( : MRP == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>MRP</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>MRP</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{...tableHeaderStyle, width: '10px' }}>Rate</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Rate</th>
) )
: Rate == true && ( : Rate == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>Rate</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Rate</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, width: '10px' }}>Dis </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Dis </th>
) )
: Discount == true && ( : Discount == true && (
<th style={{...tableHeaderStyle, width: '10px' }}>Dis </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Dis </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th style={{...tableHeaderStyle, width: '10px' }}>Tax % </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Tax % </th>
) )
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, width: '10px' }}>Tax % </th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Tax % </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Amt Amt
</th> </th>
) )
: Amount == true && ( : Amount == true && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Amt Amt
</th> </th>
)} )}
@ -3469,17 +3474,17 @@ const PrintStyle7 = ({
{(GlobaldummyData ? products : DineInData)?.map( {(GlobaldummyData ? products : DineInData)?.map(
(item, index) => ( (item, index) => (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td style={{ textAlign: 'center' }}> <td style={{ textAlign: 'center' }}>
@ -3583,9 +3588,9 @@ const PrintStyle7 = ({
? GlobalDiscount && <td>{item.discount}</td> ? GlobalDiscount && <td>{item.discount}</td>
: Discount == true && ( : Discount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3608,9 +3613,9 @@ const PrintStyle7 = ({
) )
: Amount == true && ( : Amount == true && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>

281
src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle8.jsx
View File

@ -30,15 +30,15 @@ import {
GlobalprintTax, GlobalprintTax,
GlobalSelectedPrintHeaderColor, GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor, GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor, GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor, GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyFontColor, GlobalSelectedTableBodyFontColor,
GlobalSelectedTableBodyColor, GlobalSelectedTableBodyColor,
GlobalRowType, GlobalRowType,
GlobalSelectedFooterColor, GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor, GlobalSelectedFooterFontColor,
GlobalSelectedNetAmountColor, GlobalSelectedNetAmountColor,
GlobalSelectedNetAmountFontColor, GlobalSelectedNetAmountFontColor,
} from '../../../../Features/ThemeChange/ThemeChange'; } from '../../../../Features/ThemeChange/ThemeChange';
import Logo from '../../../../Images/Logo.jpg'; import Logo from '../../../../Images/Logo.jpg';
import { import {
@ -115,6 +115,12 @@ const Printstyle8 = ({
const GlobalLogo = useSelector(GlobalprintLogo); const GlobalLogo = useSelector(GlobalprintLogo);
const GlobalCredit = useSelector(GlobalprintCredit); const GlobalCredit = useSelector(GlobalprintCredit);
const SettingData = useSelector(PreferenceData); const SettingData = useSelector(PreferenceData);
const Retailshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'retailshortname'
);
const Wholesaleshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'wholesaleshortname'
);
const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter( const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter(
(i) => i.SettingIdName === 'PrintUom' (i) => i.SettingIdName === 'PrintUom'
)?.[0]; )?.[0];
@ -160,17 +166,17 @@ const Printstyle8 = ({
); );
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor); const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor); const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor); const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor); const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor); const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor); const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor);
const SelectedRowType = useSelector(GlobalRowType); const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor); const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor); const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor);
const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor); const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor);
const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor); const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor);
let printColors = printDatas?.PrintColors; let printColors = printDatas?.PrintColors;
const headerColor = printColors?.find(obj => obj.headerColor)?.headerColor; const headerColor = printColors?.find(obj => obj.headerColor)?.headerColor;
const tableHeaderColor = printColors?.find(obj => obj.tableHeaderColor)?.tableHeaderColor; const tableHeaderColor = printColors?.find(obj => obj.tableHeaderColor)?.tableHeaderColor;
const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor; const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor;
@ -387,7 +393,7 @@ const Printstyle8 = ({
? paginatedChunks[paginatedChunks.length - 1].length ? paginatedChunks[paginatedChunks.length - 1].length
: 0; : 0;
const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 13); const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 13);
const headerStyle = { const headerStyle = {
backgroundColor: GlobaldummyData backgroundColor: GlobaldummyData
? SelectedHeaderColor ? SelectedHeaderColor
: headerColor?.background, : headerColor?.background,
@ -489,7 +495,7 @@ const Printstyle8 = ({
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
'' ''
) : ( ) : (
<div className="PrintStyle8-fistDiv" style={{...headerStyle}}> <div className="PrintStyle8-fistDiv" style={{ ...headerStyle }}>
{/* <h3>{table2Data?.BrName}</h3> */} {/* <h3>{table2Data?.BrName}</h3> */}
<div <div
@ -651,8 +657,8 @@ const Printstyle8 = ({
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle,}}>Dis</th> ? GlobalItem && <th style={{ ...tableHeaderStyle, }}>Dis</th>
: Item && <th style={{...tableHeaderStyle,}}>Des</th>} : Item && <th style={{ ...tableHeaderStyle, }}>Des</th>}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th <th
@ -821,17 +827,17 @@ const Printstyle8 = ({
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td style={{ textAlign: 'center' }}> <td style={{ textAlign: 'center' }}>
@ -944,9 +950,9 @@ const Printstyle8 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -990,10 +996,9 @@ const Printstyle8 = ({
textAlign: 'right', textAlign: 'right',
}} }}
> >
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -1047,8 +1052,8 @@ const Printstyle8 = ({
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle,}}>Dis</th> ? GlobalItem && <th style={{ ...tableHeaderStyle, }}>Dis</th>
: Item && <th style={{...tableHeaderStyle,}}>Des</th>} : Item && <th style={{ ...tableHeaderStyle, }}>Des</th>}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th <th
@ -1217,17 +1222,17 @@ const Printstyle8 = ({
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td style={{ textAlign: 'center' }}> <td style={{ textAlign: 'center' }}>
@ -1312,9 +1317,9 @@ const Printstyle8 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1358,10 +1363,9 @@ const Printstyle8 = ({
textAlign: 'right', textAlign: 'right',
}} }}
> >
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -1379,7 +1383,7 @@ const Printstyle8 = ({
FormatTheme && ( FormatTheme && (
<> <>
<hr className="PrintStyle8-print-dottline" /> <hr className="PrintStyle8-print-dottline" />
<div style={{ fontSize: '12px',...netAmountStyle }}> <div style={{ fontSize: '12px', ...netAmountStyle }}>
<div <div
style={{ style={{
display: 'flex', display: 'flex',
@ -2386,7 +2390,7 @@ const Printstyle8 = ({
> >
<> <>
<hr className="PrintStyle8-print-dottline" /> <hr className="PrintStyle8-print-dottline" />
<div style={{ fontSize: '12px',...netAmountStyle }}> <div style={{ fontSize: '12px', ...netAmountStyle }}>
<div <div
style={{ style={{
display: 'flex', display: 'flex',
@ -3359,7 +3363,7 @@ const Printstyle8 = ({
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
'' ''
) : ( ) : (
<div className="PrintStyle8-fistDiv" style={{...headerStyle}}> <div className="PrintStyle8-fistDiv" style={{ ...headerStyle }}>
{/* <h3>{table2Data?.BrName}</h3> */} {/* <h3>{table2Data?.BrName}</h3> */}
<div <div
style={{ style={{
@ -3461,9 +3465,10 @@ const Printstyle8 = ({
table2Data?.FYStatus table2Data?.FYStatus
)} )}
</div> </div>
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontSize: '10px', fontWeight: 600 }}> {SalesModePref?.SettingValue == 'Y' && <div style={{ fontWeight: '600' }}>
{' '} {' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '} Name : {table2Data?.SalesMode == "R" ? Retailshortname?.Comments : Wholesaleshortname?.Comments}{' '}
</div>} </div>}
<div style={{ fontSize: "10px" }}> <div style={{ fontSize: "10px" }}>
{GlobaldummyData ? formattedDate : Date1} {GlobaldummyData ? formattedDate : Date1}
@ -3494,95 +3499,95 @@ const Printstyle8 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'center' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'center' }}>
S.No S.No
</th> </th>
) )
: SLNO && ( : SLNO && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'center' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'center' }}>
S.No S.No
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalItem && ( ? GlobalItem && (
<th style={{...tableHeaderStyle, textAlign: 'left' }}>Dis</th> <th style={{ ...tableHeaderStyle, textAlign: 'left' }}>Dis</th>
) )
: Item && <th style={{...tableHeaderStyle,}}>Des</th>} : Item && <th style={{ ...tableHeaderStyle, }}>Des</th>}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
HSN HSN
</th> </th>
) )
: HsnCode && ( : HsnCode && (
<th style={{ ...tableHeaderStyle,width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
HSN HSN
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th style={{ ...tableHeaderStyle,width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
MRP MRP
</th> </th>
) )
: MRP && ( : MRP && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
MRP MRP
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Rate Rate
</th> </th>
) )
: Rate && ( : Rate && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Rt Rt
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
(%) (%)
</th> </th>
) )
: Discount && ( : Discount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
(%) (%)
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Tax % Tax %
</th> </th>
) )
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Tax % Tax %
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Qty Qty
</th> </th>
) )
: Quantity && ( : Quantity && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Amt Amt
</th> </th>
) )
: Amount && ( : Amount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Amt Amt
</th> </th>
)} )}
@ -3593,17 +3598,17 @@ const Printstyle8 = ({
(item, index) => { (item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td style={{ textAlign: 'center' }}> <td style={{ textAlign: 'center' }}>
@ -3686,9 +3691,9 @@ const Printstyle8 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3732,9 +3737,9 @@ const Printstyle8 = ({
textAlign: 'right', textAlign: 'right',
}} }}
> >
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>
@ -3767,93 +3772,93 @@ const Printstyle8 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'center' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'center' }}>
S.No S.No
</th> </th>
) )
: SLNO && ( : SLNO && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'center' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'center' }}>
S.No S.No
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle,}}>Dis</th> ? GlobalItem && <th style={{ ...tableHeaderStyle, }}>Dis</th>
: Item && <th style={{...tableHeaderStyle,}}>Des</th>} : Item && <th style={{ ...tableHeaderStyle, }}>Des</th>}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
HSN HSN
</th> </th>
) )
: HsnCode && ( : HsnCode && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
HSN HSN
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
MRP MRP
</th> </th>
) )
: MRP && ( : MRP && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
MRP MRP
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Rate Rate
</th> </th>
) )
: Rate && ( : Rate && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Rt Rt
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
(%) (%)
</th> </th>
) )
: Discount && ( : Discount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
(%) (%)
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Tax % Tax %
</th> </th>
) )
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Tax % Tax %
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Qty Qty
</th> </th>
) )
: Quantity && ( : Quantity && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Amt Amt
</th> </th>
) )
: Amount && ( : Amount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Amt Amt
</th> </th>
)} )}
@ -3864,17 +3869,17 @@ const Printstyle8 = ({
(item, index) => { (item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td style={{ textAlign: 'center' }}> <td style={{ textAlign: 'center' }}>
@ -3963,9 +3968,9 @@ const Printstyle8 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -4009,9 +4014,9 @@ const Printstyle8 = ({
textAlign: 'right', textAlign: 'right',
}} }}
> >
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>
@ -4024,7 +4029,7 @@ const Printstyle8 = ({
</> </>
)} )}
<hr className="PrintStyle8-print-dottline" /> <hr className="PrintStyle8-print-dottline" />
<div style={{ fontSize: '12px',...netAmountStyle }}> <div style={{ fontSize: '12px', ...netAmountStyle }}>
<div style={{ display: 'flex', justifyContent: 'space-between' }}> <div style={{ display: 'flex', justifyContent: 'space-between' }}>
<div style={{ width: '40%' }}>Items </div> <div style={{ width: '40%' }}>Items </div>
<div> : </div> <div> : </div>

350
src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle9.jsx
View File

@ -30,15 +30,15 @@ import {
GlobalprintTax, GlobalprintTax,
GlobalSelectedPrintHeaderColor, GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor, GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor, GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor, GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyFontColor, GlobalSelectedTableBodyFontColor,
GlobalSelectedTableBodyColor, GlobalSelectedTableBodyColor,
GlobalRowType, GlobalRowType,
GlobalSelectedFooterColor, GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor, GlobalSelectedFooterFontColor,
GlobalSelectedNetAmountColor, GlobalSelectedNetAmountColor,
GlobalSelectedNetAmountFontColor, GlobalSelectedNetAmountFontColor,
} from '../../../../Features/ThemeChange/ThemeChange'; } from '../../../../Features/ThemeChange/ThemeChange';
import Logo from '../../../../Images/Logo.jpg'; import Logo from '../../../../Images/Logo.jpg';
import { import {
@ -112,6 +112,12 @@ const PrintStyle9 = ({
const GlobalLogo = useSelector(GlobalprintLogo); const GlobalLogo = useSelector(GlobalprintLogo);
const GlobalCredit = useSelector(GlobalprintCredit); const GlobalCredit = useSelector(GlobalprintCredit);
const SettingData = useSelector(PreferenceData); const SettingData = useSelector(PreferenceData);
const Retailshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'retailshortname'
);
const Wholesaleshortname = SettingData?.[0]?.SettingDtlDetails?.find(
(setting) => setting?.SettingIdName?.toLowerCase() === 'wholesaleshortname'
);
const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter( const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter(
(i) => i.SettingIdName === 'PrintUom' (i) => i.SettingIdName === 'PrintUom'
)?.[0]; )?.[0];
@ -154,18 +160,18 @@ const PrintStyle9 = ({
(ps) => ps.PaymentStatus === 'S' && ps?.LastOrderTran === 'Y' (ps) => ps.PaymentStatus === 'S' && ps?.LastOrderTran === 'Y'
); );
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor); const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor); const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor); const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor); const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor); const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor); const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor);
const SelectedRowType = useSelector(GlobalRowType); const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor); const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor); const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor);
const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor); const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor);
const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor); const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor);
let printColors = printDatas?.PrintColors; let printColors = printDatas?.PrintColors;
const headerColor = printColors?.find(obj => obj.headerColor)?.headerColor; const headerColor = printColors?.find(obj => obj.headerColor)?.headerColor;
const tableHeaderColor = printColors?.find(obj => obj.tableHeaderColor)?.tableHeaderColor; const tableHeaderColor = printColors?.find(obj => obj.tableHeaderColor)?.tableHeaderColor;
const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor; const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor;
@ -377,7 +383,7 @@ const PrintStyle9 = ({
? paginatedChunks[paginatedChunks.length - 1].length ? paginatedChunks[paginatedChunks.length - 1].length
: 0; : 0;
const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 10); const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 10);
const headerStyle = { const headerStyle = {
backgroundColor: GlobaldummyData backgroundColor: GlobaldummyData
? SelectedHeaderColor ? SelectedHeaderColor
: headerColor?.background, : headerColor?.background,
@ -479,7 +485,7 @@ const PrintStyle9 = ({
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
'' ''
) : ( ) : (
<div className="PrintStyle9-print" style={{...headerStyle}}> <div className="PrintStyle9-print" style={{ ...headerStyle }}>
<div <div
style={{ style={{
display: 'flex', display: 'flex',
@ -651,25 +657,25 @@ const PrintStyle9 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{...tableHeaderStyle, width: '10px' }}>S.No</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>
) )
: SLNO && <th style={{...tableHeaderStyle, width: '10px' }}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>}
{GlobaldummyData {GlobaldummyData
? GlobalItem && ( ? GlobalItem && (
<th style={{...tableHeaderStyle, width: '10px' }}>Item</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Item</th>
) )
: Item && <th style={{...tableHeaderStyle, width: '10px' }}>Item</th>} : Item && <th style={{ ...tableHeaderStyle, width: '10px' }}>Item</th>}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Qty Qty
</th> </th>
) )
: Quantity && ( : Quantity && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
@ -677,14 +683,14 @@ const PrintStyle9 = ({
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
HSN HSN
</th> </th>
) )
: HsnCode && ( : HsnCode && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
HSN HSN
</th> </th>
@ -692,14 +698,14 @@ const PrintStyle9 = ({
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
MRP MRP
</th> </th>
) )
: MRP && ( : MRP && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
MRP MRP
</th> </th>
@ -707,14 +713,14 @@ const PrintStyle9 = ({
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Dis{' '} Dis{' '}
</th> </th>
) )
: Discount && ( : Discount && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Dis{' '} Dis{' '}
</th> </th>
@ -722,7 +728,7 @@ const PrintStyle9 = ({
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Tax % Tax %
</th> </th>
@ -730,7 +736,7 @@ const PrintStyle9 = ({
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Tax % Tax %
</th> </th>
@ -738,14 +744,14 @@ const PrintStyle9 = ({
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Rate Rate
</th> </th>
) )
: Rate && ( : Rate && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Rate Rate
</th> </th>
@ -753,14 +759,14 @@ const PrintStyle9 = ({
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Amt Amt
</th> </th>
) )
: Amount && ( : Amount && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Amt Amt
</th> </th>
@ -771,17 +777,17 @@ const PrintStyle9 = ({
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && ( : SLNO && (
@ -907,9 +913,9 @@ const PrintStyle9 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -943,10 +949,9 @@ const PrintStyle9 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -975,25 +980,25 @@ const PrintStyle9 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{...tableHeaderStyle, width: '10px' }}>S.No</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>
) )
: SLNO && <th style={{...tableHeaderStyle, width: '10px' }}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>}
{GlobaldummyData {GlobaldummyData
? GlobalItem && ( ? GlobalItem && (
<th style={{...tableHeaderStyle, width: '10px' }}>Item</th> <th style={{ ...tableHeaderStyle, width: '10px' }}>Item</th>
) )
: Item && <th style={{...tableHeaderStyle, width: '10px' }}>Item</th>} : Item && <th style={{ ...tableHeaderStyle, width: '10px' }}>Item</th>}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Qty Qty
</th> </th>
) )
: Quantity && ( : Quantity && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
@ -1001,14 +1006,14 @@ const PrintStyle9 = ({
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
HSN HSN
</th> </th>
) )
: HsnCode && ( : HsnCode && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
HSN HSN
</th> </th>
@ -1016,14 +1021,14 @@ const PrintStyle9 = ({
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
MRP MRP
</th> </th>
) )
: MRP && ( : MRP && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
MRP MRP
</th> </th>
@ -1031,14 +1036,14 @@ const PrintStyle9 = ({
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Dis{' '} Dis{' '}
</th> </th>
) )
: Discount && ( : Discount && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Dis{' '} Dis{' '}
</th> </th>
@ -1046,7 +1051,7 @@ const PrintStyle9 = ({
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Tax % Tax %
</th> </th>
@ -1054,7 +1059,7 @@ const PrintStyle9 = ({
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Tax % Tax %
</th> </th>
@ -1062,14 +1067,14 @@ const PrintStyle9 = ({
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Rate Rate
</th> </th>
) )
: Rate && ( : Rate && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Rate Rate
</th> </th>
@ -1077,14 +1082,14 @@ const PrintStyle9 = ({
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Amt Amt
</th> </th>
) )
: Amount && ( : Amount && (
<th <th
style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }} style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}
> >
Amt Amt
</th> </th>
@ -1095,17 +1100,17 @@ const PrintStyle9 = ({
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && ( : SLNO && (
@ -1179,9 +1184,9 @@ const PrintStyle9 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -1215,10 +1220,9 @@ const PrintStyle9 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
0}
</td> </td>
)} )}
</tr> </tr>
@ -2338,7 +2342,7 @@ const PrintStyle9 = ({
<hr className="PrintStyle9-print-dottline" /> <hr className="PrintStyle9-print-dottline" />
<div <div
style={{ display: 'flex', justifyContent: 'space-between',...netAmountStyle }} style={{ display: 'flex', justifyContent: 'space-between', ...netAmountStyle }}
> >
<div style={{ fontWeight: '700' }}>Net Amount:</div> <div style={{ fontWeight: '700' }}>Net Amount:</div>
<div style={{ fontWeight: '700', marginRight: '0.5rem' }}> <div style={{ fontWeight: '700', marginRight: '0.5rem' }}>
@ -3212,7 +3216,7 @@ const PrintStyle9 = ({
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
'' ''
) : ( ) : (
<div className="PrintStyle9-print" style={{...headerStyle}}> <div className="PrintStyle9-print" style={{ ...headerStyle }}>
<div <div
style={{ style={{
display: 'flex', display: 'flex',
@ -3338,10 +3342,11 @@ const PrintStyle9 = ({
table2Data?.FYStatus table2Data?.FYStatus
)} )}
</div> </div>
{SalesModePref?.SettingValue == 'Y' && <div style={{ fontSize: '13px', fontWeight: 600 }}> {SalesModePref?.SettingValue == 'Y' && <div style={{ fontWeight: '600' }}>
{' '} {' '}
Name : {table2Data?.SalesMode == "R" ? "RT" : "WS"}{' '} Name : {table2Data?.SalesMode == "R" ? Retailshortname?.Comments : Wholesaleshortname?.Comments}{' '}
</div>}
</div>}
<div style={{ fontSize: '12px', fontWeight: '400' }}> <div style={{ fontSize: '12px', fontWeight: '400' }}>
{' '} {' '}
{GlobaldummyData ? formattedDate : Date1}{' '} {GlobaldummyData ? formattedDate : Date1}{' '}
@ -3389,89 +3394,89 @@ const PrintStyle9 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'left' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'left' }}>
S.No S.No
</th> </th>
) )
: SLNO && <th style={{...tableHeaderStyle, width: '10px' }}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle, width: '10px' }}>Item</th> ? GlobalItem && <th style={{ ...tableHeaderStyle, width: '10px' }}>Item</th>
: Item && <th style={{...tableHeaderStyle, width: '10px' }}>Item</th>} : Item && <th style={{ ...tableHeaderStyle, width: '10px' }}>Item</th>}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Qty Qty
</th> </th>
) )
: Quantity && ( : Quantity && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
HSN HSN
</th> </th>
) )
: HsnCode && ( : HsnCode && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
HSN HSN
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
MRP MRP
</th> </th>
) )
: MRP && ( : MRP && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
MRP MRP
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Dis{' '} Dis{' '}
</th> </th>
) )
: Discount && ( : Discount && (
<th style={{ ...tableHeaderStyle,width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Dis{' '} Dis{' '}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Tax % Tax %
</th> </th>
) )
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Tax % Tax %
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Rate Rate
</th> </th>
) )
: Rate && ( : Rate && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Rate Rate
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Amt Amt
</th> </th>
) )
: Amount && ( : Amount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Amt Amt
</th> </th>
)} )}
@ -3482,17 +3487,17 @@ const PrintStyle9 = ({
(item, index) => { (item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && <td>{index + 1}</td>} : SLNO && <td>{index + 1}</td>}
@ -3583,11 +3588,12 @@ const PrintStyle9 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
@ -3619,9 +3625,9 @@ const PrintStyle9 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>
@ -3650,86 +3656,86 @@ const PrintStyle9 = ({
<thead> <thead>
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <th style={{...tableHeaderStyle, width: '10px' }}>S.No</th> ? GlobalSlNo && <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>
: SLNO && <th style={{...tableHeaderStyle, width: '10px' }}>S.No</th>} : SLNO && <th style={{ ...tableHeaderStyle, width: '10px' }}>S.No</th>}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th style={{...tableHeaderStyle, width: '10px' }}>Item</th> ? GlobalItem && <th style={{ ...tableHeaderStyle, width: '10px' }}>Item</th>
: Item && <th style={{...tableHeaderStyle, width: '10px' }}>Item</th>} : Item && <th style={{ ...tableHeaderStyle, width: '10px' }}>Item</th>}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Qty Qty
</th> </th>
) )
: Quantity && ( : Quantity && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
{WeightasKg ? 'Qty/Kg' : 'Qty'} {WeightasKg ? 'Qty/Kg' : 'Qty'}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalHsnCode && ( ? GlobalHsnCode && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
HSN HSN
</th> </th>
) )
: HsnCode && ( : HsnCode && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
HSN HSN
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalMRP && ( ? GlobalMRP && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
MRP MRP
</th> </th>
) )
: MRP && ( : MRP && (
<th style={{...tableHeaderStyle,width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
MRP MRP
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalDiscount && ( ? GlobalDiscount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Dis{' '} Dis{' '}
</th> </th>
) )
: Discount && ( : Discount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Dis{' '} Dis{' '}
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalTax && ( ? GlobalTax && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Tax % Tax %
</th> </th>
) )
: Tax && : Tax &&
table2Data?.OrderType !== 'E' && ( table2Data?.OrderType !== 'E' && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Tax % Tax %
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalRate && ( ? GlobalRate && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Rate Rate
</th> </th>
) )
: Rate && ( : Rate && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Rate Rate
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalAmount && ( ? GlobalAmount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Amt Amt
</th> </th>
) )
: Amount && ( : Amount && (
<th style={{...tableHeaderStyle, width: '10px', textAlign: 'right' }}> <th style={{ ...tableHeaderStyle, width: '10px', textAlign: 'right' }}>
Amt Amt
</th> </th>
)} )}
@ -3740,17 +3746,17 @@ const PrintStyle9 = ({
(item, index) => { (item, index) => {
return ( return (
<tr key={index} <tr key={index}
style={ style={
index % 2 !== 1 && rowtypeStyle === "even" index % 2 !== 1 && rowtypeStyle === "even"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: index % 2 === 1 && rowtypeStyle === "odd" : index % 2 === 1 && rowtypeStyle === "odd"
? { ? {
...tableBodyStyle ...tableBodyStyle
} }
: {} : {}
}> }>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && <td>{index + 1}</td>} : SLNO && <td>{index + 1}</td>}
@ -3818,9 +3824,9 @@ const PrintStyle9 = ({
) )
: Discount && ( : Discount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.OfferAmt || 0 ? (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.OfferValue || 0} : (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
{GlobaldummyData {GlobaldummyData
@ -3854,9 +3860,9 @@ const PrintStyle9 = ({
) )
: Amount && ( : Amount && (
<td style={{ textAlign: 'right' }}> <td style={{ textAlign: 'right' }}>
{item?.Type != 'C' {item?.Type !== 'C'
? item?.TotalAmt - item?.OfferAmt || 0 ? item?.TotalAmt - (item?.OfferAmt || item?.DiscountAmt || 0)
: item?.TotalAmt - item?.OfferValue || 0} : item?.TotalAmt - (item?.OfferValue || item?.DiscountAmt || 0)}
</td> </td>
)} )}
</tr> </tr>
@ -3961,7 +3967,7 @@ const PrintStyle9 = ({
<hr className="PrintStyle9-print-dottline" /> <hr className="PrintStyle9-print-dottline" />
<div style={{ display: 'flex', justifyContent: 'space-between',...netAmountStyle }}> <div style={{ display: 'flex', justifyContent: 'space-between', ...netAmountStyle }}>
<div style={{ fontWeight: '700' }}>Net Amount:</div> <div style={{ fontWeight: '700' }}>Net Amount:</div>
<div style={{ fontWeight: '700', marginRight: '0.5rem' }}> <div style={{ fontWeight: '700', marginRight: '0.5rem' }}>
{GlobaldummyData {GlobaldummyData