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

Merge pull request 'Delivery Challan Color Print' (#227) from OptimUpdate into main 

Reviewed-on: Pozomind/pozo-retail-app#227
This commit is contained in:
karthikalakshmi 2026-03-04 11:25:53 +05:30
parent 127b64e749 33437f28a6
commit fc34c1919b
17 changed files with 8400 additions and 3127 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1559
src/Pages/DeliveryChallan/DCPrintTemplates/DCA4/DCA4Standard.jsx
View File

File diff suppressed because it is too large Load Diff

118
src/Pages/DeliveryChallan/DCPrintTemplates/DCA4/DCPrintA4Style11.jsx
View File

@ -20,6 +20,15 @@ import {
GlobalprintSlNo, GlobalprintSlNo,
GlobalprinttermsAndConditions, GlobalprinttermsAndConditions,
GlobalPritdummyData, GlobalPritdummyData,
GlobalRowType,
GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalSelectedTableBodyFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSignatureImage, GlobalSignatureImage,
GlobalthemeFormat, GlobalthemeFormat,
} from '../../../../Features/ThemeChange/ThemeChange'; } from '../../../../Features/ThemeChange/ThemeChange';
@ -200,6 +209,72 @@ const DCPrintA4Style11 = ({
lastChunkRows > (!isMobile ? 10 : PageSize === 'A5' ? 5 : 14); lastChunkRows > (!isMobile ? 10 : PageSize === 'A5' ? 5 : 14);
console.log(lastChunkRows, shouldFooterBeOnNewPage, 'dataSourcedataSource'); console.log(lastChunkRows, shouldFooterBeOnNewPage, 'dataSourcedataSource');
//
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(
GlobalSelectedPrintHeaderFontColor
);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(
GlobalSelectedTableHeaderFontColor
);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(
GlobalSelectedTableBodyFontColor
);
const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(
GlobalSelectedFooterFontColor
);
//
let printColors = DCPrintTemplateDtl?.PrintColors;
const headerColor = printColors?.find((obj) => obj.headerColor)?.headerColor;
const tableHeaderColor = printColors?.find(
(obj) => obj.tableHeaderColor
)?.tableHeaderColor;
const tableBodyColor = printColors?.find(
(obj) => obj.tableBodyColor
)?.tableBodyColor;
const footerColor = printColors?.find((obj) => obj.footerColor)?.footerColor;
//
const headerStyle = {
backgroundColor: GlobaldummyData
? SelectedHeaderColor
: headerColor?.background,
color: GlobaldummyData ? SelectedHeaderFontColor : headerColor?.font,
};
const tableHeaderStyle = {
backgroundColor: GlobaldummyData
? SelectedTableHeaderColor
: tableHeaderColor?.background,
color: GlobaldummyData
? SelectedTableHeaderFontColor
: tableHeaderColor?.font,
};
const tableBodyStyle = {
backgroundColor: GlobaldummyData
? SelectedTableBodyColor
: tableBodyColor?.background,
color: GlobaldummyData ? SelectedTableBodyFontColor : tableBodyColor?.font,
};
const rowtypeStyle = GlobaldummyData
? SelectedRowType
: tableBodyColor?.rowType;
const footerColorStyle = {
backgroundColor: GlobaldummyData
? SelectedTableFooterColor
: footerColor?.background,
color: GlobaldummyData ? SelectedTableFooterFontColor : footerColor?.font,
};
return ( return (
<div <div
style={{ style={{
@ -215,6 +290,7 @@ const DCPrintA4Style11 = ({
position: 'relative', position: 'relative',
width: '100%', width: '100%',
minHeight: isMobile ? '257mm' : '297mm', minHeight: isMobile ? '257mm' : '297mm',
...headerStyle,
}} }}
id={`DCPrintStyleA4`} id={`DCPrintStyleA4`}
> >
@ -248,6 +324,8 @@ const DCPrintA4Style11 = ({
alignItems: 'center', alignItems: 'center',
padding: '12px 0', padding: '12px 0',
borderBottom: '1px solid black', borderBottom: '1px solid black',
...headerStyle,
width: '100%',
}} }}
> >
{/* Logo Image */} {/* Logo Image */}
@ -583,6 +661,7 @@ const DCPrintA4Style11 = ({
style={{ style={{
width: '10%', width: '10%',
textAlign: 'center', textAlign: 'center',
...tableHeaderStyle,
}} }}
> >
S.No S.No
@ -593,25 +672,30 @@ const DCPrintA4Style11 = ({
style={{ style={{
width: '10%', width: '10%',
textAlign: 'center', textAlign: 'center',
...tableHeaderStyle,
}} }}
> >
S.No S.No
</th> </th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th>Item</th> ? GlobalItem && (
: Item == true && <th>Item</th>} <th style={{ ...tableHeaderStyle }}>
{/* {GlobaldummyData Item
? GlobalHsnCode && <th style={{ width: '10%', textAlign: "center" }}>HSN</th> </th>
: HsnCode == true && ( )
<th style={{ width: '10%', textAlign: "center" }}>HSN</th> : Item == true && (
)} */} <th style={{ ...tableHeaderStyle }}>
Item
</th>
)}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th <th
style={{ style={{
width: '10%', width: '10%',
textAlign: 'center', textAlign: 'center',
...tableHeaderStyle,
}} }}
> >
Qty Qty
@ -622,6 +706,7 @@ const DCPrintA4Style11 = ({
style={{ style={{
width: '10%', width: '10%',
textAlign: 'center', textAlign: 'center',
...tableHeaderStyle,
}} }}
> >
Qty Qty
@ -656,7 +741,22 @@ const DCPrintA4Style11 = ({
<tbody> <tbody>
{dataChunk?.map((item, index) => ( {dataChunk?.map((item, index) => (
<tr key={index}> <tr
key={index}
style={{
...(index % 2 !== 1 &&
rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 &&
rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}),
}}
>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td style={{ textAlign: 'center' }}> <td style={{ textAlign: 'center' }}>
@ -1070,6 +1170,7 @@ const DCPrintA4Style11 = ({
? 'space-between' ? 'space-between'
: 'flex-end', : 'flex-end',
alignItems: 'center', alignItems: 'center',
...footerColorStyle,
}} }}
> >
{GlobaldummyData {GlobaldummyData
@ -1260,6 +1361,7 @@ const DCPrintA4Style11 = ({
? 'space-between' ? 'space-between'
: 'flex-end', : 'flex-end',
alignItems: 'center', alignItems: 'center',
...footerColorStyle,
}} }}
> >
{GlobaldummyData {GlobaldummyData

1523
src/Pages/DeliveryChallan/DCPrintTemplates/DCA4/DCPrintStyleA5.jsx
View File

File diff suppressed because it is too large Load Diff

2699
src/Pages/DeliveryChallan/DCPrintTemplates/DCThermalPrinter/DCInvicePrint.jsx
View File

File diff suppressed because it is too large Load Diff

902
src/Pages/DeliveryChallan/DCPrintTemplates/DCThermalPrinter/DCPrintStyle1.jsx
View File

File diff suppressed because it is too large Load Diff

138
src/Pages/DeliveryChallan/DCPrintTemplates/DCThermalPrinter/DCPrintStyle10.jsx
View File

@ -23,6 +23,15 @@ import {
Globalnotes, Globalnotes,
GlobalthemeFormat, GlobalthemeFormat,
GlobalBillName, GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalSelectedTableBodyFontColor,
GlobalRowType,
GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor,
} from '../../../../Features/ThemeChange/ThemeChange'; } from '../../../../Features/ThemeChange/ThemeChange';
import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData'; import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle10.scss'; import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle10.scss';
@ -304,6 +313,72 @@ const DCPrintStyle10 = ({
const shouldFooterBeOnNewPage = const shouldFooterBeOnNewPage =
lastChunkRows > (!isMobile ? 15 : PageSize == 'A5' ? 5 : 10); lastChunkRows > (!isMobile ? 15 : PageSize == 'A5' ? 5 : 10);
//
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(
GlobalSelectedPrintHeaderFontColor
);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(
GlobalSelectedTableHeaderFontColor
);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(
GlobalSelectedTableBodyFontColor
);
const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(
GlobalSelectedFooterFontColor
);
//
let printColors = DCPrintTemplateDtl?.PrintColors;
const headerColor = printColors?.find((obj) => obj.headerColor)?.headerColor;
const tableHeaderColor = printColors?.find(
(obj) => obj.tableHeaderColor
)?.tableHeaderColor;
const tableBodyColor = printColors?.find(
(obj) => obj.tableBodyColor
)?.tableBodyColor;
const footerColor = printColors?.find((obj) => obj.footerColor)?.footerColor;
//
const headerStyle = {
backgroundColor: GlobaldummyData
? SelectedHeaderColor
: headerColor?.background,
color: GlobaldummyData ? SelectedHeaderFontColor : headerColor?.font,
};
const tableHeaderStyle = {
backgroundColor: GlobaldummyData
? SelectedTableHeaderColor
: tableHeaderColor?.background,
color: GlobaldummyData
? SelectedTableHeaderFontColor
: tableHeaderColor?.font,
};
const tableBodyStyle = {
backgroundColor: GlobaldummyData
? SelectedTableBodyColor
: tableBodyColor?.background,
color: GlobaldummyData ? SelectedTableBodyFontColor : tableBodyColor?.font,
};
const rowtypeStyle = GlobaldummyData
? SelectedRowType
: tableBodyColor?.rowType;
const footerColorStyle = {
backgroundColor: GlobaldummyData
? SelectedTableFooterColor
: footerColor?.background,
color: GlobaldummyData ? SelectedTableFooterFontColor : footerColor?.font,
};
return ( return (
<> <>
{FormatTheme ? ( {FormatTheme ? (
@ -353,7 +428,7 @@ const DCPrintStyle10 = ({
width: '100%', width: '100%',
}} }}
> >
<div className="PrintStyle10-print"> <div className="PrintStyle10-print" style={{ ...headerStyle }}>
<div <div
className="ShopName" className="ShopName"
style={{ style={{
@ -591,40 +666,76 @@ const DCPrintStyle10 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{ width: '10px' }}>S.N</th> <th
style={{ width: '10px', ...tableHeaderStyle }}
>
S.N
</th>
) )
: SLNO && <th style={{ width: '10px' }}>S.N</th>} : SLNO && (
<th
style={{ width: '10px', ...tableHeaderStyle }}
>
S.N
</th>
)}
{GlobaldummyData {GlobaldummyData
? GlobalItem && ( ? GlobalItem && (
<th style={{ width: '10px' }}>Item</th> <th
style={{ width: '10px', ...tableHeaderStyle }}
>
Item
</th>
) )
: Item && <th style={{ width: '10px' }}>Item</th>} : Item && (
<th
style={{ width: '10px', ...tableHeaderStyle }}
>
Item
</th>
)}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th <th
style={{ width: '10px', textAlign: 'right' }} style={{
width: '10px',
textAlign: 'right',
...tableHeaderStyle,
}}
> >
Qty Qty
</th> </th>
) )
: Quantity && ( : Quantity && (
<th <th
style={{ width: '10px', textAlign: 'right' }} style={{
width: '10px',
textAlign: 'right',
...tableHeaderStyle,
}}
> >
Qty Qty
</th> </th>
)} )}
{/* {GlobaldummyData ? GlobalHsnCode && <th style={{ width: '10px', textAlign: 'right' }}>HSN</th> : HsnCode && <th style={{ width: '10px', textAlign: 'right' }}>HSN</th>}
{GlobaldummyData ? GlobalMRP && <th style={{ width: '10px', textAlign: 'right' }}>MRP</th> : MRP && <th style={{ width: '10px', textAlign: 'right' }}>MRP</th>}
{GlobaldummyData ? GlobalDiscount && <th style={{ width: '10px', textAlign: 'right' }}>Dis </th> : Discount && <th style={{ width: '10px', textAlign: 'right' }}>Dis </th>}
{GlobaldummyData ? GlobalRate && <th style={{ width: '10px', textAlign: 'right' }}>Rate</th> : Rate && <th style={{ width: '10px', textAlign: 'right' }}>Rate</th>}
{GlobaldummyData ? GlobalAmount && <th style={{ width: '10px', textAlign: 'right' }}>Amt</th> : Amount && <th style={{ width: '10px', textAlign: 'right' }}>Amt</th>} */}
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index}> <tr
key={index}
style={{
...(index % 2 !== 1 && rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 && rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}),
}}
>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td <td
@ -782,6 +893,7 @@ const DCPrintStyle10 = ({
? 'space-between' ? 'space-between'
: 'flex-end', : 'flex-end',
alignItems: 'center', alignItems: 'center',
...footerColorStyle,
}} }}
> >
{GlobaldummyData {GlobaldummyData

145
src/Pages/DeliveryChallan/DCPrintTemplates/DCThermalPrinter/DCPrintStyle11.jsx
View File

@ -25,6 +25,15 @@ import {
Globalnotes, Globalnotes,
GlobalthemeFormat, GlobalthemeFormat,
GlobalBillName, GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalRowType,
GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor,
GlobalSelectedTableBodyFontColor,
} from '../../../../Features/ThemeChange/ThemeChange'; } from '../../../../Features/ThemeChange/ThemeChange';
import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData'; import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle11.scss'; import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle11.scss';
@ -287,6 +296,72 @@ const DCPrintStyle11 = ({
: 0; : 0;
const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 10); const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 10);
//
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(
GlobalSelectedPrintHeaderFontColor
);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(
GlobalSelectedTableHeaderFontColor
);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(
GlobalSelectedTableBodyFontColor
);
const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(
GlobalSelectedFooterFontColor
);
//
let printColors = DCPrintTemplateDtl?.PrintColors;
const headerColor = printColors?.find((obj) => obj.headerColor)?.headerColor;
const tableHeaderColor = printColors?.find(
(obj) => obj.tableHeaderColor
)?.tableHeaderColor;
const tableBodyColor = printColors?.find(
(obj) => obj.tableBodyColor
)?.tableBodyColor;
const footerColor = printColors?.find((obj) => obj.footerColor)?.footerColor;
//
const headerStyle = {
backgroundColor: GlobaldummyData
? SelectedHeaderColor
: headerColor?.background,
color: GlobaldummyData ? SelectedHeaderFontColor : headerColor?.font,
};
const tableHeaderStyle = {
backgroundColor: GlobaldummyData
? SelectedTableHeaderColor
: tableHeaderColor?.background,
color: GlobaldummyData
? SelectedTableHeaderFontColor
: tableHeaderColor?.font,
};
const tableBodyStyle = {
backgroundColor: GlobaldummyData
? SelectedTableBodyColor
: tableBodyColor?.background,
color: GlobaldummyData ? SelectedTableBodyFontColor : tableBodyColor?.font,
};
const rowtypeStyle = GlobaldummyData
? SelectedRowType
: tableBodyColor?.rowType;
const footerColorStyle = {
backgroundColor: GlobaldummyData
? SelectedTableFooterColor
: footerColor?.background,
color: GlobaldummyData ? SelectedTableFooterFontColor : footerColor?.font,
};
return ( return (
<> <>
{FormatTheme ? ( {FormatTheme ? (
@ -331,6 +406,7 @@ const DCPrintStyle11 = ({
padding: 0, padding: 0,
fontWeight: 600, fontWeight: 600,
textAlign: 'center', textAlign: 'center',
...headerStyle,
}} }}
> >
<div <div
@ -339,6 +415,7 @@ const DCPrintStyle11 = ({
margin: '2px 0 0 0', margin: '2px 0 0 0',
padding: 0, padding: 0,
fontWeight: 600, fontWeight: 600,
...headerStyle,
}} }}
> >
{GlobaldummyData {GlobaldummyData
@ -360,7 +437,7 @@ const DCPrintStyle11 = ({
width: '100%', width: '100%',
}} }}
> >
<div className="PrintStyle11-print"> <div className="PrintStyle11-print" style={{ ...headerStyle }}>
{base64Image ? ( {base64Image ? (
<img <img
className="PrintStyle11-BrandImage" className="PrintStyle11-BrandImage"
@ -584,40 +661,76 @@ const DCPrintStyle11 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{ width: '10px' }}>S.No</th> <th
style={{ width: '10px', ...tableHeaderStyle }}
>
S.No
</th>
) )
: SLNO && <th style={{ width: '10px' }}>S.No</th>} : SLNO && (
<th
style={{ width: '10px', ...tableHeaderStyle }}
>
S.No
</th>
)}
{GlobaldummyData {GlobaldummyData
? GlobalItem && ( ? GlobalItem && (
<th style={{ width: '10px' }}>Item</th> <th
style={{ width: '10px', ...tableHeaderStyle }}
>
Item
</th>
) )
: Item && <th style={{ width: '10px' }}>Item</th>} : Item && (
<th
style={{ width: '10px', ...tableHeaderStyle }}
>
Item
</th>
)}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th <th
style={{ width: '10px', textAlign: 'right' }} style={{
width: '10px',
textAlign: 'right',
...tableHeaderStyle,
}}
> >
Qty Qty
</th> </th>
) )
: Quantity && ( : Quantity && (
<th <th
style={{ width: '10px', textAlign: 'right' }} style={{
width: '10px',
textAlign: 'right',
...tableHeaderStyle,
}}
> >
Qty Qty
</th> </th>
)} )}
{/* {GlobaldummyData ? GlobalHsnCode && <th style={{ width: '10px', textAlign: 'right' }}>HSN</th> : HsnCode && <th style={{ width: '10px', textAlign: 'right' }}>HSN</th>}
{GlobaldummyData ? GlobalMRP && <th style={{ width: '10px', textAlign: 'right' }}>MRP</th> : MRP && <th style={{ width: '10px', textAlign: 'right' }}>MRP</th>}
{GlobaldummyData ? GlobalDiscount && <th style={{ width: '10px', textAlign: 'right' }}>Dis </th> : Discount && <th style={{ width: '10px', textAlign: 'right' }}>Dis </th>}
{GlobaldummyData ? GlobalRate && <th style={{ width: '10px', textAlign: 'right' }}>Rate</th> : Rate && <th style={{ width: '10px', textAlign: 'right' }}>Rate</th>}
{GlobaldummyData ? GlobalAmount && <th style={{ width: '10px', textAlign: 'right' }}>Amt</th> : Amount && <th style={{ width: '10px', textAlign: 'right' }}>Amt</th>} */}
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index}> <tr
key={index}
style={{
...(index % 2 !== 1 && rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 && rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}),
}}
>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && ( : SLNO && (
@ -695,11 +808,6 @@ const DCPrintStyle11 = ({
{item?.Qty || item?.DispatchedQty} {item?.Qty || item?.DispatchedQty}
</td> </td>
)} )}
{/* {GlobaldummyData ? GlobalHsnCode && <td style={{ textAlign: 'right' }}>{item?.HSN}</td> : HsnCode && <td style={{ textAlign: 'right' }}>{item?.HSN}</td>}
{GlobaldummyData ? GlobalMRP && <td style={{ textAlign: 'right' }}>{item?.MRP}</td> : MRP && <td style={{ textAlign: 'right' }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</td>}
{GlobaldummyData ? GlobalDiscount && <td style={{ textAlign: 'right' }}>{item.discount}</td> : Discount && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</td>}
{GlobaldummyData ? GlobalRate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td> : Rate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td>}
{GlobaldummyData ? GlobalAmount && <td style={{ textAlign: 'right' }}>{item?.TotalAmt}</td> : Amount && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</td>} */}
</tr> </tr>
); );
})} })}
@ -751,6 +859,7 @@ const DCPrintStyle11 = ({
? 'space-between' ? 'space-between'
: 'flex-end', : 'flex-end',
alignItems: 'center', alignItems: 'center',
...footerColorStyle,
}} }}
> >
{GlobaldummyData {GlobaldummyData

142
src/Pages/DeliveryChallan/DCPrintTemplates/DCThermalPrinter/DCPrintStyle12.jsx
View File

@ -26,6 +26,15 @@ import {
Globalnotes, Globalnotes,
GlobalthemeFormat, GlobalthemeFormat,
GlobalBillName, GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalSelectedTableBodyFontColor,
GlobalRowType,
GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor,
} from '../../../../Features/ThemeChange/ThemeChange'; } from '../../../../Features/ThemeChange/ThemeChange';
import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData'; import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle12.scss'; import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle12.scss';
@ -433,6 +442,72 @@ const DCPrintstyle12 = ({
await printDiv('DCPrintStyle12', style12, 'FontApply'); await printDiv('DCPrintStyle12', style12, 'FontApply');
}; };
//
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(
GlobalSelectedPrintHeaderFontColor
);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(
GlobalSelectedTableHeaderFontColor
);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(
GlobalSelectedTableBodyFontColor
);
const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(
GlobalSelectedFooterFontColor
);
//
let printColors = DCPrintTemplateDtl?.PrintColors;
const headerColor = printColors?.find((obj) => obj.headerColor)?.headerColor;
const tableHeaderColor = printColors?.find(
(obj) => obj.tableHeaderColor
)?.tableHeaderColor;
const tableBodyColor = printColors?.find(
(obj) => obj.tableBodyColor
)?.tableBodyColor;
const footerColor = printColors?.find((obj) => obj.footerColor)?.footerColor;
//
const headerStyle = {
backgroundColor: GlobaldummyData
? SelectedHeaderColor
: headerColor?.background,
color: GlobaldummyData ? SelectedHeaderFontColor : headerColor?.font,
};
const tableHeaderStyle = {
backgroundColor: GlobaldummyData
? SelectedTableHeaderColor
: tableHeaderColor?.background,
color: GlobaldummyData
? SelectedTableHeaderFontColor
: tableHeaderColor?.font,
};
const tableBodyStyle = {
backgroundColor: GlobaldummyData
? SelectedTableBodyColor
: tableBodyColor?.background,
color: GlobaldummyData ? SelectedTableBodyFontColor : tableBodyColor?.font,
};
const rowtypeStyle = GlobaldummyData
? SelectedRowType
: tableBodyColor?.rowType;
const footerColorStyle = {
backgroundColor: GlobaldummyData
? SelectedTableFooterColor
: footerColor?.background,
color: GlobaldummyData ? SelectedTableFooterFontColor : footerColor?.font,
};
return ( return (
<> <>
{FormatTheme ? ( {FormatTheme ? (
@ -483,7 +558,10 @@ const DCPrintstyle12 = ({
width: '100%', width: '100%',
}} }}
> >
<div className="PrintStyle12-firstDiv"> <div
className="PrintStyle12-firstDiv"
style={{ ...headerStyle }}
>
<div style={{ display: 'flex', flexDirection: 'column' }}> <div style={{ display: 'flex', flexDirection: 'column' }}>
<div <div
style={{ style={{
@ -735,29 +813,61 @@ const DCPrintstyle12 = ({
<thead> <thead>
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <th>S.No</th> ? GlobalSlNo && (
: SLNO && <th>S.No</th>} <th style={{ ...tableHeaderStyle }}>S.No</th>
)
: SLNO && (
<th style={{ ...tableHeaderStyle }}>S.No</th>
)}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th>Description</th> ? GlobalItem && (
: Item && <th>Des</th>} <th style={{ ...tableHeaderStyle }}>
Description
</th>
)
: Item && (
<th style={{ ...tableHeaderStyle }}>Des</th>
)}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{ textAlign: 'right' }}>Qty</th> <th
style={{
textAlign: 'right',
...tableHeaderStyle,
}}
>
Qty
</th>
) )
: Quantity && ( : Quantity && (
<th style={{ textAlign: 'right' }}>Qty</th> <th
style={{
textAlign: 'right',
...tableHeaderStyle,
}}
>
Qty
</th>
)} )}
{/* {GlobaldummyData ? GlobalMRP && <th style={{ textAlign: 'right' }}>MRP</th> : MRP && <th style={{ textAlign: 'right' }}>MRP</th>}
{GlobaldummyData ? GlobalRate && <th style={{ textAlign: "right" }}>Rate</th> : Rate && <th style={{ textAlign: "right" }}>Rate</th>}
{GlobaldummyData ? GlobalHsnCode && <th style={{ textAlign: "right" }}>HSN</th> : HsnCode && <th style={{ textAlign: "right" }}>HSN</th>}
{GlobaldummyData ? GlobalDiscount && <th style={{ textAlign: 'right' }}>(%)</th> : Discount && <th style={{ textAlign: 'right' }}>(%)</th>}
{GlobaldummyData ? GlobalAmount && <th style={{ textAlign: "right" }}>Amt</th> : Amount && <th style={{ textAlign: "right" }}>Amt</th>} */}
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index}> <tr
key={index}
style={{
...(index % 2 !== 1 && rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 && rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}),
}}
>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td style={{ textAlign: 'center' }}> <td style={{ textAlign: 'center' }}>
@ -841,11 +951,6 @@ const DCPrintstyle12 = ({
{item?.Qty || item?.DispatchedQty} {item?.Qty || item?.DispatchedQty}
</td> </td>
)} )}
{/* {GlobaldummyData ? GlobalMRP && <td style={{ textAlign: 'right' }}>{item?.MRP}</td> : MRP && <td style={{ textAlign: 'right' }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</td>}
{GlobaldummyData ? GlobalRate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td> : Rate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td>}
{GlobaldummyData ? GlobalHsnCode && <td style={{ textAlign: 'right' }}>{item?.HSN}</td> : HsnCode && <td style={{ textAlign: 'right' }}>{item?.HSN}</td>}
{GlobaldummyData ? GlobalDiscount && <td style={{ textAlign: 'right' }}>{item?.discount}</td> : Discount && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</td>}
{GlobaldummyData ? GlobalAmount && <td style={{ textAlign: 'right' }}>{item?.TotalAmt}</td> : Amount && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</td>} */}
</tr> </tr>
); );
})} })}
@ -898,6 +1003,7 @@ const DCPrintstyle12 = ({
? 'space-between' ? 'space-between'
: 'flex-end', : 'flex-end',
alignItems: 'center', alignItems: 'center',
...footerColorStyle,
}} }}
> >
{GlobaldummyData {GlobaldummyData

1235
src/Pages/DeliveryChallan/DCPrintTemplates/DCThermalPrinter/DCPrintStyle2.jsx
View File

File diff suppressed because it is too large Load Diff

82
src/Pages/DeliveryChallan/DCPrintTemplates/DCThermalPrinter/DCPrintStyle3.jsx
View File

@ -23,6 +23,15 @@ import {
Globalnotes, Globalnotes,
GlobalthemeFormat, GlobalthemeFormat,
GlobalBillName, GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableBodyColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyFontColor,
GlobalSelectedFooterFontColor,
GlobalSelectedFooterColor,
GlobalRowType,
} from '../../../../Features/ThemeChange/ThemeChange'; } from '../../../../Features/ThemeChange/ThemeChange';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle3.scss'; import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle3.scss';
import QRCode from 'react-qr-code'; import QRCode from 'react-qr-code';
@ -232,6 +241,70 @@ const DCPrintStyle3 = ({
lastChunkRows > (!isMobile ? 10 : PageSize == 'A5' ? 5 : 10); lastChunkRows > (!isMobile ? 10 : PageSize == 'A5' ? 5 : 10);
console.log(paginatedChunks, dataSource, 'dataSourcedataSource'); console.log(paginatedChunks, dataSource, 'dataSourcedataSource');
//
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(
GlobalSelectedPrintHeaderFontColor
);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(
GlobalSelectedTableHeaderFontColor
);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(
GlobalSelectedTableBodyFontColor
);
const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(
GlobalSelectedFooterFontColor
);
//
let printColors = DCPrintTemplateDtl?.PrintColors;
const headerColor = printColors?.find((obj) => obj.headerColor)?.headerColor;
const tableHeaderColor = printColors?.find(
(obj) => obj.tableHeaderColor
)?.tableHeaderColor;
const tableBodyColor = printColors?.find(
(obj) => obj.tableBodyColor
)?.tableBodyColor;
const footerColor = printColors?.find((obj) => obj.footerColor)?.footerColor;
//
const headerStyle = {
backgroundColor: GlobaldummyData
? SelectedHeaderColor
: headerColor?.background,
color: GlobaldummyData ? SelectedHeaderFontColor : headerColor?.font,
};
const tableHeaderStyle = {
backgroundColor: GlobaldummyData
? SelectedTableHeaderColor
: tableHeaderColor?.background,
color: GlobaldummyData
? SelectedTableHeaderFontColor
: tableHeaderColor?.font,
};
const tableBodyStyle = {
backgroundColor: GlobaldummyData
? SelectedTableBodyColor
: tableBodyColor?.background,
color: GlobaldummyData ? SelectedTableBodyFontColor : tableBodyColor?.font,
};
const rowtypeStyle = GlobaldummyData
? SelectedRowType
: tableBodyColor?.rowType;
const footerColorStyle = {
backgroundColor: GlobaldummyData
? SelectedTableFooterColor
: footerColor?.background,
color: GlobaldummyData ? SelectedTableFooterFontColor : footerColor?.font,
};
return ( return (
<> <>
<div <div
@ -272,7 +345,7 @@ const DCPrintStyle3 = ({
width: '100%', width: '100%',
}} }}
> >
<div className="PrintStyle3-print"> <div className="PrintStyle3-print" style={{ ...headerStyle }}>
<div style={{ fontSize: '30px', fontweight: '900' }}> <div style={{ fontSize: '30px', fontweight: '900' }}>
{GlobaldummyData ? 'XYZ Shop' : BranchName} {GlobaldummyData ? 'XYZ Shop' : BranchName}
</div> </div>
@ -473,6 +546,7 @@ const DCPrintStyle3 = ({
width: '100%', width: '100%',
fontweight: '600', fontweight: '600',
gap: '0.2rem', gap: '0.2rem',
...tableHeaderStyle,
}} }}
> >
{GlobaldummyData {GlobaldummyData
@ -559,6 +633,11 @@ const DCPrintStyle3 = ({
justifyContent: 'space-between', justifyContent: 'space-between',
width: '100%', width: '100%',
gap: '0.2rem', gap: '0.2rem',
...(index % 2 !== 1 && rowtypeStyle === 'even'
? { ...tableBodyStyle }
: index % 2 === 1 && rowtypeStyle === 'odd'
? { ...tableBodyStyle }
: {}),
}} }}
> >
{GlobaldummyData {GlobaldummyData
@ -688,6 +767,7 @@ const DCPrintStyle3 = ({
? 'space-between' ? 'space-between'
: 'flex-end', : 'flex-end',
alignItems: 'center', alignItems: 'center',
...footerColorStyle,
}} }}
> >
{GlobaldummyData {GlobaldummyData

140
src/Pages/DeliveryChallan/DCPrintTemplates/DCThermalPrinter/DCPrintStyle4.jsx
View File

@ -17,19 +17,25 @@ import {
GlobalprintQrcodet, GlobalprintQrcodet,
GlobalPritdummyData, GlobalPritdummyData,
changeReprintDataFound, changeReprintDataFound,
GloabalFieldDetails,
GlobalprintSignature, GlobalprintSignature,
GlobalprinttermsAndConditions, GlobalprinttermsAndConditions,
GlobalSignatureImage, GlobalSignatureImage,
Globalnotes, Globalnotes,
GlobalthemeFormat, GlobalthemeFormat,
GlobalBillName, GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalSelectedTableBodyFontColor,
GlobalRowType,
GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor,
} from '../../../../Features/ThemeChange/ThemeChange'; } from '../../../../Features/ThemeChange/ThemeChange';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle4.scss'; import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle4.scss';
import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData';
import QRCode from 'react-qr-code'; import QRCode from 'react-qr-code';
import signature from '../../../../Images/signatureimage.jpg'; import signature from '../../../../Images/signatureimage.jpg';
import { ApplicationPreferences } from '../../../../Features/BrachLogin/BranchLogin';
import { isMobile } from 'react-device-detect'; import { isMobile } from 'react-device-detect';
const DCPrintstyle4 = ({ const DCPrintstyle4 = ({
@ -219,6 +225,71 @@ const DCPrintstyle4 = ({
? paginatedChunks[paginatedChunks.length - 1].length ? paginatedChunks[paginatedChunks.length - 1].length
: 0; : 0;
const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 11 : 20); const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 11 : 20);
//
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(
GlobalSelectedPrintHeaderFontColor
);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(
GlobalSelectedTableHeaderFontColor
);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(
GlobalSelectedTableBodyFontColor
);
const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(
GlobalSelectedFooterFontColor
);
//
let printColors = DCPrintTemplateDtl?.PrintColors;
const headerColor = printColors?.find((obj) => obj.headerColor)?.headerColor;
const tableHeaderColor = printColors?.find(
(obj) => obj.tableHeaderColor
)?.tableHeaderColor;
const tableBodyColor = printColors?.find(
(obj) => obj.tableBodyColor
)?.tableBodyColor;
const footerColor = printColors?.find((obj) => obj.footerColor)?.footerColor;
//
const headerStyle = {
backgroundColor: GlobaldummyData
? SelectedHeaderColor
: headerColor?.background,
color: GlobaldummyData ? SelectedHeaderFontColor : headerColor?.font,
};
const tableHeaderStyle = {
backgroundColor: GlobaldummyData
? SelectedTableHeaderColor
: tableHeaderColor?.background,
color: GlobaldummyData
? SelectedTableHeaderFontColor
: tableHeaderColor?.font,
};
const tableBodyStyle = {
backgroundColor: GlobaldummyData
? SelectedTableBodyColor
: tableBodyColor?.background,
color: GlobaldummyData ? SelectedTableBodyFontColor : tableBodyColor?.font,
};
const rowtypeStyle = GlobaldummyData
? SelectedRowType
: tableBodyColor?.rowType;
const footerColorStyle = {
backgroundColor: GlobaldummyData
? SelectedTableFooterColor
: footerColor?.background,
color: GlobaldummyData ? SelectedTableFooterFontColor : footerColor?.font,
};
return ( return (
<> <>
<div <div
@ -261,7 +332,7 @@ const DCPrintstyle4 = ({
> >
<div <div
className="PrintStyle4-fistDiv" className="PrintStyle4-fistDiv"
style={{ flexDirection: 'column' }} style={{ flexDirection: 'column', ...headerStyle }}
> >
<div <div
style={{ style={{
@ -470,38 +541,69 @@ const DCPrintstyle4 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{ width: '10px' }}>S.No</th> <th
style={{ width: '10px', ...tableHeaderStyle }}
>
S.No
</th>
) )
: SLNO && <th style={{ width: '10px' }}>S.No</th>} : SLNO && (
<th
style={{ width: '10px', ...tableHeaderStyle }}
>
S.No
</th>
)}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th>Item</th> ? GlobalItem && (
: Item && <th>Item</th>} <th style={{ ...tableHeaderStyle }}>Item</th>
)
: Item && (
<th style={{ ...tableHeaderStyle }}>Item</th>
)}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th <th
style={{ width: '10px', textAlign: 'right' }} style={{
width: '10px',
textAlign: 'right',
...tableHeaderStyle,
}}
> >
Qty Qty
</th> </th>
) )
: Quantity && ( : Quantity && (
<th <th
style={{ width: '30px', textAlign: 'right' }} style={{
width: '30px',
textAlign: 'right',
...tableHeaderStyle,
}}
> >
Qty Qty
</th> </th>
)} )}
{/* {GlobaldummyData ? GlobalHsnCode && <th style={{ width: '10px', textAlign: 'right' }}>HSN</th> : HsnCode && <th style={{ width: '30px', textAlign: 'right' }}>HSN</th>}
{GlobaldummyData ? GlobalMRP && <th style={{ width: '10px', textAlign: 'right' }}>MRP</th> : MRP && <th style={{ width: '30px', textAlign: 'right' }}>MRP</th>}
{GlobaldummyData ? GlobalDiscount && <th style={{ width: '10px', textAlign: 'right' }}>Dis </th> : Discount && <th style={{ width: '30px', textAlign: 'right' }}>Dis </th>}
{GlobaldummyData ? GlobalRate && <th style={{ width: '10px', textAlign: 'right' }}>Rate</th> : Rate && <th style={{ width: '40px', textAlign: 'right' }}>Rate</th>}
{GlobaldummyData ? GlobalAmount && <th style={{ width: '10px', textAlign: 'right' }}>Amt</th> : Amount && <th style={{ width: '30px', textAlign: 'right' }}>Amt</th>} */}
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index} style={{ gap: '0.2rem' }}> <tr
key={index}
style={{
gap: '0.2rem',
...(index % 2 !== 1 && rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 && rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}),
}}
>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && ( : SLNO && (
@ -547,11 +649,6 @@ const DCPrintstyle4 = ({
{item?.Qty || item?.DispatchedQty} {item?.Qty || item?.DispatchedQty}
</td> </td>
)} )}
{/* {GlobaldummyData ? GlobalHsnCode && <td style={{ textAlign: 'right' }}>{item?.HSN}</td> : HsnCode && <td style={{ textAlign: 'right' }}>{item?.HSN}</td>}
{GlobaldummyData ? GlobalMRP && <td style={{ textAlign: 'right' }}>{item?.MRP}</td> : MRP && <td style={{ textAlign: 'right' }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</td>}
{GlobaldummyData ? GlobalDiscount && <td style={{ textAlign: 'right' }}>{item.discount}</td> : Discount && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</td>}
{GlobaldummyData ? GlobalRate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td> : Rate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td>}
{GlobaldummyData ? GlobalAmount && <td style={{ textAlign: 'right' }}>{item?.TotalAmt}</td> : Amount && <td style={{ textAlign: 'right' }}> {item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</td>} */}
</tr> </tr>
); );
})} })}
@ -604,6 +701,7 @@ const DCPrintstyle4 = ({
? 'space-between' ? 'space-between'
: 'flex-end', : 'flex-end',
alignItems: 'center', alignItems: 'center',
...footerColorStyle,
}} }}
> >
{GlobaldummyData {GlobaldummyData

122
src/Pages/DeliveryChallan/DCPrintTemplates/DCThermalPrinter/DCPrintStyle5.jsx
View File

@ -24,6 +24,15 @@ import {
Globalnotes, Globalnotes,
GlobalthemeFormat, GlobalthemeFormat,
GlobalBillName, GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalSelectedTableBodyFontColor,
GlobalSelectedFooterFontColor,
GlobalSelectedFooterColor,
GlobalRowType,
} from '../../../../Features/ThemeChange/ThemeChange'; } from '../../../../Features/ThemeChange/ThemeChange';
import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData'; import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle5.scss'; import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle5.scss';
@ -203,6 +212,74 @@ const DCPrintStyle5 = ({
: 0; : 0;
const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 15 : 15); const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 15 : 15);
//
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(
GlobalSelectedPrintHeaderFontColor
);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(
GlobalSelectedTableHeaderFontColor
);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(
GlobalSelectedTableBodyFontColor
);
const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(
GlobalSelectedFooterFontColor
);
//
let printColors = DCPrintTemplateDtl?.PrintColors;
const headerColor = printColors?.find((obj) => obj.headerColor)?.headerColor;
const tableHeaderColor = printColors?.find(
(obj) => obj.tableHeaderColor
)?.tableHeaderColor;
const tableBodyColor = printColors?.find(
(obj) => obj.tableBodyColor
)?.tableBodyColor;
const footerColor = printColors?.find((obj) => obj.footerColor)?.footerColor;
const netAmtColor = printColors?.find((obj) => obj.netAmtColor)?.netAmtColor;
//
const headerStyle = {
backgroundColor: GlobaldummyData
? SelectedHeaderColor
: headerColor?.background,
color: GlobaldummyData ? SelectedHeaderFontColor : headerColor?.font,
};
const tableHeaderStyle = {
backgroundColor: GlobaldummyData
? SelectedTableHeaderColor
: tableHeaderColor?.background,
color: GlobaldummyData
? SelectedTableHeaderFontColor
: tableHeaderColor?.font,
};
const tableBodyStyle = {
backgroundColor: GlobaldummyData
? SelectedTableBodyColor
: tableBodyColor?.background,
color: GlobaldummyData ? SelectedTableBodyFontColor : tableBodyColor?.font,
};
const rowtypeStyle = GlobaldummyData
? SelectedRowType
: tableBodyColor?.rowType;
const footerColorStyle = {
backgroundColor: GlobaldummyData
? SelectedTableFooterColor
: footerColor?.background,
color: GlobaldummyData ? SelectedTableFooterFontColor : footerColor?.font,
};
return ( return (
<> <>
<div <div
@ -243,7 +320,7 @@ const DCPrintStyle5 = ({
width: '100%', width: '100%',
}} }}
> >
<div className="PrintStyle5-Head"> <div className="PrintStyle5-Head" style={{ ...headerStyle }}>
<div> <div>
<div <div
style={{ style={{
@ -458,6 +535,7 @@ const DCPrintStyle5 = ({
fontSize: 'clamp(1rem, 2.5vw, 1.2rem)', fontSize: 'clamp(1rem, 2.5vw, 1.2rem)',
width: '95%', width: '95%',
gap: '0.5rem', gap: '0.5rem',
...tableHeaderStyle,
}} }}
> >
{GlobaldummyData {GlobaldummyData
@ -502,10 +580,6 @@ const DCPrintStyle5 = ({
QTY QTY
</div> </div>
)} )}
{/* {GlobaldummyData ? GlobalMRP && <div style={{ width: '100%', textAlign: 'right' }}>MRP</div> : MRP && <div style={{ width: '100%', textAlign: 'right' }}>MRP</div>}
{GlobaldummyData ? GlobalRate && <div style={{ width: '100%', textAlign: 'right' }}>RATE</div> : Rate && <div style={{ width: '100%', textAlign: 'right' }}>RATE</div>}
{GlobaldummyData ? GlobalDiscount && <div style={{ width: '100%', textAlign: 'right' }}>DIS </div> : Discount && <div style={{ width: '100%', textAlign: 'right' }}>DIS </div>}
{GlobaldummyData ? GlobalAmount && <div style={{ width: '100%', textAlign: 'right' }}> Amt </div> : Amount && <div style={{ width: '100%', textAlign: 'right' }}> AMT </div>} */}
</div> </div>
<hr className="hrline" /> <hr className="hrline" />
@ -521,6 +595,15 @@ const DCPrintStyle5 = ({
fontWeight: '600', fontWeight: '600',
width: '95%', width: '95%',
gap: '0.5rem', gap: '0.5rem',
...(index % 2 !== 1 && rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 && rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}),
}} }}
> >
{GlobaldummyData {GlobaldummyData
@ -576,31 +659,6 @@ const DCPrintStyle5 = ({
item?.RequestVariantName}{' '} item?.RequestVariantName}{' '}
</span> </span>
)} )}
{/* <div>
{
(item?.Size || "1") +
(item?.SinglePc === "Y" ? "PCS" : item?.Type !== "C" ? item?.UomName : "COMBO") +
(item?.BrandName || "") +
(
item?.ProductIdentifierDtls?.filter(
(items) => items.SerialNumber && items.SerialNumber !== ""
)?.map((a, index) => <div key={`serial-${index}`}>{a.SerialNumber}</div>) || ""
) +
(
item?.ProductIdentifierDtls?.filter(
(item1) => item1.IMEI1 || item1.IMEI2
)?.map((item2, index) => {
const imei1 = item2.IMEI1 || "";
const imei2 = item2.IMEI2 || "";
return (
<div key={`imei-${index}`}>
{[imei1, imei2].filter(Boolean).join(",")}
</div>
);
}) || "") +
"-" + (GlobaldummyData ? (GlobalQuantity && item?.SalesQty) : item?.SalesQty)
}
</div> */}
</> </>
} }
</div> </div>
@ -617,9 +675,6 @@ const DCPrintStyle5 = ({
{item?.Qty || item?.DispatchedQty} {item?.Qty || item?.DispatchedQty}
</div> </div>
)} )}
{/* {GlobaldummyData ? GlobalRate && <div style={{ width: '100%', textAlign: 'right' }}>{item?.Rate}</div> : Rate && <div style={{ width: '100%', textAlign: 'right' }}>{item?.Rate}</div>}
{GlobaldummyData ? GlobalDiscount && <div style={{ width: '100%', textAlign: 'right' }}>{item?.discount}</div> : Discount && <div style={{ width: '100%', textAlign: 'right' }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</div>}
{GlobaldummyData ? GlobalAmount && <div style={{ width: "100%", textAlign: "right", }}>{item?.TotalAmt}</div> : Amount && <div style={{ width: "100%", textAlign: "right", }}> {item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</div>} */}
</div> </div>
))} ))}
</> </>
@ -666,6 +721,7 @@ const DCPrintStyle5 = ({
? 'space-between' ? 'space-between'
: 'flex-end', : 'flex-end',
alignItems: 'center', alignItems: 'center',
...footerColorStyle,
}} }}
> >
{GlobaldummyData {GlobaldummyData

125
src/Pages/DeliveryChallan/DCPrintTemplates/DCThermalPrinter/DCPrintStyle6.jsx
View File

@ -24,6 +24,15 @@ import {
Globalnotes, Globalnotes,
GlobalthemeFormat, GlobalthemeFormat,
GlobalBillName, GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalSelectedTableBodyFontColor,
GlobalSelectedFooterFontColor,
GlobalSelectedFooterColor,
GlobalRowType,
} from '../../../../Features/ThemeChange/ThemeChange'; } from '../../../../Features/ThemeChange/ThemeChange';
import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData'; import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle6.scss'; import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle6.scss';
@ -219,6 +228,72 @@ const DCPrintstyle6 = ({
: 0; : 0;
const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 20 : 24); const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 20 : 24);
//
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(
GlobalSelectedPrintHeaderFontColor
);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(
GlobalSelectedTableHeaderFontColor
);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(
GlobalSelectedTableBodyFontColor
);
const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(
GlobalSelectedFooterFontColor
);
//
let printColors = DCPrintTemplateDtl?.PrintColors;
const headerColor = printColors?.find((obj) => obj.headerColor)?.headerColor;
const tableHeaderColor = printColors?.find(
(obj) => obj.tableHeaderColor
)?.tableHeaderColor;
const tableBodyColor = printColors?.find(
(obj) => obj.tableBodyColor
)?.tableBodyColor;
const footerColor = printColors?.find((obj) => obj.footerColor)?.footerColor;
//
const headerStyle = {
backgroundColor: GlobaldummyData
? SelectedHeaderColor
: headerColor?.background,
color: GlobaldummyData ? SelectedHeaderFontColor : headerColor?.font,
};
const tableHeaderStyle = {
backgroundColor: GlobaldummyData
? SelectedTableHeaderColor
: tableHeaderColor?.background,
color: GlobaldummyData
? SelectedTableHeaderFontColor
: tableHeaderColor?.font,
};
const tableBodyStyle = {
backgroundColor: GlobaldummyData
? SelectedTableBodyColor
: tableBodyColor?.background,
color: GlobaldummyData ? SelectedTableBodyFontColor : tableBodyColor?.font,
};
const rowtypeStyle = GlobaldummyData
? SelectedRowType
: tableBodyColor?.rowType;
const footerColorStyle = {
backgroundColor: GlobaldummyData
? SelectedTableFooterColor
: footerColor?.background,
color: GlobaldummyData ? SelectedTableFooterFontColor : footerColor?.font,
};
return ( return (
<> <>
<div <div
@ -259,7 +334,7 @@ const DCPrintstyle6 = ({
width: '100%', width: '100%',
}} }}
> >
<div className="PrintStyle6-firstDiv"> <div className="PrintStyle6-firstDiv" style={{ ...headerStyle }}>
<div <div
className="P6HdBrnchName" className="P6HdBrnchName"
style={{ style={{
@ -470,28 +545,38 @@ const DCPrintstyle6 = ({
<div className="PrintStyle6-print-tableMaster"> <div className="PrintStyle6-print-tableMaster">
<table className="PrintStyle6-print-table"> <table className="PrintStyle6-print-table">
<thead> <thead>
<tr> <tr style={{ ...tableHeaderStyle }}>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{ width: '10px' }}>S.No</th> <th
style={{ width: '10px', ...tableHeaderStyle }}
>
S.No
</th>
) )
: SLNO && ( : SLNO && (
<th <th
style={{ width: '10px', textAlign: 'left' }} style={{
width: '10px',
textAlign: 'left',
...tableHeaderStyle,
}}
> >
S.No S.No
</th> </th>
)} )}
{GlobaldummyData ? ( {GlobaldummyData ? (
(GlobalItem || GlobalQuantity) && ( (GlobalItem || GlobalQuantity) && (
<th style={{ width: '10px' }}> <th
style={{ width: '10px', ...tableHeaderStyle }}
>
{GlobaldummyData {GlobaldummyData
? GlobalItem && 'ITEM /DES' ? GlobalItem && 'ITEM /DES'
: 'ITEM /DES'}{' '} : 'ITEM /DES'}{' '}
</th> </th>
) )
) : ( ) : (
<th style={{ width: '10px' }}> <th style={{ width: '10px', ...tableHeaderStyle }}>
{GlobaldummyData {GlobaldummyData
? GlobalItem && 'ITEM /DES' ? GlobalItem && 'ITEM /DES'
: Item && 'ITEM /DES'}{' '} : Item && 'ITEM /DES'}{' '}
@ -500,14 +585,22 @@ const DCPrintstyle6 = ({
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th <th
style={{ width: '10px', textAlign: 'right' }} style={{
width: '10px',
textAlign: 'right',
...tableHeaderStyle,
}}
> >
QTY QTY
</th> </th>
) )
: Quantity && ( : Quantity && (
<th <th
style={{ width: '10px', textAlign: 'right' }} style={{
width: '10px',
textAlign: 'right',
...tableHeaderStyle,
}}
> >
QTY QTY
</th> </th>
@ -557,7 +650,20 @@ const DCPrintstyle6 = ({
<tbody> <tbody>
{dataChunk?.map((item, index) => { {dataChunk?.map((item, index) => {
return ( return (
<tr key={index}> <tr
key={index}
style={{
...(index % 2 !== 1 && rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 && rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}),
}}
>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td> ? GlobalSlNo && <td>{index + 1}</td>
: SLNO && ( : SLNO && (
@ -749,6 +855,7 @@ const DCPrintstyle6 = ({
? 'space-between' ? 'space-between'
: 'flex-end', : 'flex-end',
alignItems: 'center', alignItems: 'center',
...footerColorStyle,
}} }}
> >
{GlobaldummyData {GlobaldummyData

147
src/Pages/DeliveryChallan/DCPrintTemplates/DCThermalPrinter/DCPrintStyle7.jsx
View File

@ -21,6 +21,15 @@ import {
Globalnotes, Globalnotes,
GlobalthemeFormat, GlobalthemeFormat,
GlobalBillName, GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalSelectedTableBodyFontColor,
GlobalRowType,
GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor,
} from '../../../../Features/ThemeChange/ThemeChange'; } from '../../../../Features/ThemeChange/ThemeChange';
import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData'; import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle7.scss'; import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle7.scss';
@ -246,6 +255,73 @@ const DCPrintStyle7 = ({
: 0; : 0;
const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 10); const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 10);
console.log(BranchName, 'paginatedChunks'); console.log(BranchName, 'paginatedChunks');
//
const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
const SelectedHeaderFontColor = useSelector(
GlobalSelectedPrintHeaderFontColor
);
const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
const SelectedTableHeaderFontColor = useSelector(
GlobalSelectedTableHeaderFontColor
);
const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
const SelectedTableBodyFontColor = useSelector(
GlobalSelectedTableBodyFontColor
);
const SelectedRowType = useSelector(GlobalRowType);
const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
const SelectedTableFooterFontColor = useSelector(
GlobalSelectedFooterFontColor
);
//
let printColors = DCPrintTemplateDtl?.PrintColors;
const headerColor = printColors?.find((obj) => obj.headerColor)?.headerColor;
const tableHeaderColor = printColors?.find(
(obj) => obj.tableHeaderColor
)?.tableHeaderColor;
const tableBodyColor = printColors?.find(
(obj) => obj.tableBodyColor
)?.tableBodyColor;
const footerColor = printColors?.find((obj) => obj.footerColor)?.footerColor;
//
const headerStyle = {
backgroundColor: GlobaldummyData
? SelectedHeaderColor
: headerColor?.background,
color: GlobaldummyData ? SelectedHeaderFontColor : headerColor?.font,
};
const tableHeaderStyle = {
backgroundColor: GlobaldummyData
? SelectedTableHeaderColor
: tableHeaderColor?.background,
color: GlobaldummyData
? SelectedTableHeaderFontColor
: tableHeaderColor?.font,
};
const tableBodyStyle = {
backgroundColor: GlobaldummyData
? SelectedTableBodyColor
: tableBodyColor?.background,
color: GlobaldummyData ? SelectedTableBodyFontColor : tableBodyColor?.font,
};
const rowtypeStyle = GlobaldummyData
? SelectedRowType
: tableBodyColor?.rowType;
const footerColorStyle = {
backgroundColor: GlobaldummyData
? SelectedTableFooterColor
: footerColor?.background,
color: GlobaldummyData ? SelectedTableFooterFontColor : footerColor?.font,
};
return ( return (
<> <>
<div <div
@ -287,7 +363,7 @@ const DCPrintStyle7 = ({
}} }}
> >
<hr class="star-line" /> <hr class="star-line" />
<div className="PrintStyle7-print"> <div className="PrintStyle7-print" style={{ ...headerStyle }}>
<div style={{ fontSize: '16px', fontWeight: '600' }}> <div style={{ fontSize: '16px', fontWeight: '600' }}>
{' '} {' '}
{GlobaldummyData ? 'XYZ Shop' : BranchName} {GlobaldummyData ? 'XYZ Shop' : BranchName}
@ -524,31 +600,71 @@ const DCPrintStyle7 = ({
<tr> <tr>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<th style={{ width: '10px' }}>S.No</th> <th
style={{
width: '10px',
...tableHeaderStyle,
}}
>
S.No
</th>
) )
: SLNO == true && ( : SLNO == true && (
<th style={{ width: '10px' }}>S.No</th> <th
style={{
width: '10px',
...tableHeaderStyle,
}}
>
S.No
</th>
)} )}
{GlobaldummyData {GlobaldummyData
? GlobalItem && <th>Item</th> ? GlobalItem && (
: Item == true && <th>Item</th>} <th style={{ ...tableHeaderStyle }}>Item</th>
{/* {GlobaldummyData ? GlobalHsnCode && <th style={{ width: '10px', }}>HSN</th> : HsnCode == true && <th style={{ width: '10px', }}>HSN</th>} */} )
: Item == true && (
<th style={{ ...tableHeaderStyle }}>Item</th>
)}
{GlobaldummyData {GlobaldummyData
? GlobalQuantity && ( ? GlobalQuantity && (
<th style={{ width: '10px' }}>Qty</th> <th
style={{
width: '10px',
...tableHeaderStyle,
}}
>
Qty
</th>
) )
: Quantity == true && ( : Quantity == true && (
<th style={{ width: '10px' }}>Qty</th> <th
style={{
width: '10px',
...tableHeaderStyle,
}}
>
Qty
</th>
)} )}
{/* {GlobaldummyData ? GlobalMRP && <th style={{ width: '10px' }}>MRP</th> : MRP == true && <th style={{ width: '10px' }}>MRP</th>}
{GlobaldummyData ? GlobalRate && <th style={{ width: '10px' }}>Rate</th> : Rate == true && <th style={{ width: '10px' }}>Rate</th>}
{GlobaldummyData ? GlobalDiscount && <th style={{ width: '10px' }}>Dis </th> : Discount == true && <th style={{ width: '10px' }}>Dis </th>}
{GlobaldummyData ? GlobalAmount && <th style={{ width: '10px', textAlign: 'right' }}>Amt</th> : Amount == true && <th style={{ width: '10px', textAlign: 'right' }}>Amt</th>} */}
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{dataChunk?.map((item, index) => ( {dataChunk?.map((item, index) => (
<tr key={index}> <tr
key={index}
style={
index % 2 !== 1 && rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 && rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}
}
>
{GlobaldummyData {GlobaldummyData
? GlobalSlNo && ( ? GlobalSlNo && (
<td style={{ textAlign: 'center' }}> <td style={{ textAlign: 'center' }}>
@ -598,10 +714,6 @@ const DCPrintStyle7 = ({
{item?.Qty || item?.DispatchedQty} {item?.Qty || item?.DispatchedQty}
</td> </td>
)} )}
{/* {GlobaldummyData ? GlobalMRP && <td style={{ textAlign: 'right' }}>{item?.MRP}</td> : MRP == true && <td style={{ textAlign: 'right' }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</td>}
{GlobaldummyData ? GlobalRate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td> : Rate == true && <td style={{ textAlign: 'right' }}>{item?.Rate}</td>}
{GlobaldummyData ? GlobalDiscount && <td>{item.discount}</td> : Discount == true && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</td>}
{GlobaldummyData ? GlobalAmount && <td style={{ textAlign: 'right' }}>{item?.TotalAmt}</td> : Amount == true && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</td>} */}
</tr> </tr>
))} ))}
</tbody> </tbody>
@ -672,6 +784,7 @@ const DCPrintStyle7 = ({
? 'space-between' ? 'space-between'
: 'flex-end', : 'flex-end',
alignItems: 'center', alignItems: 'center',
...footerColorStyle,
}} }}
> >
{GlobaldummyData {GlobaldummyData

1180
src/Pages/DeliveryChallan/DCPrintTemplates/DCThermalPrinter/DCPrintStyle8.jsx
View File

File diff suppressed because it is too large Load Diff

933
src/Pages/DeliveryChallan/DCPrintTemplates/DCThermalPrinter/DCPrintStyle9.jsx
View File

File diff suppressed because it is too large Load Diff

337
src/Pages/DeliveryChallan/DeliveryPrint.jsx
View File

@ -7,6 +7,7 @@ import moment from 'moment';
import DCPrintA4Style11 from './DCPrintTemplates/DCA4/DCPrintA4Style11'; import DCPrintA4Style11 from './DCPrintTemplates/DCA4/DCPrintA4Style11';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
import { GlobalDCPrintTemplate } from '../../Features/ThemeChange/ThemeChange'; import { GlobalDCPrintTemplate } from '../../Features/ThemeChange/ThemeChange';
import DCPrintStyle1 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle1';
import DCPrintstyle2 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle2'; import DCPrintstyle2 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle2';
import DCPrintStyle3 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle3'; import DCPrintStyle3 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle3';
import DCPrintstyle4 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle4'; import DCPrintstyle4 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle4';
@ -20,32 +21,13 @@ import DCPrintStyle11 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle11';
import DCPrintstyle12 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle12'; import DCPrintstyle12 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle12';
import DCPrintStyleA5 from './DCPrintTemplates/DCA4/DCPrintStyleA5'; import DCPrintStyleA5 from './DCPrintTemplates/DCA4/DCPrintStyleA5';
import DCA4Standard from './DCPrintTemplates/DCA4/DCA4Standard'; import DCA4Standard from './DCPrintTemplates/DCA4/DCA4Standard';
import DCPrintStyle1 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle1';
import DCInvicePrint from './DCPrintTemplates/DCThermalPrinter/DCInvicePrint'; import DCInvicePrint from './DCPrintTemplates/DCThermalPrinter/DCInvicePrint';
// const PrintStyles = ` const DeliveryPrint = ({
// @media print { PrintingData1,
// @page { DCprinterTemplateStyle,
// size: A4; DCPrintTemplateDtl,
// margin: 0; }) => {
// }
// body {
// margin: 1.6cm;
// }
// .Quo-Print-Body {
// padding: 20px;
// page-break-after: always;
// }
// .Quo-Print-Content {
// break-inside: avoid;
// }
// .no-print {
// display: none;
// }
// }
// `;
const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateDtl }) => {
const PrintingData = PrintingData1?.[0]; const PrintingData = PrintingData1?.[0];
console.log(PrintingData, 'PrintingData'); console.log(PrintingData, 'PrintingData');
const dispatch = useDispatch(); const dispatch = useDispatch();
@ -159,20 +141,29 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
{/* <div className="Quo-Print-address">Gst No:33AAACH7409R1Z8</div> */} {/* <div className="Quo-Print-address">Gst No:33AAACH7409R1Z8</div> */}
</div> </div>
<div className="Quo-Print-Qno"> <div className="Quo-Print-Qno">
{PrintingData?.[0]?.DCNo && <div className="Quo-Print-address"> {PrintingData?.[0]?.DCNo && (
Delivery Challan No: {PrintingData?.[0]?.DCNo} <div className="Quo-Print-address">
</div>} Delivery Challan No: {PrintingData?.[0]?.DCNo}
{PrintingData?.[0]?.RequestId && <div className="Quo-Print-address"> </div>
<strong>Ref No #:</strong> {PrintingData?.[0]?.RequestId} )}
</div>} {PrintingData?.[0]?.RequestId && (
{PrintingData?.[0]?.DCDate && <div className="Quo-Print-address"> <div className="Quo-Print-address">
Order Date:{' '} <strong>Ref No #:</strong>{' '}
{dateFormatChange1(PrintingData?.[0]?.DCDate)} {PrintingData?.[0]?.RequestId}
</div>} </div>
{PrintingData?.[0]?.RequestedDate && <div className="Quo-Print-address"> )}
<strong>Requested Date:{' '}</strong> {PrintingData?.[0]?.DCDate && (
{dateFormatChange1(PrintingData?.[0]?.RequestedDate)} <div className="Quo-Print-address">
</div>} Order Date:{' '}
{dateFormatChange1(PrintingData?.[0]?.DCDate)}
</div>
)}
{PrintingData?.[0]?.RequestedDate && (
<div className="Quo-Print-address">
<strong>Requested Date: </strong>
{dateFormatChange1(PrintingData?.[0]?.RequestedDate)}
</div>
)}
{PrintingData?.[0]?.ModeOfTransport && ( {PrintingData?.[0]?.ModeOfTransport && (
<div className="Quo-Print-address"> <div className="Quo-Print-address">
Transport Mode: {PrintingData?.[0]?.ModeOfTransport} Transport Mode: {PrintingData?.[0]?.ModeOfTransport}
@ -193,41 +184,66 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
Vehicle No: {PrintingData?.[0]?.VehicleNo} Vehicle No: {PrintingData?.[0]?.VehicleNo}
</div> </div>
)} )}
</div> </div>
</div> </div>
{PrintingData?.[0]?.ToBranchDtl?.length > 0 && <div className="Quo-Print-Header"> {PrintingData?.[0]?.ToBranchDtl?.length > 0 && (
<div> <div className="Quo-Print-Header">
<div style={{ marginBottom: '10px' }}><strong>Delivery To :</strong></div> <div>
<div className="Quo-Print-Company"> <div style={{ marginBottom: '10px' }}>
<div className="Quo-Print-Cname">{PrintingData?.[0]?.ToBranchDtl?.[0]?.BranchName}</div> <strong>Delivery To :</strong>
{PrintingData?.[0]?.ToBranchDtl?.[0]?.Address1 && <div className="Quo-Print-address">{PrintingData?.[0]?.ToBranchDtl?.[0]?.Address1}</div>} </div>
{(PrintingData?.[0]?.ToBranchDtl?.[0]?.City || PrintingData?.[0]?.ToBranchDtl?.[0]?.Dist || PrintingData?.[0]?.ToBranchDtl?.[0]?.Zip) && <div className="Quo-Print-address">{`${PrintingData?.[0]?.ToBranchDtl?.[0]?.City}, ${PrintingData?.[0]?.ToBranchDtl?.[0]?.Dist} - ${PrintingData?.[0]?.ToBranchDtl?.[0]?.Zip}`}</div>} <div className="Quo-Print-Company">
{PrintingData?.[0]?.ToBranchDtl?.[0]?.BrGSTIN && <div className="Quo-Print-address">{PrintingData?.[0]?.ToBranchDtl?.[0]?.BrGSTIN}</div>} <div className="Quo-Print-Cname">
{/* <div className="Quo-Print-address">Gst No:33AAACH7409R1Z8</div> */} {PrintingData?.[0]?.ToBranchDtl?.[0]?.BranchName}
</div>
{PrintingData?.[0]?.ToBranchDtl?.[0]?.Address1 && (
<div className="Quo-Print-address">
{PrintingData?.[0]?.ToBranchDtl?.[0]?.Address1}
</div>
)}
{(PrintingData?.[0]?.ToBranchDtl?.[0]?.City ||
PrintingData?.[0]?.ToBranchDtl?.[0]?.Dist ||
PrintingData?.[0]?.ToBranchDtl?.[0]?.Zip) && (
<div className="Quo-Print-address">{`${PrintingData?.[0]?.ToBranchDtl?.[0]?.City}, ${PrintingData?.[0]?.ToBranchDtl?.[0]?.Dist} - ${PrintingData?.[0]?.ToBranchDtl?.[0]?.Zip}`}</div>
)}
{PrintingData?.[0]?.ToBranchDtl?.[0]?.BrGSTIN && (
<div className="Quo-Print-address">
{PrintingData?.[0]?.ToBranchDtl?.[0]?.BrGSTIN}
</div>
)}
{/* <div className="Quo-Print-address">Gst No:33AAACH7409R1Z8</div> */}
</div>
</div>
<div className="Quo-Print-Qno">
{PrintingData?.[0]?.DispatchId && (
<div className="Quo-Print-address">
<strong>Dispatch No #:</strong>{' '}
{PrintingData?.[0]?.DispatchId}
</div>
)}
{PrintingData?.[0]?.CreatedDate && (
<div className="Quo-Print-address">
<strong>Dispatch Date: </strong>
{dateFormatChange1(PrintingData?.[0]?.CreatedDate)}
</div>
)}
</div> </div>
</div> </div>
<div className="Quo-Print-Qno"> )}
{PrintingData?.[0]?.DispatchId && <div className="Quo-Print-address">
<strong>Dispatch No #:</strong> {PrintingData?.[0]?.DispatchId}
</div>}
{PrintingData?.[0]?.CreatedDate && <div className="Quo-Print-address">
<strong>Dispatch Date:{' '}</strong>
{dateFormatChange1(PrintingData?.[0]?.CreatedDate)}
</div>}
</div>
</div>}
<div className="Horizondal-line"></div> <div className="Horizondal-line"></div>
<div className="Quo-Print-Customer"> <div className="Quo-Print-Customer">
<div className="Quo-Print-Cname">Delivery Details</div> <div className="Quo-Print-Cname">Delivery Details</div>
{PrintingData?.[0]?.CustName && <div className="Quo-Print-address"> {PrintingData?.[0]?.CustName && (
Name: {PrintingData?.[0]?.CustName} <div className="Quo-Print-address">
</div>} Name: {PrintingData?.[0]?.CustName}
</div>
)}
{/* {PrintingData?.[0]?.CustMobile && ( */} {/* {PrintingData?.[0]?.CustMobile && ( */}
{PrintingData?.[0]?.CustMobile && <div className="Quo-Print-address"> {PrintingData?.[0]?.CustMobile && (
Mobile: {PrintingData?.[0]?.CustMobile} <div className="Quo-Print-address">
</div>} Mobile: {PrintingData?.[0]?.CustMobile}
</div>
)}
</div> </div>
</div> </div>
@ -270,12 +286,18 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
Variant: {item?.ProdVariantName} Variant: {item?.ProdVariantName}
</div> </div>
)} */} )} */}
{(item?.ProdVariantName || item?.RequestVariantName) && ( {(item?.ProdVariantName ||
(item?.RequestVariantName || item?.ProdVariantName) !== 'Variant 1' && item?.RequestVariantName) &&
<div style={{ fontSize: '0.9em', color: '#666' }}> (item?.RequestVariantName ||
Variant: {item?.RequestVariantName || item?.ProdVariantName} item?.ProdVariantName) !== 'Variant 1' && (
</div> <div
)} style={{ fontSize: '0.9em', color: '#666' }}
>
Variant:{' '}
{item?.RequestVariantName ||
item?.ProdVariantName}
</div>
)}
</td> </td>
<td <td
className="Quo-Print-TableData" className="Quo-Print-TableData"
@ -295,14 +317,12 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
</table> </table>
</div> </div>
</div> </div>
</div> </div>
))} ))}
</div> </div>
<div style={{ display: 'none' }}> <div style={{ display: 'none' }}>
{DCprinterTemplateStyle === 'Style 1' && ( {DCprinterTemplateStyle === 'Style 1' && (
<DCPrintStyle1 <DCPrintStyle1
DCprinterTemplateStyle={DCprinterTemplateStyle} DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl} DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1} Date1={Date1}
@ -318,11 +338,11 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
{DCprinterTemplateStyle === 'Style 2' && ( {DCprinterTemplateStyle === 'Style 2' && (
@ -342,11 +362,11 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
{DCprinterTemplateStyle === 'Style 3' && ( {DCprinterTemplateStyle === 'Style 3' && (
@ -366,16 +386,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
{DCprinterTemplateStyle === 'Style 4' && ( {DCprinterTemplateStyle === 'Style 4' && (
<DCPrintstyle4 <DCPrintstyle4
DCprinterTemplateStyle={DCprinterTemplateStyle} DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl} DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1} Date1={Date1}
@ -391,16 +410,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
{DCprinterTemplateStyle === 'Style 5' && ( {DCprinterTemplateStyle === 'Style 5' && (
<DCPrintStyle5 <DCPrintStyle5
DCprinterTemplateStyle={DCprinterTemplateStyle} DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl} DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1} Date1={Date1}
@ -416,11 +434,11 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
{DCprinterTemplateStyle === 'Style 6' && ( {DCprinterTemplateStyle === 'Style 6' && (
@ -440,11 +458,11 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
{DCprinterTemplateStyle === 'Style 7' && ( {DCprinterTemplateStyle === 'Style 7' && (
@ -458,18 +476,17 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
BranchName={BranchName} BranchName={BranchName}
BranchZip={BranchZip} BranchZip={BranchZip}
BranchDetails={BranchDetails} BranchDetails={BranchDetails}
// CashierName={CashierName} // CashierName={CashierName}
// totalQuantity={totalQuantity} // totalQuantity={totalQuantity}
// OrderDetailGST={OrderDetailGST} // OrderDetailGST={OrderDetailGST}
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
{DCprinterTemplateStyle === 'Style 8' && ( {DCprinterTemplateStyle === 'Style 8' && (
@ -489,16 +506,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
{DCprinterTemplateStyle === 'Style 9' && ( {DCprinterTemplateStyle === 'Style 9' && (
<DCPrintStyle9 <DCPrintStyle9
DCprinterTemplateStyle={DCprinterTemplateStyle} DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl} DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1} Date1={Date1}
@ -514,16 +530,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
{DCprinterTemplateStyle === 'Style 10' && ( {DCprinterTemplateStyle === 'Style 10' && (
<DCPrintStyle10 <DCPrintStyle10
DCprinterTemplateStyle={DCprinterTemplateStyle} DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl} DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1} Date1={Date1}
@ -539,11 +554,11 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
{DCprinterTemplateStyle === 'Style 11' && ( {DCprinterTemplateStyle === 'Style 11' && (
@ -563,16 +578,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
{DCprinterTemplateStyle === 'Style 12' && ( {DCprinterTemplateStyle === 'Style 12' && (
<DCPrintstyle12 <DCPrintstyle12
DCprinterTemplateStyle={DCprinterTemplateStyle} DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl} DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1} Date1={Date1}
@ -588,16 +602,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
{DCprinterTemplateStyle === 'A4' && ( {DCprinterTemplateStyle === 'A4' && (
<DCPrintA4Style11 <DCPrintA4Style11
DCprinterTemplateStyle={DCprinterTemplateStyle} DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl} DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1} Date1={Date1}
@ -613,16 +626,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
{DCprinterTemplateStyle === 'A5' && ( {DCprinterTemplateStyle === 'A5' && (
<DCPrintStyleA5 <DCPrintStyleA5
DCprinterTemplateStyle={DCprinterTemplateStyle} DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl} DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1} Date1={Date1}
@ -638,16 +650,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
{DCprinterTemplateStyle === 'A4Standard' && ( {DCprinterTemplateStyle === 'A4Standard' && (
<DCA4Standard <DCA4Standard
DCprinterTemplateStyle={DCprinterTemplateStyle} DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl} DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1} Date1={Date1}
@ -663,11 +674,11 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]} table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
// printDatas={printDatas} // printDatas={printDatas}
/> />
)} )}
@ -688,11 +699,11 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST} // OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT} // OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData} table2Data={PrintingData}
// totalQuantityFilter={totalQuantityFilter} // totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus} // PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo} // PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting} // PrintGreeting={PrintGreeting}
printDatas={DCPrintTemplateDtl} printDatas={DCPrintTemplateDtl}
/> />
)} )}
</div> </div>