import { HarvestTypes } from '@gtpl/shared-models/common-models'; import { ExporterDataInput } from '@gtpl/shared-models/logistics'; import { RMInvoicePrintReq } from '@gtpl/shared-models/raw-material-procurement'; import { FactoriesInput } from '@gtpl/shared-models/sale-management'; import { RMGrnService } from '@gtpl/shared-services/raw-material-procurement'; import { Button, Card, Col, Form, Row } from 'antd'; import moment from 'moment'; import React, { useEffect, useState } from 'react'; export interface RMInvoiceProps { invoiceNumber: number; } const RMInvoicePrint = (props: RMInvoiceProps) => { const [rmInvoicePrint, setRMInvoicePrint] = useState([]); const service = new RMGrnService(); useEffect(() => { if (props.invoiceNumber) { console.log(props); getRMInvoice(props.invoiceNumber); } }, [props.invoiceNumber]); // let exporterDetails = ExporterDataInput; // let exporterId = 1; // const exporterData = exporterDetails.find( // (item) => item.value == rmInvoicePrint?.exporterId ? rmInvoicePrint.exporterId : exporterId // ); let unitInput = FactoriesInput; const unitsData = FactoriesInput.find(item => item.id == rmInvoicePrint?.unitId) const tableData = () => { const tableDataArray = []; for (const data of rmInvoicePrint?.saleOrderItems) { const tableDataArray = data; } }; const getRMInvoice = (grnId) => { // const req=new SoFormSdfPrintDto() service.getRMInvoicePrint(new RMInvoicePrintReq(grnId)).then((res) => { if (res.status) { setRMInvoicePrint(res.data); } }); }; let exporterDetails = ExporterDataInput; const exporterData = exporterDetails.find( (item) => item.name == rmInvoicePrint?.[0]?.address ); const ammountInkgs = (rmInvoicePrint, ammount) => { return rmInvoicePrint.some( (item) => item.quantiy * item.approvedPrice === ammount ); }; // const getCssFromComponent = (fromDoc, toDoc) => { // Array.from(fromDoc.styleSheets).forEach((styleSheet: any) => { // console.log(styleSheet.cssRules); // if (styleSheet.cssRules) { // true for inline styles // const newStyleElement = toDoc.createElement('style'); // Array.from(styleSheet.cssRules).forEach((cssRule: any) => { // newStyleElement.appendChild(toDoc.createTextNode(cssRule.cssText)); // }); // toDoc.head.appendChild(newStyleElement); // } // }); // } const getCssFromComponent = (fromDoc: Document, toDoc: Document) => { Array.from(fromDoc.styleSheets).forEach((styleSheet: CSSStyleSheet) => { try { if (styleSheet?.cssRules) { // true for inline styles and same-origin stylesheets const newStyleElement = toDoc.createElement("style"); Array.from(styleSheet.cssRules).forEach((cssRule: CSSRule) => { newStyleElement.appendChild(toDoc.createTextNode(cssRule.cssText)); }); toDoc.head.appendChild(newStyleElement); } } catch (e) { console.warn("Could not access stylesheet rules for", styleSheet.href, e); } }); }; const printOrder = () => { const divContents = document.getElementById('printme').innerHTML; const element = window.open('', '', 'height=700, width=1024'); element.document.write(divContents); getCssFromComponent(document, element.document); element.document.close(); setTimeout(() => { element.print(); element.close(); // to close window when click on cancel/Save // model should be open }, 1000); }; // const printOrder = () => { // // const printableElements = document.getElementById('printme').innerHTML; // // const orderHTML = '' + printableElements + '' // // const oldPage = document.body.innerHTML; // // document.body.innerHTML = orderHTML; // // // document.body.innerHTML = oldPage // // window.print(); // // return; // const divContents = document.getElementById('printme').innerHTML; // // const secondPageContents = document.getElementById('secondPage').innerHTML; // // const thirdPageContents = document.getElementById('thirdPage').innerHTML; // // const forthPageContents = document.getElementById('forthPage').innerHTML; // const element = window.open('', '', 'height=700, width=1024'); // const style = ` // // // // // // ${divContents} // // `; // element.document.write(style); // element.document.close(); // element.print(); // element.close(); // }; const calculateTotalquantity = (data) => { const total = data.reduce((total, item) => { let qty =0 if (item.invoiceType?.toLowerCase() === "defect" && item.defectQuantity != null && item.defectQuantity != undefined) { qty = Number(item.defectQuantity) } else if (item.harvestType === HarvestTypes.Re_Weighment && item.reweighmentQuantity != null && item.reweighmentQuantity != undefined) { qty = Number(item.reweighmentQuantity) } else { qty = Number(item.grnQuantity) } // const quantity=item?.harvestType=="Re Weighment"?Number(item?.reweighmentQuantity):Number(item?.grnQuantity) // const quantity = Number(item?.grnQuantity) || 0; return Number(total) + qty; }, 0); return Number(total).toFixed(3); }; const calculateTotalAmountInKgs = (data) => { return data.reduce((total, item) => { let qty =0 if (item.invoiceType?.toLowerCase() === "defect" && item.defectQuantity != null && item.defectQuantity != undefined) { qty = Number(item.defectQuantity) } else if (item.harvestType === HarvestTypes.Re_Weighment && item.reweighmentQuantity != null && item.reweighmentQuantity != undefined) { qty = Number(item.reweighmentQuantity) } else { qty = Number(item.grnQuantity) } // const quantity=item?.harvestType=="Re Weighment"?Number(item?.reweighmentQuantity):Number(item?.grnQuantity) // const quantity = Number(item?.grnQuantity) || 0; const unitPrice = Number(item?.unitPrice) || 0; const totalAmount= Number(total) + Number(qty * unitPrice); return totalAmount.toFixed(3) }, 0); }; // const calculateTDSAmount = (data) => { // const tdsRate = data?.[0]?.tdsApplicable || 0; // const totalAmount = data.reduce((total, item) => { // let qty = 0; // if (item.invoiceType?.toLowerCase() === "defect") { // qty = Number(item.defectQuantity); // } else if (item.harvestType === HarvestTypes.Re_Weighment) { // qty = Number(item.reweighmentQuantity); // } else { // qty = Number(item.grnQuantity); // } // const unitPrice = Number(item?.unitPrice) || 0; // return total + qty * unitPrice; // }, 0); // return ((totalAmount * 0.1) / 100).toFixed(3); // }; const calculateTDSAmount = (data) => { const taxableAmount = Number(data?.[0]?.taxableAmount || 0); return ((taxableAmount * 0.1) / 100).toFixed(3); }; return (

{rmInvoicePrint?.[0]?.address}

{/* {/* } > */}



{rmInvoicePrint?.[0]?.address}
{exporterData?.addressOne},{exporterData?.addressTwo}-{exporterData?.postalCode}
{exporterData?.state},{exporterData?.country}
GSTIN:{exporterData?.GSTNumber}

RM BOUGHT NOTE

INVOICE NUM :{rmInvoicePrint?.[0]?.invoiceNumber} VEHICLE NUM :{rmInvoicePrint?.[0]?.vehicle_number} INVOICE DATE : {moment(rmInvoicePrint?.[0]?.invoiceDate).format('DD-MM-YYYY')} BATCH NUM :{rmInvoicePrint?.[0]?.batchNumbers}

Supplier Name :{rmInvoicePrint?.[0]?.supplierName!=null && rmInvoicePrint?.[0]?.supplierName !== "" ?rmInvoicePrint?.[0]?.supplierName:rmInvoicePrint?.[0]?.dealerName}

Supplier Address : {rmInvoicePrint?.[0]?.supplierAddress !== null && rmInvoicePrint?.[0]?.supplierAddress !== "" ? rmInvoicePrint?.[0]?.supplierAddress : rmInvoicePrint?.[0]?.dealerAddress}

GST Number :{exporterData?.GSTNumber}

Product Type :{rmInvoicePrint?.[0]?.productName}

Bill To :{rmInvoicePrint?.[0]?.billToType}- {rmInvoicePrint?.[0]?.financierName}
{/* */} {rmInvoicePrint.map((rec, idx) => { let qty =0 if (rec.invoiceType?.toLowerCase() === "defect" && rec.defectQuantity != null && rec.defectQuantity != undefined) { qty = Number(rec.defectQuantity) * Number(rec.unitPrice); } else if (rec.harvestType === HarvestTypes.Re_Weighment && rec.reweighmentQuantity != null && rec.reweighmentQuantity != undefined) { qty = Number(rec.reweighmentQuantity) * Number(rec.unitPrice); } else { qty = Number(rec.grnQuantity) * Number(rec.unitPrice); } return(<>) })} {rmInvoicePrint.some(item => item.tdsApplicable !== null) && rmInvoicePrint.some(item => item.tdsApplicable !== 0) ? ( <> ) : ( )} {/* */}
COUNT Type Defect Name HSN Qty in Kgs Rate per kg Amount in Rs Remarks
{/* {rec.count !== null ? rec.count : '-'} */} {rec.harvestType=="Re Weighment"?rec.reweighmentCount:rec.count} {rec.invoiceType !== null ? rec.invoiceType : '-'} {rec.invoiceType?.toLowerCase() === "defect" ? rec.defectName : '-'} {rec.invoiceType?.toLowerCase() === "defect" ? rec.defectQuantity : (rec.harvestType === "Re Weighment" ? rec.reweighmentQuantity : rec.grnQuantity)} {rec.unitPrice !== null ? rec.unitPrice : '-'} {isNaN(Number(qty)) ? '0.00' : Number(qty).toFixed(3)} {rec.rmInvoiceRemarks !== null ? rec.rmInvoiceRemarks : '-'}
Invoice Amount     {calculateTotalquantity(rmInvoicePrint)}   {calculateTotalAmountInKgs(rmInvoicePrint)}  
TDS       {calculateTDSAmount(rmInvoicePrint)}  
Total     --   {(Number(calculateTotalAmountInKgs(rmInvoicePrint)) - Number(calculateTDSAmount(rmInvoicePrint))).toFixed(3)}  
Total     {calculateTotalquantity(rmInvoicePrint)}   {calculateTotalAmountInKgs(rmInvoicePrint)}  
Total Total Total
PREPARED BY : VERIFIED BY : AUTHORISED BY :
{/* */}
); }; export default RMInvoicePrint;