reza_krr/mip-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: shet bugs

Browse Source
This commit is contained in:
reza karimi
2024-06-17 13:09:59 +03:30
parent 863b2d183e
commit d2292a711b
28 changed files with 588 additions and 459 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/CooperationRequest.js
+2 -2
View File
@@ -248,7 +248,7 @@ const CooperationRequest = () => {
height={1300} height={1300}
/> />
</div> </div>
<MDBContainer className={'mt-5 mb-5'}> <div className='lg:mx-20 sm:mx-5'>
<Steps className={'fix-res-steps'} dir={'rtl'} activeStep={activeStep}> <Steps className={'fix-res-steps'} dir={'rtl'} activeStep={activeStep}>
{steps.map(({ label, content }, index) => ( {steps.map(({ label, content }, index) => (
<Step className={'dana fix-res-step'} label={label} key={label}> <Step className={'dana fix-res-step'} label={label} key={label}>
@@ -285,7 +285,7 @@ const CooperationRequest = () => {
</Button> </Button>
</Flex> </Flex>
)} )}
</MDBContainer> </div>
</AppContainer> </AppContainer>
</div> </div>
) )
pages/Gallery.js
+3 -3
View File
@@ -100,8 +100,8 @@ const Gallery = (dataImage) => {
height={1300} height={1300}
/> />
</div> </div>
<MDBContainer> <div className='lg:mx-20 sm:mx-5'>
<Tabs defaultIndex={1} className={'mt-5'} isFitted variant='enclosed'> <Tabs defaultIndex={1} className={'mt-5'} isFitted variant='enclosed'>
<TabList mb='1em'> <TabList mb='1em'>
<Tab on className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>ویدئو ها</Tab> <Tab on className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>ویدئو ها</Tab>
<Tab className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>تصاویر</Tab> <Tab className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>تصاویر</Tab>
@@ -159,7 +159,7 @@ const Gallery = (dataImage) => {
<br /> <br />
<br /> <br />
<br /> <br />
</MDBContainer> </div>
</AppContainer> </AppContainer>
</div> </div>
pages/News.js
+3 -3
View File
@@ -21,7 +21,7 @@ const News = ({data, children}) => {
const query = router.query.list; const query = router.query.list;
const dataPage = ( const dataPage = (
<MDBContainer> <div className='lg:mx-20 sm:mx-5'>
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>اطلاعیه ها </h5> <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>اطلاعیه ها </h5>
<hr /> <hr />
<div> <div>
@@ -47,7 +47,7 @@ const News = ({data, children}) => {
</MDBCardText> </MDBCardText>
<div className={'flex justify-content-end'}> <div className={'flex justify-content-end'}>
<MDBBtn rounded className=' RTL text-primary-teal bg-white'> <MDBBtn rounded className=' RTL text-primary-teal bg-white'>
مشاهده ... مشاهده
</MDBBtn> </MDBBtn>
</div> </div>
</MDBCardBody> </MDBCardBody>
@@ -57,7 +57,7 @@ const News = ({data, children}) => {
))} ))}
</MDBRow> </MDBRow>
{children} {children}
</MDBContainer> </div>
) )
return ( return (
<div> <div>
pages/components/Brands.js
+2 -2
View File
@@ -178,7 +178,7 @@ const slides = [
function brands() { function brands() {
return ( return (
<MDBContainer className={"mt-5"}> <div className='lg:mx-20 sm:mx-5 mt-5'>
<div className="flex justify-center"> <div className="flex justify-center">
<h3 className="bk-med font-bold">سهامداران پروژه</h3> <h3 className="bk-med font-bold">سهامداران پروژه</h3>
</div> </div>
@@ -244,7 +244,7 @@ function brands() {
</Swiper> </Swiper>
</div> </div>
</MDBContainer> </div>
); );
} }
pages/components/Layout/footer.js
+4 -4
View File
@@ -6,8 +6,8 @@ const Footer = () => {
return ( return (
<> <>
<MDBFooter className='text-center text-lg-left hover_color'> <MDBFooter className='text-center text-lg-left hover_color'>
<MDBContainer className='p-4'> <div className='lg:mx-20 sm:mx-5 p-4'>
<MDBRow> <MDBRow>
<MDBCol lg='6' md='12' className='mb-4 mb-md-0'> <MDBCol lg='6' md='12' className='mb-4 mb-md-0'>
<h5 className='text-uppercase text-white'> <h5 className='text-uppercase text-white'>
شرکت پزشکی مهر ایرانیان پرند شرکت پزشکی مهر ایرانیان پرند
@@ -15,7 +15,7 @@ const Footer = () => {
</h5> </h5>
<p style={{ direction: 'rtl' }} className={'bk yekan-bakh-req text-white center-align'}> <p style={{ direction: 'rtl' }} className={'bk yekan-bakh-req text-white center-align'}>
بیمارستان تخصصی مهرایرانیان واقع در بر اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در بیمارستان تخصصی مهرایرانیان واقع در اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در
دل مسکن مهر، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها دل مسکن مهر، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها
بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است
</p> </p>
@@ -78,7 +78,7 @@ const Footer = () => {
</ul> </ul>
</MDBCol> </MDBCol>
</MDBRow> </MDBRow>
</MDBContainer> </div>
<div className='text-center p-3' style={{ backgroundColor: 'rgba(0, 0, 0, 0.2)' }}> <div className='text-center p-3' style={{ backgroundColor: 'rgba(0, 0, 0, 0.2)' }}>
&copy; {new Date().getFullYear()} <a className='text-dark'>contact-us@miphospital.ir</a> &copy; {new Date().getFullYear()} <a className='text-dark'>contact-us@miphospital.ir</a>
pages/components/Layout/header.js
-3
View File
@@ -119,7 +119,6 @@ export default function App() {
} }
`} `}
</style> </style>
<MDBContainer className={'dana'} fluid> <MDBContainer className={'dana'} fluid>
<MDBNavbarToggler <MDBNavbarToggler
aria-expanded='false' aria-expanded='false'
@@ -181,7 +180,6 @@ export default function App() {
prefetch={false} prefetch={false}
className={'text-white nav_item d-flex flex-row-reverse '} className={'text-white nav_item d-flex flex-row-reverse '}
href='/page/contact-us' href='/page/contact-us'
as={'contact-us'}
> >
<div className={'pointer d-flex justify-content-end'}> <div className={'pointer d-flex justify-content-end'}>
<span style={{ cursor: 'pointer', fontSize: '15px' }}> تماس با ما</span> <span style={{ cursor: 'pointer', fontSize: '15px' }}> تماس با ما</span>
@@ -207,7 +205,6 @@ export default function App() {
prefetch={false} prefetch={false}
className={'text-white nav_item d-flex flex-row-reverse '} className={'text-white nav_item d-flex flex-row-reverse '}
href='/components/service' href='/components/service'
as={'Service'}
> >
<div className={'pointer d-flex justify-content-end'}> <div className={'pointer d-flex justify-content-end'}>
<span style={{ cursor: 'pointer', fontSize: '15px' }}>بخش های درمانی</span> <span style={{ cursor: 'pointer', fontSize: '15px' }}>بخش های درمانی</span>
pages/components/accessgrid.js
+2 -2
View File
@@ -12,7 +12,7 @@ SwiperCore.use([Autoplay]);
const Accessgrid = () => { const Accessgrid = () => {
return ( return (
<MDBContainer> <div className='lg:mx-20 sm:mx-5'>
<style jsx> <style jsx>
{ {
` `
@@ -241,7 +241,7 @@ const Accessgrid = () => {
{/* </div>*/} {/* </div>*/}
{/* </div>*/} {/* </div>*/}
{/*</MDBContainer>*/} {/*</MDBContainer>*/}
</MDBContainer> </div>
); );
}; };
pages/components/connect.js
+3 -3
View File
@@ -56,8 +56,8 @@ const Connect = () => {
} = props; } = props;
return ( return (
<form id={'contactUsform'} style={{marginTop: '25px'}} onSubmit={handleSubmit}> <form id={'contactUsform'} style={{marginTop: '25px'}} onSubmit={handleSubmit}>
<MDBContainer> <div className='lg:mx-20 sm:mx-5'>
<h5 className={'right-align font-weight-bold'}> تماس با ما و مشاوره خرید سهام </h5> <h5 className={'right-align font-weight-bold'}> تماس با ما و مشاوره خرید سهام </h5>
<br /> <br />
<MDBRow> <MDBRow>
<MDBInputGroup className='mb-3' style={{width: '50%'}}> <MDBInputGroup className='mb-3' style={{width: '50%'}}>
@@ -137,7 +137,7 @@ const Connect = () => {
اطلاعات شما ارسال شد ، بعد از بررسی با شما تماس گرفته می شود . اطلاعات شما ارسال شد ، بعد از بررسی با شما تماس گرفته می شود .
</MDBTypography> </MDBTypography>
): null} ): null}
</MDBContainer> </div>
pages/components/doctors.js
+2 -2
View File
@@ -16,7 +16,7 @@ const Doctors = ({children}) => {
const router = useRouter(); const router = useRouter();
const dataPageDoctors = ( const dataPageDoctors = (
<MDBContainer> <div className='lg:mx-20 sm:mx-5'>
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}> <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
کادر درمان بیمارستان مهر ایرانیان کادر درمان بیمارستان مهر ایرانیان
<hr /> <hr />
@@ -85,7 +85,7 @@ const Doctors = ({children}) => {
</MDBCol> </MDBCol>
</MDBRow> </MDBRow>
{children} {children}
</MDBContainer> </div>
) )
return ( return (
<div> <div>
pages/components/service.js
+9 -9
View File
@@ -43,7 +43,7 @@ const dataServiceList = (
height={1500} height={1500}
/> />
</div> </div>
<MDBContainer style={{ marginTop: 10 }}> <div style={{ marginTop: 10 }} className='lg:mx-20 sm:mx-5'>
<div> <div>
<MDBTypography <MDBTypography
style={{ direction: 'rtl', borderRadius: '6px solid', borderRight: '6px solid #1266f1', borderLeft: 'none' }} style={{ direction: 'rtl', borderRadius: '6px solid', borderRight: '6px solid #1266f1', borderLeft: 'none' }}
@@ -115,7 +115,7 @@ const dataServiceList = (
</MDBCard> </MDBCard>
</MDBCol> </MDBCol>
</MDBRow> </MDBRow>
</MDBContainer> </div>
<br /> <br />
</> </>
) )
@@ -154,8 +154,8 @@ const Service = () => {
<> <>
{router.pathname === '/' ? ( {router.pathname === '/' ? (
<div className={'mt-5'}> <div className={'mt-5'}>
<MDBContainer> <div className='lg:mx-20 sm:mx-5'>
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}> <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
کلینیک و بخش ها{' '} کلینیک و بخش ها{' '}
</h5> </h5>
<hr /> <hr />
@@ -219,7 +219,7 @@ const Service = () => {
{dataMipService.map((item, index) => { {dataMipService.map((item, index) => {
return ( return (
<SwiperSlide key={index}> <SwiperSlide key={index}>
<Link href={'components/service'} as={'/Service'}> <Link href={'components/service'}>
<MDBCard <MDBCard
className={'color-top-card '} className={'color-top-card '}
alignment='center' alignment='center'
@@ -246,7 +246,7 @@ const Service = () => {
style={{ cursor: 'pointer', maxWidth: '22rem', height: '250px' }} style={{ cursor: 'pointer', maxWidth: '22rem', height: '250px' }}
> >
<MDBCardBody style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}> <MDBCardBody style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
<Link href={'components/service'} as={'/Service'}> <Link href={'components/service'}>
<MDBCardText className={'bk'}> <MDBCardText className={'bk'}>
<h1 className={'RTL dana'}>بیشتر ...</h1>{' '} <h1 className={'RTL dana'}>بیشتر ...</h1>{' '}
</MDBCardText> </MDBCardText>
@@ -257,7 +257,7 @@ const Service = () => {
<br /> <br />
</SwiperSlide> </SwiperSlide>
</Swiper> </Swiper>
</MDBContainer> </div>
</div> </div>
) : ( ) : (
<AppContainer title={'کلینیک ها و بخش ها '}> <AppContainer title={'کلینیک ها و بخش ها '}>
@@ -272,7 +272,7 @@ const Service = () => {
height={1500} height={1500}
/> />
</div> </div>
<MDBContainer style={{ marginTop: 10 }}> <div style={{ marginTop: 10 }} className='lg:mx-20 sm:mx-5'>
<div> <div>
<MDBTypography <MDBTypography
style={{ style={{
@@ -309,7 +309,7 @@ const Service = () => {
) )
})} })}
</MDBRow> </MDBRow>
</MDBContainer> </div>
<br /> <br />
</AppContainer> </AppContainer>
)} )}
pages/index.js
+3 -3
View File
@@ -39,7 +39,7 @@ export default function Home({ data_NEWS }) {
<AppContainer> <AppContainer>
<Slider /> <Slider />
<br /> <br />
<MDBContainer> <div className='lg:mx-20 sm:mx-5'>
<SimpleGrid spacing={15} columns={[1, 2, 4]}> <SimpleGrid spacing={15} columns={[1, 2, 4]}>
<Link href={'/page/contact-us'}> <Link href={'/page/contact-us'}>
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}> <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
@@ -65,7 +65,7 @@ export default function Home({ data_NEWS }) {
{/* <div className={'mt-5'}> {/* <div className={'mt-5'}>
<OnlineSales /> <OnlineSales />
</div> */} </div> */}
</MDBContainer> </div>
<Accessgrid /> <Accessgrid />
@@ -81,7 +81,7 @@ export default function Home({ data_NEWS }) {
<MDBIcon className='ms-1 ' icon='plus' size='sm' /> <MDBIcon className='ms-1 ' icon='plus' size='sm' />
<span style={{ cursor: 'pointer !important' }} className={'text-white '}> <span style={{ cursor: 'pointer !important' }} className={'text-white '}>
{' '} {' '}
بیشتر .. بیشتر
</span> </span>
</MDBBtn> </MDBBtn>
</Link> </Link>
pages/medical-equipment/index.js
+3 -3
View File
@@ -16,8 +16,8 @@ const MedicalEquipment = () => {
height={2000} height={2000}
/> />
</div> </div>
<MDBContainer className={'my-24'}> <div className='lg:mx-20 sm:mx-5 my-25'>
<div className={'bk-med flex justify-content-center align-items-center flex-col'}> <div className={'bk-med flex justify-content-center align-items-center flex-col'}>
<div> <div>
<MDBTypography <MDBTypography
style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }} style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }}
@@ -41,7 +41,7 @@ const MedicalEquipment = () => {
<a>خانم زارعی</a> <a>خانم زارعی</a>
</div> </div>
</div> </div>
</MDBContainer> </div>
</AppContainer> </AppContainer>
) )
} }
pages/page/Directors.js
+3 -3
View File
@@ -86,8 +86,8 @@ const Directors = () => {
/> />
</div> </div>
<MDBContainer> <div className='lg:mx-20 sm:mx-5'>
<MDBRow className='row-cols-1 mt-5 mb-5 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'> <MDBRow className='row-cols-1 mt-5 mb-5 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
{DataUsers.map(item => ( {DataUsers.map(item => (
<MDBCol key={item.id}> <MDBCol key={item.id}>
<div class='card-team'> <div class='card-team'>
@@ -108,7 +108,7 @@ const Directors = () => {
</MDBCol> </MDBCol>
))} ))}
</MDBRow> </MDBRow>
</MDBContainer> </div>
</AppContainer> </AppContainer>
) )
} }
pages/page/about.js
+3 -3
View File
@@ -22,8 +22,8 @@ const About = (props) => {
height={1300} height={1300}
/> />
</div> </div>
<MDBContainer> <div className='lg:mx-20 sm:mx-5'>
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}> <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
آشنایی اجمالی با بیمارستان مهرایرانیان آشنایی اجمالی با بیمارستان مهرایرانیان
<hr /> <hr />
@@ -46,7 +46,7 @@ const About = (props) => {
</MDBProgress> </MDBProgress>
</div> </div>
<br/> <br/>
</MDBContainer> </div>
</AppContainer> </AppContainer>
</div> </div>
); );
pages/page/contact-us.js
+3 -3
View File
@@ -33,8 +33,8 @@ const ContactUs = () => {
</div> </div>
<br /> <br />
<MDBContainer> <div className='lg:mx-20 sm:mx-5'>
<br /> <br />
<h3 className={'right-align'}> <h3 className={'right-align'}>
آدرس آدرس
<MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='map-marker-alt' size='xl' /> <MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='map-marker-alt' size='xl' />
@@ -96,7 +96,7 @@ const ContactUs = () => {
</div> </div>
<Connect /> <Connect />
<br /> <br />
</MDBContainer> </div>
</AppContainer> </AppContainer>
</> </>
); );
pages/page/docs.js
+2 -2
View File
@@ -30,7 +30,7 @@ const Docs = () => {
/> />
</div> </div>
<MDBContainer className={'mt-5 mb-5'}> <div className='lg:mx-20 sm:mx-5 mt-5 mb-5'>
<div className={'flex justify-content-center align-items-center w-100 mb-5 text-center'}> <div className={'flex justify-content-center align-items-center w-100 mb-5 text-center'}>
<Image height={150} width={150} src={'/resource/icons/files.png'} /> <Image height={150} width={150} src={'/resource/icons/files.png'} />
</div> </div>
@@ -42,7 +42,7 @@ const Docs = () => {
</MDBTypography> </MDBTypography>
</> </>
))} ))}
</MDBContainer> </div>
</AppContainer> </AppContainer>
); );
}; };
pages/page/news/[slug].js
+3 -3
View File
@@ -47,8 +47,8 @@ const News = ({ post }) => {
/> />
</div> </div>
<br /> <br />
<MDBContainer> <div className='lg:mx-20 sm:mx-5'>
<div className={'RTL bk image_center responsive-img'}> <div className={'RTL bk image_center responsive-img'}>
<style jsx> <style jsx>
{` {`
* { * {
@@ -162,7 +162,7 @@ const News = ({ post }) => {
تاریخ انتشار :{moment(post.created_at, 'YYYY-M-D HH:mm:ss').format('HH:mm - jYYYY/jM/jD')} تاریخ انتشار :{moment(post.created_at, 'YYYY-M-D HH:mm:ss').format('HH:mm - jYYYY/jM/jD')}
</MDBTypography> </MDBTypography>
</div> </div>
</MDBContainer> </div>
<br /> <br />
<br /> <br />
<br /> <br />
pages/questions/index.js
+3 -2
View File
@@ -50,11 +50,12 @@ const QuestionAndAnswer = () => {
height={1300} height={1300}
/> />
</div> </div>
<MDBContainer className={'mb-5 mt-5'}> <div className='lg:mx-20 sm:mx-5 mb-5 mt-5'>
{qaData.map(item => ( {qaData.map(item => (
<CollapseItem key={item.id} text={item.text} title={item.title} /> <CollapseItem key={item.id} text={item.text} title={item.title} />
))} ))}
</MDBContainer> </div>
</AppContainer> </AppContainer>
</div> </div>
) )
pages/recruitment/index.js
+2 -2
View File
@@ -56,7 +56,7 @@ const Recruitment = dataoccupational => {
height={1300} height={1300}
/> />
</div> </div>
<MDBContainer className={'mt-5'}> <div className='lg:mx-20 sm:mx-5 mt-5'>
<div className={'bk-med flex justify-content-center W-100 align-items-center flex-col'}> <div className={'bk-med flex justify-content-center W-100 align-items-center flex-col'}>
<MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}> <MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
فرصت های همکاری فرصت های همکاری
@@ -94,7 +94,7 @@ const Recruitment = dataoccupational => {
</ScaleFade> </ScaleFade>
))} ))}
</SimpleGrid> </SimpleGrid>
</MDBContainer> </div>
<br /> <br />
<br /> <br />
<br /> <br />
pages/recruitment/item/[category_id].js
+3 -3
View File
@@ -58,8 +58,8 @@ const Recruitment = jobs => {
height={1300} height={1300}
/> />
</div> </div>
<MDBContainer className={'mt-5'}> <div className='lg:mx-20 sm:mx-5 mt-5'>
<div className={'bk-med flex justify-content-center align-items-center flex-col'}> <div className={'bk-med flex justify-content-center align-items-center flex-col'}>
<MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}> <MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
{jobs.jobs.name.title}{' '} {jobs.jobs.name.title}{' '}
</MDBTypography> </MDBTypography>
@@ -102,7 +102,7 @@ const Recruitment = jobs => {
</Box> </Box>
))} ))}
</SimpleGrid> </SimpleGrid>
</MDBContainer> </div>
<br /> <br />
<br /> <br />
<br /> <br />
pages/recruitment/item/request/[pos_id].js
+2 -2
View File
@@ -184,7 +184,7 @@ const requestForm = SelectedJob => {
</div> </div>
</div> </div>
</div> </div>
<MDBContainer className={'mt-5 mb-5'}> <div className='lg:mx-20 sm:mx-5 mt-5 mb-5'>
<SimpleGrid className={'mb-4'} columns={[1, 1, 2]} spacing={3}> <SimpleGrid className={'mb-4'} columns={[1, 1, 2]} spacing={3}>
<Box> <Box>
<MDBCard border='primary' className={'border-black'}> <MDBCard border='primary' className={'border-black'}>
@@ -543,7 +543,7 @@ const requestForm = SelectedJob => {
)} )}
</div> </div>
</div> </div>
</MDBContainer> </div>
</AppContainer> </AppContainer>
</div> </div>
) )
pages/smartadvice/index.js
+3 -3
View File
@@ -80,8 +80,8 @@ const SmartAdvice = () => {
} }
})()} })()}
<MDBCard style={{ borderTopLeftRadius: 25, borderTopRightRadius: 25, height: '75vh' }} className={'position-absolute shadow-5-soft top-60 w-100 h-90'}> <MDBCard style={{ borderTopLeftRadius: 25, borderTopRightRadius: 25, height: '75vh' }} className={'position-absolute shadow-5-soft top-60 w-100 h-90'}>
<MDBContainer> <div className='lg:mx-20 sm:mx-5'>
<HandlePage.Provider value={value}> <HandlePage.Provider value={value}>
{(() => { {(() => {
switch(page) { switch(page) {
case 1: case 1:
@@ -116,7 +116,7 @@ const SmartAdvice = () => {
): ''} ): ''}
</div> </div>
</div> </div>
</MDBContainer> </div>
</MDBCard> </MDBCard>
</div> </div>
<h1>شرکت مهر ایراناین پرند</h1> <h1>شرکت مهر ایراناین پرند</h1>
pages/smartadvice/layout/StepFive.js
+3 -3
View File
@@ -32,8 +32,8 @@ const StepFive = () => {
</strong> </strong>
</div> </div>
<div className={'flex justify-content-center mt-2'}> <div className={'flex justify-content-center mt-2'}>
<MDBContainer> <div className='lg:mx-20 sm:mx-5'>
<MDBInputGroup> <MDBInputGroup>
<MDBInputGroupElement <MDBInputGroupElement
name="PhoneNumber" name="PhoneNumber"
dir={'rtl'} dir={'rtl'}
@@ -45,7 +45,7 @@ const StepFive = () => {
<MDBIcon fas icon="phone" /> <MDBIcon fas icon="phone" />
</MDBInputGroupText> </MDBInputGroupText>
</MDBInputGroup> </MDBInputGroup>
</MDBContainer> </div>
</div> </div>
</div> </div>
pages/smartadvice/layout/StepThree.js
+3 -3
View File
@@ -56,8 +56,8 @@ const StepThree = () => {
</div> </div>
<br /> <br />
<br /> <br />
<MDBContainer> <div className='lg:mx-20 sm:mx-5'>
<MDBInputGroup> <MDBInputGroup>
<NumberFormat <NumberFormat
onValueChange={(values) => { onValueChange={(values) => {
const { formattedValue, value } = values; const { formattedValue, value } = values;
@@ -74,7 +74,7 @@ const StepThree = () => {
<MDBIcon fas icon="dollar-sign" /> <MDBIcon fas icon="dollar-sign" />
</MDBInputGroupText> </MDBInputGroupText>
</MDBInputGroup> </MDBInputGroup>
</MDBContainer> </div>
</div> </div>
</div> </div>
</SlideFade> </SlideFade>
pages/stock-unit/index.jsx
+80 -81
View File
@@ -2,7 +2,18 @@ import React from 'react'
import AppContainer from '../appContainer' import AppContainer from '../appContainer'
import Image from 'next/image' import Image from 'next/image'
import { MDBContainer, MDBIcon, MDBCard } from 'mdb-react-ui-kit' import { MDBContainer, MDBIcon, MDBCard } from 'mdb-react-ui-kit'
import { SimpleGrid, MDBCardBody, Table, TableCaption, TableContainer, Tbody, Td, Th, Thead, Tr } from '@chakra-ui/react' import {
SimpleGrid,
MDBCardBody,
Table,
TableCaption,
TableContainer,
Tbody,
Td,
Th,
Thead,
Tr
} from '@chakra-ui/react'
import Link from 'next/link' import Link from 'next/link'
const StockUnit = () => { const StockUnit = () => {
@@ -27,91 +38,79 @@ const StockUnit = () => {
height={1300} height={1300}
/> />
</div> </div>
<MDBContainer className={'mb-5 mt-5'}> <div className={'mb-5 mt-5 mx-5'}>
<div className='my-4'> <div className='my-4'>
<SimpleGrid spacing={15} columns={[1, 2, 4]}> <SimpleGrid spacing={15} columns={[1, 2, 3, 3]}>
<Link href={'/stock-unit'}>
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}> <Link href={'/stock-unit/stock-check'}>
<div className='flex justify-center p-4'> <MDBCard className={'bg-neutral-100 w-full fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
درگاه سهامدارن <div className='flex justify-center p-4'>پیگیری درخواست </div>
</div> </MDBCard>
</MDBCard> </Link>
</Link> <Link href={'/stock-unit/stock-transfer'}>
<Link href={'/stock-unit/stock-sales'}> <MDBCard className={'bg-neutral-100 w-full fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}> <div className='flex justify-center p-4 w-full'> درخواست انتقال سهام </div>
<div className='flex justify-center p-4'> </MDBCard>
درخواست خرید سهام </Link>
</div> <Link href={'/stock-unit/stock-sales'}>
</MDBCard> <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
</Link> <div className='flex justify-center p-4'>درخواست خرید سهام</div>
<Link href={'/stock-unit/stock-transfer'}> </MDBCard>
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}> </Link>
<div className='flex justify-center p-4'>
درخواست انتقال سهام
</div>
</MDBCard>
</Link>
<Link href={'/stock-unit/stock-sales'}>
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
<div className='flex justify-center p-4'>
درخواست فروش سهام
</div>
</MDBCard>
</Link>
</SimpleGrid> </SimpleGrid>
</div> </div>
<TableContainer alignContent='center' alignItems='center'> <TableContainer alignContent='center' alignItems='center'>
<Table align='center' variant='striped'> <Table align='center' variant='striped'>
<TableCaption className='bk-med'>پاسخگویی و مشاوره خرید سهام </TableCaption> <TableCaption className='bk-med'>پاسخگویی و مشاوره خرید سهام </TableCaption>
<Thead alignContent='center'> <Thead alignContent='center'>
<Tr alignContent='center' alignItems='center' className='text-center bg-gray-200'> <Tr alignContent='center' alignItems='center' className='text-center bg-gray-200'>
<Th className='text-center bk-med'>شماره تماس</Th> <Th className='text-center bk-med'>شماره تماس</Th>
<Th className='text-center bk-med'>کارشناس فروش </Th> <Th className='text-center bk-med'>کارشناس فروش </Th>
</Tr> </Tr>
</Thead> </Thead>
<Tbody> <Tbody>
<Tr> <Tr>
<Td className='text-center'> <Td className='text-center'>
<a className='text-black' href='tel:02153457000'> <a className='text-black' href='tel:02153457000'>
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' /> <MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
021-53457000 - 1023 021-53457000 - 1023
</a> </a>
</Td> </Td>
<Td className='text-center'> خانم باباگلی </Td> <Td className='text-center'> خانم باباگلی </Td>
</Tr> </Tr>
<Tr> <Tr>
<Td className='text-center'> <Td className='text-center'>
<a className='text-black' href='tel:02153457000'> <a className='text-black' href='tel:02153457000'>
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' /> <MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
021-53457000 - 1024 021-53457000 - 1024
</a> </a>
</Td> </Td>
<Td className='text-center'> خانم طالبی </Td> <Td className='text-center'> خانم طالبی </Td>
</Tr> </Tr>
<Tr> <Tr>
<Td className='text-center'> <Td className='text-center'>
<a className='text-black' href='tel:02153457000'> <a className='text-black' href='tel:02153457000'>
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' /> <MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
021-53457000 - 1018 021-53457000 - 1018
</a> </a>
</Td> </Td>
<Td className='text-center'> خانم کهریزی </Td> <Td className='text-center'> خانم کهریزی </Td>
</Tr> </Tr>
<Tr> <Tr>
<Td className='text-center'> <Td className='text-center'>
<a className='text-black' href='tel:02153457000'> <a className='text-black' href='tel:02153457000'>
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' /> <MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
021-53457000 - 1025 021-53457000 - 1025
</a> </a>
</Td> </Td>
<Td className='text-center'> خانم کاظمیان </Td> <Td className='text-center'> خانم کاظمیان </Td>
</Tr> </Tr>
</Tbody> </Tbody>
</Table> </Table>
</TableContainer> </TableContainer>
</MDBContainer> </div>
</AppContainer> </AppContainer>
) )
} }
pages/stock-unit/stock-check/index.jsx
+49
View File
@@ -0,0 +1,49 @@
import React, { useState } from 'react';
import {
MDBCard,
MDBCardBody,
MDBCardTitle,
MDBCardText,
MDBBtn
} from 'mdb-react-ui-kit';
import AppContainer from '../../appContainer';
const StockCheckContainer = () => {
const [code, setCode] = useState('')
return (
<AppContainer title={' پیگیری درخواست '}>
<MDBCard className='shadow-xl container mt-20'>
<MDBCardBody>
<div className='container flex flex-col items-center justify-center gap-y-6'>
<MDBCardTitle>پیگیری درخواست </MDBCardTitle>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='username'>
کد پیگیری
</label>
<div className='text-end'>
<input
onChange={e => setCode(e.target.value)}
className='outline-0 bg-transparent w-11/12 text-end pt-3
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
id='username'
type='text'
placeHolder=' کد پیگیری خود را وارد کنید '
/>
</div>
<MDBBtn>استعلام درخواست</MDBBtn>
</div>
</MDBCardBody>
</MDBCard>
<br />
<br />
<br />
<br />
<br />
</AppContainer>
)
}
export default StockCheckContainer
pages/stock-unit/stock-sales/index.jsx
+238 -151
View File
@@ -11,24 +11,44 @@ import { useState } from 'react'
import { MDBRadio } from 'mdb-react-ui-kit' import { MDBRadio } from 'mdb-react-ui-kit'
import NumberFormat from 'react-number-format' import NumberFormat from 'react-number-format'
import Link from 'next/link' import Link from 'next/link'
import { Box, Button, Center, Flex, Heading, Input, Select, Textarea, Stack } from '@chakra-ui/react'
import { useForm } from 'react-hook-form'
import moment from 'moment-jalaali'
const StockSalesContainer = () => { const StockSalesContainer = () => {
const [name, setName] = useState() const [userName, setUserName] = useState()
const [mobileNumber, setMobileNumber] = useState('') const [codeMeli, setCodeMeli] = useState()
const [InvestmentPrice, setInvestmentPrice] = useState('0') const [mobileNumber, setMobileNumber] = useState()
const [numberStock, setNumberStock] = useState('')
const [stockType, setStockType] = useState(null)
const [InvestmentType, setInvestmentType] = useState('1') const [InvestmentType, setInvestmentType] = useState('1')
const [InvestmentPrice, setInvestmentPrice] = useState('0')
const [Loading, setLoading] = useState(false) const [Loading, setLoading] = useState(false)
const [showSuccessSubmitForm, setShowSuccessSubmitForm] = useState(false) const [showSuccessSubmitForm, setShowSuccessSubmitForm] = useState(false)
const {
register,
handleSubmit,
watch,
formState: { errors }
} = useForm()
const SubmitForm = () => { const SubmitForm = () => {
setLoading(true) setLoading(true)
toast.loading('در حال ثبت درخواست شما') toast.loading('در حال ثبت درخواست شما')
axios axios
.post(`${AppProduction}public/website/request`, { .post(`${AppProduction}public/website/request`, {
name: name, userName: userName,
mobile_number: mobileNumber, codeMeli: codeMeli,
numberStock: numberStock,
stockType: stockType,
investment_price: InvestmentPrice, investment_price: InvestmentPrice,
investment_type: InvestmentType investment_type: InvestmentType
// name: name,
// mobile_number: mobileNumber,
}) })
.then(async res => { .then(async res => {
setLoading(false) setLoading(false)
@@ -46,175 +66,242 @@ const StockSalesContainer = () => {
} }
return ( return (
<AppContainer title={' درخواست فروش سهام'}> <AppContainer title={' درخواست خرید سهام'}>
{!showSuccessSubmitForm ? {!showSuccessSubmitForm ? (
( <div id='callstock' className=' text-center py-8 m '>
<div id='callstock' className=' text-center py-8 m '> <h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5 '> درخواست خرید سهام </h1>
<h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5 '> ثبت درخواست فروش سهام </h1> <div className="flex justify-center">
<span className='text-[#656565] font-light'> <div
قیمت آخرین سهام معامله شده :‌250,000,000 className='mt-6 flex lg:w-6/12 md:w-full sm:w-full sm:mx-1 flex-col justify-center items-center gap-y-4 bg-teal-400 p-2 py-4 rounded-lg'
تومان >
<span className='text-white drop-shadow-md text-right lg:text-2xl sm:text-sm font-bold'>
قیمت آخرین سهام معامله شده :‌250,000,000 تومان
</span> </span>
<Toaster /> <br />
<div className='bg-white shadow-lg w-10/12 mx-auto rounded-[20px] grid lg:grid-cols-9 mt-8 SALES'> <br />
<div className='about lg:col-span-4 '> تاریخ آخرین قیمت معامله شده : {moment().format('jYYYY/jM/jD')}
<div className='bg-[#014258] overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'> </div>
<div className='addressAbout pr-8 pl-8 pt-[1.8rem]'> </div>
<h4 className='text-white font-bold md:text-xl '>ارتباط با واحد سهام</h4> <Toaster />
<p className='text-white font-light md:text-lg pt-[0.5rem]'> <div className='bg-white shadow-lg w-10/12 mx-auto rounded-[20px] grid lg:grid-cols-9 mt-8 SALES'>
بعد از ارسال درخواست کارشناسان طی 24 ساعت با شما تماس خواهند گرفت <div className='about lg:col-span-4 '>
</p> <div className='bg-[#014258] overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'>
<div className='addressAbout pr-8 pl-8 pt-[1.8rem]'>
<h4 className='text-white font-bold md:text-xl '>ارتباط با واحد سهام</h4>
<p className='text-white font-light md:text-lg pt-[0.5rem]'>
بعد از ارسال درخواست کارشناسان طی 24 ساعت با شما تماس خواهند گرفت
</p>
<div className='address'> <div className='address'>
<div className=''> <div className=''>
<span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span> <span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span>
<BsFillTelephoneFill className='text-[#57C5C6] text-[0.9rem] md:text-[1.3rem]' /> <BsFillTelephoneFill className='text-[#57C5C6] text-[0.9rem] md:text-[1.3rem]' />
</div> </div>
<div className='flex justify-end xl:justify-start mt-4'> <div className='flex justify-end xl:justify-start mt-4'>
<span className='md:text-base font-normal text-white pr-[0.5rem]'> <span className='md:text-base font-normal text-white pr-[0.5rem]'>
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
</span> </span>
<FaMapMarkerAlt className='text-[#57C5C6] text-[2rem] md:text-[1.3rem] ' /> <FaMapMarkerAlt className='text-[#57C5C6] text-[2rem] md:text-[1.3rem] ' />
</div> </div>
</div>
</div>
<div className='contentFooter grid lg:grid-cols-5 xl:grid-cols-2'>
<div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<BsWhatsapp className='socail' />
</div>
<div className='socailS text-white mx-[0.5rem] text-[1.2rem] hover:bg-[#57C5C6]'>
<BsTwitter className='socail' />
</div>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<AiOutlineInstagram className='socail' />
</div> </div>
</div> </div>
<div className='contentFooter grid lg:grid-cols-5 xl:grid-cols-2'> <div className='circle1 lg:col-span-3 xl:col-span-1'>
<div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'> <div className='circle2'></div>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<BsWhatsapp className='socail' />
</div>
<div className='socailS text-white mx-[0.5rem] text-[1.2rem] hover:bg-[#57C5C6]'>
<BsTwitter className='socail' />
</div>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<AiOutlineInstagram className='socail' />
</div>
</div>
<div className='circle1 lg:col-span-3 xl:col-span-1'>
<div className='circle2'></div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div className='rightForm lg:col-span-5 p-8 '> </div>
<div className=''> <div className='rightForm lg:col-span-5 p-8 '>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='username'> <div className=''>
کد ملی <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='userName'>
</label> نام و نام خانوادگی
<div className='text-end'> </label>
<input <div className='text-end'>
onChange={e => setName(e.target.value)} <input
className='outline-0 bg-transparent w-11/12 text-end pt-3 onChange={e => setUserName(e.target.value)}
className='outline-0 bg-transparent w-11/12 text-end pt-3
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
id='username'
type='text'
placeHolder=' نام و نام خانوادگی راوارد کنید'
/>
</div>
</div>
<div className='mt-9'>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='codeMeli'>
کد ملی
</label>
<div className='text-end'>
<input
onChange={e => setCodeMeli(e.target.value)}
className='outline-0 bg-transparent w-11/12 text-end pt-3
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] ' border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
id='username' id='name'
type='text' type='text'
placeHolder=' کد ملی را وارد کنید' placeHolder=' کد ملی را وارد کنید'
/> />
</div>
</div> </div>
</div>
<div className='mt-9'>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='codeMeli'>
شماره موبایل
</label>
<div className='text-end'>
<input
onChange={e => setMobileNumber(e.target.value)}
className='outline-0 bg-transparent w-11/12 text-end pt-3
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
id='name'
type='text'
placeHolder=' شماره موبایل وارد کنید'
/>
</div>
</div>
<div className='mt-9'>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='stockType'>
نوع سهام :
</label>
<Select dir={'rtl'} onChange={e => setStockType(e.target.value)}>
<option value=''>انتخاب کنید</option>
<option value='1'> عادی </option>
<option value='2'> تخصصی </option>
</Select>
</div>
<div className='mt-9'> <div className='mt-9'>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='phone'> <label
تعداد سهام قابل فروش className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] '
</label> for='numberStock'
<div className='text-end'> >
<input تعداد سهام
onChange={e => setMobileNumber(e.target.value)} </label>
className='outline-0 bg-transparent w-11/12 text-end pt-3 <div className='text-end'>
<input
onChange={e => setNumberStock(e.target.value)}
className='outline-0 bg-transparent w-11/12 text-end pt-3
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] pt-2 ' border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] pt-2 '
id='phone' id='phone'
type='text' type='text'
placeHolder='تعداد سهامی که قصد فروش آن را دارید' placeHolder='تعداد سهامی که قصد خرید آن را دارید'
/>
</div>
</div>
<div className='mt-9'>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='buyStock'>
شرایط پرداخت
</label>
<div className='text-end flex sm:flex-col lg:flex-row sm:items-end sm:gap-y-4 justify-end items-center mt-3'>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(4)}
name='flexRadioDefault'
id='flexRadioDefault4'
label=' تهاتر'
defaultChecked
/>
</div>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(3)}
name='flexRadioDefault'
id='flexRadioDefault3'
label='نقد و اقساط'
defaultChecked
/>
</div>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(2)}
name='flexRadioDefault'
id='flexRadioDefault2'
label=' اقساط'
defaultChecked
/>
</div>
<div className="ml-5'" style={{ marginLeft: 20 }}>
<MDBRadio
onClick={() => setInvestmentType(1)}
name='flexRadioDefault'
id='flexRadioDefault1'
label='نقد '
defaultChecked
/> />
</div> </div>
</div> </div>
<div className='mt-9'> </div>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='buyStock'>
نوع فروش
</label>
<div className='text-end flex sm:flex-col lg:flex-row sm:items-end sm:gap-y-4 justify-end items-center mt-3'>
<div className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(3)}
name='flexRadioDefault'
id='flexRadioDefault1'
label='تهاتری '
/>
</div>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(3)}
name='flexRadioDefault'
id='flexRadioDefault2'
label='بالاترین قیمت'
defaultChecked
/>
</div>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(1)}
name='flexRadioDefault'
id='flexRadioDefault2'
label='فوری'
defaultChecked
/>
</div>
</div>
</div>
<div className='mt-9 '> <div className='mt-2'>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='money'> {InvestmentType === 4 && (
مبلغ پیشنهای شما برای فروش سهام <Textarea style={{ textAlign: 'right' }} placeholder='....شرح مال مورد معوض' size='sm' />
</label> )}
<div className='text-end'> </div>
<NumberFormat
onValueChange={values => { {/* <div className='mt-9 '>
const { formattedValue, value } = values <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='money'>
setInvestmentPrice(value) مبلغ پیشنهای شما برای فروش سهام
}} </label>
className='outline-0 bg-transparent w-11/12 text-end pt-3 <div className='text-end'>
<NumberFormat
onValueChange={values => {
const { formattedValue, value } = values
setInvestmentPrice(value)
}}
className='outline-0 bg-transparent w-11/12 text-end pt-3
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] ' border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
type={'text'} type={'text'}
prefix={'تومان'} prefix={'تومان'}
thousandSeparator={true} thousandSeparator={true}
dir={'ltr'} dir={'ltr'}
placeHolder=' مبلغ مورد نظر خود برای فروش سهام وارد نمایید' placeHolder=' مبلغ مورد نظر خود برای فروش سهام وارد نمایید'
/> />
</div>
</div> </div>
</div> */}
<div className='mt-[6rem] mb-2'> <div className='mt-[6rem] mb-2'>
<button <button
onClick={SubmitForm} onClick={SubmitForm}
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold ' className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '
> >
{!Loading ? 'ثبت درخواست' : 'در حال ثبت درخواست'} {!Loading ? 'ثبت درخواست' : 'در حال ثبت درخواست'}
</button> </button>
</div>
</div> </div>
</div> </div>
</div> </div>
): ( </div>
<div className='my-44 flex justify-center flex-col items-center'> ) : (
<h3 className='text-green-600'>درخواست شما ثبت شد به زودی کار شناسان ما به شما تماس می گیرند</h3> <div className='my-44 flex justify-center flex-col items-center'>
<div className='mt-[6rem] mb-2'> <h3 className='text-green-600'>درخواست شما ثبت شد به زودی کار شناسان ما به شما تماس می گیرند</h3>
<Link href={'/stock-unit'}> <div className='mt-[6rem] mb-2'>
<button <Link href={'/stock-unit'}>
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold ' <button className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '>
> بازگشت به امور سهام
بازگشت به امور سهام </button>
</button> </Link>
</Link> </div>
</div>
</div> )}
</div>
)}
</AppContainer> </AppContainer>
) )
} }
pages/stock-unit/stock-transfer/index.jsx
+142 -146
View File
@@ -31,7 +31,7 @@ const StockTransferContainer = () => {
}) })
.then(async res => { .then(async res => {
setLoading(false) setLoading(false)
setShowSuccessSubmitForm(true) // setShowSuccessSubmitForm(true)
toast.remove() toast.remove()
toast.success('درخواست شما ثبت شد به زودی کار شناسان ما به شما تماس می گیرند') toast.success('درخواست شما ثبت شد به زودی کار شناسان ما به شما تماس می گیرند')
await console.log('res', res) await console.log('res', res)
@@ -46,173 +46,169 @@ const StockTransferContainer = () => {
return ( return (
<AppContainer title={' درخواست خرید سهام'}> <AppContainer title={' درخواست خرید سهام'}>
{!showSuccessSubmitForm ? {!showSuccessSubmitForm ? (
( <div id='callstock' className=' text-center py-8 m '>
<div id='callstock' className=' text-center py-8 m '> <h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5 '> درخواست انتقال سهام </h1>
<h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5 '> ثبت درخواست خرید سهام </h1> <span className='text-[#656565] text-base p-2 md:text-[22px] md:p-0 font-light'>
<span className='text-[#656565] text-base p-2 md:text-[22px] md:p-0 font-light'> {/* برای ارتباط با ما فرم زیر را تکمیل کنید */}
{/* برای ارتباط با ما فرم زیر را تکمیل کنید */} </span>
</span> <Toaster />
<Toaster /> <div className='bg-white shadow-lg w-10/12 mx-auto rounded-[20px] grid lg:grid-cols-9 mt-8 SALES'>
<div className='bg-white shadow-lg w-10/12 mx-auto rounded-[20px] grid lg:grid-cols-9 mt-8 SALES'> <div className='about lg:col-span-4 '>
<div className='about lg:col-span-4 '> <div className='bg-[#014258] overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'>
<div className='bg-[#014258] overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'> <div className='addressAbout pr-8 pl-8 pt-[1.8rem]'>
<div className='addressAbout pr-8 pl-8 pt-[1.8rem]'> <h4 className='text-white font-bold md:text-xl '>ارتباط با واحد سهام</h4>
<h4 className='text-white font-bold md:text-xl '>ارتباط با واحد سهام</h4> <p className='text-white font-light md:text-lg pt-[0.5rem]'>
<p className='text-white font-light md:text-lg pt-[0.5rem]'> بعد از ارسال درخواست کارشناسان طی 24 ساعت با شما تماس خواهند گرفت
بعد از ارسال درخواست کارشناسان طی 24 ساعت با شما تماس خواهند گرفت </p>
</p>
<div className='address'> <div className='address'>
<div className=''> <div className=''>
<span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span> <span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span>
<BsFillTelephoneFill className='text-[#57C5C6] text-[0.9rem] md:text-[1.3rem]' /> <BsFillTelephoneFill className='text-[#57C5C6] text-[0.9rem] md:text-[1.3rem]' />
</div> </div>
<div className='flex justify-end xl:justify-start mt-4'> <div className='flex justify-end xl:justify-start mt-4'>
<span className='md:text-base font-normal text-white pr-[0.5rem]'> <span className='md:text-base font-normal text-white pr-[0.5rem]'>
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
</span> </span>
<FaMapMarkerAlt className='text-[#57C5C6] text-[2rem] md:text-[1.3rem] ' /> <FaMapMarkerAlt className='text-[#57C5C6] text-[2rem] md:text-[1.3rem] ' />
</div> </div>
</div>
</div>
<div className='contentFooter grid lg:grid-cols-5 xl:grid-cols-2'>
<div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<BsWhatsapp className='socail' />
</div>
<div className='socailS text-white mx-[0.5rem] text-[1.2rem] hover:bg-[#57C5C6]'>
<BsTwitter className='socail' />
</div>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<AiOutlineInstagram className='socail' />
</div> </div>
</div> </div>
<div className='contentFooter grid lg:grid-cols-5 xl:grid-cols-2'> <div className='circle1 lg:col-span-3 xl:col-span-1'>
<div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'> <div className='circle2'></div>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<BsWhatsapp className='socail' />
</div>
<div className='socailS text-white mx-[0.5rem] text-[1.2rem] hover:bg-[#57C5C6]'>
<BsTwitter className='socail' />
</div>
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
<AiOutlineInstagram className='socail' />
</div>
</div>
<div className='circle1 lg:col-span-3 xl:col-span-1'>
<div className='circle2'></div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div className='rightForm lg:col-span-5 p-8 '> </div>
<div className=''>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='username'> <div className='rightForm lg:col-span-5 p-8 '>
نام و نام خانوادگی <div className=''>
</label> <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='username'>
<div className='text-end'> نام و نام خانوادگی
<input </label>
onChange={e => setName(e.target.value)} <div className='text-end'>
className='outline-0 bg-transparent w-11/12 text-end pt-3 <input
onChange={e => setName(e.target.value)}
className='outline-0 bg-transparent w-11/12 text-end pt-3
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] ' border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
id='username' id='username'
type='text' type='text'
placeHolder=' نام و نام خانوادگی راوارد کنید' placeHolder=' نام و نام خانوادگی راوارد کنید'
/> />
</div>
</div> </div>
</div>
<div className='mt-9'> <div className='mt-9'>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='phone'> <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='phone'>
شماره تماس شماره تماس
</label> </label>
<div className='text-end'> <div className='text-end'>
<input <input
onChange={e => setMobileNumber(e.target.value)} onChange={e => setMobileNumber(e.target.value)}
className='outline-0 bg-transparent w-11/12 text-end pt-3 className='outline-0 bg-transparent w-11/12 text-end pt-3
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] pt-2 ' border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] pt-2 '
id='phone' id='phone'
type='text' type='text'
placeHolder='+98 912 525 4477' placeHolder='099123456789 '
/>
</div>
</div>
<div className='mt-9'>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='buyStock'>
به چه صورت تمایل به انتقال سهام دارید؟
</label>
<div className='text-end flex sm:flex-col lg:flex-row sm:items-end sm:gap-y-4 justify-end items-center mt-3'>
<div className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(3)}
name='flexRadioDefault'
id='flexRadioDefault1'
label='اقساطی '
/>
</div>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(3)}
name='flexRadioDefault'
id='flexRadioDefault2'
label='تهاتر'
defaultChecked
/>
</div>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(1)}
name='flexRadioDefault'
id='flexRadioDefault2'
label='نقدی'
defaultChecked
/> />
</div> </div>
</div> </div>
<div className='mt-9'> </div>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='buyStock'>
به چه صورت تمایل به خرید سهام دارید؟
</label>
<div className='text-end flex sm:flex-col lg:flex-row sm:items-end sm:gap-y-4 justify-end items-center mt-3'>
<div className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(3)}
name='flexRadioDefault'
id='flexRadioDefault1'
label='اقساطی '
/>
</div>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(3)}
name='flexRadioDefault'
id='flexRadioDefault2'
label='تهاتر'
defaultChecked
/>
</div>
<div style={{ marginLeft: 20 }} className="ml-5'">
<MDBRadio
onClick={() => setInvestmentType(1)}
name='flexRadioDefault'
id='flexRadioDefault2'
label='نقدی'
defaultChecked
/>
</div>
</div>
</div>
<div className='mt-9 '> <div className='mt-9 '>
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='money'> <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='money'>
مبلغ سرمایه گذاری شما مبلغ سرمایه گذاری شما
</label> </label>
<div className='text-end'> <div className='text-end'>
<NumberFormat <NumberFormat
onValueChange={values => { onValueChange={values => {
const { formattedValue, value } = values const { formattedValue, value } = values
setInvestmentPrice(value) setInvestmentPrice(value)
}} }}
className='outline-0 bg-transparent w-11/12 text-end pt-3 className='outline-0 bg-transparent w-11/12 text-end pt-3
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] ' border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
type={'text'} type={'text'}
prefix={'تومان'} prefix={'تومان'}
thousandSeparator={true} thousandSeparator={true}
dir={'ltr'} dir={'ltr'}
placeHolder=' مبلغ مد نظر خود برای شروع سرمایه گذاری وارد نمایید' placeHolder=' مبلغ مد نظر خود برای شروع سرمایه گذاری وارد نمایید'
/> />
</div>
</div> </div>
</div>
<div className='mt-[6rem] mb-2'> <div className='mt-[6rem] mb-2'>
<button <button
onClick={SubmitForm} onClick={SubmitForm}
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold ' className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '
> >
{!Loading ? 'ثبت درخواست' : 'در حال ثبت درخواست'} {!Loading ? 'ثبت درخواست' : 'در حال ثبت درخواست'}
</button> </button>
</div>
</div> </div>
</div> </div>
</div> </div>
): ( </div>
<div className='my-44 flex justify-center flex-col items-center'> ) : (
<h3 className='text-green-600'>درخواست شما ثبت شد به زودی کار شناسان ما به شما تماس می گیرند</h3> <div className='my-44 flex justify-center flex-col items-center'>
<div className='mt-[6rem] mb-2'> <h3 className='text-green-600'>درخواست شما ثبت شد به زودی کار شناسان ما به شما تماس می گیرند</h3>
<Link href={'/stock-unit'}> <div className='mt-[6rem] mb-2'>
<button <Link href={'/stock-unit'}>
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold ' <button className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '>
> بازگشت به امور سهام
بازگشت به امور سهام </button>
</button> </Link>
</Link> </div>
</div>
</div> )}
</div>
)}
</AppContainer> </AppContainer>
) )
} }