RMS/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Resolve #86c24uue0 "Feature/extract images cars roads api "

Browse Source
This commit is contained in:
AmirHossein Mahmoodi
2025-02-19 07:25:45 +00:00
parent 6333270441
commit 4ddc82b0ad
19 changed files with 419 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/dashboard/roadItems/operator/OperatorList.jsx
View File

@@ -156,9 +156,8 @@ const OperatorList = () => {
},
},
{
accessorKey: "files",
header: "تصاویر", // Images
id: "files",
header: "تصاویر",
id: "images",
enableColumnFilter: false,
enableSorting: false,
datatype: "array",
@@ -173,23 +172,15 @@ const OperatorList = () => {
},
},
},
Cell: ({ renderedCellValue }) => {
if (renderedCellValue.length > 0) {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<ImageDialog images={renderedCellValue} />
</Stack>
);
}
Cell: ({ renderedCellValue, row }) => {
return (
<Typography textAlign={"center"} variant="body2">
بدون تصویر
</Typography>
<Stack alignItems={"center"} justifyContent={"center"}>
<ImageDialog rowId={row.getValue("id")} />
</Stack>
);
},
},
{
accessorKey: "location",
header: "موقعیت", // Location
id: "location",
enableColumnFilter: false,
@@ -220,8 +211,7 @@ const OperatorList = () => {
},
},
{
accessorKey: "cmms_machines",
header: "خودرو ها", // Car ID
header: "خودرو ها",
id: "cmmsMachines__machine_code",
enableColumnFilter: true,
datatype: "text",
@@ -239,19 +229,15 @@ const OperatorList = () => {
},
},
},
Cell: ({ renderedCellValue }) => {
if (renderedCellValue) {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<MachinesCodeDialog machinesLists={renderedCellValue} />
</Stack>
);
}
return <Typography variant="body2">خودرویی وجود ندارد</Typography>;
Cell: ({ renderedCellValue, row }) => {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<MachinesCodeDialog rowId={row.getValue("id")} />
</Stack>
);
},
},
{
accessorKey: "rahdaran",
header: "راهداران",
id: "rahdaran__code",
enableColumnFilter: true,
@@ -270,10 +256,10 @@ const OperatorList = () => {
},
},
},
Cell: ({ renderedCellValue }) => {
Cell: ({ renderedCellValue, row }) => {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<RahdaranDialog rahdarLists={renderedCellValue} />
<RahdaranDialog rowId={row.getValue("id")} />
</Stack>
);
},

118
src/components/dashboard/roadItems/operator/RowActions/EditForm/EditController.jsx
View File

