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,
GlobalprinttermsAndConditions,
GlobalPritdummyData,
GlobalRowType,
GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalSelectedTableBodyFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSignatureImage,
GlobalthemeFormat,
} from '../../../../Features/ThemeChange/ThemeChange';
@ -200,6 +209,72 @@ const DCPrintA4Style11 = ({
lastChunkRows > (!isMobile ? 10 : PageSize === 'A5' ? 5 : 14);
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 (
<div
style={{
@ -215,6 +290,7 @@ const DCPrintA4Style11 = ({
position: 'relative',
width: '100%',
minHeight: isMobile ? '257mm' : '297mm',
...headerStyle,
}}
id={`DCPrintStyleA4`}
>
@ -248,6 +324,8 @@ const DCPrintA4Style11 = ({
alignItems: 'center',
padding: '12px 0',
borderBottom: '1px solid black',
...headerStyle,
width: '100%',
}}
>
{/* Logo Image */}
@ -583,6 +661,7 @@ const DCPrintA4Style11 = ({
style={{
width: '10%',
textAlign: 'center',
...tableHeaderStyle,
}}
>
S.No
@ -593,25 +672,30 @@ const DCPrintA4Style11 = ({
style={{
width: '10%',
textAlign: 'center',
...tableHeaderStyle,
}}
>
S.No
</th>
)}
{GlobaldummyData
? GlobalItem && <th>Item</th>
: Item == true && <th>Item</th>}
{/* {GlobaldummyData
? GlobalHsnCode && <th style={{ width: '10%', textAlign: "center" }}>HSN</th>
: HsnCode == true && (
<th style={{ width: '10%', textAlign: "center" }}>HSN</th>
)} */}
? GlobalItem && (
<th style={{ ...tableHeaderStyle }}>
Item
</th>
)
: Item == true && (
<th style={{ ...tableHeaderStyle }}>
Item
</th>
)}
{GlobaldummyData
? GlobalQuantity && (
<th
style={{
width: '10%',
textAlign: 'center',
...tableHeaderStyle,
}}
>
Qty
@ -622,6 +706,7 @@ const DCPrintA4Style11 = ({
style={{
width: '10%',
textAlign: 'center',
...tableHeaderStyle,
}}
>
Qty
@ -656,7 +741,22 @@ const DCPrintA4Style11 = ({
<tbody>
{dataChunk?.map((item, index) => (
<tr key={index}>
<tr
key={index}
style={{
...(index % 2 !== 1 &&
rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 &&
rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}),
}}
>
{GlobaldummyData
? GlobalSlNo && (
<td style={{ textAlign: 'center' }}>
@ -1070,6 +1170,7 @@ const DCPrintA4Style11 = ({
? 'space-between'
: 'flex-end',
alignItems: 'center',
...footerColorStyle,
}}
>
{GlobaldummyData
@ -1260,6 +1361,7 @@ const DCPrintA4Style11 = ({
? 'space-between'
: 'flex-end',
alignItems: 'center',
...footerColorStyle,
}}
>
{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,
GlobalthemeFormat,
GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalSelectedTableBodyFontColor,
GlobalRowType,
GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor,
} from '../../../../Features/ThemeChange/ThemeChange';
import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle10.scss';
@ -304,6 +313,72 @@ const DCPrintStyle10 = ({
const shouldFooterBeOnNewPage =
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 (
<>
{FormatTheme ? (
@ -353,7 +428,7 @@ const DCPrintStyle10 = ({
width: '100%',
}}
>
<div className="PrintStyle10-print">
<div className="PrintStyle10-print" style={{ ...headerStyle }}>
<div
className="ShopName"
style={{
@ -591,40 +666,76 @@ const DCPrintStyle10 = ({
<tr>
{GlobaldummyData
? 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
? 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
? GlobalQuantity && (
<th
style={{ width: '10px', textAlign: 'right' }}
style={{
width: '10px',
textAlign: 'right',
...tableHeaderStyle,
}}
>
Qty
</th>
)
: Quantity && (
<th
style={{ width: '10px', textAlign: 'right' }}
style={{
width: '10px',
textAlign: 'right',
...tableHeaderStyle,
}}
>
Qty
</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>
</thead>
<tbody>
{dataChunk?.map((item, index) => {
return (
<tr key={index}>
<tr
key={index}
style={{
...(index % 2 !== 1 && rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 && rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}),
}}
>
{GlobaldummyData
? GlobalSlNo && (
<td
@ -782,6 +893,7 @@ const DCPrintStyle10 = ({
? 'space-between'
: 'flex-end',
alignItems: 'center',
...footerColorStyle,
}}
>
{GlobaldummyData

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

@ -25,6 +25,15 @@ import {
Globalnotes,
GlobalthemeFormat,
GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalRowType,
GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor,
GlobalSelectedTableBodyFontColor,
} from '../../../../Features/ThemeChange/ThemeChange';
import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle11.scss';
@ -287,6 +296,72 @@ const DCPrintStyle11 = ({
: 0;
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 (
<>
{FormatTheme ? (
@ -331,6 +406,7 @@ const DCPrintStyle11 = ({
padding: 0,
fontWeight: 600,
textAlign: 'center',
...headerStyle,
}}
>
<div
@ -339,6 +415,7 @@ const DCPrintStyle11 = ({
margin: '2px 0 0 0',
padding: 0,
fontWeight: 600,
...headerStyle,
}}
>
{GlobaldummyData
@ -360,7 +437,7 @@ const DCPrintStyle11 = ({
width: '100%',
}}
>
<div className="PrintStyle11-print">
<div className="PrintStyle11-print" style={{ ...headerStyle }}>
{base64Image ? (
<img
className="PrintStyle11-BrandImage"
@ -584,40 +661,76 @@ const DCPrintStyle11 = ({
<tr>
{GlobaldummyData
? 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
? 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
? GlobalQuantity && (
<th
style={{ width: '10px', textAlign: 'right' }}
style={{
width: '10px',
textAlign: 'right',
...tableHeaderStyle,
}}
>
Qty
</th>
)
: Quantity && (
<th
style={{ width: '10px', textAlign: 'right' }}
style={{
width: '10px',
textAlign: 'right',
...tableHeaderStyle,
}}
>
Qty
</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>
</thead>
<tbody>
{dataChunk?.map((item, index) => {
return (
<tr key={index}>
<tr
key={index}
style={{
...(index % 2 !== 1 && rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 && rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}),
}}
>
{GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td>
: SLNO && (
@ -695,11 +808,6 @@ const DCPrintStyle11 = ({
{item?.Qty || item?.DispatchedQty}
</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>
);
})}
@ -751,6 +859,7 @@ const DCPrintStyle11 = ({
? 'space-between'
: 'flex-end',
alignItems: 'center',
...footerColorStyle,
}}
>
{GlobaldummyData

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

@ -26,6 +26,15 @@ import {
Globalnotes,
GlobalthemeFormat,
GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalSelectedTableBodyFontColor,
GlobalRowType,
GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor,
} from '../../../../Features/ThemeChange/ThemeChange';
import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle12.scss';
@ -433,6 +442,72 @@ const DCPrintstyle12 = ({
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 (
<>
{FormatTheme ? (
@ -483,7 +558,10 @@ const DCPrintstyle12 = ({
width: '100%',
}}
>
<div className="PrintStyle12-firstDiv">
<div
className="PrintStyle12-firstDiv"
style={{ ...headerStyle }}
>
<div style={{ display: 'flex', flexDirection: 'column' }}>
<div
style={{
@ -735,29 +813,61 @@ const DCPrintstyle12 = ({
<thead>
<tr>
{GlobaldummyData
? GlobalSlNo && <th>S.No</th>
: SLNO && <th>S.No</th>}
? GlobalSlNo && (
<th style={{ ...tableHeaderStyle }}>S.No</th>
)
: SLNO && (
<th style={{ ...tableHeaderStyle }}>S.No</th>
)}
{GlobaldummyData
? GlobalItem && <th>Description</th>
: Item && <th>Des</th>}
? GlobalItem && (
<th style={{ ...tableHeaderStyle }}>
Description
</th>
)
: Item && (
<th style={{ ...tableHeaderStyle }}>Des</th>
)}
{GlobaldummyData
? GlobalQuantity && (
<th style={{ textAlign: 'right' }}>Qty</th>
<th
style={{
textAlign: 'right',
...tableHeaderStyle,
}}
>
Qty
</th>
)
: 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>
</thead>
<tbody>
{dataChunk?.map((item, index) => {
return (
<tr key={index}>
<tr
key={index}
style={{
...(index % 2 !== 1 && rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 && rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}),
}}
>
{GlobaldummyData
? GlobalSlNo && (
<td style={{ textAlign: 'center' }}>
@ -841,11 +951,6 @@ const DCPrintstyle12 = ({
{item?.Qty || item?.DispatchedQty}
</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>
);
})}
@ -898,6 +1003,7 @@ const DCPrintstyle12 = ({
? 'space-between'
: 'flex-end',
alignItems: 'center',
...footerColorStyle,
}}
>
{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,
GlobalthemeFormat,
GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableBodyColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyFontColor,
GlobalSelectedFooterFontColor,
GlobalSelectedFooterColor,
GlobalRowType,
} from '../../../../Features/ThemeChange/ThemeChange';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle3.scss';
import QRCode from 'react-qr-code';
@ -232,6 +241,70 @@ const DCPrintStyle3 = ({
lastChunkRows > (!isMobile ? 10 : PageSize == 'A5' ? 5 : 10);
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 (
<>
<div
@ -272,7 +345,7 @@ const DCPrintStyle3 = ({
width: '100%',
}}
>
<div className="PrintStyle3-print">
<div className="PrintStyle3-print" style={{ ...headerStyle }}>
<div style={{ fontSize: '30px', fontweight: '900' }}>
{GlobaldummyData ? 'XYZ Shop' : BranchName}
</div>
@ -473,6 +546,7 @@ const DCPrintStyle3 = ({
width: '100%',
fontweight: '600',
gap: '0.2rem',
...tableHeaderStyle,
}}
>
{GlobaldummyData
@ -559,6 +633,11 @@ const DCPrintStyle3 = ({
justifyContent: 'space-between',
width: '100%',
gap: '0.2rem',
...(index % 2 !== 1 && rowtypeStyle === 'even'
? { ...tableBodyStyle }
: index % 2 === 1 && rowtypeStyle === 'odd'
? { ...tableBodyStyle }
: {}),
}}
>
{GlobaldummyData
@ -688,6 +767,7 @@ const DCPrintStyle3 = ({
? 'space-between'
: 'flex-end',
alignItems: 'center',
...footerColorStyle,
}}
>
{GlobaldummyData

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

@ -17,19 +17,25 @@ import {
GlobalprintQrcodet,
GlobalPritdummyData,
changeReprintDataFound,
GloabalFieldDetails,
GlobalprintSignature,
GlobalprinttermsAndConditions,
GlobalSignatureImage,
Globalnotes,
GlobalthemeFormat,
GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalSelectedTableBodyFontColor,
GlobalRowType,
GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor,
} from '../../../../Features/ThemeChange/ThemeChange';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle4.scss';
import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData';
import QRCode from 'react-qr-code';
import signature from '../../../../Images/signatureimage.jpg';
import { ApplicationPreferences } from '../../../../Features/BrachLogin/BranchLogin';
import { isMobile } from 'react-device-detect';
const DCPrintstyle4 = ({
@ -219,6 +225,71 @@ const DCPrintstyle4 = ({
? paginatedChunks[paginatedChunks.length - 1].length
: 0;
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 (
<>
<div
@ -261,7 +332,7 @@ const DCPrintstyle4 = ({
>
<div
className="PrintStyle4-fistDiv"
style={{ flexDirection: 'column' }}
style={{ flexDirection: 'column', ...headerStyle }}
>
<div
style={{
@ -470,38 +541,69 @@ const DCPrintstyle4 = ({
<tr>
{GlobaldummyData
? 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
? GlobalItem && <th>Item</th>
: Item && <th>Item</th>}
? GlobalItem && (
<th style={{ ...tableHeaderStyle }}>Item</th>
)
: Item && (
<th style={{ ...tableHeaderStyle }}>Item</th>
)}
{GlobaldummyData
? GlobalQuantity && (
<th
style={{ width: '10px', textAlign: 'right' }}
style={{
width: '10px',
textAlign: 'right',
...tableHeaderStyle,
}}
>
Qty
</th>
)
: Quantity && (
<th
style={{ width: '30px', textAlign: 'right' }}
style={{
width: '30px',
textAlign: 'right',
...tableHeaderStyle,
}}
>
Qty
</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>
</thead>
<tbody>
{dataChunk?.map((item, index) => {
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
? GlobalSlNo && <td>{index + 1}</td>
: SLNO && (
@ -547,11 +649,6 @@ const DCPrintstyle4 = ({
{item?.Qty || item?.DispatchedQty}
</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>
);
})}
@ -604,6 +701,7 @@ const DCPrintstyle4 = ({
? 'space-between'
: 'flex-end',
alignItems: 'center',
...footerColorStyle,
}}
>
{GlobaldummyData

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

@ -24,6 +24,15 @@ import {
Globalnotes,
GlobalthemeFormat,
GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalSelectedTableBodyFontColor,
GlobalSelectedFooterFontColor,
GlobalSelectedFooterColor,
GlobalRowType,
} from '../../../../Features/ThemeChange/ThemeChange';
import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle5.scss';
@ -203,6 +212,74 @@ const DCPrintStyle5 = ({
: 0;
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 (
<>
<div
@ -243,7 +320,7 @@ const DCPrintStyle5 = ({
width: '100%',
}}
>
<div className="PrintStyle5-Head">
<div className="PrintStyle5-Head" style={{ ...headerStyle }}>
<div>
<div
style={{
@ -458,6 +535,7 @@ const DCPrintStyle5 = ({
fontSize: 'clamp(1rem, 2.5vw, 1.2rem)',
width: '95%',
gap: '0.5rem',
...tableHeaderStyle,
}}
>
{GlobaldummyData
@ -502,10 +580,6 @@ const DCPrintStyle5 = ({
QTY
</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>
<hr className="hrline" />
@ -521,6 +595,15 @@ const DCPrintStyle5 = ({
fontWeight: '600',
width: '95%',
gap: '0.5rem',
...(index % 2 !== 1 && rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 && rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}),
}}
>
{GlobaldummyData
@ -576,31 +659,6 @@ const DCPrintStyle5 = ({
item?.RequestVariantName}{' '}
</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>
@ -617,9 +675,6 @@ const DCPrintStyle5 = ({
{item?.Qty || item?.DispatchedQty}
</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>
))}
</>
@ -666,6 +721,7 @@ const DCPrintStyle5 = ({
? 'space-between'
: 'flex-end',
alignItems: 'center',
...footerColorStyle,
}}
>
{GlobaldummyData

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

@ -24,6 +24,15 @@ import {
Globalnotes,
GlobalthemeFormat,
GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalSelectedTableBodyFontColor,
GlobalSelectedFooterFontColor,
GlobalSelectedFooterColor,
GlobalRowType,
} from '../../../../Features/ThemeChange/ThemeChange';
import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle6.scss';
@ -219,6 +228,72 @@ const DCPrintstyle6 = ({
: 0;
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 (
<>
<div
@ -259,7 +334,7 @@ const DCPrintstyle6 = ({
width: '100%',
}}
>
<div className="PrintStyle6-firstDiv">
<div className="PrintStyle6-firstDiv" style={{ ...headerStyle }}>
<div
className="P6HdBrnchName"
style={{
@ -470,28 +545,38 @@ const DCPrintstyle6 = ({
<div className="PrintStyle6-print-tableMaster">
<table className="PrintStyle6-print-table">
<thead>
<tr>
<tr style={{ ...tableHeaderStyle }}>
{GlobaldummyData
? GlobalSlNo && (
<th style={{ width: '10px' }}>S.No</th>
<th
style={{ width: '10px', ...tableHeaderStyle }}
>
S.No
</th>
)
: SLNO && (
<th
style={{ width: '10px', textAlign: 'left' }}
style={{
width: '10px',
textAlign: 'left',
...tableHeaderStyle,
}}
>
S.No
</th>
)}
{GlobaldummyData ? (
(GlobalItem || GlobalQuantity) && (
<th style={{ width: '10px' }}>
<th
style={{ width: '10px', ...tableHeaderStyle }}
>
{GlobaldummyData
? GlobalItem && 'ITEM /DES'
: 'ITEM /DES'}{' '}
</th>
)
) : (
<th style={{ width: '10px' }}>
<th style={{ width: '10px', ...tableHeaderStyle }}>
{GlobaldummyData
? GlobalItem && 'ITEM /DES'
: Item && 'ITEM /DES'}{' '}
@ -500,14 +585,22 @@ const DCPrintstyle6 = ({
{GlobaldummyData
? GlobalQuantity && (
<th
style={{ width: '10px', textAlign: 'right' }}
style={{
width: '10px',
textAlign: 'right',
...tableHeaderStyle,
}}
>
QTY
</th>
)
: Quantity && (
<th
style={{ width: '10px', textAlign: 'right' }}
style={{
width: '10px',
textAlign: 'right',
...tableHeaderStyle,
}}
>
QTY
</th>
@ -557,7 +650,20 @@ const DCPrintstyle6 = ({
<tbody>
{dataChunk?.map((item, index) => {
return (
<tr key={index}>
<tr
key={index}
style={{
...(index % 2 !== 1 && rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 && rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}),
}}
>
{GlobaldummyData
? GlobalSlNo && <td>{index + 1}</td>
: SLNO && (
@ -749,6 +855,7 @@ const DCPrintstyle6 = ({
? 'space-between'
: 'flex-end',
alignItems: 'center',
...footerColorStyle,
}}
>
{GlobaldummyData

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

@ -21,6 +21,15 @@ import {
Globalnotes,
GlobalthemeFormat,
GlobalBillName,
GlobalSelectedPrintHeaderColor,
GlobalSelectedPrintHeaderFontColor,
GlobalSelectedTableHeaderColor,
GlobalSelectedTableHeaderFontColor,
GlobalSelectedTableBodyColor,
GlobalSelectedTableBodyFontColor,
GlobalRowType,
GlobalSelectedFooterColor,
GlobalSelectedFooterFontColor,
} from '../../../../Features/ThemeChange/ThemeChange';
import { GlobalUpiIDprint } from '../../../../Features/BookingScreen/BookingData/BookingData';
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle7.scss';
@ -246,6 +255,73 @@ const DCPrintStyle7 = ({
: 0;
const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 10);
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 (
<>
<div
@ -287,7 +363,7 @@ const DCPrintStyle7 = ({
}}
>
<hr class="star-line" />
<div className="PrintStyle7-print">
<div className="PrintStyle7-print" style={{ ...headerStyle }}>
<div style={{ fontSize: '16px', fontWeight: '600' }}>
{' '}
{GlobaldummyData ? 'XYZ Shop' : BranchName}
@ -524,31 +600,71 @@ const DCPrintStyle7 = ({
<tr>
{GlobaldummyData
? GlobalSlNo && (
<th style={{ width: '10px' }}>S.No</th>
<th
style={{
width: '10px',
...tableHeaderStyle,
}}
>
S.No
</th>
)
: SLNO == true && (
<th style={{ width: '10px' }}>S.No</th>
<th
style={{
width: '10px',
...tableHeaderStyle,
}}
>
S.No
</th>
)}
{GlobaldummyData
? GlobalItem && <th>Item</th>
: Item == true && <th>Item</th>}
{/* {GlobaldummyData ? GlobalHsnCode && <th style={{ width: '10px', }}>HSN</th> : HsnCode == true && <th style={{ width: '10px', }}>HSN</th>} */}
? GlobalItem && (
<th style={{ ...tableHeaderStyle }}>Item</th>
)
: Item == true && (
<th style={{ ...tableHeaderStyle }}>Item</th>
)}
{GlobaldummyData
? GlobalQuantity && (
<th style={{ width: '10px' }}>Qty</th>
<th
style={{
width: '10px',
...tableHeaderStyle,
}}
>
Qty
</th>
)
: 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>
</thead>
<tbody>
{dataChunk?.map((item, index) => (
<tr key={index}>
<tr
key={index}
style={
index % 2 !== 1 && rowtypeStyle === 'even'
? {
...tableBodyStyle,
}
: index % 2 === 1 && rowtypeStyle === 'odd'
? {
...tableBodyStyle,
}
: {}
}
>
{GlobaldummyData
? GlobalSlNo && (
<td style={{ textAlign: 'center' }}>
@ -598,10 +714,6 @@ const DCPrintStyle7 = ({
{item?.Qty || item?.DispatchedQty}
</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>
))}
</tbody>
@ -672,6 +784,7 @@ const DCPrintStyle7 = ({
? 'space-between'
: 'flex-end',
alignItems: 'center',
...footerColorStyle,
}}
>
{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 { useSelector } from 'react-redux';
import { GlobalDCPrintTemplate } from '../../Features/ThemeChange/ThemeChange';
import DCPrintStyle1 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle1';
import DCPrintstyle2 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle2';
import DCPrintStyle3 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle3';
import DCPrintstyle4 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle4';
@ -20,32 +21,13 @@ import DCPrintStyle11 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle11';
import DCPrintstyle12 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle12';
import DCPrintStyleA5 from './DCPrintTemplates/DCA4/DCPrintStyleA5';
import DCA4Standard from './DCPrintTemplates/DCA4/DCA4Standard';
import DCPrintStyle1 from './DCPrintTemplates/DCThermalPrinter/DCPrintStyle1';
import DCInvicePrint from './DCPrintTemplates/DCThermalPrinter/DCInvicePrint';
// const PrintStyles = `
// @media print {
// @page {
// size: A4;
// 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 DeliveryPrint = ({
PrintingData1,
DCprinterTemplateStyle,
DCPrintTemplateDtl,
}) => {
const PrintingData = PrintingData1?.[0];
console.log(PrintingData, 'PrintingData');
const dispatch = useDispatch();
@ -159,20 +141,29 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
{/* <div className="Quo-Print-address">Gst No:33AAACH7409R1Z8</div> */}
</div>
<div className="Quo-Print-Qno">
{PrintingData?.[0]?.DCNo && <div className="Quo-Print-address">
Delivery Challan No: {PrintingData?.[0]?.DCNo}
</div>}
{PrintingData?.[0]?.RequestId && <div className="Quo-Print-address">
<strong>Ref No #:</strong> {PrintingData?.[0]?.RequestId}
</div>}
{PrintingData?.[0]?.DCDate && <div className="Quo-Print-address">
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]?.DCNo && (
<div className="Quo-Print-address">
Delivery Challan No: {PrintingData?.[0]?.DCNo}
</div>
)}
{PrintingData?.[0]?.RequestId && (
<div className="Quo-Print-address">
<strong>Ref No #:</strong>{' '}
{PrintingData?.[0]?.RequestId}
</div>
)}
{PrintingData?.[0]?.DCDate && (
<div className="Quo-Print-address">
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 && (
<div className="Quo-Print-address">
Transport Mode: {PrintingData?.[0]?.ModeOfTransport}
@ -193,41 +184,66 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
Vehicle No: {PrintingData?.[0]?.VehicleNo}
</div>
)}
</div>
</div>
{PrintingData?.[0]?.ToBranchDtl?.length > 0 && <div className="Quo-Print-Header">
<div>
<div style={{ marginBottom: '10px' }}><strong>Delivery To :</strong></div>
<div className="Quo-Print-Company">
<div className="Quo-Print-Cname">{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> */}
{PrintingData?.[0]?.ToBranchDtl?.length > 0 && (
<div className="Quo-Print-Header">
<div>
<div style={{ marginBottom: '10px' }}>
<strong>Delivery To :</strong>
</div>
<div className="Quo-Print-Company">
<div className="Quo-Print-Cname">
{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 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="Quo-Print-Customer">
<div className="Quo-Print-Cname">Delivery Details</div>
{PrintingData?.[0]?.CustName && <div className="Quo-Print-address">
Name: {PrintingData?.[0]?.CustName}
</div>}
<div className="Quo-Print-Cname">Delivery Details</div>
{PrintingData?.[0]?.CustName && (
<div className="Quo-Print-address">
Name: {PrintingData?.[0]?.CustName}
</div>
)}
{/* {PrintingData?.[0]?.CustMobile && ( */}
{PrintingData?.[0]?.CustMobile && <div className="Quo-Print-address">
Mobile: {PrintingData?.[0]?.CustMobile}
</div>}
{PrintingData?.[0]?.CustMobile && (
<div className="Quo-Print-address">
Mobile: {PrintingData?.[0]?.CustMobile}
</div>
)}
</div>
</div>
@ -270,12 +286,18 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
Variant: {item?.ProdVariantName}
</div>
)} */}
{(item?.ProdVariantName || item?.RequestVariantName) && (
(item?.RequestVariantName || item?.ProdVariantName) !== 'Variant 1' &&
<div style={{ fontSize: '0.9em', color: '#666' }}>
Variant: {item?.RequestVariantName || item?.ProdVariantName}
</div>
)}
{(item?.ProdVariantName ||
item?.RequestVariantName) &&
(item?.RequestVariantName ||
item?.ProdVariantName) !== 'Variant 1' && (
<div
style={{ fontSize: '0.9em', color: '#666' }}
>
Variant:{' '}
{item?.RequestVariantName ||
item?.ProdVariantName}
</div>
)}
</td>
<td
className="Quo-Print-TableData"
@ -295,14 +317,12 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
</table>
</div>
</div>
</div>
))}
</div>
<div style={{ display: 'none' }}>
{DCprinterTemplateStyle === 'Style 1' && (
<DCPrintStyle1
DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1}
@ -318,11 +338,11 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
{DCprinterTemplateStyle === 'Style 2' && (
@ -342,11 +362,11 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
{DCprinterTemplateStyle === 'Style 3' && (
@ -366,16 +386,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
{DCprinterTemplateStyle === 'Style 4' && (
<DCPrintstyle4
DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1}
@ -391,16 +410,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
{DCprinterTemplateStyle === 'Style 5' && (
<DCPrintStyle5
DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1}
@ -416,11 +434,11 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
{DCprinterTemplateStyle === 'Style 6' && (
@ -440,11 +458,11 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
{DCprinterTemplateStyle === 'Style 7' && (
@ -458,18 +476,17 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
BranchName={BranchName}
BranchZip={BranchZip}
BranchDetails={BranchDetails}
// CashierName={CashierName}
// totalQuantity={totalQuantity}
// OrderDetailGST={OrderDetailGST}
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
{DCprinterTemplateStyle === 'Style 8' && (
@ -489,16 +506,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
{DCprinterTemplateStyle === 'Style 9' && (
<DCPrintStyle9
DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1}
@ -514,16 +530,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
{DCprinterTemplateStyle === 'Style 10' && (
<DCPrintStyle10
DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1}
@ -539,11 +554,11 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
{DCprinterTemplateStyle === 'Style 11' && (
@ -563,16 +578,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
{DCprinterTemplateStyle === 'Style 12' && (
<DCPrintstyle12
DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1}
@ -588,16 +602,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
{DCprinterTemplateStyle === 'A4' && (
<DCPrintA4Style11
DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1}
@ -613,16 +626,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
{DCprinterTemplateStyle === 'A5' && (
<DCPrintStyleA5
DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1}
@ -638,16 +650,15 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
{DCprinterTemplateStyle === 'A4Standard' && (
<DCA4Standard
DCprinterTemplateStyle={DCprinterTemplateStyle}
DCPrintTemplateDtl={DCPrintTemplateDtl}
Date1={Date1}
@ -663,11 +674,11 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData?.[0]}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
// printDatas={printDatas}
/>
)}
@ -688,11 +699,11 @@ const DeliveryPrint = ({ PrintingData1, DCprinterTemplateStyle, DCPrintTemplateD
// OrderDetailIGST={OrderDetailIGST}
// OrderDetailVAT={OrderDetailVAT}
table2Data={PrintingData}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
printDatas={DCPrintTemplateDtl}
// totalQuantityFilter={totalQuantityFilter}
// PaymentStatus={PaymentStatus}
// PrintLogo={PrintLogo}
// PrintGreeting={PrintGreeting}
printDatas={DCPrintTemplateDtl}
/>
)}
</div>