added styele
This commit is contained in:
Srinath
parent
467ca1b93b
commit
b592923f5f
|
|
@ -21,6 +21,8 @@ const CatalogueTemplate1 = () => {
|
|||
const BrId = getSession('BranchId');
|
||||
|
||||
const Globalcataloguedata1 = useSelector(GlobalCataloguedata);
|
||||
console.log(Globalcataloguedata1, 'Globalcataloguedata1eqee');
|
||||
|
||||
const [Branchdatas, setBranchdatas] = useState();
|
||||
|
||||
useEffect(() => {
|
||||
|
|
@ -46,121 +48,7 @@ const CatalogueTemplate1 = () => {
|
|||
}
|
||||
return (
|
||||
<>
|
||||
{/* <div className="CT1-MasterDiv">
|
||||
<div className="a">
|
||||
<div className='div'>
|
||||
|
||||
<div className="PrintA4Style" id="PrintStyleA4" style={{width:'100%'}}>
|
||||
<div className="page-header" style={{ textAlign: "center", backgroundColor: '#fff', borderBottom: '#fff',width:'100%' }}>
|
||||
{Branchdatas?.map((item) => (
|
||||
<>
|
||||
<div className="overlap" style={{ zIndex: '2' }}>
|
||||
|
||||
<div className="rectangle" />
|
||||
<div className="rectangle-2" />
|
||||
<img
|
||||
className="pngwing-com"
|
||||
alt=" "
|
||||
src={shopImg}
|
||||
/>
|
||||
|
||||
<div className="overlap-wrapper">
|
||||
<div className="overlap-3">
|
||||
<div className="group-5">
|
||||
<div className="group-6">
|
||||
|
||||
<div className="text-wrapper-10">{item.BrName}</div>
|
||||
|
||||
<div className="text-wrapper-11">{item.BrMobile}</div>
|
||||
<div className="text-wrapper-11New">
|
||||
{item.Address1 != null && item.Address1 + ','}{item.City != null && item.City + ','}{item.Dist != null && item.Dist + ','}{item.State != null && item.State}</div>
|
||||
</div>
|
||||
<img
|
||||
className="pngwing-com-2"
|
||||
alt="Pngwing com"
|
||||
src={shopico}
|
||||
/>
|
||||
</div>
|
||||
<div className="group-7">
|
||||
<div className="overlap-3">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</>
|
||||
|
||||
))}
|
||||
</div>
|
||||
|
||||
<table className="A4TablePrint" style={{width:'100%'}}>
|
||||
<thead>
|
||||
<tr>
|
||||
<td style={{width:'100%' }}>
|
||||
<div className="page-header-space"> </div>
|
||||
</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style={{width:'100%'}}>
|
||||
|
||||
<div className="page" style={{ lineHeight: "1.2" }}>
|
||||
<div className="CT1itemcardGroup">
|
||||
|
||||
{Globalcataloguedata1?.map((item) => (
|
||||
<>
|
||||
<div>
|
||||
|
||||
<div >
|
||||
|
||||
<img
|
||||
className="Cateimg"
|
||||
src={item?.ProdLogo}
|
||||
alt=''
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div >
|
||||
<div >₹ {item?.SellPrice}</div>
|
||||
{console.log("itemitem", item)}
|
||||
</div>
|
||||
<p >{item?.ProdName} {item?.UomName}</p>
|
||||
|
||||
</div>
|
||||
</>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
<img className="image" alt="Image" src={ph} />
|
||||
<img className="group-14" alt="Group" src="group-703.png" />
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="page-footer-space"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> */}
|
||||
|
||||
{' '}
|
||||
<div style={{ fontFamily: 'Montserrat,sans-serif' }}>
|
||||
{/* <button style={{position: 'absolute',zIndex:'2'}} onClick={handlePrint}>Print</button> */}
|
||||
|
||||
|
|
@ -169,14 +57,14 @@ const CatalogueTemplate1 = () => {
|
|||
style={{ width: '100%', display: 'flex', justifyContent: 'center' }}
|
||||
>
|
||||
<div
|
||||
className="page-header"
|
||||
className="page-header-1"
|
||||
style={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
padding: '0 1rem',
|
||||
textAlign: 'center',
|
||||
backgroundColor: '#ff453a',
|
||||
width: '94%',
|
||||
width: '97%',
|
||||
borderRadius: '30px 30px 0 0',
|
||||
}}
|
||||
>
|
||||
|
|
@ -213,28 +101,7 @@ const CatalogueTemplate1 = () => {
|
|||
</div>
|
||||
</>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* <div className="page-footer">
|
||||
<div className=' '>
|
||||
<div style={{ display: 'flex', flexDirection: 'column' }}>
|
||||
|
||||
<p style={{ marginLeft: '2rem', fontSize: '16px', fontWeight: '700' }}>{Branchdatas?.[0]?.BrName}</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div className='CTemplate5Fotterinfo' >
|
||||
|
||||
<div className='CTemplate5Fotterphone'>
|
||||
<div style={{ display: 'flex', flexDirection: 'column', fontSize: '9px' }}>
|
||||
<div>FREE HOME</div>
|
||||
<div>DELEVERY</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
</div>{' '}
|
||||
<table className="" style={{ width: '100%' }}>
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
@ -271,11 +138,11 @@ const CatalogueTemplate1 = () => {
|
|||
|
||||
<div
|
||||
style={{
|
||||
display: 'grid',
|
||||
gridTemplateColumns: 'repeat( 5, 1fr)',
|
||||
gridAutoRows: '140px',
|
||||
display: 'flex',
|
||||
flexWrap: 'wrap',
|
||||
justifyContent: 'center',
|
||||
gap: '0.3rem',
|
||||
padding: '1rem 0',
|
||||
}}
|
||||
>
|
||||
{Globalcataloguedata1?.map((item) => (
|
||||
|
|
@ -285,10 +152,14 @@ const CatalogueTemplate1 = () => {
|
|||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
widht: '100px',
|
||||
height: 'auto',
|
||||
width: '100px',
|
||||
height: '140px',
|
||||
backgroundColor: '#ececec',
|
||||
justifyContent: 'space-around',
|
||||
pageBreakInside: 'avoid',
|
||||
breakInside: 'avoid',
|
||||
margin: '0.2rem',
|
||||
borderRadius: '6px',
|
||||
}}
|
||||
>
|
||||
<div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue