import { LoadingSheetSaleOrderReq } from '@gtpl/shared-models/common-models'; import { ContainerRegisterService } from '@gtpl/shared-services/logistics'; import { AlertMessages } from '@gtpl/shared-utils/alert-messages'; import { Button, Card, Table } from 'antd' import React, { useEffect, useState } from 'react' export interface LoadingSheetPrintProps { saleOrderId: number; } const LoadingSheetPrint = ( props: LoadingSheetPrintProps) => { const containerRService = new ContainerRegisterService(); const [loadingSheetPrintDetails, setLoadingSheetPrintDetails] = useState([]); const [loadingSheetDescriptionDetails, setLoadingSheetDescriptionDetails] = useState([]); const [lotNumberMapedData, setLotNumberMapedData] = useState([]); console.log(props,"saleorderId") useEffect(() => { if (props.saleOrderId) { getLoadingSheetPrint( props.saleOrderId); } }, [props.saleOrderId]); useEffect(() => { if (props.saleOrderId) { // console.log(props); getLoadingSheetData( props.saleOrderId); } }, [props.saleOrderId]); useEffect(() => { if (props.saleOrderId) { // console.log(props); getLotNumbersForLoadingPrint( props.saleOrderId); } }, [props.saleOrderId]); const getLoadingSheetData=(saleorderId)=>{ containerRService.getLoadingSheetDescriptionDetails(new LoadingSheetSaleOrderReq(saleorderId)).then((res) => { if (res.status) { setLoadingSheetDescriptionDetails(res.data); } else { if (res.intlCode) { setLoadingSheetDescriptionDetails(undefined); AlertMessages.getErrorMessage(res.internalMessage); } else { AlertMessages.getErrorMessage(res.internalMessage); } } }) .catch((err) => { AlertMessages.getErrorMessage(err.message); setLoadingSheetDescriptionDetails(undefined); }); } const getLotNumbersForLoadingPrint=(saleorderId)=>{ console.log(saleorderId,"saleorderId") containerRService.getLotNumbersForLoadingPrint(new LoadingSheetSaleOrderReq(saleorderId)).then((res) => { if (res.status) { setLotNumberMapedData(res.data); } else { if (res.intlCode) { setLotNumberMapedData(undefined); AlertMessages.getErrorMessage(res.internalMessage); } else { AlertMessages.getErrorMessage(res.internalMessage); } } }) .catch((err) => { AlertMessages.getErrorMessage(err.message); setLotNumberMapedData(undefined); }); } const getLoadingSheetPrint=(saleorderId)=>{ console.log(saleorderId,"saleorderId") containerRService.getLoadingSheetPrintDetails(new LoadingSheetSaleOrderReq(saleorderId)).then((res) => { if (res.status) { setLoadingSheetPrintDetails(res.data); } else { if (res.intlCode) { setLoadingSheetPrintDetails(undefined); AlertMessages.getErrorMessage(res.internalMessage); } else { AlertMessages.getErrorMessage(res.internalMessage); } } }) .catch((err) => { AlertMessages.getErrorMessage(err.message); setLoadingSheetPrintDetails(undefined); }); } const printOrder = () => { const divContents = document.getElementById('printme').innerHTML; const element = window.open('', '', 'height=700, width=1024'); const style = ` ${divContents} `; element.document.write(style); element.document.close(); element.print(); element.close(); }; const totalCounts = lotNumberMapedData.map((res) => res.data.reduce((total, item) => total + item.count, 0) ); const regexPattern = /\d+\-+\d+\-+\d+/; const shippingDate = loadingSheetPrintDetails?.[0]?.loadingDate; const extractedDate = regexPattern.test(shippingDate) ? shippingDate.match(regexPattern)[0] : "--"; return (

}>

BMR INDUSTRIES PVT LTD

DAMAVARAM,SPSR NELLORE DIST.

LOADING SHEET

PO NO.	{loadingSheetDescriptionDetails[0]?.poNumber?loadingSheetDescriptionDetails[0]?.poNumber:'-'}	LOADING STARTING TIME:	{loadingSheetPrintDetails[0]?.stuffing_start_time?loadingSheetPrintDetails[0]?.stuffing_start_time:'-'}	DATE:	{extractedDate}
INV NO.	{loadingSheetPrintDetails[0]?.invoice_number?loadingSheetPrintDetails[0]?.invoice_number:'-'}	LOADING ENDING TIME:	{loadingSheetPrintDetails[0]?.stuffing_completion_time?loadingSheetPrintDetails[0]?.stuffing_completion_time:'-'}	TROLLEY NO:
BUYER:		CONTAINER NO:	{loadingSheetPrintDetails[0]?.container_number?loadingSheetPrintDetails[0]?.container_number:'-'}	LINEAR SEAL NO:	{loadingSheetPrintDetails[0]?.line_seal?loadingSheetPrintDetails[0]?.line_seal:'-'}
PACKING STYLE:		BRAND:	{loadingSheetDescriptionDetails[0]?.brandName?loadingSheetDescriptionDetails[0]?.brandName:'-'}	TEMPERATURE:	{loadingSheetPrintDetails[0]?.temp_indicator_no_1?loadingSheetPrintDetails[0]?.temp_indicator_no_1:'-'}
				BMR-SEAL NO:	{loadingSheetPrintDetails[0]?.e_seal?loadingSheetPrintDetails[0]?.e_seal:'-'}

{/* Adjust the width as per your requirements */} {lotNumberMapedData.map((_, index) => ( ))} {lotNumberMapedData.map((val, index) => ( ))} {Array.from(new Set(lotNumberMapedData.reduce((acc, val) => acc.concat(val.data.map(e => e.lotNumber)), []))).map((lotNumber, countIndex) => ( {/* Iterate over companies to fill in the corresponding price for each count */} {lotNumberMapedData.map((res, companyIndex) => ( ))} ))}

Variety	{val.variety}
LOT.NO:{lotNumber}	{res.data.find(item => item.lotNumber === lotNumber)?.count \|\| '-'}
Total:	{totalCounts}

) } export default LoadingSheetPrint