@@ -1,19 +1,77 @@
import { Dialog, DialogTitle } from "@mui/material";
import { GET_CMMS_MACHINE_ROAD_ITEM, UPDATE_ROAD_ITEMS } from "@/core/utils/routes";
import { Dialog, DialogTitle, Typography } from "@mui/material";
import EditFormContent from "./EditFormContent";
import { UPDATE_ROAD_ITEMS } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { useEffect, useState } from "react";
import DialogLoading from "@/core/components/DialogLoading";
const EditController = ({ rowId, mutate, setOpenEditDialog, openEditDialog, row }) => {
const requestServer = useRequest({ notificationSuccess: true });
const requestServer = useRequest();
const [loadingImages, setLoadingImages] = useState(true);
const [images, setImages] = useState(null);
const [loadingCmmsMachine, setLoadingCmmsMachine] = useState(true);
const [cmmsMachine, setCmmsMachine] = useState(null);
const [loadingRahdaran, setLoadingRahdaran] = useState(true);
const [rahdaran, setRahdaran] = useState(null);
useEffect(() => {
const fetchData = async () => {
try {
setLoadingImages(true);
const response = await requestServer(`${GET_IMAGES_ROAD_ITEM}/${rowId}`);
setImages(response.data);
} catch (error) {
} finally {
setLoadingImages(false);
}
};
fetchData();
}, [rowId]);
useEffect(() => {
const fetchData = async () => {
try {
setLoadingCmmsMachine(true);
const response = await requestServer(`${GET_CMMS_MACHINE_ROAD_ITEM}/${rowId}`);
setCmmsMachine(response.data);
} catch (error) {
} finally {
setLoadingCmmsMachine(false);
}
};
fetchData();
}, [rowId]);
useEffect(() => {
const fetchData = async () => {
try {
setLoadingRahdaran(true);
const response = await requestServer(`${GET_RAHDARAN_ROAD_ITEM}/${rowId}`);
setRahdaran(response.data);
} catch (error) {
} finally {
setLoadingRahdaran(false);
}
};
fetchData();
}, [rowId]);
const HandleSubmit = async ({ result }) => {
const formData = new FormData();
for (const [key, value] of Object.entries(result)) {
formData.append(key, value);
}
await requestServer(`${UPDATE_ROAD_ITEMS}/${rowId}`, "post", {
data: formData,
})
await requestServer(
`${UPDATE_ROAD_ITEMS}/${rowId}`,
"post",
{
data: formData,
},
{ notificationSuccess: true }
)
.then((response) => {
mutate();
setOpenEditDialog(false);
@@ -21,34 +79,28 @@ const EditController = ({ rowId, mutate, setOpenEditDialog, openEditDialog, row
.catch((error) => {});
};
return (
<Dialog
maxWidth="sm"
fullWidth
open={openEditDialog}
PaperProps={{
sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
return loadingImages || loadingCmmsMachine || loadingRahdaran ? (
<DialogLoading />
) : images && cmmsMachine && rahdaran ? (
<EditFormContent
setOpenEditDialog={setOpenEditDialog}
onSubmit={HandleSubmit}
defaultData={{
before_image: images.before_image || null,
after_image: images.after_image || null,
item_id: row.original?.item || null,
sub_item_id: row.original?.sub_item || null,
amount: row.original?.sub_item_data || null,
start_point: { lat: row.original?.start_lat || "", lng: row.original?.start_lng || "" },
end_point: { lat: row.original?.end_lat || "", lng: row.original?.end_lng || "" },
cmms_machines: cmmsMachine || null,
rahdaran_id: rahdaran.rahdaran_id || null,
}}
>
<DialogTitle>ویرایش اطلاعات</DialogTitle>
<EditFormContent
setOpenEditDialog={setOpenEditDialog}
onSubmit={HandleSubmit}
defaultData={{
before_image: row.original?.files[0]?.full_path_for_fast_react || null,
after_image: row.original?.files[1]?.full_path_for_fast_react || null,
item_id: row.original?.item || null,
sub_item_id: row.original?.sub_item || null,
amount: row.original?.sub_item_data || null,
start_point: { lat: row.original?.start_lat || "", lng: row.original?.start_lng || "" },
end_point: { lat: row.original?.end_lat || "", lng: row.original?.end_lng || "" },
cmms_machines: row.original?.cmms_machines || null,
rahdaran_id: row.original?.rahdaran || null,
}}
/>
</Dialog>
/>
) : (
<Typography textAlign={"center"} sx={{ py: 4 }}>
تمامی اطلاعات یافت نشد!
</Typography>
);
};
export default EditController;

5
src/components/dashboard/roadItems/operator/RowActions/EditForm/EditFormContent.jsx
View File

@@ -1,7 +1,6 @@
import { LinearProgress, Typography } from "@mui/material";
import React from "react";
import useRoadItemGetISubtems from "@/lib/hooks/useRoadItemGetISubtems";
import EditFormCreate from "@/components/dashboard/roadItems/operator/RowActions/EditForm/EditFormCreate";
import useRoadItemGetISubtems from "@/lib/hooks/useRoadItemGetISubtems";
import { LinearProgress, Typography } from "@mui/material";
const EditFormContent = ({ setOpenEditDialog, onSubmit, defaultData, is_gasht }) => {
const { subItemsList, loadingSubItemsList, errorSubItemsList } = useRoadItemGetISubtems(defaultData?.item_id);

28
src/components/dashboard/roadItems/operator/RowActions/EditForm/index.jsx
View File

@@ -19,13 +19,27 @@ const EditForm = ({ row, mutate, rowId }) => {
<BorderColorIcon />
</IconButton>
</Tooltip>
<EditController
openEditDialog={openEditDialog}
setOpenEditDialog={setOpenEditDialog}
rowId={rowId}
row={row}
mutate={mutate}
/>
<Dialog
maxWidth="sm"
fullWidth
open={openEditDialog}
PaperProps={{
sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
>
<DialogTitle>ویرایش اطلاعات</DialogTitle>
{openEditDialog && (
<EditController
openEditDialog={openEditDialog}
setOpenEditDialog={setOpenEditDialog}
rowId={rowId}
row={row}
mutate={mutate}
/>
)}
</Dialog>
</>
);
};

43
src/components/dashboard/roadItems/operator/RowActions/ImageForm/ImagesContent.jsx Normal file
View File

@@ -0,0 +1,43 @@
import { useEffect, useState } from "react";
import ImageFormContent from "./ImageFormContent";
import DialogLoading from "@/core/components/DialogLoading";
import useRequest from "@/lib/hooks/useRequest";
import { GET_IMAGES_ROAD_ITEM } from "@/core/utils/routes";
import { Typography } from "@mui/material";
const ImagesContent = ({ rowId }) => {
const [loading, setLoading] = useState(true);
const [data, setData] = useState(null);
const request = useRequest();
useEffect(() => {
const fetchData = async () => {
try {
setLoading(true);
const response = await request(`${GET_IMAGES_ROAD_ITEM}/${rowId}`);
setData(response.data.data);
} catch (error) {
} finally {
setLoading(false);
}
};
fetchData();
}, [rowId]);
return (
<>
{loading ? (
<DialogLoading />
) : data ? (
<>
<ImageFormContent image={data[1].full_path_for_fast_react} title={"قبل از اقدام"} />
<ImageFormContent image={data[0].full_path_for_fast_react} title={"بعد از اقدام"} />
</>
) : (
<Typography textAlign={"center"}>تصویری در سامانه یافت نشد</Typography>
)}
</>
);
};
export default ImagesContent;

15
src/components/dashboard/roadItems/operator/RowActions/ImageForm/index.jsx
View File

@@ -1,9 +1,9 @@
import { Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Paper, Tooltip } from "@mui/material";
import { useState } from "react";
import PhotoLibraryIcon from "@mui/icons-material/PhotoLibrary";
import ImageFormContent from "./ImageFormContent";
import { Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Tooltip } from "@mui/material";
import { useState } from "react";
import ImagesContent from "./ImagesContent";
const ImageDialog = ({ images }) => {
const ImageDialog = ({ rowId }) => {
const [openImageDialog, setOpenImageDialog] = useState(false);
return (
@@ -26,12 +26,7 @@ const ImageDialog = ({ images }) => {
scroll="paper"
>
<DialogTitle sx={{ fontSize: "large" }}>تصاویر</DialogTitle>
<DialogContent>
<Paper elevation={0}>
<ImageFormContent image={images[1]?.full_path_for_fast_react} title={"قبل از اقدام"} />
<ImageFormContent image={images[0]?.full_path_for_fast_react} title={"بعد از اقدام"} />
</Paper>
</DialogContent>
<DialogContent>{openImageDialog && <ImagesContent rowId={rowId} />}</DialogContent>
<DialogActions>
<Button onClick={() => setOpenImageDialog(false)} variant="outlined" color="secondary">
بستن

58
src/components/dashboard/roadItems/operator/RowActions/MachinesCodeForm/MachinesCodeContent.jsx
View File

@@ -1,23 +1,45 @@
import { DialogContent, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "@mui/material";
import DialogLoading from "@/core/components/DialogLoading";
import ShowPlak from "@/core/components/ShowPlak";
import { GET_CMMS_MACHINE_ROAD_ITEM } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import {
DialogContent,
Table,
TableBody,
TableCell,
TableContainer,
TableHead,
TableRow,
Typography,
} from "@mui/material";
import { useEffect, useState } from "react";
const MachinesCodeContent = ({ rowId }) => {
const [loading, setLoading] = useState(true);
const [data, setData] = useState(null);
const request = useRequest();
useEffect(() => {
const fetchData = async () => {
try {
setLoading(true);
const response = await request(`${GET_CMMS_MACHINE_ROAD_ITEM}/${rowId}`);
setData(response.data.data);
} catch (error) {
} finally {
setLoading(false);
}
};
fetchData();
}, [rowId]);
const MachinesCodeContent = ({ machinesLists }) => {
return (
<>
<DialogContent>
<Paper
elevation={0}
sx={{
width: "100%",
overflow: "hidden",
"*::-webkit-scrollbar": {
width: "0.5em",
},
"*::-webkit-scrollbar-thumb": {
backgroundColor: "primary.main",
},
}}
>
{loading ? (
<DialogLoading />
) : data ? (
<TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead>
@@ -28,7 +50,7 @@ const MachinesCodeContent = ({ machinesLists }) => {
</TableRow>
</TableHead>
<TableBody>
{machinesLists.map((machine) => {
{data.map((machine) => {
return (
<TableRow
key={machine.id}
@@ -47,7 +69,9 @@ const MachinesCodeContent = ({ machinesLists }) => {
</TableBody>
</Table>
</TableContainer>
</Paper>
) : (
<Typography textAlign={"center"}>اطلاعات خودرویی در سامانه یافت نشد</Typography>
)}
</DialogContent>
</>
);

4
src/components/dashboard/roadItems/operator/RowActions/MachinesCodeForm/index.jsx
View File

@@ -3,7 +3,7 @@ import DirectionsCarIcon from "@mui/icons-material/DirectionsCar";
import { useState } from "react";
import MachinesCodeContent from "./MachinesCodeContent";
const MachinesCodeDialog = ({ machinesLists }) => {
const MachinesCodeDialog = ({ rowId }) => {
const [openMachinesCodeDialog, setOpenMachinesCodeDialog] = useState(false);
return (
<>
@@ -25,7 +25,7 @@ const MachinesCodeDialog = ({ machinesLists }) => {
maxWidth={"md"}
>
<DialogTitle sx={{ fontSize: "large" }}>خودرو ها</DialogTitle>
<MachinesCodeContent machinesLists={machinesLists} />
{openMachinesCodeDialog && <MachinesCodeContent rowId={rowId} />}
<DialogActions>
<Button
onClick={() => setOpenMachinesCodeDialog(false)}

58
src/components/dashboard/roadItems/operator/RowActions/RahdaranForm/RahdaranContent.jsx
View File

@@ -1,22 +1,44 @@
import { DialogContent, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "@mui/material";
import DialogLoading from "@/core/components/DialogLoading";
import { GET_RAHDARAN_ROAD_ITEM } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import {
DialogContent,
Table,
TableBody,
TableCell,
TableContainer,
TableHead,
TableRow,
Typography,
} from "@mui/material";
import { useEffect, useState } from "react";
const RahdaranContent = ({ rowId }) => {
const [loading, setLoading] = useState(true);
const [data, setData] = useState(null);
const request = useRequest();
useEffect(() => {
const fetchData = async () => {
try {
setLoading(true);
const response = await request(`${GET_RAHDARAN_ROAD_ITEM}/${rowId}`);
setData(response.data.data);
} catch (error) {
} finally {
setLoading(false);
}
};
fetchData();
}, [rowId]);
const RahdaranContent = ({ rahdarLists }) => {
return (
<>
<DialogContent>
<Paper
elevation={0}
sx={{
width: "100%",
overflow: "hidden",
"*::-webkit-scrollbar": {
width: "0.5em",
},
"*::-webkit-scrollbar-thumb": {
backgroundColor: "primary.main",
},
}}
>
{loading ? (
<DialogLoading />
) : data ? (
<TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead>
@@ -26,7 +48,7 @@ const RahdaranContent = ({ rahdarLists }) => {
</TableRow>
</TableHead>
<TableBody>
{rahdarLists.map((rahdar) => {
{data.map((rahdar) => {
return (
<TableRow
key={rahdar.id}
@@ -40,7 +62,9 @@ const RahdaranContent = ({ rahdarLists }) => {
</TableBody>
</Table>
</TableContainer>
</Paper>
) : (
<Typography textAlign={"center"}>اطلاعات راهداران در سامانه یافت نشد</Typography>
)}
</DialogContent>
</>
);

4
src/components/dashboard/roadItems/operator/RowActions/RahdaranForm/index.jsx
View File

@@ -3,7 +3,7 @@ import GroupsIcon from "@mui/icons-material/Groups";
import { useState } from "react";
import RahdaranContent from "./RahdaranContent";
const RahdaranDialog = ({ rahdarLists }) => {
const RahdaranDialog = ({ rowId }) => {
const [openRahdaranDialog, setOpenRahdaranDialog] = useState(false);
return (
<>
@@ -25,7 +25,7 @@ const RahdaranDialog = ({ rahdarLists }) => {
maxWidth={"md"}
>
<DialogTitle sx={{ fontSize: "large" }}>لیست راهداران</DialogTitle>
<RahdaranContent rahdarLists={rahdarLists} />
{openRahdaranDialog && <RahdaranContent rowId={rowId} />}
<DialogActions>
<Button onClick={() => setOpenRahdaranDialog(false)} variant="outlined" color="secondary" autoFocus>
بستن

43
src/components/dashboard/roadItems/supervisor/RowActions/ImageForm/ImagesContent.jsx Normal file
View File

@@ -0,0 +1,43 @@
import { useEffect, useState } from "react";
import ImageFormContent from "./ImageFormContent";
import DialogLoading from "@/core/components/DialogLoading";
import useRequest from "@/lib/hooks/useRequest";
import { GET_IMAGES_ROAD_ITEM } from "@/core/utils/routes";
import { Typography } from "@mui/material";
const ImagesContent = ({ rowId }) => {
const [loading, setLoading] = useState(true);
const [data, setData] = useState(null);
const request = useRequest();
useEffect(() => {
const fetchData = async () => {
try {
setLoading(true);
const response = await request(`${GET_IMAGES_ROAD_ITEM}/${rowId}`);
setData(response.data.data);
} catch (error) {
} finally {
setLoading(false);
}
};
fetchData();
}, [rowId]);
return (
<>
{loading ? (
<DialogLoading />
) : data ? (
<>
<ImageFormContent image={data[1].full_path_for_fast_react} title={"قبل از اقدام"} />
<ImageFormContent image={data[0].full_path_for_fast_react} title={"بعد از اقدام"} />
</>
) : (
<Typography textAlign={"center"}>تصویری در سامانه یافت نشد</Typography>
)}
</>
);
};
export default ImagesContent;

15
src/components/dashboard/roadItems/supervisor/RowActions/ImageForm/index.jsx
View File

@@ -1,9 +1,9 @@
import { Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Paper, Tooltip } from "@mui/material";
import { useState } from "react";
import PhotoLibraryIcon from "@mui/icons-material/PhotoLibrary";
import ImageFormContent from "./ImageFormContent";
import { Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Tooltip } from "@mui/material";
import { useState } from "react";
import ImagesContent from "./ImagesContent";
const ImageDialog = ({ images }) => {
const ImageDialog = ({ rowId }) => {
const [openImageDialog, setOpenImageDialog] = useState(false);
return (
@@ -26,12 +26,7 @@ const ImageDialog = ({ images }) => {
scroll="paper"
>
<DialogTitle sx={{ fontSize: "large" }}>تصاویر</DialogTitle>
<DialogContent>
<Paper elevation={0}>
<ImageFormContent image={images[1]?.full_path_for_fast_react} title={"قبل از اقدام"} />
<ImageFormContent image={images[0]?.full_path_for_fast_react} title={"بعد از اقدام"} />
</Paper>
</DialogContent>
<DialogContent>{openImageDialog && <ImagesContent rowId={rowId} />}</DialogContent>
<DialogActions>
<Button onClick={() => setOpenImageDialog(false)} variant="outlined" color="secondary">
بستن

58
src/components/dashboard/roadItems/supervisor/RowActions/MachinesCodeForm/MachinesCodeContent.jsx
View File

@@ -1,23 +1,45 @@
import { DialogContent, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "@mui/material";
import DialogLoading from "@/core/components/DialogLoading";
import ShowPlak from "@/core/components/ShowPlak";
import { GET_CMMS_MACHINE_ROAD_ITEM } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import {
DialogContent,
Table,
TableBody,
TableCell,
TableContainer,
TableHead,
TableRow,
Typography,
} from "@mui/material";
import { useEffect, useState } from "react";
const MachinesCodeContent = ({ rowId }) => {
const [loading, setLoading] = useState(true);
const [data, setData] = useState(null);
const request = useRequest();
useEffect(() => {
const fetchData = async () => {
try {
setLoading(true);
const response = await request(`${GET_CMMS_MACHINE_ROAD_ITEM}/${rowId}`);
setData(response.data.data);
} catch (error) {
} finally {
setLoading(false);
}
};
fetchData();
}, [rowId]);
const MachinesCodeContent = ({ machinesLists }) => {
return (
<>
<DialogContent>
<Paper
elevation={0}
sx={{
width: "100%",
overflow: "hidden",
"*::-webkit-scrollbar": {
width: "0.5em",
},
"*::-webkit-scrollbar-thumb": {
backgroundColor: "primary.main",
},
}}
>
{loading ? (
<DialogLoading />
) : data ? (
<TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead>
@@ -28,7 +50,7 @@ const MachinesCodeContent = ({ machinesLists }) => {
</TableRow>
</TableHead>
<TableBody>
{machinesLists.map((machine) => {
{data.map((machine) => {
return (
<TableRow
key={machine.id}
@@ -47,7 +69,9 @@ const MachinesCodeContent = ({ machinesLists }) => {
</TableBody>
</Table>
</TableContainer>
</Paper>
) : (
<Typography textAlign={"center"}>اطلاعات خودرویی در سامانه یافت نشد</Typography>
)}
</DialogContent>
</>
);

4
src/components/dashboard/roadItems/supervisor/RowActions/MachinesCodeForm/index.jsx
View File

@@ -3,7 +3,7 @@ import DirectionsCarIcon from "@mui/icons-material/DirectionsCar";
import { useState } from "react";
import MachinesCodeContent from "./MachinesCodeContent";
const MachinesCodeDialog = ({ machinesLists }) => {
const MachinesCodeDialog = ({ rowId }) => {
const [openMachinesCodeDialog, setOpenMachinesCodeDialog] = useState(false);
return (
<>
@@ -25,7 +25,7 @@ const MachinesCodeDialog = ({ machinesLists }) => {
maxWidth={"md"}
>
<DialogTitle sx={{ fontSize: "large" }}>خودرو ها</DialogTitle>
<MachinesCodeContent machinesLists={machinesLists} />
{openMachinesCodeDialog && <MachinesCodeContent rowId={rowId} />}
<DialogActions>
<Button
onClick={() => setOpenMachinesCodeDialog(false)}

58
src/components/dashboard/roadItems/supervisor/RowActions/RahdaranForm/RahdaranContent.jsx
View File

@@ -1,22 +1,44 @@
import { DialogContent, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "@mui/material";
import DialogLoading from "@/core/components/DialogLoading";
import { GET_RAHDARAN_ROAD_ITEM } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import {
DialogContent,
Table,
TableBody,
TableCell,
TableContainer,
TableHead,
TableRow,
Typography,
} from "@mui/material";
import { useEffect, useState } from "react";
const RahdaranContent = ({ rowId }) => {
const [loading, setLoading] = useState(true);
const [data, setData] = useState(null);
const request = useRequest();
useEffect(() => {
const fetchData = async () => {
try {
setLoading(true);
const response = await request(`${GET_RAHDARAN_ROAD_ITEM}/${rowId}`);
setData(response.data.data);
} catch (error) {
} finally {
setLoading(false);
}
};
fetchData();
}, [rowId]);
const RahdaranContent = ({ rahdarLists }) => {
return (
<>
<DialogContent>
<Paper
elevation={0}
sx={{
width: "100%",
overflow: "hidden",
"*::-webkit-scrollbar": {
width: "0.5em",
},
"*::-webkit-scrollbar-thumb": {
backgroundColor: "primary.main",
},
}}
>
{loading ? (
<DialogLoading />
) : data ? (
<TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead>
@@ -26,7 +48,7 @@ const RahdaranContent = ({ rahdarLists }) => {
</TableRow>
</TableHead>
<TableBody>
{rahdarLists.map((rahdar) => {
{data.map((rahdar) => {
return (
<TableRow
key={rahdar.id}
@@ -40,7 +62,9 @@ const RahdaranContent = ({ rahdarLists }) => {
</TableBody>
</Table>
</TableContainer>
</Paper>
) : (
<Typography textAlign={"center"}>اطلاعات راهداران در سامانه یافت نشد</Typography>
)}
</DialogContent>
</>
);

4
src/components/dashboard/roadItems/supervisor/RowActions/RahdaranForm/index.jsx
View File

@@ -3,7 +3,7 @@ import GroupsIcon from "@mui/icons-material/Groups";
import { useState } from "react";
import RahdaranContent from "./RahdaranContent";
const RahdaranDialog = ({ rahdarLists }) => {
const RahdaranDialog = ({ rowId }) => {
const [openRahdaranDialog, setOpenRahdaranDialog] = useState(false);
return (
<>
@@ -25,7 +25,7 @@ const RahdaranDialog = ({ rahdarLists }) => {
maxWidth={"md"}
>
<DialogTitle sx={{ fontSize: "large" }}>لیست راهداران</DialogTitle>
<RahdaranContent rahdarLists={rahdarLists} />
{openRahdaranDialog && <RahdaranContent rowId={rowId} />}
<DialogActions>
<Button onClick={() => setOpenRahdaranDialog(false)} variant="outlined" color="secondary" autoFocus>
بستن

71
src/components/dashboard/roadItems/supervisor/SupervisorList.jsx
View File

@@ -6,14 +6,14 @@ import { GET_ROAD_ITEMS_SUPERVISOR_LIST } from "@/core/utils/routes";
import moment from "jalali-moment";
import RowActions from "./RowActions";
import LocationForm from "./RowActions/LocationForm";
import ImageDialog from "./RowActions/ImageForm";
import RahdaranDialog from "./RowActions/RahdaranForm";
import ImageDialog from "../operator/RowActions/ImageForm";
import RahdaranDialog from "../operator/RowActions/RahdaranForm";
import CustomSelectByDependency from "@/core/components/DataTable/filter/fieldsType/CustomSelectByDependency";
import useProvinces from "@/lib/hooks/useProvince";
import useRoadItemGetItems from "@/lib/hooks/useRoadItemGetItems";
import useRoadItemGetSubItems from "@/lib/hooks/useRoadItemGetISubtems";
import useEdaratLists from "@/lib/hooks/useEdaratLists";
import MachinesCodeDialog from "./RowActions/MachinesCodeForm";
import MachinesCodeDialog from "../operator/RowActions/MachinesCodeForm";
import { usePermissions } from "@/lib/hooks/usePermissions";
import { useAuth } from "@/lib/contexts/auth";
@@ -29,8 +29,7 @@ const SupervisorList = () => {
const { user } = useAuth();
const columns = useMemo(() => {
const dynamicColumns = {
accessorKey: "province_id",
header: "استان", // Province
header: "استان",
id: "province_id",
enableColumnFilter: true,
datatype: "numeric",
@@ -79,7 +78,6 @@ const SupervisorList = () => {
},
...(hasCountryPermission ? [dynamicColumns] : []),
{
accessorKey: "edarat_id",
header: "اداره", // Office
id: "edarat_id",
enableColumnFilter: true,
@@ -137,7 +135,6 @@ const SupervisorList = () => {
Cell: ({ renderedCellValue, row }) => <>{row.original.edarat_name}</>,
},
{
accessorKey: "item",
header: "آیتم فعالیت",
id: "item",
enableColumnFilter: true,
@@ -177,7 +174,6 @@ const SupervisorList = () => {
},
},
{
accessorKey: "sub_item",
header: "اقدام انجام شده",
id: "sub_item",
enableColumnFilter: true,
@@ -233,7 +229,6 @@ const SupervisorList = () => {
},
},
{
accessorKey: "value",
header: "مقدار", // Value
id: "value",
enableColumnFilter: false,
@@ -257,9 +252,8 @@ const SupervisorList = () => {
},
},
{
accessorKey: "files",
header: "تصاویر", // Images
id: "files",
header: "تصاویر",
id: "images",
enableColumnFilter: false,
enableSorting: false,
datatype: "array",
@@ -274,23 +268,15 @@ const SupervisorList = () => {
},
},
},
Cell: ({ renderedCellValue }) => {
if (renderedCellValue.length > 0) {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<ImageDialog images={renderedCellValue} />
</Stack>
);
}
Cell: ({ renderedCellValue, row }) => {
return (
<Typography textAlign={"center"} variant="body2">
بدون تصویر
</Typography>
<Stack alignItems={"center"} justifyContent={"center"}>
<ImageDialog rowId={row.getValue("id")} />
</Stack>
);
},
},
{
accessorKey: "location",
header: "موقعیت", // Location
id: "location",
enableColumnFilter: false,
@@ -321,8 +307,7 @@ const SupervisorList = () => {
},
},
{
accessorKey: "cmms_machines",
header: "خودرو ها", // Car ID
header: "خودرو ها",
id: "cmmsMachines__machine_code",
enableColumnFilter: true,
datatype: "text",
@@ -340,19 +325,15 @@ const SupervisorList = () => {
},
},
},
Cell: ({ renderedCellValue }) => {
if (renderedCellValue) {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<MachinesCodeDialog machinesLists={renderedCellValue} />
</Stack>
);
}
return <Typography variant="body2">خودرویی وجود ندارد</Typography>;
Cell: ({ renderedCellValue, row }) => {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<MachinesCodeDialog rowId={row.getValue("id")} />
</Stack>
);
},
},
{
accessorKey: "rahdaran",
header: "راهداران",
id: "rahdaran__code",
enableColumnFilter: true,
@@ -371,15 +352,12 @@ const SupervisorList = () => {
},
},
},
Cell: ({ renderedCellValue }) => {
if (renderedCellValue) {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<RahdaranDialog rahdarLists={renderedCellValue} />
</Stack>
);
}
return <Typography variant="body2">بدون شخص</Typography>;
Cell: ({ renderedCellValue, row }) => {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<RahdaranDialog rowId={row.getValue("id")} />
</Stack>
);
},
},
{
@@ -403,7 +381,6 @@ const SupervisorList = () => {
size: 100,
},
{
accessorKey: "status",
header: "وضعیت نظارت",
id: "status",
enableColumnFilter: true,
@@ -421,7 +398,7 @@ const SupervisorList = () => {
Cell: ({ renderedCellValue, row }) => <>{row.original.status_fa}</>,
},
];
}, []);
}, [hasCountryPermission]);
return (
<>

2
src/components/dashboard/roadPatrols/supervisor/SupervisorList.jsx
View File

@@ -257,7 +257,7 @@ const SupervisorList = () => {
),
},
];
}, []);
}, [hasCountryPermission]);
return (
<>

3
src/core/utils/routes.js
View File

@@ -75,6 +75,9 @@ export const GET_PROVINCE_ACTIVITY_PER_ITEM = api + "/api/v3/road_item_reports/c
export const GET_CITY_ACTIVITY_PER_ITEM = api + "/api/v3/road_item_reports/province_activity_per_item";
export const GET_PROVINCE_ACTIVITY_PER_SUB_ITEM = api + "/api/v3/road_item_reports/country_activity_per_sub_item";
export const GET_CITY_ACTIVITY_PER_SUB_ITEM = api + "/api/v3/road_item_reports/province_activity_per_sub_item";
export const GET_IMAGES_ROAD_ITEM = api + "/api/v3/road_items/files";
export const GET_CMMS_MACHINE_ROAD_ITEM = api + "/api/v3/road_items/machines";
export const GET_RAHDARAN_ROAD_ITEM = api + "/api/v3/road_items/rahdaran";
// damage items
export const GET_RECEIPT_DAMAGE_ITEMS_LIST = api + "/api/v3/damages";