import Table, { ColumnProps } from 'antd/lib/table'; import { QrcodeOutlined, PrinterOutlined } from '@ant-design/icons'; import React, { useEffect, useState } from 'react'; import QRCode from 'qrcode'; import { Button, Modal } from 'antd'; export interface ReportingPrintProps { } export function ReportingPrint(props: ReportingPrintProps) { const [printData, setPrintData] = useState([]) const [page, setPage] = React.useState(1); const [imageUrl, setImageUrl] = useState('') const [isModalVisible, setIsModalVisible] = useState(false); const [showQRModal, setShowQRModal] = useState('') const [rowData, setRowData] = useState() const generateQR = async (record) => { try { const response = await QRCode.toDataURL(record.saleOrder); console.log(record, 'res') setImageUrl(response); setIsModalVisible(true); setShowQRModal('QRModal'); setRowData(record) } catch (error) { console.log(error); } } const handleCancel = () => { setIsModalVisible(false); }; const printOrder = () => { const divContents = document.getElementById('printme').innerHTML; const element = window.open('', '', 'height=700, width=1024'); element.document.write(divContents); element.document.close(); element.print(); element.close(); // to close window when click on cancel/Save setIsModalVisible(true); // model should be open } return ( <>

SANDHYA AQUA

Description

Sale Order : {rowData ? rowData.saleOrder : ''}

Rack Position : {(rowData[0].brandName) ? rowData[0].brandName : '-'}

) } export default ReportingPrint;