diff --git a/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/PatrolDetail.jsx b/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/PatrolDetail.jsx index 008997b..aa74c7b 100644 --- a/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/PatrolDetail.jsx +++ b/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/PatrolDetail.jsx @@ -56,7 +56,6 @@ const PatrolDetail = ({tabState, setTabState}) => { } useEffect(() => { - console.log("data", carCode?.id, dateFrom, dateTo) if (carCode !== null && dateFrom !== null && dateTo !== null) { setReadyToRequest(true); } else { @@ -170,88 +169,93 @@ const PatrolDetail = ({tabState, setTabState}) => { - {patrolFounded && - - - - - }/> - - - {data.machine_code} - - - - }/> - - - {data.time} - - - - }/> - - - {data.distance} - - - - }/> - - - {data.stop} - - - - }/> - - - {data.fuel_amount} - - - - - - + {patrolFounded ? + + + + + }/> + + + {data.machine_code} + + + + }/> + + + {data.time} + + + + }/> + + + {data.distance} + + + + }/> + + + {data.stop} + + + + }/> + + + {data.fuel_amount} + + + + + - - + + + + - - - - - } + + + + : + + + ابتدا اطلاعات بالا را تکمیل نمایید + + } - diff --git a/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/PatrolForms.jsx b/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/PatrolForms.jsx index da6690e..e87151b 100644 --- a/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/PatrolForms.jsx +++ b/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/PatrolForms.jsx @@ -2,7 +2,7 @@ import {Box, DialogContent, Tab, Tabs, useMediaQuery} from "@mui/material"; import {useTheme} from "@emotion/react"; -import React, {useState} from "react"; +import React, {useEffect, useState} from "react"; import TapAndPlayIcon from '@mui/icons-material/TapAndPlay'; import TaxiAlertIcon from '@mui/icons-material/TaxiAlert'; import EngineeringIcon from '@mui/icons-material/Engineering'; @@ -11,6 +11,7 @@ import VerifiedIcon from '@mui/icons-material/Verified'; import PatrolTimeLine from "./PatrolTimeLine"; import PhoneValidation from "./PhoneValidation"; import PatrolDetail from "./PatrolDetail"; +import SuperVisorsDetail from "@/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/SuperVisorsDetail"; function TabPanel(props) { const {children, value, index} = props; @@ -26,11 +27,19 @@ const PatrolForms = () => { const theme = useTheme(); const isMobile = useMediaQuery(theme.breakpoints.down("md")); const [tabState, setTabState] = useState(0); + const [activeUpTo, setActiveUpTo] = useState(0); const handleChangeTab = (event, newValue) => { setTabState(newValue); }; + useEffect(() => { + if (activeUpTo < tabState) { + setActiveUpTo(tabState); + } + }, [tabState]); + + return ( <> { backgroundColor: "#efefef", }} > - } label="تایید هویت"> - } label="مشخصات گشت"> - } label="مشخصات راهداران"> - } label="اقدامات حین گشت"> - } label="تکمیل درخواست"> + = 0)} icon={} label="تایید هویت"> + = 1)} icon={} label="مشخصات گشت"> + = 2)} icon={} label="مشخصات راهداران"> + = 3)} icon={} label="اقدامات حین گشت"> + = 4)} icon={} label="تکمیل درخواست"> @@ -57,10 +66,10 @@ const PatrolForms = () => { - + - <>moshakhasat rahdar + <>eghdamat heine gasht diff --git a/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/PatrolTimeLine.jsx b/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/PatrolTimeLine.jsx index ba33a31..4bf75c1 100644 --- a/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/PatrolTimeLine.jsx +++ b/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/PatrolTimeLine.jsx @@ -31,7 +31,7 @@ const PatrolTimeLine = ({tabState}) => { - {tabState === 0 ? : : 0 ? "success" : "error"} sx={{width: "1.5rem", height: "1.5rem"}} />} @@ -49,7 +49,7 @@ const PatrolTimeLine = ({tabState}) => { - {tabState === 1 ? : : 1 ? "success" : "error"} sx={{width: "1.5rem", height: "1.5rem"}} />} @@ -67,7 +67,7 @@ const PatrolTimeLine = ({tabState}) => { - {tabState === 2 ? : : 2 ? "success" : "error"} sx={{width: "1.5rem", height: "1.5rem"}} />} @@ -77,7 +77,7 @@ const PatrolTimeLine = ({tabState}) => { مشخصات راهداران - راهدار/راهداران حاظر در گشت + راهدار / راهداران حاظر در گشت @@ -85,7 +85,7 @@ const PatrolTimeLine = ({tabState}) => { - {tabState === 3 ? : : 3 ? "success" : "error"} sx={{width: "1.5rem", height: "1.5rem"}} />} @@ -103,7 +103,7 @@ const PatrolTimeLine = ({tabState}) => { - {tabState === 4 ? : : 4 ? "success" : "error"} sx={{width: "1.5rem", height: "1.5rem"}} />} diff --git a/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/SuperVisorsDetail.jsx b/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/SuperVisorsDetail.jsx new file mode 100644 index 0000000..070bdcf --- /dev/null +++ b/src/components/dashboard/roadPatrols/operator/Forms/CreatePatrol/SuperVisorsDetail.jsx @@ -0,0 +1,94 @@ +"use client"; + +import {Box, Button, Card, Chip, Divider, IconButton, TextField, Typography} from "@mui/material"; +import SaveAltIcon from '@mui/icons-material/SaveAlt'; +import AccountCircleIcon from '@mui/icons-material/AccountCircle'; +import DeleteIcon from '@mui/icons-material/Delete'; +import React, {useState} from "react"; + +const SuperVisorsDetail = ({tabState, setTabState}) => { + const [patrolFounded, setPatrolFounded] = useState(false); + const [rahdarsCode, setRahdarsCode] = useState(null); + const [readyToRequest, setReadyToRequest] = useState(false); + + const requestPatrolInfo = () => { + setPatrolFounded(true) + setReadyToRequest(false) + } + + return ( + + + + {/**/} + + + + + + + + + + + + + محمد حسین + کد راهدار: 893 + + + + + + + + + + + حسین تقی + کد راهدار: 123 + + + + + + + + + ); +}; + +export default SuperVisorsDetail; \ No newline at end of file