import React, {useState, useEffect} from 'react'; import './inspection-grid.css'; import { Descriptions, Badge, Layout, Row, Col, Card, Button, Spin } from 'antd'; import { PrinterOutlined } from '@ant-design/icons' import { AlertMessages } from '@gtpl/shared-utils/alert-messages'; import ReactHTMLTableToExcel from 'react-html-table-to-excel'; import { ProductInspecReq, ProductInspectionDto } from '@gtpl/shared-models/production-management'; import { ProductInspecService } from '@gtpl/shared-services/production'; import moment from 'moment'; export interface InspectionGridProps { InspectionId: number, } export function InspectionGrid (props:InspectionGridProps ) { let temp=4.0; const [InspectionDetails, setInspectionDetails] = useState(); const service = new ProductInspecService(); const [isModalVisible, setIsModalVisible] = useState(false); // const getCssFromComponent = (fromDoc, toDoc) => { // Array.from(fromDoc.styleSheets).forEach((styleSheet: any) => { // 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(); element.print(); element.close(); setIsModalVisible(true); }; // const getData = (InspectionId) => { // const req = new ProductInspecReq(InspectionId); // service.getEvaluation(req).then(res => { // if(res.status){ // console.log(res.data); // setInspectionDetails(res.data) // }else{ // if(res.intlCode){ // setInspectionDetails(undefined); // AlertMessages.getErrorMessage(res.internalMessage); // }else{ // AlertMessages.getErrorMessage(res.internalMessage); // } // } // }).catch(err => { // setInspectionDetails(undefined); // AlertMessages.getErrorMessage(err.message); // }) // } // useEffect( () => { // if(props.InspectionId){ // getData(props.InspectionId); // } // },[props.InspectionId]) // function formatAMPM(date) { // var hours = date.getHours(); // var minutes = date.getMinutes(); // var ampm = hours >= 12 ? 'PM' : 'AM'; // hours = hours % 12; // hours = hours ? hours : 12; // the hour '0' should be '12' // minutes = minutes < 10 ? '0'+minutes : minutes; // var strTime = hours + ':' + minutes + ' ' + ampm; // return strTime; // } // console.log(formatAMPM(new Date)); return (

<>

SANDHYA AQUA EXPORTS PVT. LIMITED, PAMARRU

PRODUCT-INSPECTION REPORT

Date:

{moment(new Date()).format('YYYY-MM-DD')}

{InspectionDetails?.InspectionSamplesInfo.map(sample => { return( ) })}

Sample No.

Time

Product/Variety

Temperature

Code and S.Code

Packing

Brand

Buyer

Grade

Species

Filling Weight

Frozen Weight

Daglazer Weight

Net Weight

Sub sample Weight

Frozen Count

Deglazer Count

Net Count

Total Pieces

Glaze %

Total Odour

Cluster 2pcs

General Appearance

General Odour

Freshness

Texture

Dehydration

Discolouration

Deterioration

Soft/Semi soft/Peeling

Hanging Meat/Th Meat

Black Spot/Tail

Broken/Damaged pcs.

Wrong Cut/Button hole

Legs/Veins/Shells

Foriegn Matter

Uniformty(Big/Small)

Uniformty Ratio

Product met spec-(Y/M/N)

Best Before date

Spec.

5%

5%

Nil

2%

2%

5%

6%

5%

2%

Nil

{sample.InspectionSampleId}

{sample.time}

{sample.species}

{sample.Product}

{sample.temperature}

{sample.Code}

{sample.Packing}

{sample.Brand}

{sample.Buyer}

{sample.Grade}

{sample.Species}

{sample.FillingWeight}

{sample.FrozenWeight }

{sample.DaglazerWeight}

{sample.NetWeight}

{sample.SubsampleWeight}

{sample.FrozenCount}

{sample.DeglazerCount}

{sample.NetCount}

{sample.TotalPieces}

{sample.Glaze }

{sample.TotalOdour}

{sample.Cluster>2/2 }

{sample.generalAppearance}

{sample.generalOdour}

{sample.freshness}

{sample.dehydration}

{sample.discolouration}

{sample.deterioration}

{sample.blackSpotOrTail}

{sample.looseShells}

{sample.brokenOrDamagedPcs}

{sample.fungalGrowth}

{sample.softSpecies}

{sample.droopingHead}

{sample.foreignMatter}

{sample.sulphiteKit}

{sample.pests}

{sample.muddyOdour}

{sample.cookedTexture}

{sample.cookedFlavor}

{sample.parasite}

Remarks and
Corrective Action

*Note:

G -Good, S - Satisfy, N - Nil/absent, SF - Soft & Firm, US - UnSatisfy, NA - Not Applicable
NCC - No Colour Change, Pc - Piece

Checked by

Verified by

); } export default InspectionGrid;