update stock price

This commit is contained in:
reza.Ma
2023-02-19 10:18:44 +03:30
parent b224cc7a3c
commit 514bfef759
4 changed files with 129 additions and 122 deletions
+113 -111
View File
@@ -41,119 +41,121 @@ const SalesTeam = () => {
{ id: 3, name: ' مریم طالبی ', call: '09184894952', img: Talebi, job: 'کارشناس فروش' }, { id: 3, name: ' مریم طالبی ', call: '09184894952', img: Talebi, job: 'کارشناس فروش' },
// {id:4, name: ' دکتر اسماعیلی ', call: '09204943950', img: Namaki, job: 'مدیر فروش سهام'}, // {id:4, name: ' دکتر اسماعیلی ', call: '09204943950', img: Namaki, job: 'مدیر فروش سهام'},
] ]
return ( // return (
<MDBContainer className={''}> // <MDBContainer className={''}>
<div className={'mb-5'}> // <div className={'mb-5'}>
<Link href={'/recruitment'}> // <Link href={'/recruitment'}>
<div className={'cursor-pointer hover-shadow'}> // <div className={'cursor-pointer hover-shadow'}>
<Img className={'rounded'} loading={'lazy'} src={Req} /> // <Img className={'rounded'} loading={'lazy'} src={Req} />
</div> // </div>
</Link> // </Link>
</div> // </div>
<div className={'flex flex-col align-items-center justify-content-center'}> // <div className={'flex flex-col align-items-center justify-content-center'}>
<h4 className={'bk-med'}> کارشناسان فروش سهام</h4> // <h4 className={'bk-med'}> کارشناسان فروش سهام</h4>
<p className={'bk-light text-gray'}>خرید و فروش سهام ، پاسخ به سوالات ، مشاوره خرید</p> // <p className={'bk-light text-gray'}>خرید و فروش سهام ، پاسخ به سوالات ، مشاوره خرید</p>
</div> // </div>
<Swiper // <Swiper
spaceBetween={20} // spaceBetween={20}
slidesPerView={3} // slidesPerView={3}
className={'text-center'} // className={'text-center'}
// onSlideChange={() => console.log('slide change')} // // onSlideChange={() => console.log('slide change')}
// onSwiper={(swiper) => console.log(swiper)} // // onSwiper={(swiper) => console.log(swiper)}
autoplay={{ // autoplay={{
"delay": 2500, // "delay": 2500,
"disableOnInteraction": false // "disableOnInteraction": false
}} // }}
breakpoints={{ // breakpoints={{
"640": { // "640": {
"slidesPerView": 1, // "slidesPerView": 1,
"spaceBetween": 0 // "spaceBetween": 0
}, // },
"360": { // "360": {
"slidesPerView": 1, // "slidesPerView": 1,
"spaceBetween": 0 // "spaceBetween": 0
}, // },
"320": { // "320": {
"slidesPerView": 1, // "slidesPerView": 1,
"spaceBetween": 0 // "spaceBetween": 0
}, // },
"596": { // "596": {
width: 1080, // width: 1080,
"slidesPerView": 2, // "slidesPerView": 2,
"spaceBetween": 20 // "spaceBetween": 20
}, // },
"526": { // "526": {
"slidesPerView": 2, // "slidesPerView": 2,
"spaceBetween": 20 // "spaceBetween": 20
}, // },
"996": { // "996": {
"slidesPerView": 2, // "slidesPerView": 2,
"spaceBetween": 20 // "spaceBetween": 20
}, // },
"860": { // "860": {
"slidesPerView": 2, // "slidesPerView": 2,
"spaceBetween": 20 // "spaceBetween": 20
}, // },
"768": { // "768": {
"slidesPerView": 2, // "slidesPerView": 2,
"spaceBetween": 20 // "spaceBetween": 20
}, // },
"972": { // "972": {
"slidesPerView": 3, // "slidesPerView": 3,
"spaceBetween": 20 // "spaceBetween": 20
}, // },
"1024": { // "1024": {
"slidesPerView": 3, // "slidesPerView": 3,
"spaceBetween": 20 // "spaceBetween": 20
} // }
}} // }}
> // >
{users.map((item) => ( // {users.map((item) => (
<SwiperSlide className={'flex justify-content-center'}> // <SwiperSlide className={'flex justify-content-center'}>
<Box width={250} className={'shadow-2-strong hover-shadow m-2'} maxW='sm' borderWidth='1px' borderRadius='lg' overflow='hidden'> // <Box width={250} className={'shadow-2-strong hover-shadow m-2'} maxW='sm' borderWidth='1px' borderRadius='lg' overflow='hidden'>
<Image src={item.img} alt={'بیمارستان مهر ایرانیان'} /> // <Image src={item.img} alt={'بیمارستان مهر ایرانیان'} />
<Box p='6'> // <Box p='6'>
<Box // <Box
textAlign={'center'} // textAlign={'center'}
mt='1' // mt='1'
fontWeight='semibold' // fontWeight='semibold'
as='h4' // as='h4'
className={'bk'} // className={'bk'}
lineHeight='tight' // lineHeight='tight'
isTruncated // isTruncated
> // >
{item.name} // {item.name}
</Box> // </Box>
<p style={{ fontSize: 12 }} className={'text-gray'}>{item.job}</p> // <p style={{ fontSize: 12 }} className={'text-gray'}>{item.job}</p>
<Box textAlign={'center'}> // <Box textAlign={'center'}>
<Box as='span' color='gray.600' fontSize='sm'> // <Box as='span' color='gray.600' fontSize='sm'>
<div className={'bg-dark-teal py-2 text-white p-1 rounded-pill '}> // <div className={'bg-dark-teal py-2 text-white p-1 rounded-pill '}>
<a className={'text-white'} href={'tel:' + item.call}> // <a className={'text-white'} href={'tel:' + item.call}>
<MdPhone className={'bg-white p-1 mr-2 text-lg rounded-circle text-black'} /> // <MdPhone className={'bg-white p-1 mr-2 text-lg rounded-circle text-black'} />
{item.call} // {item.call}
</a> // </a>
</div> // </div>
</Box> // </Box>
</Box> // </Box>
</Box> // </Box>
</Box> // </Box>
</SwiperSlide> // </SwiperSlide>
))} // ))}
</Swiper> // </Swiper>
<MDBContainer className={'mt-5'}> // <MDBContainer className={'mt-5'}>
<div className={'p-2 rounded-5 lg:flex-row-reverse md:flex md:flex-col md:justify-center text-center dana'} style={{ backgroundColor: '#A7F3D0', borderLeft: '4px solid #34D399', borderRight: '4px solid #34D399' }}> // <div className={'p-2 rounded-5 lg:flex-row-reverse md:flex md:flex-col md:justify-center text-center dana'} style={{ backgroundColor: '#A7F3D0', borderLeft: '4px solid #34D399', borderRight: '4px solid #34D399' }}>
<div> // <div>
<MDBTypography className={'ml-2 RTL text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>مشاوره تلفنی خرید سهام </MDBTypography> // <MDBTypography className={'ml-2 RTL text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>مشاوره تلفنی خرید سهام </MDBTypography>
</div> // </div>
<div> // <div>
<MDBTypography className={'mr-2 text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>021 - 53457000 </MDBTypography> // <MDBTypography className={'mr-2 text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>021 - 53457000 </MDBTypography>
</div> // </div>
</div> // </div>
</MDBContainer> // </MDBContainer>
</MDBContainer> // </MDBContainer>
); // );
return null
}; };
export default SalesTeam; export default SalesTeam;
+1 -1
View File
@@ -12,7 +12,7 @@ const QuestionAndAnswer = () => {
{ {
id: 1, id: 1,
title: ' قیمت سهام ', title: ' قیمت سهام ',
text: ' (بروزرسانی : 10 دی 1401) فروش سهام با تعداد محدود و مدت محدود با قيمت 85,000,000 تومان' text: ' (بروزرسانی : 30 اسفند 1401) فروش سهام با تعداد محدود و مدت محدود با قيمت 100,000,000 تومان'
}, },
{ {
id: 2, id: 2,
+8 -8
View File
@@ -31,23 +31,23 @@ const StepFour = () => {
{investment.length >= 6 ? ( {investment.length >= 6 ? (
<div> <div>
<div className={'flex justify-content-center mt-2'}> <div className={'flex justify-content-center mt-2'}>
{investment / 85000000 >= 1 ? ( {investment / 100000000 >= 1 ? (
<div dir={'rtl'} className={'bk-light mt-2'}> <div dir={'rtl'} className={'bk-light mt-2'}>
<div className={'text-center'}> <div className={'text-center'}>
تعداد سهام قابل خرید شما:{' '} تعداد سهام قابل خرید شما:{' '}
<strong className={'mr-2'}>{Math.ceil(investment / 85000000)} سهم </strong>{' '} <strong className={'mr-2'}>{Math.ceil(investment / 100000000)} سهم </strong>{' '}
</div> </div>
{Math.ceil(investment / 85000000) * 85000000 - investment === {Math.ceil(investment / 100000000) * 100000000 - investment ===
Math.ceil(investment / 85000000) * 85000000 ? ( Math.ceil(investment / 100000000) * 100000000 ? (
<div>{Math.ceil(investment / 85000000)}</div> <div>{Math.ceil(investment / 100000000)}</div>
) : ( ) : (
<div> <div>
{Math.ceil(investment / 85000000) * 85000000 - investment === 0 ? ( {Math.ceil(investment / 100000000) * 100000000 - investment === 0 ? (
'' ''
) : ( ) : (
<div className={'flex bg-gray-200 p-2 rounded-5 justify-content-center align-items-center'}> <div className={'flex bg-gray-200 p-2 rounded-5 justify-content-center align-items-center'}>
با پرداخت {Math.ceil(investment / 85000000) * 85000000 - investment} تومان بیشتر می توانید{' '} با پرداخت {Math.ceil(investment / 100000000) * 100000000 - investment} تومان بیشتر می توانید{' '}
{Math.ceil(investment / 85000000)} سهم خریدار کنید {Math.ceil(investment / 100000000)} سهم خریدار کنید
</div> </div>
)} )}
<div className={'flex justify-content-center mt-3'}> <div className={'flex justify-content-center mt-3'}>
+6 -1
View File
@@ -45,6 +45,10 @@ const data = [
{ {
name: 'دی 1401 ', name: 'دی 1401 ',
قیمت: 850000000 قیمت: 850000000
},
{
name: 'اسفند 1401 ',
قیمت: 1000000000
} }
] ]
@@ -72,7 +76,8 @@ const StockPriceChart = () => {
</div> </div>
<h3 className='text-success bk-med'>قیمت روز سهم : </h3> <h3 className='text-success bk-med'>قیمت روز سهم : </h3>
<h3 className='text-success mr-2'> <h3 className='text-success mr-2'>
<CountUp start={0} end={85000000} separator=',' /> <CountUp start={0} end={100000000} separator=',' />
</h3> </h3>
<p <p
style={{ fontSize: 15, backgroundColor: '#2dd4bf' }} style={{ fontSize: 15, backgroundColor: '#2dd4bf' }}