fear: add medical
This commit is contained in:
rezakarimi
+286
-218
@@ -1,226 +1,294 @@
|
|||||||
import React, {useState} from 'react';
|
import React, { useEffect, useState } from 'react'
|
||||||
import { useForm } from "react-hook-form";
|
import { useForm } from 'react-hook-form'
|
||||||
import {useDispatch, useSelector} from "react-redux";
|
import { useDispatch, useSelector } from 'react-redux'
|
||||||
import {ADDFRAMEWORK, FORM_CAST} from "../src/redux/actions";
|
import { ADDFRAMEWORK, FORM_CAST } from '../src/redux/actions'
|
||||||
import AppContainer from "./appContainer";
|
import AppContainer from './appContainer'
|
||||||
import Image from "next/image";
|
import Image from 'next/image'
|
||||||
import { Step, Steps, useSteps } from 'chakra-ui-steps';
|
import { Step, Steps, useSteps } from 'chakra-ui-steps'
|
||||||
import {MDBContainer, MDBInput, MDBTypography} from "mdb-react-ui-kit";
|
import { MDBContainer, MDBInput, MDBTypography } from 'mdb-react-ui-kit'
|
||||||
import {Box, Button, Center, Flex, Heading, Input, Select, SimpleGrid, Stack} from "@chakra-ui/react";
|
import { Box, Button, Center, Flex, Heading, Input, Select, SimpleGrid, Stack } from '@chakra-ui/react'
|
||||||
import { withKeepAlive } from 'react-next-keep-alive';
|
import { withKeepAlive } from 'react-next-keep-alive'
|
||||||
|
import { useRouter } from 'next/router'
|
||||||
|
|
||||||
const CooperationRequest = () => {
|
const CooperationRequest = () => {
|
||||||
const Parallax = ({ quality }) => {
|
const Parallax = ({ quality }) => {
|
||||||
return `../resource/parallax/about.jpg`;
|
return `../resource/parallax/about.jpg`
|
||||||
}
|
}
|
||||||
const userData = useSelector((state => state.Global))
|
const { replace } = useRouter()
|
||||||
const formReq = useSelector((state => state.FormRequest))
|
useEffect(() => {
|
||||||
const dispatch = useDispatch()
|
replace('/recruitment')
|
||||||
console.log('formReq',formReq)
|
}, [])
|
||||||
const [Access, SetAccess] =useState(true)
|
const userData = useSelector(state => state.Global)
|
||||||
|
const formReq = useSelector(state => state.FormRequest)
|
||||||
|
const dispatch = useDispatch()
|
||||||
|
console.log('formReq', formReq)
|
||||||
|
const [Access, SetAccess] = useState(true)
|
||||||
|
|
||||||
const PersonalForm= () => {
|
const PersonalForm = () => {
|
||||||
const [Sex, SetSex] = useState(0)
|
const [Sex, SetSex] = useState(0)
|
||||||
const {register, handleSubmit, watch, formState: { errors }} = useForm()
|
const {
|
||||||
let hasErr = Object.keys(errors).length
|
register,
|
||||||
const onSubmit = async (data) => {
|
handleSubmit,
|
||||||
console.log('dadadada', data)
|
watch,
|
||||||
if (hasErr === 0) {
|
formState: { errors }
|
||||||
dispatch(FORM_CAST(data))
|
} = useForm()
|
||||||
nextStep()
|
let hasErr = Object.keys(errors).length
|
||||||
}
|
const onSubmit = async data => {
|
||||||
else {
|
console.log('dadadada', data)
|
||||||
alert('مقادیر وارد شده معبتر نمی باشد')
|
if (hasErr === 0) {
|
||||||
}
|
dispatch(FORM_CAST(data))
|
||||||
};
|
nextStep()
|
||||||
return (
|
} else {
|
||||||
<Flex className={'flex lg:p-2 sm:p-1 m-2'}>
|
alert('مقادیر وارد شده معبتر نمی باشد')
|
||||||
<form onSubmit={handleSubmit(onSubmit)}>
|
}
|
||||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 5]} spacing={5}>
|
|
||||||
<Box>
|
|
||||||
<Input dir={'rtl'} {...register('name', {required: true, maxLength: 100})} borderColor={'teal'} variant='outline' placeholder='نام و نام خانوادگی ' />
|
|
||||||
<p className={'position-absolute text-sm text-danger'}>
|
|
||||||
{errors?.name?.type === "required" && <p> وارد کردن نام اجباری است</p>}
|
|
||||||
{errors?.name?.type === "maxLength" && <p>نام وارد شده معبتر نمی باشد</p>}
|
|
||||||
</p>
|
|
||||||
</Box>
|
|
||||||
<Box>
|
|
||||||
<Input value={12345678912} dir={'rtl'} {...register('national_code', {required: true, maxLength: 11})} borderColor={'teal'} variant='outline' type={'number'} placeholder='کد ملی' />
|
|
||||||
<p className={'position-absolute text-sm text-danger'}>
|
|
||||||
{errors?.national_code?.type === "required" && <p> وارد کردن کد ملی اجباری است</p>}
|
|
||||||
{errors?.national_code?.type === "maxLength" && <p>کد ملی وارد شده معبتر نمی باشد</p>}
|
|
||||||
</p>
|
|
||||||
</Box>
|
|
||||||
<Box>
|
|
||||||
<Input dir={'rtl'} {...register('birth_location', {required: true})} borderColor={'teal'} variant='outline' placeholder='محل تولد ' />
|
|
||||||
<p className={'position-absolute text-sm text-danger'}>
|
|
||||||
{errors?.birth_location?.type === "required" && <p> وارد کردن محل تولد اجباری است</p>}
|
|
||||||
</p>
|
|
||||||
</Box>
|
|
||||||
<Box>
|
|
||||||
<Input dir={'rtl'} {...register('birthdate', {required: true})} borderColor={'teal'} variant='outline' placeholder='تاریخ تولد ' />
|
|
||||||
<p className={'position-absolute text-sm text-danger'}>
|
|
||||||
{errors?.birthdate?.type === "required" && <p> وارد کردن تاریخ تولد اجباری است</p>}
|
|
||||||
</p>
|
|
||||||
</Box>
|
|
||||||
<Box>
|
|
||||||
<Select {...register('gender', {required: true})} onChange={(e) => SetSex(e.target.value)} borderColor={'teal'} dir={'ltr'} placeholder='جنسیت '>
|
|
||||||
<option dir={'rtl'} value='1'> مرد</option>
|
|
||||||
<option dir={'rtl'} value='0'> رن</option>
|
|
||||||
</Select>
|
|
||||||
<p className={'position-absolute text-sm text-danger'}>
|
|
||||||
{errors?.gender?.type === "required" && <p>مشخص کردن جنسیت اجباری است</p>}
|
|
||||||
</p>
|
|
||||||
</Box>
|
|
||||||
<Box>
|
|
||||||
<Select {...register('marital', {required: true})} borderColor={'teal'} dir={'ltr'} placeholder='وضعیت تاهل '>
|
|
||||||
<option dir={'rtl'} value='married'> متاهل</option>
|
|
||||||
<option dir={'rtl'} value='single'> مجرد</option>
|
|
||||||
</Select>
|
|
||||||
<p className={'position-absolute text-sm text-danger'}>
|
|
||||||
{errors?.marital?.type === "required" && <p>مشخص کردن جنسیت اجباری است</p>}
|
|
||||||
</p>
|
|
||||||
</Box>
|
|
||||||
<Box>
|
|
||||||
{Sex === '1' ? (
|
|
||||||
<Select {...register('military')} borderColor={'teal'} dir={'ltr'} placeholder='وضعیت مظام وظیفه '>
|
|
||||||
<option dir={'rtl'} value='Done'> انجام شده </option>
|
|
||||||
<option dir={'rtl'} value='not'> انجام نشده</option>
|
|
||||||
<option dir={'rtl'} value='bug'> خرید خدمت </option>
|
|
||||||
<option dir={'rtl'} value='specific'> معافیت خاص </option>
|
|
||||||
</Select>
|
|
||||||
): ''}
|
|
||||||
</Box>
|
|
||||||
</SimpleGrid>
|
|
||||||
<Flex width="100%" flexDir={'row'} mt={150} justify="space-between">
|
|
||||||
<Button
|
|
||||||
mr={4}
|
|
||||||
size="sm"
|
|
||||||
colorScheme='teal'
|
|
||||||
variant="ghost"
|
|
||||||
onClick={prevStep}
|
|
||||||
isDisabled={activeStep === 0}
|
|
||||||
>
|
|
||||||
مرحله قبل
|
|
||||||
</Button>
|
|
||||||
<Button type={'submit'} colorScheme={'teal'} size="sm" >
|
|
||||||
{activeStep === steps.length - 1 ? "ثبت اطلاعات" : "مرحله بعد"}
|
|
||||||
</Button>
|
|
||||||
</Flex>
|
|
||||||
</form>
|
|
||||||
</Flex>
|
|
||||||
)
|
|
||||||
};
|
|
||||||
const WorkHistoryForm= () => (
|
|
||||||
<Flex className={'flex p-2 m-2 justify-content-center'}>
|
|
||||||
<form>
|
|
||||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
|
|
||||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='نام و نام خانوادگی ' />
|
|
||||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
|
||||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
|
||||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
|
||||||
</SimpleGrid>
|
|
||||||
<Flex width="100%" flexDir={'row'} mt={150} justify="space-between">
|
|
||||||
<Button
|
|
||||||
mr={4}
|
|
||||||
size="sm"
|
|
||||||
colorScheme='teal'
|
|
||||||
variant="ghost"
|
|
||||||
onClick={prevStep}
|
|
||||||
isDisabled={activeStep === 0}
|
|
||||||
>
|
|
||||||
مرحله قبل
|
|
||||||
</Button>
|
|
||||||
<Button colorScheme={'teal'} size="sm" onClick={CanAccess}>
|
|
||||||
{activeStep === steps.length - 1 ? "ثبت اطلاعات" : "مرحله بعد"}
|
|
||||||
</Button>
|
|
||||||
</Flex>
|
|
||||||
</form>
|
|
||||||
</Flex>
|
|
||||||
);
|
|
||||||
function HandleShowForm (index) {
|
|
||||||
switch (index) {
|
|
||||||
case 0:
|
|
||||||
return <PersonalForm />
|
|
||||||
case 1:
|
|
||||||
return <WorkHistoryForm />
|
|
||||||
default:
|
|
||||||
return index
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const Content = ({index}) => {return (<div>{HandleShowForm(index)}</div>)}
|
|
||||||
|
|
||||||
const steps = [
|
|
||||||
{ label: 'اطلاعات شخص', Content },
|
|
||||||
{ label: ' مشخصات تماس', Content },
|
|
||||||
{ label: ' اطلاعات تحصیلی', Content },
|
|
||||||
{ label: 'سوابق کاری ', Content },
|
|
||||||
{ label: ' مدارک و مستندات ', Content },
|
|
||||||
];
|
|
||||||
const { nextStep, prevStep, setStep, reset, activeStep } = useSteps({
|
|
||||||
initialStep: 0,
|
|
||||||
});
|
|
||||||
const CanAccess = () => {
|
|
||||||
if (Access) {
|
|
||||||
nextStep()
|
|
||||||
}else {
|
|
||||||
alert('اطلاعات را بررسی کنید')
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div>
|
<Flex className={'flex lg:p-2 sm:p-1 m-2'}>
|
||||||
|
<form onSubmit={handleSubmit(onSubmit)}>
|
||||||
|
<SimpleGrid dir={'rtl'} columns={[1, 2, 5]} spacing={5}>
|
||||||
|
<Box>
|
||||||
|
<Input
|
||||||
|
dir={'rtl'}
|
||||||
|
{...register('name', { required: true, maxLength: 100 })}
|
||||||
|
borderColor={'teal'}
|
||||||
|
variant='outline'
|
||||||
|
placeholder='نام و نام خانوادگی '
|
||||||
|
/>
|
||||||
|
<p className={'position-absolute text-sm text-danger'}>
|
||||||
|
{errors?.name?.type === 'required' && <p> وارد کردن نام اجباری است</p>}
|
||||||
|
{errors?.name?.type === 'maxLength' && <p>نام وارد شده معبتر نمی باشد</p>}
|
||||||
|
</p>
|
||||||
|
</Box>
|
||||||
|
<Box>
|
||||||
|
<Input
|
||||||
|
value={12345678912}
|
||||||
|
dir={'rtl'}
|
||||||
|
{...register('national_code', { required: true, maxLength: 11 })}
|
||||||
|
borderColor={'teal'}
|
||||||
|
variant='outline'
|
||||||
|
type={'number'}
|
||||||
|
placeholder='کد ملی'
|
||||||
|
/>
|
||||||
|
<p className={'position-absolute text-sm text-danger'}>
|
||||||
|
{errors?.national_code?.type === 'required' && <p> وارد کردن کد ملی اجباری است</p>}
|
||||||
|
{errors?.national_code?.type === 'maxLength' && <p>کد ملی وارد شده معبتر نمی باشد</p>}
|
||||||
|
</p>
|
||||||
|
</Box>
|
||||||
|
<Box>
|
||||||
|
<Input
|
||||||
|
dir={'rtl'}
|
||||||
|
{...register('birth_location', { required: true })}
|
||||||
|
borderColor={'teal'}
|
||||||
|
variant='outline'
|
||||||
|
placeholder='محل تولد '
|
||||||
|
/>
|
||||||
|
<p className={'position-absolute text-sm text-danger'}>
|
||||||
|
{errors?.birth_location?.type === 'required' && <p> وارد کردن محل تولد اجباری است</p>}
|
||||||
|
</p>
|
||||||
|
</Box>
|
||||||
|
<Box>
|
||||||
|
<Input
|
||||||
|
dir={'rtl'}
|
||||||
|
{...register('birthdate', { required: true })}
|
||||||
|
borderColor={'teal'}
|
||||||
|
variant='outline'
|
||||||
|
placeholder='تاریخ تولد '
|
||||||
|
/>
|
||||||
|
<p className={'position-absolute text-sm text-danger'}>
|
||||||
|
{errors?.birthdate?.type === 'required' && <p> وارد کردن تاریخ تولد اجباری است</p>}
|
||||||
|
</p>
|
||||||
|
</Box>
|
||||||
|
<Box>
|
||||||
|
<Select
|
||||||
|
{...register('gender', { required: true })}
|
||||||
|
onChange={e => SetSex(e.target.value)}
|
||||||
|
borderColor={'teal'}
|
||||||
|
dir={'ltr'}
|
||||||
|
placeholder='جنسیت '
|
||||||
|
>
|
||||||
|
<option dir={'rtl'} value='1'>
|
||||||
|
{' '}
|
||||||
|
مرد
|
||||||
|
</option>
|
||||||
|
<option dir={'rtl'} value='0'>
|
||||||
|
{' '}
|
||||||
|
رن
|
||||||
|
</option>
|
||||||
|
</Select>
|
||||||
|
<p className={'position-absolute text-sm text-danger'}>
|
||||||
|
{errors?.gender?.type === 'required' && <p>مشخص کردن جنسیت اجباری است</p>}
|
||||||
|
</p>
|
||||||
|
</Box>
|
||||||
|
<Box>
|
||||||
|
<Select
|
||||||
|
{...register('marital', { required: true })}
|
||||||
|
borderColor={'teal'}
|
||||||
|
dir={'ltr'}
|
||||||
|
placeholder='وضعیت تاهل '
|
||||||
|
>
|
||||||
|
<option dir={'rtl'} value='married'>
|
||||||
|
{' '}
|
||||||
|
متاهل
|
||||||
|
</option>
|
||||||
|
<option dir={'rtl'} value='single'>
|
||||||
|
{' '}
|
||||||
|
مجرد
|
||||||
|
</option>
|
||||||
|
</Select>
|
||||||
|
<p className={'position-absolute text-sm text-danger'}>
|
||||||
|
{errors?.marital?.type === 'required' && <p>مشخص کردن جنسیت اجباری است</p>}
|
||||||
|
</p>
|
||||||
|
</Box>
|
||||||
|
<Box>
|
||||||
|
{Sex === '1' ? (
|
||||||
|
<Select {...register('military')} borderColor={'teal'} dir={'ltr'} placeholder='وضعیت مظام وظیفه '>
|
||||||
|
<option dir={'rtl'} value='Done'>
|
||||||
|
{' '}
|
||||||
|
انجام شده{' '}
|
||||||
|
</option>
|
||||||
|
<option dir={'rtl'} value='not'>
|
||||||
|
{' '}
|
||||||
|
انجام نشده
|
||||||
|
</option>
|
||||||
|
<option dir={'rtl'} value='bug'>
|
||||||
|
{' '}
|
||||||
|
خرید خدمت{' '}
|
||||||
|
</option>
|
||||||
|
<option dir={'rtl'} value='specific'>
|
||||||
|
{' '}
|
||||||
|
معافیت خاص{' '}
|
||||||
|
</option>
|
||||||
|
</Select>
|
||||||
|
) : (
|
||||||
|
''
|
||||||
|
)}
|
||||||
|
</Box>
|
||||||
|
</SimpleGrid>
|
||||||
|
<Flex width='100%' flexDir={'row'} mt={150} justify='space-between'>
|
||||||
|
<Button
|
||||||
|
mr={4}
|
||||||
|
size='sm'
|
||||||
|
colorScheme='teal'
|
||||||
|
variant='ghost'
|
||||||
|
onClick={prevStep}
|
||||||
|
isDisabled={activeStep === 0}
|
||||||
|
>
|
||||||
|
مرحله قبل
|
||||||
|
</Button>
|
||||||
|
<Button type={'submit'} colorScheme={'teal'} size='sm'>
|
||||||
|
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
||||||
|
</Button>
|
||||||
|
</Flex>
|
||||||
|
</form>
|
||||||
|
</Flex>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
const WorkHistoryForm = () => (
|
||||||
|
<Flex className={'flex p-2 m-2 justify-content-center'}>
|
||||||
|
<form>
|
||||||
|
<SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
|
||||||
|
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='نام و نام خانوادگی ' />
|
||||||
|
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
||||||
|
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
||||||
|
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
||||||
|
</SimpleGrid>
|
||||||
|
<Flex width='100%' flexDir={'row'} mt={150} justify='space-between'>
|
||||||
|
<Button mr={4} size='sm' colorScheme='teal' variant='ghost' onClick={prevStep} isDisabled={activeStep === 0}>
|
||||||
|
مرحله قبل
|
||||||
|
</Button>
|
||||||
|
<Button colorScheme={'teal'} size='sm' onClick={CanAccess}>
|
||||||
|
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
||||||
|
</Button>
|
||||||
|
</Flex>
|
||||||
|
</form>
|
||||||
|
</Flex>
|
||||||
|
)
|
||||||
|
function HandleShowForm(index) {
|
||||||
|
switch (index) {
|
||||||
|
case 0:
|
||||||
|
return <PersonalForm />
|
||||||
|
case 1:
|
||||||
|
return <WorkHistoryForm />
|
||||||
|
default:
|
||||||
|
return index
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const Content = ({ index }) => {
|
||||||
|
return <div>{HandleShowForm(index)}</div>
|
||||||
|
}
|
||||||
|
|
||||||
<AppContainer title={'درخواست همکاری'}>
|
const steps = [
|
||||||
<div className="parallax-container">
|
{ label: 'اطلاعات شخص', Content },
|
||||||
<h1 className={'center-align text-white service-text dana font-weight-bold'}> درخواست همکاری </h1>
|
{ label: ' مشخصات تماس', Content },
|
||||||
<Image
|
{ label: ' اطلاعات تحصیلی', Content },
|
||||||
loader={Parallax}
|
{ label: 'سوابق کاری ', Content },
|
||||||
src="Parallax.png"
|
{ label: ' مدارک و مستندات ', Content }
|
||||||
className={'responsive-img shadow-5'}
|
]
|
||||||
alt="درباره بیارستان مهر ایرانیان پرند "
|
const { nextStep, prevStep, setStep, reset, activeStep } = useSteps({
|
||||||
width={3000}
|
initialStep: 0
|
||||||
height={1300}
|
})
|
||||||
/>
|
const CanAccess = () => {
|
||||||
</div>
|
if (Access) {
|
||||||
<MDBContainer className={'mt-5 mb-5'}>
|
nextStep()
|
||||||
<Steps className={'fix-res-steps'} dir={'rtl'} activeStep={activeStep}>
|
} else {
|
||||||
{steps.map(({ label, content }, index) => (
|
alert('اطلاعات را بررسی کنید')
|
||||||
<Step className={'dana fix-res-step'} label={label} key={label}>
|
}
|
||||||
<div dir={'rtl'} className={'bg-gray-100 m-4 p-2 rounded-md'}>
|
}
|
||||||
<Content index={index} />
|
return (
|
||||||
</div>
|
<div>
|
||||||
</Step>
|
<AppContainer title={'درخواست همکاری'}>
|
||||||
))}
|
<div className='parallax-container'>
|
||||||
</Steps>
|
<h1 className={'center-align text-white service-text dana font-weight-bold'}> درخواست همکاری </h1>
|
||||||
{activeStep === 5 ? (
|
<Image
|
||||||
<Center p={4} flexDir="column">
|
loader={Parallax}
|
||||||
<Heading fontSize="xl"> درخواست شما با موفقیت ثبت شد پس از بررسی کارشناسان ما با شما تماس خواهند گرفت</Heading>
|
src='Parallax.png'
|
||||||
<Button color={'green'} mt={6} size="sm" onClick={reset}>
|
className={'responsive-img shadow-5'}
|
||||||
Reset
|
alt='درباره بیارستان مهر ایرانیان پرند '
|
||||||
</Button>
|
width={3000}
|
||||||
</Center>
|
height={1300}
|
||||||
) : (
|
/>
|
||||||
<Flex width="100%" flexDir={'row-reverse'} justify="space-between">
|
|
||||||
<Button
|
|
||||||
mr={4}
|
|
||||||
size="sm"
|
|
||||||
colorScheme='teal'
|
|
||||||
variant="ghost"
|
|
||||||
onClick={prevStep}
|
|
||||||
isDisabled={activeStep === 0}
|
|
||||||
>
|
|
||||||
مرحله قبل
|
|
||||||
</Button>
|
|
||||||
<Button colorScheme={'teal'} size="sm" onClick={CanAccess}>
|
|
||||||
{activeStep === steps.length - 1 ? "ثبت اطلاعات" : "مرحله بعد"}
|
|
||||||
</Button>
|
|
||||||
</Flex>
|
|
||||||
)}
|
|
||||||
</MDBContainer>
|
|
||||||
</AppContainer>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
<MDBContainer className={'mt-5 mb-5'}>
|
||||||
};
|
<Steps className={'fix-res-steps'} dir={'rtl'} activeStep={activeStep}>
|
||||||
|
{steps.map(({ label, content }, index) => (
|
||||||
|
<Step className={'dana fix-res-step'} label={label} key={label}>
|
||||||
|
<div dir={'rtl'} className={'bg-gray-100 m-4 p-2 rounded-md'}>
|
||||||
|
<Content index={index} />
|
||||||
|
</div>
|
||||||
|
</Step>
|
||||||
|
))}
|
||||||
|
</Steps>
|
||||||
|
{activeStep === 5 ? (
|
||||||
|
<Center p={4} flexDir='column'>
|
||||||
|
<Heading fontSize='xl'>
|
||||||
|
{' '}
|
||||||
|
درخواست شما با موفقیت ثبت شد پس از بررسی کارشناسان ما با شما تماس خواهند گرفت
|
||||||
|
</Heading>
|
||||||
|
<Button color={'green'} mt={6} size='sm' onClick={reset}>
|
||||||
|
Reset
|
||||||
|
</Button>
|
||||||
|
</Center>
|
||||||
|
) : (
|
||||||
|
<Flex width='100%' flexDir={'row-reverse'} justify='space-between'>
|
||||||
|
<Button
|
||||||
|
mr={4}
|
||||||
|
size='sm'
|
||||||
|
colorScheme='teal'
|
||||||
|
variant='ghost'
|
||||||
|
onClick={prevStep}
|
||||||
|
isDisabled={activeStep === 0}
|
||||||
|
>
|
||||||
|
مرحله قبل
|
||||||
|
</Button>
|
||||||
|
<Button colorScheme={'teal'} size='sm' onClick={CanAccess}>
|
||||||
|
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
||||||
|
</Button>
|
||||||
|
</Flex>
|
||||||
|
)}
|
||||||
|
</MDBContainer>
|
||||||
|
</AppContainer>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
export default CooperationRequest;
|
export default CooperationRequest
|
||||||
|
|||||||
@@ -214,6 +214,30 @@ export default function App() {
|
|||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
</MDBNavbarLink>
|
</MDBNavbarLink>
|
||||||
|
<MDBNavbarLink
|
||||||
|
className={
|
||||||
|
router.pathname === '/page/news/34' ? 'active-item text-white' : '' + 'text-white nav_item '
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<Link
|
||||||
|
prefetch={false}
|
||||||
|
className={'text-white nav_item d-flex flex-row-reverse '}
|
||||||
|
href='/page/news/34'
|
||||||
|
>
|
||||||
|
<div className={'pointer d-flex justify-content-end'}>
|
||||||
|
<span style={{ cursor: 'pointer', fontSize: '15px' }}> شرایط انتقال سهام</span>
|
||||||
|
</div>
|
||||||
|
</Link>
|
||||||
|
</MDBNavbarLink>
|
||||||
|
<MDBNavbarLink
|
||||||
|
className={router.pathname === '/medical-equipment' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||||
|
>
|
||||||
|
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/medical-equipment'>
|
||||||
|
<div className={'pointer d-flex justify-content-end'}>
|
||||||
|
<span style={{ cursor: 'pointer', fontSize: '15px' }}>واحد تجهیزات پزشکی </span>
|
||||||
|
</div>
|
||||||
|
</Link>
|
||||||
|
</MDBNavbarLink>
|
||||||
<MDBNavbarLink
|
<MDBNavbarLink
|
||||||
className={router.pathname === '/stock-unit' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
className={router.pathname === '/stock-unit' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||||
>
|
>
|
||||||
@@ -223,6 +247,7 @@ export default function App() {
|
|||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
</MDBNavbarLink>
|
</MDBNavbarLink>
|
||||||
|
|
||||||
<MDBNavbarLink
|
<MDBNavbarLink
|
||||||
className={router.pathname === '/page/news/52' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
className={router.pathname === '/page/news/52' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||||
>
|
>
|
||||||
|
|||||||
+302
-276
@@ -1,294 +1,320 @@
|
|||||||
import React from 'react';
|
import React from 'react'
|
||||||
import { Swiper, SwiperSlide } from 'swiper/react';
|
import { Swiper, SwiperSlide } from 'swiper/react'
|
||||||
import SwiperCore, { Autoplay } from 'swiper';
|
import SwiperCore, { Autoplay } from 'swiper'
|
||||||
|
|
||||||
import Link from "next/link";
|
import Link from 'next/link'
|
||||||
import {
|
import {
|
||||||
MDBCard,
|
MDBCard,
|
||||||
MDBCardBody,
|
MDBCardBody,
|
||||||
MDBCardTitle,
|
MDBCardTitle,
|
||||||
MDBCardText,
|
MDBCardText,
|
||||||
MDBCardHeader,
|
MDBCardHeader,
|
||||||
MDBCardFooter,
|
MDBCardFooter,
|
||||||
MDBBtn,
|
MDBBtn,
|
||||||
MDBTypography,
|
MDBTypography,
|
||||||
MDBContainer, MDBRow, MDBCol
|
MDBContainer,
|
||||||
} from 'mdb-react-ui-kit';
|
MDBRow,
|
||||||
import {useRouter} from "next/router";
|
MDBCol
|
||||||
import AppContainer from "../appContainer";
|
} from 'mdb-react-ui-kit'
|
||||||
import Image from "next/image";
|
import { useRouter } from 'next/router'
|
||||||
import {Button, Center, Flex, Heading, Input, InputGroup, InputLeftAddon, InputRightAddon} from "@chakra-ui/react";
|
import AppContainer from '../appContainer'
|
||||||
import { Step, Steps, useSteps } from "chakra-ui-steps"
|
import Image from 'next/image'
|
||||||
|
import { Button, Center, Flex, Heading, Input, InputGroup, InputLeftAddon, InputRightAddon } from '@chakra-ui/react'
|
||||||
SwiperCore.use([Autoplay]);
|
import { Step, Steps, useSteps } from 'chakra-ui-steps'
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
SwiperCore.use([Autoplay])
|
||||||
|
|
||||||
// Import Swiper styles
|
// Import Swiper styles
|
||||||
|
|
||||||
const Parallax = ({ quality }) => {
|
const Parallax = ({ quality }) => {
|
||||||
return `https://image.freepik.com/free-photo/blur-hospital_1203-7957.jpg`
|
return `https://image.freepik.com/free-photo/blur-hospital_1203-7957.jpg`
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const dataServiceList = (
|
const dataServiceList = (
|
||||||
<>
|
<>
|
||||||
<div className="parallax-container">
|
<div className='parallax-container'>
|
||||||
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
||||||
<Image
|
<Image
|
||||||
loader={Parallax}
|
loader={Parallax}
|
||||||
src="Parallax.png"
|
src='Parallax.png'
|
||||||
className={'responsive-img shadow-5'}
|
className={'responsive-img shadow-5'}
|
||||||
alt="Picture of the author"
|
alt='Picture of the author'
|
||||||
width={3000}
|
width={3000}
|
||||||
height={1500}
|
height={1500}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<MDBContainer style={{marginTop:10}}>
|
<MDBContainer style={{ marginTop: 10 }}>
|
||||||
<div>
|
<div>
|
||||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
<MDBTypography
|
||||||
برای رزرو وقت روی هر کلینیک کلیک کنید
|
style={{ direction: 'rtl', borderRadius: '6px solid', borderRight: '6px solid #1266f1', borderLeft: 'none' }}
|
||||||
</MDBTypography>
|
note
|
||||||
</div>
|
noteColor='primary'
|
||||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
>
|
||||||
<MDBCol>
|
برای رزرو وقت روی هر کلینیک کلیک کنید
|
||||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
</MDBTypography>
|
||||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
</div>
|
||||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/2044/2044708.png" alt=""/>
|
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||||
</MDBCardHeader>
|
<MDBCol>
|
||||||
<MDBCardBody>
|
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||||
<MDBCardTitle className={'dana'}> بخش گوارش </MDBCardTitle>
|
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2044/2044708.png' alt='' />
|
||||||
</MDBCardBody>
|
</MDBCardHeader>
|
||||||
</MDBCard>
|
<MDBCardBody>
|
||||||
</MDBCol>
|
<MDBCardTitle className={'dana'}> بخش گوارش </MDBCardTitle>
|
||||||
|
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||||
<MDBCol>
|
</MDBCardBody>
|
||||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
</MDBCard>
|
||||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
</MDBCol>
|
||||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/1839/1839377.png" alt=""/>
|
|
||||||
</MDBCardHeader>
|
|
||||||
<MDBCardBody>
|
|
||||||
<MDBCardTitle className={'dana'}> بخش قلب و عروق </MDBCardTitle>
|
|
||||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
|
||||||
</MDBCardBody>
|
|
||||||
</MDBCard>
|
|
||||||
</MDBCol>
|
|
||||||
<MDBCol>
|
|
||||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
|
||||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
|
||||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/2847/2847982.png" alt=""/>
|
|
||||||
</MDBCardHeader>
|
|
||||||
<MDBCardBody>
|
|
||||||
<MDBCardTitle className={'dana'}> بخش مغز و اعصاب </MDBCardTitle>
|
|
||||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
|
||||||
</MDBCardBody>
|
|
||||||
</MDBCard>
|
|
||||||
</MDBCol>
|
|
||||||
<MDBCol>
|
|
||||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
|
||||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
|
||||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/1610/1610185.png" alt=""/>
|
|
||||||
</MDBCardHeader>
|
|
||||||
<MDBCardBody>
|
|
||||||
<MDBCardTitle className={'dana'}> بخش دندان پزشکی </MDBCardTitle>
|
|
||||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
|
||||||
</MDBCardBody>
|
|
||||||
</MDBCard>
|
|
||||||
</MDBCol>
|
|
||||||
<MDBCol>
|
|
||||||
<MDBCard className={'color-top-card'} alignment='center' style={{ cursor: 'pointer',maxWidth: '32rem',height: '250px' }}>
|
|
||||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
|
||||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/2660/2660065.png" alt=""/>
|
|
||||||
</MDBCardHeader>
|
|
||||||
<MDBCardBody>
|
|
||||||
<MDBCardTitle className={'dana'}> بخش کلیه و مجاری ادارای </MDBCardTitle>
|
|
||||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
|
||||||
</MDBCardBody>
|
|
||||||
</MDBCard>
|
|
||||||
</MDBCol>
|
|
||||||
</MDBRow>
|
|
||||||
|
|
||||||
|
<MDBCol>
|
||||||
|
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||||
|
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||||
|
<img width={'50'} src='https://image.flaticon.com/icons/png/512/1839/1839377.png' alt='' />
|
||||||
|
</MDBCardHeader>
|
||||||
|
<MDBCardBody>
|
||||||
|
<MDBCardTitle className={'dana'}> بخش قلب و عروق </MDBCardTitle>
|
||||||
|
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||||
|
</MDBCardBody>
|
||||||
|
</MDBCard>
|
||||||
|
</MDBCol>
|
||||||
|
<MDBCol>
|
||||||
|
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||||
|
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||||
|
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2847/2847982.png' alt='' />
|
||||||
|
</MDBCardHeader>
|
||||||
|
<MDBCardBody>
|
||||||
|
<MDBCardTitle className={'dana'}> بخش مغز و اعصاب </MDBCardTitle>
|
||||||
|
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||||
|
</MDBCardBody>
|
||||||
|
</MDBCard>
|
||||||
|
</MDBCol>
|
||||||
|
<MDBCol>
|
||||||
|
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||||
|
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||||
|
<img width={'50'} src='https://image.flaticon.com/icons/png/512/1610/1610185.png' alt='' />
|
||||||
|
</MDBCardHeader>
|
||||||
|
<MDBCardBody>
|
||||||
|
<MDBCardTitle className={'dana'}> بخش دندان پزشکی </MDBCardTitle>
|
||||||
|
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||||
|
</MDBCardBody>
|
||||||
|
</MDBCard>
|
||||||
|
</MDBCol>
|
||||||
|
<MDBCol>
|
||||||
|
<MDBCard
|
||||||
|
className={'color-top-card'}
|
||||||
|
alignment='center'
|
||||||
|
style={{ cursor: 'pointer', maxWidth: '32rem', height: '250px' }}
|
||||||
|
>
|
||||||
|
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||||
|
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2660/2660065.png' alt='' />
|
||||||
|
</MDBCardHeader>
|
||||||
|
<MDBCardBody>
|
||||||
|
<MDBCardTitle className={'dana'}> بخش کلیه و مجاری ادارای </MDBCardTitle>
|
||||||
|
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||||
|
</MDBCardBody>
|
||||||
|
</MDBCard>
|
||||||
|
</MDBCol>
|
||||||
|
</MDBRow>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
<br/>
|
<br />
|
||||||
|
</>
|
||||||
</>
|
|
||||||
|
|
||||||
)
|
)
|
||||||
const steps = [
|
const steps = [
|
||||||
{ label: "Step 1", description: "Step 1 description" },
|
{ label: 'Step 1', description: 'Step 1 description' },
|
||||||
{ label: "Step 2", description: "Step 2 description" },
|
{ label: 'Step 2', description: 'Step 2 description' },
|
||||||
{ label: "Step 3", description: "Step 3 description" },
|
{ label: 'Step 3', description: 'Step 3 description' },
|
||||||
{ label: "Step 3", description: "Step 3 description" },
|
{ label: 'Step 3', description: 'Step 3 description' },
|
||||||
{ label: "Step 3", description: "Step 3 description" },
|
{ label: 'Step 3', description: 'Step 3 description' },
|
||||||
{ label: "Step 3", description: "Step 3 description" },
|
{ label: 'Step 3', description: 'Step 3 description' },
|
||||||
{ label: "Step 3", description: "Step 3 description" },
|
{ label: 'Step 3', description: 'Step 3 description' },
|
||||||
{ label: "Step 3", description: "Step 3 description" },
|
{ label: 'Step 3', description: 'Step 3 description' }
|
||||||
]
|
]
|
||||||
const Service = () => {
|
const Service = () => {
|
||||||
const router = useRouter();
|
const router = useRouter()
|
||||||
const dataMipService = [
|
const dataMipService = [
|
||||||
{id: 1, title: 'بخش اورژانس', icon: './resource/icons/hospital-c.png', description: 'اورژانس'},
|
{ id: 1, title: 'بخش اورژانس', icon: './resource/icons/hospital-c.png', description: 'اورژانس' },
|
||||||
{id: 2, title: 'درمانگاه', icon: './resource/icons/hospital.png', description: 'درمانگاه تخصصی'},
|
{ id: 2, title: 'درمانگاه', icon: './resource/icons/hospital.png', description: 'درمانگاه تخصصی' },
|
||||||
{id: 3, title: 'بخش بستری داخلی', icon: './resource/icons/hospital-bed.png', description: 'بستری داخلی'},
|
{ id: 3, title: 'بخش بستری داخلی', icon: './resource/icons/hospital-bed.png', description: 'بستری داخلی' },
|
||||||
{id: 4, title: 'بخش اسکوپی', icon: './resource/icons/scope.png', description: 'اسکوپی'},
|
{ id: 4, title: 'بخش اسکوپی', icon: './resource/icons/scope.png', description: 'اسکوپی' },
|
||||||
{id: 5, title: 'بخش پوست', icon: './resource/icons/dermis.png', description: 'زیبایی و لیزر'},
|
{ id: 5, title: 'بخش پوست', icon: './resource/icons/dermis.png', description: 'زیبایی و لیزر' },
|
||||||
{id: 6, title: 'بخش جراحی', icon: './resource/icons/surgery.png', description: 'تخصصی و زیبایی'},
|
{ id: 6, title: 'بخش جراحی', icon: './resource/icons/surgery.png', description: 'تخصصی و زیبایی' },
|
||||||
{id: 7, title: 'بخش اتاق عمل', icon: './resource/icons/operating-room.png', description: 'اتاق عمل'},
|
{ id: 7, title: 'بخش اتاق عمل', icon: './resource/icons/operating-room.png', description: 'اتاق عمل' },
|
||||||
{id: 8, title: 'بخش مراقبت های ویژه ICU', icon: './resource/icons/ICU.png', description: 'ICU'},
|
{ id: 8, title: 'بخش مراقبت های ویژه ICU', icon: './resource/icons/ICU.png', description: 'ICU' },
|
||||||
{id: 9, title: 'بخش مراقبت های ویژه قلب CCU', icon: './resource/icons/CCU.png', description: 'CCU'},
|
{ id: 9, title: 'بخش مراقبت های ویژه قلب CCU', icon: './resource/icons/CCU.png', description: 'CCU' },
|
||||||
{id: 10, title: 'بخش مراقبت های ویژه نوزدان NICU', icon: './resource/icons/NICU.png', description: 'NICU'},
|
{ id: 10, title: 'بخش مراقبت های ویژه نوزدان NICU', icon: './resource/icons/NICU.png', description: 'NICU' },
|
||||||
{id: 11, title: 'بخش زایمان LDR', icon: './resource/icons/baby.png', description: 'LDR'},
|
{ id: 11, title: 'بخش زایمان LDR', icon: './resource/icons/baby.png', description: 'LDR' },
|
||||||
{id: 12, title: 'بخش تصویر برداری', icon: './resource/icons/x-rays.png', description: 'سونوگرافی و ...'},
|
{ id: 12, title: 'بخش تصویر برداری', icon: './resource/icons/x-rays.png', description: 'سونوگرافی و ...' },
|
||||||
{id: 13, title: 'بخش آزمایشگاه', icon: './resource/icons/test-tubes.png', description: 'تخصصی ، سلامت سنجی'},
|
{ id: 13, title: 'بخش آزمایشگاه', icon: './resource/icons/test-tubes.png', description: 'تخصصی ، سلامت سنجی' },
|
||||||
{id: 14, title: 'بخش فیزیوتراپی', icon: './resource/icons/spinal-cord.png', description: 'تست قلب و ...'},
|
{ id: 14, title: 'بخش فیزیوتراپی', icon: './resource/icons/spinal-cord.png', description: 'تست قلب و ...' }
|
||||||
]
|
]
|
||||||
const { nextStep, prevStep, reset, activeStep } = useSteps({
|
const { nextStep, prevStep, reset, activeStep } = useSteps({
|
||||||
initialStep: 0,
|
initialStep: 0
|
||||||
})
|
})
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{router.pathname === '/' ? (
|
{router.pathname === '/' ? (
|
||||||
<div className={'mt-5'}>
|
<div className={'mt-5'}>
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>کلینیک و بخش ها </h5>
|
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||||
<hr />
|
کلینیک و بخش ها{' '}
|
||||||
<br />
|
</h5>
|
||||||
<Swiper
|
<hr />
|
||||||
spaceBetween={20}
|
<br />
|
||||||
navigation={true}
|
<Swiper
|
||||||
slidesPerView={4}
|
spaceBetween={20}
|
||||||
watchSlidesProgress
|
navigation={true}
|
||||||
// onSlideChange={() => console.log('slide change')}
|
slidesPerView={4}
|
||||||
// onSwiper={(swiper) => console.log(swiper)}
|
watchSlidesProgress
|
||||||
autoplay={{
|
// onSlideChange={() => console.log('slide change')}
|
||||||
"delay": 2500,
|
// onSwiper={(swiper) => console.log(swiper)}
|
||||||
"disableOnInteraction": false
|
autoplay={{
|
||||||
}}
|
delay: 2500,
|
||||||
breakpoints={{
|
disableOnInteraction: false
|
||||||
"640": {
|
}}
|
||||||
"slidesPerView": 2,
|
breakpoints={{
|
||||||
"spaceBetween": 20
|
640: {
|
||||||
},
|
slidesPerView: 2,
|
||||||
"360": {
|
spaceBetween: 20
|
||||||
"slidesPerView": 1,
|
},
|
||||||
"spaceBetween": 20
|
360: {
|
||||||
},
|
slidesPerView: 1,
|
||||||
"320": {
|
spaceBetween: 20
|
||||||
"slidesPerView": 1,
|
},
|
||||||
"spaceBetween": 20
|
320: {
|
||||||
},
|
slidesPerView: 1,
|
||||||
"596": {
|
spaceBetween: 20
|
||||||
width: 1080,
|
},
|
||||||
"slidesPerView": 2,
|
596: {
|
||||||
"spaceBetween": 20
|
width: 1080,
|
||||||
},
|
slidesPerView: 2,
|
||||||
"526": {
|
spaceBetween: 20
|
||||||
"slidesPerView": 1,
|
},
|
||||||
"spaceBetween": 2
|
526: {
|
||||||
},
|
slidesPerView: 1,
|
||||||
|
spaceBetween: 2
|
||||||
|
},
|
||||||
|
|
||||||
"996": {
|
996: {
|
||||||
"slidesPerView": 2,
|
slidesPerView: 2,
|
||||||
"spaceBetween": 40
|
spaceBetween: 40
|
||||||
},
|
},
|
||||||
"860": {
|
860: {
|
||||||
"slidesPerView": 2,
|
slidesPerView: 2,
|
||||||
"spaceBetween": 40
|
spaceBetween: 40
|
||||||
},
|
},
|
||||||
"768":{
|
768: {
|
||||||
"slidesPerView": 3,
|
slidesPerView: 3,
|
||||||
"spaceBetween": 40
|
spaceBetween: 40
|
||||||
},
|
},
|
||||||
"972": {
|
972: {
|
||||||
"slidesPerView": 3,
|
slidesPerView: 3,
|
||||||
"spaceBetween": 40
|
spaceBetween: 40
|
||||||
},
|
},
|
||||||
"1024": {
|
1024: {
|
||||||
"slidesPerView": 5,
|
slidesPerView: 5,
|
||||||
"spaceBetween": 50
|
spaceBetween: 50
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{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'} as={'/Service'}>
|
||||||
<MDBCard className={'color-top-card '} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
<MDBCard
|
||||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
className={'color-top-card '}
|
||||||
<img width={'50'} src={item.icon} alt=""/>
|
alignment='center'
|
||||||
</MDBCardHeader>
|
style={{ maxWidth: '22rem', height: '250px' }}
|
||||||
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
>
|
||||||
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||||
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
<img width={'50'} src={item.icon} alt='' />
|
||||||
</MDBCardBody>
|
</MDBCardHeader>
|
||||||
</MDBCard>
|
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
||||||
</Link>
|
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
||||||
<br />
|
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
||||||
<br />
|
</MDBCardBody>
|
||||||
</SwiperSlide>
|
</MDBCard>
|
||||||
)
|
</Link>
|
||||||
})}
|
<br />
|
||||||
<SwiperSlide>
|
<br />
|
||||||
<MDBCard className={'color-top-card'} alignment='center' style={{ cursor: 'pointer', maxWidth: '22rem',height: '250px' }}>
|
</SwiperSlide>
|
||||||
<MDBCardBody style={{display: 'flex',alignItems:'center',justifyContent: 'center'}}>
|
)
|
||||||
<Link href={'components/service'} as={'/Service'}>
|
})}
|
||||||
<MDBCardText className={'bk'}><h1 className={'RTL dana'}>بیشتر ...</h1> </MDBCardText>
|
<SwiperSlide>
|
||||||
</Link>
|
<MDBCard
|
||||||
</MDBCardBody>
|
className={'color-top-card'}
|
||||||
</MDBCard>
|
alignment='center'
|
||||||
<br />
|
style={{ cursor: 'pointer', maxWidth: '22rem', height: '250px' }}
|
||||||
<br />
|
>
|
||||||
</SwiperSlide>
|
<MDBCardBody style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
|
||||||
</Swiper>
|
<Link href={'components/service'} as={'/Service'}>
|
||||||
</MDBContainer>
|
<MDBCardText className={'bk'}>
|
||||||
</div>
|
<h1 className={'RTL dana'}>بیشتر ...</h1>{' '}
|
||||||
): (
|
</MDBCardText>
|
||||||
<AppContainer title={'کلینیک ها و بخش ها '}>
|
</Link>
|
||||||
<div className="parallax-container">
|
</MDBCardBody>
|
||||||
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
</MDBCard>
|
||||||
<Image
|
<br />
|
||||||
loader={Parallax}
|
<br />
|
||||||
src="Parallax.png"
|
</SwiperSlide>
|
||||||
className={'responsive-img shadow-5'}
|
</Swiper>
|
||||||
alt="Picture of the author"
|
</MDBContainer>
|
||||||
width={3000}
|
</div>
|
||||||
height={1500}
|
) : (
|
||||||
/>
|
<AppContainer title={'کلینیک ها و بخش ها '}>
|
||||||
</div>
|
<div className='parallax-container'>
|
||||||
<MDBContainer style={{marginTop:10}}>
|
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
||||||
<div>
|
<Image
|
||||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
loader={Parallax}
|
||||||
برای رزرو وقت روی هر کلینیک کلیک کنید
|
src='Parallax.png'
|
||||||
</MDBTypography>
|
className={'responsive-img shadow-5'}
|
||||||
</div>
|
alt='Picture of the author'
|
||||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
width={3000}
|
||||||
{dataMipService.map((item, index) => {
|
height={1500}
|
||||||
return (
|
/>
|
||||||
<MDBCol>
|
</div>
|
||||||
<MDBCard key={index} className={'color-top-card '} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
<MDBContainer style={{ marginTop: 10 }}>
|
||||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
<div>
|
||||||
<img width={'50'} src={item.icon} alt=""/>
|
<MDBTypography
|
||||||
</MDBCardHeader>
|
style={{
|
||||||
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
direction: 'rtl',
|
||||||
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
borderRadius: '6px solid',
|
||||||
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
borderRight: '6px solid #1266f1',
|
||||||
</MDBCardBody>
|
borderLeft: 'none'
|
||||||
</MDBCard>
|
}}
|
||||||
</MDBCol>
|
note
|
||||||
)
|
noteColor='primary'
|
||||||
})}
|
>
|
||||||
</MDBRow>
|
برای رزرو وقت روی هر کلینیک کلیک کنید
|
||||||
|
</MDBTypography>
|
||||||
|
</div>
|
||||||
|
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||||
|
{dataMipService.map((item, index) => {
|
||||||
|
return (
|
||||||
|
<MDBCol>
|
||||||
|
<MDBCard
|
||||||
|
key={index}
|
||||||
|
className={'color-top-card '}
|
||||||
|
alignment='center'
|
||||||
|
style={{ maxWidth: '22rem', height: '250px' }}
|
||||||
|
>
|
||||||
|
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||||
|
<img width={'50'} src={item.icon} alt='' />
|
||||||
|
</MDBCardHeader>
|
||||||
|
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
||||||
|
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
||||||
|
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
||||||
|
</MDBCardBody>
|
||||||
|
</MDBCard>
|
||||||
|
</MDBCol>
|
||||||
|
)
|
||||||
|
})}
|
||||||
|
</MDBRow>
|
||||||
|
</MDBContainer>
|
||||||
|
<br />
|
||||||
|
</AppContainer>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
</MDBContainer>
|
export default Service
|
||||||
<br/>
|
|
||||||
</AppContainer>
|
|
||||||
|
|
||||||
)}
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default Service;
|
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ import sliderJob from '../../public/resource/slider/slider-2(1).webp'
|
|||||||
import sliderBook from '../../public/resource/slider/slider_3.webp'
|
import sliderBook from '../../public/resource/slider/slider_3.webp'
|
||||||
import sliderCallCenter from '../../public/resource/slider/call-center.webp'
|
import sliderCallCenter from '../../public/resource/slider/call-center.webp'
|
||||||
|
|
||||||
import Image from 'next/image'
|
|
||||||
import { Swiper, SwiperSlide } from 'swiper/react'
|
import { Swiper, SwiperSlide } from 'swiper/react'
|
||||||
import { Pagination } from 'swiper'
|
import { Pagination } from 'swiper'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
@@ -13,7 +12,7 @@ const Slider = () => {
|
|||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<Swiper pagination={true} autoplay={true} loop={true} modules={[Pagination]} className='mySwiper'>
|
<Swiper pagination={true} autoplay={true} loop={true} modules={[Pagination]} className='mySwiper'>
|
||||||
|
|
||||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||||
<Link href='/stock-unit'>
|
<Link href='/stock-unit'>
|
||||||
<img src={sliderCallCenter} />
|
<img src={sliderCallCenter} />
|
||||||
|
|||||||
@@ -0,0 +1,49 @@
|
|||||||
|
import React from 'react'
|
||||||
|
import AppContainer from '../appContainer'
|
||||||
|
import MedicalStock from '../../public/resource/medical/medical.webp'
|
||||||
|
import Image from 'next/image'
|
||||||
|
import { MDBContainer, MDBTypography, MDBRow } from 'mdb-react-ui-kit'
|
||||||
|
const MedicalEquipment = () => {
|
||||||
|
return (
|
||||||
|
<AppContainer title={'واحد تجهیزات پزشکی'}>
|
||||||
|
<div className='parallax-container'>
|
||||||
|
<h2 className={'center-align text-dark service-text dana font-weight-bold'}>واحد تجهیزات پزشکی</h2>
|
||||||
|
<Image
|
||||||
|
src={MedicalStock}
|
||||||
|
className={'responsive-img shadow-5'}
|
||||||
|
alt='Picture of the author'
|
||||||
|
width={3000}
|
||||||
|
height={1000}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<MDBContainer className={'my-24'}>
|
||||||
|
<div className={'bk-med flex justify-content-center align-items-center flex-col'}>
|
||||||
|
<div>
|
||||||
|
<MDBTypography
|
||||||
|
style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }}
|
||||||
|
note
|
||||||
|
noteColor='dark'
|
||||||
|
className='mb-0'
|
||||||
|
>
|
||||||
|
<MDBRow>
|
||||||
|
<MDBTypography className={'dana right-align'}>
|
||||||
|
اگر به دنبال همکاری با بخش تجهیزات بیمارستان هستید، لطفا با یکی از شماره‌های زیر تماس حاصل نمایید تا
|
||||||
|
اطلاعات بیشتری در این خصوص از ما دریافت کنید
|
||||||
|
</MDBTypography>
|
||||||
|
</MDBRow>
|
||||||
|
</MDBTypography>
|
||||||
|
</div>
|
||||||
|
<div className='flex gap-x-5 mt-4'>
|
||||||
|
<a className='dana' href='tel:021-53457999'>021-53457999</a>
|
||||||
|
<br />
|
||||||
|
<a className='dana' href='tel:09194199420'>09194199420</a>
|
||||||
|
<br />
|
||||||
|
<a>خانم زارعی</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</MDBContainer>
|
||||||
|
</AppContainer>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default MedicalEquipment
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
Binary file not shown.
Reference in New Issue
Block a user