RePrint Detailds if no found data Print Icon Disable

This commit is contained in:
Srinath 2026-03-20 11:01:28 +05:30
parent 626b3b502a
commit c01a3baa98
1 changed files with 38 additions and 34 deletions

View File

@ -90,6 +90,8 @@ const ReprintReasonReportList = () => {
const [message, setMessage] = useState({ type: null, data: null }); const [message, setMessage] = useState({ type: null, data: null });
const [searchedText, setSearchedText] = useState(''); const [searchedText, setSearchedText] = useState('');
const [tableData, setTableData] = useState([]); const [tableData, setTableData] = useState([]);
console.log(tableData, 'tableData23232');
const [fromDate, setFromDate] = useState(); const [fromDate, setFromDate] = useState();
const [toDate, setToDate] = useState(); const [toDate, setToDate] = useState();
const [page, setpage] = useState(1); const [page, setpage] = useState(1);
@ -103,21 +105,21 @@ const ReprintReasonReportList = () => {
index: index + 1 index: index + 1
})); }));
const items = [ const items = [
{ {
name: 'Home', name: 'Home',
link: `${subDirectory}app-page/home`, link: `${subDirectory}app-page/home`,
}, },
{ {
name: 'Reprint Details', name: 'Reprint Details',
link: `${subDirectory}report/reprintreasonreport`, link: `${subDirectory}report/reprintreasonreport`,
}, },
]; ];
useEffect(() => { useEffect(() => {
dispatch(changeBreadCrumb({ items: items })); dispatch(changeBreadCrumb({ items: items }));
}, []); }, []);
const columns = [ const columns = [
{ {
title: 'Sl.No', title: 'Sl.No',
@ -463,11 +465,13 @@ const ReprintReasonReportList = () => {
> >
<BiSolidPrinter <BiSolidPrinter
onClick={Print} onClick={Print}
className={ style={{
tableData?.length > 0 fontSize: '24px',
? 'ItemWiseReport-printerIcon' cursor: tableData?.length > 0 ? 'pointer' : 'not-allowed',
: 'ItemWiseReport-printerIcon-disabled' opacity: tableData?.length > 0 ? 1 : 0.5,
} pointerEvents: tableData?.length > 0 ? 'auto' : 'none'
}}
/> />
{/* <div {/* <div
style={{ style={{
@ -501,20 +505,20 @@ const ReprintReasonReportList = () => {
</Form.Item> </Form.Item>
</div> </div>
</div> */} </div> */}
<div style={{paddingTop:'15px'}}> <div style={{ paddingTop: '15px' }}>
<Form.Item name="DateRange"> <Form.Item name="DateRange">
<DatePicker.RangePicker <DatePicker.RangePicker
format={'DD/MM/YYYY'} format={'DD/MM/YYYY'}
value={ value={
fromDate && toDate fromDate && toDate
? [dayjs(fromDate, 'DD-MM-YYYY HH:mm:ss'), dayjs(toDate, 'DD-MM-YYYY HH:mm:ss')] ? [dayjs(fromDate, 'DD-MM-YYYY HH:mm:ss'), dayjs(toDate, 'DD-MM-YYYY HH:mm:ss')]
: null : null
} }
onChange={onChange_Pending_DateRange} onChange={onChange_Pending_DateRange}
disabledDate={(current) => current && current > dayjs()} disabledDate={(current) => current && current > dayjs()}
/> />
</Form.Item> </Form.Item>
</div> </div>
</Form> </Form>
</div> </div>