fixed bug
This commit is contained in:
Amirhossein Mahmoodi
@@ -1,7 +1,7 @@
|
|||||||
import LtrTextField from "@/core/components/LtrTextField";
|
import LtrTextField from "@/core/components/LtrTextField";
|
||||||
import StyledForm from "@/core/components/StyledForm";
|
import StyledForm from "@/core/components/StyledForm";
|
||||||
import useRequest from "@/lib/hooks/useRequest";
|
import useRequest from "@/lib/hooks/useRequest";
|
||||||
import { Autocomplete, Box, Button, Chip, DialogActions, DialogContent, Fade, Grid, InputAdornment, Stack, TextField, Typography } from "@mui/material";
|
import { Autocomplete, Box, Button, Chip, Container, DialogActions, DialogContent, Fade, Grid, InputAdornment, Stack, TextField, Typography } from "@mui/material";
|
||||||
import { DatePicker, LocalizationProvider, faIR } from "@mui/x-date-pickers";
|
import { DatePicker, LocalizationProvider, faIR } from "@mui/x-date-pickers";
|
||||||
import { AdapterDateFnsJalali } from "@mui/x-date-pickers/AdapterDateFnsJalali";
|
import { AdapterDateFnsJalali } from "@mui/x-date-pickers/AdapterDateFnsJalali";
|
||||||
import moment from "jalali-moment";
|
import moment from "jalali-moment";
|
||||||
@@ -141,246 +141,34 @@ const CreateOrUpdateForm = ({ handleClose, mutate, defaultValues, url }) => {
|
|||||||
localeText={faIR.components.MuiLocalizationProvider.defaultProps.localeText}
|
localeText={faIR.components.MuiLocalizationProvider.defaultProps.localeText}
|
||||||
>
|
>
|
||||||
<DialogContent>
|
<DialogContent>
|
||||||
<StyledForm onSubmit={handleSubmit(onSubmit)} id={'InquiryPrivacyFencingCreateForm'}>
|
<Container maxWidth='lg'>
|
||||||
<Grid container columns={{ xs: 1, sm: 2, md: 3 }} spacing={4}>
|
<StyledForm onSubmit={handleSubmit(onSubmit)} id={'InquiryPrivacyFencingCreateForm'}>
|
||||||
<Grid item xs={1}>
|
<Grid container columns={{ xs: 1, sm: 2, md: 3 }} spacing={4}>
|
||||||
<LtrTextField autoComplete="off" {...register('dabirkhaneh_number')} label="شماره دبیرخانه درخواست *" size="small" fullWidth type="tel" />
|
<Grid item xs={1}>
|
||||||
</Grid>
|
<LtrTextField autoComplete="off" {...register('dabirkhaneh_number')} label="شماره دبیرخانه درخواست *" size="small" fullWidth type="tel" />
|
||||||
<Grid item xs={1}>
|
</Grid>
|
||||||
<Controller
|
<Grid item xs={1}>
|
||||||
name="nameh_date"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<DatePicker
|
|
||||||
value={value.toDate()}
|
|
||||||
onChange={(newValue) => onChange(moment(newValue))}
|
|
||||||
label="تاریخ نامه درخواست *"
|
|
||||||
slotProps={{
|
|
||||||
textField: { fullWidth: true, size: "small", autoComplete: 'off' },
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<TextField autoComplete="off" {...register('marjae_pasokh')} label="مرجع درخواست کننده پاسخ به استعلام" size="small" fullWidth />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Controller
|
|
||||||
name="motaghazi_is_legal_id"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<Autocomplete
|
|
||||||
size="small"
|
|
||||||
disablePortal
|
|
||||||
value={value}
|
|
||||||
onChange={(event, newValue) => {
|
|
||||||
onChange(newValue)
|
|
||||||
}}
|
|
||||||
options={["حقوقی", "حقیقی"]}
|
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="متقاضی *" />}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Fade in={watch('motaghazi_is_legal_id') === 'حقوقی'} mountOnEnter={true} unmountOnExit={true}>
|
|
||||||
<Box>
|
|
||||||
<Controller
|
|
||||||
name="motaghazi_type"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<Autocomplete
|
|
||||||
size="small"
|
|
||||||
disablePortal
|
|
||||||
value={value}
|
|
||||||
onChange={(event, newValue) => {
|
|
||||||
onChange(newValue)
|
|
||||||
}}
|
|
||||||
options={["دولتی", "خصوصی"]}
|
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع متقاضی *" />}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Box>
|
|
||||||
</Fade>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}></Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<TextField autoComplete="off" {...register('motaghazi_firstname')} label="نام متقاضی *" size="small" fullWidth />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Fade in={watch('motaghazi_is_legal_id') === 'حقیقی'} mountOnEnter={true} unmountOnExit={true}>
|
|
||||||
<TextField autoComplete="off" {...register('motaghazi_lastname')} label="نام خانوادگی متقاضی *" size="small" fullWidth />
|
|
||||||
</Fade>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<LtrTextField autoComplete="off" {...register('national_id')} label="کد ملی/شناسه ملی *" size="small" fullWidth type="tel" />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<LtrTextField autoComplete="off" {...register('tel_number')} label="تلفن" size="small" fullWidth type="tel" />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Fade in={watch('motaghazi_type') !== 'دولتی' || watch('formik.values.motaghazi_is_legal_id') === 'حقیقی'} mountOnEnter={true} unmountOnExit={true}>
|
|
||||||
<LtrTextField autoComplete="off" {...register('mobile_number')} label="تلفن همراه *" size="small" fullWidth type="tel" />
|
|
||||||
</Fade>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<TextField autoComplete="off" {...register('address')} label="آدرس *" size="small" fullWidth />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Controller
|
|
||||||
name="edare_kol_id"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<Autocomplete
|
|
||||||
size="small"
|
|
||||||
disablePortal
|
|
||||||
value={value}
|
|
||||||
onChange={(event, newValue) => {
|
|
||||||
onChange(newValue)
|
|
||||||
}}
|
|
||||||
options={["تهران"]}
|
|
||||||
renderInput={(params) => (
|
|
||||||
<TextField autoComplete="off"
|
|
||||||
fullWidth
|
|
||||||
{...params}
|
|
||||||
label="اداره كل راهداری و حمل و نقل جاده ای *"
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Controller
|
|
||||||
name="edare_shahri_id"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<Autocomplete
|
|
||||||
size="small"
|
|
||||||
disablePortal
|
|
||||||
value={value}
|
|
||||||
onChange={(event, newValue) => {
|
|
||||||
onChange(newValue)
|
|
||||||
}}
|
|
||||||
options={["تهران"]}
|
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="اداره شهرستان *" />}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Controller
|
|
||||||
name="rah_type_id"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<Autocomplete
|
|
||||||
size="small"
|
|
||||||
disablePortal
|
|
||||||
value={value}
|
|
||||||
onChange={(event, newValue) => {
|
|
||||||
onChange(newValue)
|
|
||||||
}}
|
|
||||||
options={["آزاد راه", "بزرگراه", 'راه فرعی درجه 3']}
|
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع راه *" />}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Controller
|
|
||||||
name="name_mehvar_fa"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<Autocomplete
|
|
||||||
size="small"
|
|
||||||
disablePortal
|
|
||||||
value={value}
|
|
||||||
onChange={(event, newValue) => {
|
|
||||||
onChange(newValue)
|
|
||||||
}}
|
|
||||||
options={["سایر"]}
|
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نام محور *" />}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Fade in={watch('name_mehvar_fa') === "سایر"} mountOnEnter={true} unmountOnExit={true}>
|
|
||||||
<TextField autoComplete="off" label="سایر محورها" size="small" fullWidth />
|
|
||||||
</Fade>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Controller
|
|
||||||
name="samt_id"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<Autocomplete
|
|
||||||
size="small"
|
|
||||||
disablePortal
|
|
||||||
value={value}
|
|
||||||
onChange={(event, newValue) => {
|
|
||||||
onChange(newValue)
|
|
||||||
}}
|
|
||||||
options={["چپ", "راست"]}
|
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="سمت *" />}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Controller
|
|
||||||
name="mizan_harim"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<Autocomplete
|
|
||||||
size="small"
|
|
||||||
disablePortal
|
|
||||||
value={value}
|
|
||||||
onChange={(event, newValue) => {
|
|
||||||
onChange(newValue)
|
|
||||||
}}
|
|
||||||
options={["12.5", "17.5"]}
|
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="میزان حریم *" />}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Fade in={watch('rah_type_id') !== 'راه فرعی درجه 3'} mountOnEnter={true} unmountOnExit={true}>
|
|
||||||
<Box>
|
|
||||||
<Controller
|
|
||||||
name="arze_navar"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<Autocomplete
|
|
||||||
size="small"
|
|
||||||
disablePortal
|
|
||||||
value={value}
|
|
||||||
onChange={(event, newValue) => {
|
|
||||||
onChange(newValue)
|
|
||||||
}}
|
|
||||||
options={["15", "30"]}
|
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="عرض نوار تاسیساتی زیربنایی *" />}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Box>
|
|
||||||
</Fade>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<LtrTextField autoComplete="off" {...register('kilometr')} label="كيلومتر *" size="small" fullWidth type="tel" />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1} sm={2} sx={{ height: 300 }}>
|
|
||||||
<LocationOnMap setValue={setValue} defaultLatLon={defaultValues ? [defaultValues.lat, defaultValues.lon] : null} defaultValues />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Stack spacing={3}>
|
|
||||||
<LtrTextField autoComplete="off" {...register('lat')} label="عرض جغرافیایی" size="small" fullWidth disabled={true} />
|
|
||||||
<LtrTextField autoComplete="off" {...register('lon')} label="طول جغرافیایی" size="small" fullWidth disabled={true} />
|
|
||||||
<Controller
|
<Controller
|
||||||
name="zone"
|
name="nameh_date"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<DatePicker
|
||||||
|
value={value.toDate()}
|
||||||
|
onChange={(newValue) => onChange(moment(newValue))}
|
||||||
|
label="تاریخ نامه درخواست *"
|
||||||
|
slotProps={{
|
||||||
|
textField: { fullWidth: true, size: "small", autoComplete: 'off' },
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<TextField autoComplete="off" {...register('marjae_pasokh')} label="مرجع درخواست کننده پاسخ به استعلام" size="small" fullWidth />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Controller
|
||||||
|
name="motaghazi_is_legal_id"
|
||||||
control={control}
|
control={control}
|
||||||
render={({ field: { onChange, value } }) => (
|
render={({ field: { onChange, value } }) => (
|
||||||
<Autocomplete
|
<Autocomplete
|
||||||
@@ -390,175 +178,389 @@ const CreateOrUpdateForm = ({ handleClose, mutate, defaultValues, url }) => {
|
|||||||
onChange={(event, newValue) => {
|
onChange={(event, newValue) => {
|
||||||
onChange(newValue)
|
onChange(newValue)
|
||||||
}}
|
}}
|
||||||
options={["38", "39"]}
|
options={["حقوقی", "حقیقی"]}
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="Zone *" />}
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="متقاضی *" />}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
</Stack>
|
</Grid>
|
||||||
</Grid>
|
<Grid item xs={1}>
|
||||||
<Grid item xs={1}>
|
<Fade in={watch('motaghazi_is_legal_id') === 'حقوقی'} mountOnEnter={true} unmountOnExit={true}>
|
||||||
<Controller
|
<Box>
|
||||||
name="karbari_type_id"
|
<Controller
|
||||||
control={control}
|
name="motaghazi_type"
|
||||||
render={({ field: { onChange, value } }) => (
|
control={control}
|
||||||
<Autocomplete
|
render={({ field: { onChange, value } }) => (
|
||||||
size="small"
|
<Autocomplete
|
||||||
disablePortal
|
size="small"
|
||||||
value={value}
|
disablePortal
|
||||||
onChange={(event, newValue) => {
|
value={value}
|
||||||
onChange(newValue)
|
onChange={(event, newValue) => {
|
||||||
}}
|
onChange(newValue)
|
||||||
options={["اتاقک نگهبانی", "دولتی"]}
|
}}
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع کاربری *" />}
|
options={["دولتی", "خصوصی"]}
|
||||||
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع متقاضی *" />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Box>
|
||||||
|
</Fade>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}></Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<TextField autoComplete="off" {...register('motaghazi_firstname')} label="نام متقاضی *" size="small" fullWidth />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Fade in={watch('motaghazi_is_legal_id') === 'حقیقی'} mountOnEnter={true} unmountOnExit={true}>
|
||||||
|
<TextField autoComplete="off" {...register('motaghazi_lastname')} label="نام خانوادگی متقاضی *" size="small" fullWidth />
|
||||||
|
</Fade>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<LtrTextField autoComplete="off" {...register('national_id')} label="کد ملی/شناسه ملی *" size="small" fullWidth type="tel" />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<LtrTextField autoComplete="off" {...register('tel_number')} label="تلفن" size="small" fullWidth type="tel" />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Fade in={watch('motaghazi_type') !== 'دولتی' || watch('formik.values.motaghazi_is_legal_id') === 'حقیقی'} mountOnEnter={true} unmountOnExit={true}>
|
||||||
|
<LtrTextField autoComplete="off" {...register('mobile_number')} label="تلفن همراه *" size="small" fullWidth type="tel" />
|
||||||
|
</Fade>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<TextField autoComplete="off" {...register('address')} label="آدرس *" size="small" fullWidth />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Controller
|
||||||
|
name="edare_kol_id"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<Autocomplete
|
||||||
|
size="small"
|
||||||
|
disablePortal
|
||||||
|
value={value}
|
||||||
|
onChange={(event, newValue) => {
|
||||||
|
onChange(newValue)
|
||||||
|
}}
|
||||||
|
options={["تهران"]}
|
||||||
|
renderInput={(params) => (
|
||||||
|
<TextField autoComplete="off"
|
||||||
|
fullWidth
|
||||||
|
{...params}
|
||||||
|
label="اداره كل راهداری و حمل و نقل جاده ای *"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Controller
|
||||||
|
name="edare_shahri_id"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<Autocomplete
|
||||||
|
size="small"
|
||||||
|
disablePortal
|
||||||
|
value={value}
|
||||||
|
onChange={(event, newValue) => {
|
||||||
|
onChange(newValue)
|
||||||
|
}}
|
||||||
|
options={["تهران"]}
|
||||||
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="اداره شهرستان *" />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Controller
|
||||||
|
name="rah_type_id"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<Autocomplete
|
||||||
|
size="small"
|
||||||
|
disablePortal
|
||||||
|
value={value}
|
||||||
|
onChange={(event, newValue) => {
|
||||||
|
onChange(newValue)
|
||||||
|
}}
|
||||||
|
options={["آزاد راه", "بزرگراه", 'راه فرعی درجه 3']}
|
||||||
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع راه *" />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Controller
|
||||||
|
name="name_mehvar_fa"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<Autocomplete
|
||||||
|
size="small"
|
||||||
|
disablePortal
|
||||||
|
value={value}
|
||||||
|
onChange={(event, newValue) => {
|
||||||
|
onChange(newValue)
|
||||||
|
}}
|
||||||
|
options={["سایر"]}
|
||||||
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نام محور *" />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Fade in={watch('name_mehvar_fa') === "سایر"} mountOnEnter={true} unmountOnExit={true}>
|
||||||
|
<TextField autoComplete="off" label="سایر محورها" size="small" fullWidth />
|
||||||
|
</Fade>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Controller
|
||||||
|
name="samt_id"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<Autocomplete
|
||||||
|
size="small"
|
||||||
|
disablePortal
|
||||||
|
value={value}
|
||||||
|
onChange={(event, newValue) => {
|
||||||
|
onChange(newValue)
|
||||||
|
}}
|
||||||
|
options={["چپ", "راست"]}
|
||||||
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="سمت *" />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Controller
|
||||||
|
name="mizan_harim"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<Autocomplete
|
||||||
|
size="small"
|
||||||
|
disablePortal
|
||||||
|
value={value}
|
||||||
|
onChange={(event, newValue) => {
|
||||||
|
onChange(newValue)
|
||||||
|
}}
|
||||||
|
options={["12.5", "17.5"]}
|
||||||
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="میزان حریم *" />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Fade in={watch('rah_type_id') !== 'راه فرعی درجه 3'} mountOnEnter={true} unmountOnExit={true}>
|
||||||
|
<Box>
|
||||||
|
<Controller
|
||||||
|
name="arze_navar"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<Autocomplete
|
||||||
|
size="small"
|
||||||
|
disablePortal
|
||||||
|
value={value}
|
||||||
|
onChange={(event, newValue) => {
|
||||||
|
onChange(newValue)
|
||||||
|
}}
|
||||||
|
options={["15", "30"]}
|
||||||
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="عرض نوار تاسیساتی زیربنایی *" />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Box>
|
||||||
|
</Fade>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<LtrTextField autoComplete="off" {...register('kilometr')} label="كيلومتر *" size="small" fullWidth type="tel" />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1} sm={2} sx={{ height: 300 }}>
|
||||||
|
<LocationOnMap setValue={setValue} defaultLatLon={defaultValues ? [defaultValues.lat, defaultValues.lon] : null} defaultValues />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Stack spacing={3}>
|
||||||
|
<LtrTextField autoComplete="off" {...register('lat')} label="عرض جغرافیایی" size="small" fullWidth disabled={true} />
|
||||||
|
<LtrTextField autoComplete="off" {...register('lon')} label="طول جغرافیایی" size="small" fullWidth disabled={true} />
|
||||||
|
<Controller
|
||||||
|
name="zone"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<Autocomplete
|
||||||
|
size="small"
|
||||||
|
disablePortal
|
||||||
|
value={value}
|
||||||
|
onChange={(event, newValue) => {
|
||||||
|
onChange(newValue)
|
||||||
|
}}
|
||||||
|
options={["38", "39"]}
|
||||||
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="Zone *" />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
/>
|
/>
|
||||||
)}
|
</Stack>
|
||||||
/>
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Controller
|
||||||
|
name="karbari_type_id"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<Autocomplete
|
||||||
|
size="small"
|
||||||
|
disablePortal
|
||||||
|
value={value}
|
||||||
|
onChange={(event, newValue) => {
|
||||||
|
onChange(newValue)
|
||||||
|
}}
|
||||||
|
options={["اتاقک نگهبانی", "دولتی"]}
|
||||||
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع کاربری *" />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<TextField autoComplete="off" {...register('tarh_title')} label="عنوان طرح *" size="small" fullWidth />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<LtrTextField autoComplete="off" {...register('masahat_zirbana')} label="مساحت زیربنا" size="small" fullWidth type="tel" InputProps={{
|
||||||
|
endAdornment: <InputAdornment position="end">
|
||||||
|
مترمربع</InputAdornment>,
|
||||||
|
}} />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Controller
|
||||||
|
name="ehdasat_type_id"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<Autocomplete
|
||||||
|
multiple
|
||||||
|
size="small"
|
||||||
|
disablePortal
|
||||||
|
value={value}
|
||||||
|
onChange={(event, newValue) => {
|
||||||
|
onChange(newValue)
|
||||||
|
}}
|
||||||
|
renderTags={(value, getTagProps) =>
|
||||||
|
value.map((option, index) => {
|
||||||
|
const { key, ...tagProps } = getTagProps({ index });
|
||||||
|
return (
|
||||||
|
<Chip label={option} key={key} size="small" {...tagProps} />
|
||||||
|
);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
options={["تعمیرات", "احداث بنا"]}
|
||||||
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع احداثات *" />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<LtrTextField autoComplete="off" {...register('divarkeshi_distance')} label="فاصله دیوارکشی از آکس محور" size="small" fullWidth type="tel" InputProps={{
|
||||||
|
endAdornment: <InputAdornment position="end">متر</InputAdornment>,
|
||||||
|
}} />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<LtrTextField autoComplete="off" {...register('mostahadesat_distance')} label="فاصله مستحدثات از آکس محور" size="small" fullWidth type="tel" InputProps={{
|
||||||
|
endAdornment: <InputAdornment position="end">متر</InputAdornment>,
|
||||||
|
}} />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Controller
|
||||||
|
name="mahale_ejra_id"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<Autocomplete
|
||||||
|
size="small"
|
||||||
|
disablePortal
|
||||||
|
value={value}
|
||||||
|
onChange={(event, newValue) => {
|
||||||
|
onChange(newValue)
|
||||||
|
}}
|
||||||
|
options={["داخل حریم"]}
|
||||||
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="محل اجرا" />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Controller
|
||||||
|
name="traffic_id"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<Autocomplete
|
||||||
|
size="small"
|
||||||
|
disablePortal
|
||||||
|
value={value}
|
||||||
|
onChange={(event, newValue) => {
|
||||||
|
onChange(newValue)
|
||||||
|
}}
|
||||||
|
options={["سبک (ضریب ۱)"]}
|
||||||
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="میزان ترافیک *" />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Controller
|
||||||
|
name="vaziat_eghtesadi_id"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<Autocomplete
|
||||||
|
size="small"
|
||||||
|
disablePortal
|
||||||
|
value={value}
|
||||||
|
onChange={(event, newValue) => {
|
||||||
|
onChange(newValue)
|
||||||
|
}}
|
||||||
|
options={["تست"]}
|
||||||
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="وضعیت اقتصادی" />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Controller
|
||||||
|
name="has_access_id"
|
||||||
|
control={control}
|
||||||
|
render={({ field: { onChange, value } }) => (
|
||||||
|
<Autocomplete
|
||||||
|
size="small"
|
||||||
|
disablePortal
|
||||||
|
value={value}
|
||||||
|
onChange={(event, newValue) => {
|
||||||
|
onChange(newValue)
|
||||||
|
}}
|
||||||
|
options={["بله", "خیر"]}
|
||||||
|
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="آیا راه دسترسی از قبل وجود دارد؟ *" />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<LtrTextField autoComplete="off" {...register('shomare_estelam_harim')} label="شماره استعلام دفتر ایمنی و حریم" size="small" fullWidth type="tel" />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<Stack direction={'row'} spacing={1} alignItems={'center'}>
|
||||||
|
<Typography sx={{ flex: 2 }} variant="body2">حداکثر مدت زمان شروع عملیات: *</Typography>
|
||||||
|
<LtrTextField autoComplete="off" {...register('max_month')} sx={{ width: 60 }} label="ماه" size="small" type="tel" />
|
||||||
|
<LtrTextField autoComplete="off" {...register('max_day')} sx={{ width: 60 }} label="روز" size="small" type="tel" />
|
||||||
|
</Stack>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<LtrTextField autoComplete="off" {...register('shomare_tahaodname')} label="شماره تعهدنامه" size="small" fullWidth type="tel" />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<LtrTextField autoComplete="off" {...register('shomare_daftarkhaneh')} label="شماره دفترخانه" size="small" fullWidth type="tel" />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}></Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<TextField autoComplete="off" {...register('description')} multiline rows={2} label="توضیحات" size="small" fullWidth />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}>
|
||||||
|
<TextField autoComplete="off" {...register('ronevesht')} multiline rows={2} label="رونوشت" size="small" fullWidth />
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={1}></Grid>
|
||||||
</Grid>
|
</Grid>
|
||||||
<Grid item xs={1}>
|
</StyledForm>
|
||||||
<TextField autoComplete="off" {...register('tarh_title')} label="عنوان طرح *" size="small" fullWidth />
|
</Container>
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<LtrTextField autoComplete="off" {...register('masahat_zirbana')} label="مساحت زیربنا" size="small" fullWidth type="tel" InputProps={{
|
|
||||||
endAdornment: <InputAdornment position="end">
|
|
||||||
مترمربع</InputAdornment>,
|
|
||||||
}} />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Controller
|
|
||||||
name="ehdasat_type_id"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<Autocomplete
|
|
||||||
multiple
|
|
||||||
size="small"
|
|
||||||
disablePortal
|
|
||||||
value={value}
|
|
||||||
onChange={(event, newValue) => {
|
|
||||||
onChange(newValue)
|
|
||||||
}}
|
|
||||||
renderTags={(value, getTagProps) =>
|
|
||||||
value.map((option, index) => {
|
|
||||||
const { key, ...tagProps } = getTagProps({ index });
|
|
||||||
return (
|
|
||||||
<Chip label={option} key={key} size="small" {...tagProps} />
|
|
||||||
);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
options={["تعمیرات", "احداث بنا"]}
|
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع احداثات *" />}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<LtrTextField autoComplete="off" {...register('divarkeshi_distance')} label="فاصله دیوارکشی از آکس محور" size="small" fullWidth type="tel" InputProps={{
|
|
||||||
endAdornment: <InputAdornment position="end">متر</InputAdornment>,
|
|
||||||
}} />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<LtrTextField autoComplete="off" {...register('mostahadesat_distance')} label="فاصله مستحدثات از آکس محور" size="small" fullWidth type="tel" InputProps={{
|
|
||||||
endAdornment: <InputAdornment position="end">متر</InputAdornment>,
|
|
||||||
}} />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Controller
|
|
||||||
name="mahale_ejra_id"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<Autocomplete
|
|
||||||
size="small"
|
|
||||||
disablePortal
|
|
||||||
value={value}
|
|
||||||
onChange={(event, newValue) => {
|
|
||||||
onChange(newValue)
|
|
||||||
}}
|
|
||||||
options={["داخل حریم"]}
|
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="محل اجرا" />}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Controller
|
|
||||||
name="traffic_id"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<Autocomplete
|
|
||||||
size="small"
|
|
||||||
disablePortal
|
|
||||||
value={value}
|
|
||||||
onChange={(event, newValue) => {
|
|
||||||
onChange(newValue)
|
|
||||||
}}
|
|
||||||
options={["سبک (ضریب ۱)"]}
|
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="میزان ترافیک *" />}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Controller
|
|
||||||
name="vaziat_eghtesadi_id"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<Autocomplete
|
|
||||||
size="small"
|
|
||||||
disablePortal
|
|
||||||
value={value}
|
|
||||||
onChange={(event, newValue) => {
|
|
||||||
onChange(newValue)
|
|
||||||
}}
|
|
||||||
options={["تست"]}
|
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="وضعیت اقتصادی" />}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Controller
|
|
||||||
name="has_access_id"
|
|
||||||
control={control}
|
|
||||||
render={({ field: { onChange, value } }) => (
|
|
||||||
<Autocomplete
|
|
||||||
size="small"
|
|
||||||
disablePortal
|
|
||||||
value={value}
|
|
||||||
onChange={(event, newValue) => {
|
|
||||||
onChange(newValue)
|
|
||||||
}}
|
|
||||||
options={["بله", "خیر"]}
|
|
||||||
renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="آیا راه دسترسی از قبل وجود دارد؟ *" />}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<LtrTextField autoComplete="off" {...register('shomare_estelam_harim')} label="شماره استعلام دفتر ایمنی و حریم" size="small" fullWidth type="tel" />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<Stack direction={'row'} spacing={1} alignItems={'center'}>
|
|
||||||
<Typography sx={{ flex: 2 }} variant="body2">حداکثر مدت زمان شروع عملیات: *</Typography>
|
|
||||||
<LtrTextField autoComplete="off" {...register('max_month')} sx={{ width: 60 }} label="ماه" size="small" type="tel" />
|
|
||||||
<LtrTextField autoComplete="off" {...register('max_day')} sx={{ width: 60 }} label="روز" size="small" type="tel" />
|
|
||||||
</Stack>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<LtrTextField autoComplete="off" {...register('shomare_tahaodname')} label="شماره تعهدنامه" size="small" fullWidth type="tel" />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<LtrTextField autoComplete="off" {...register('shomare_daftarkhaneh')} label="شماره دفترخانه" size="small" fullWidth type="tel" />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}></Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<TextField autoComplete="off" {...register('description')} multiline rows={2} label="توضیحات" size="small" fullWidth />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}>
|
|
||||||
<TextField autoComplete="off" {...register('ronevesht')} multiline rows={2} label="رونوشت" size="small" fullWidth />
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={1}></Grid>
|
|
||||||
</Grid>
|
|
||||||
</StyledForm>
|
|
||||||
</DialogContent>
|
</DialogContent>
|
||||||
<DialogActions sx={{ p: 2, borderTop: 1, borderColor: 'divider' }}>
|
<DialogActions sx={{ p: 2, borderTop: 1, borderColor: 'divider' }}>
|
||||||
<Button variant="contained" size="large" sx={{ width: 150 }} type="submit" form={'InquiryPrivacyFencingCreateForm'} disabled={isSubmitting}>ثبت</Button>
|
<Button variant="contained" size="large" sx={{ width: 150 }} type="submit" form={'InquiryPrivacyFencingCreateForm'} disabled={isSubmitting}>ثبت</Button>
|
||||||
|
|||||||
@@ -14,8 +14,8 @@ const DataTableProvider = ({ children, user_id, page_name, table_name, columns }
|
|||||||
const [filterData, setFilterData] = useState({});
|
const [filterData, setFilterData] = useState({});
|
||||||
const [initSort, setInitSort] = useState([]);
|
const [initSort, setInitSort] = useState([]);
|
||||||
const [sortData, setSortData] = useState([]);
|
const [sortData, setSortData] = useState([]);
|
||||||
const [initHide, setInitHide] = useState([]);
|
const [initHide, setInitHide] = useState({});
|
||||||
const [hideData, setHideData] = useState([]);
|
const [hideData, setHideData] = useState({});
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!settingStore) return;
|
if (!settingStore) return;
|
||||||
@@ -52,8 +52,8 @@ const DataTableProvider = ({ children, user_id, page_name, table_name, columns }
|
|||||||
setInitFilter(values);
|
setInitFilter(values);
|
||||||
setSortData(settingStore?.[user_id]?.[page_name]?.[table_name]?.["sorts"] || []);
|
setSortData(settingStore?.[user_id]?.[page_name]?.[table_name]?.["sorts"] || []);
|
||||||
setInitSort(settingStore?.[user_id]?.[page_name]?.[table_name]?.["sorts"] || []);
|
setInitSort(settingStore?.[user_id]?.[page_name]?.[table_name]?.["sorts"] || []);
|
||||||
setHideData(settingStore?.[user_id]?.[page_name]?.[table_name]?.["hides"] || []);
|
setHideData(settingStore?.[user_id]?.[page_name]?.[table_name]?.["hides"] || {});
|
||||||
setInitHide(settingStore?.[user_id]?.[page_name]?.[table_name]?.["hides"] || []);
|
setInitHide(settingStore?.[user_id]?.[page_name]?.[table_name]?.["hides"] || {});
|
||||||
setInitStates(true);
|
setInitStates(true);
|
||||||
}, [settingStore, isInitStates]);
|
}, [settingStore, isInitStates]);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user