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

implemented road missions taradod reports page

Browse Source
This commit is contained in:
baslani
2026-01-26 15:51:17 +03:30
parent a7fb0f5bc1
commit 1cbcc4bb90
15 changed files with 624 additions and 496 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/app/(withAuth)/(dashboardLayout)/dashboard/road-missions/reports/page.js → src/app/(withAuth)/(dashboardLayout)/dashboard/road-missions/reports/missionsReports/page.js
View File

@@ -1,18 +1,18 @@
import WithPermission from "@/core/middlewares/withPermission"; import WithPermission from "@/core/middlewares/withPermission";
import ReportPage from "@/components/dashboard/roadMissions/reports"; import MissionsReportPage from "@/components/dashboard/roadMissions/reports/missionsReports";
export const metadata = { export const metadata = {
title: "کارتابل گزارش ماموریت", title: "کارتابل گزارش ماموریت ها",
}; };
const Page = () => { const Page = () => {
return ( return (
<WithPermission <WithPermission
permission_name={[ permission_name={[
"all", // TODO : change permission "all", // TODO : change permission
]} ]}
> >
<ReportPage /> <MissionsReportPage />
</WithPermission> </WithPermission>
); );
}; };
export default Page; export default Page;

3
src/app/(withAuth)/(dashboardLayout)/dashboard/road-missions/reports/violationsReports/page.js Normal file
View File

@@ -0,0 +1,3 @@
export default function ViolationReportsPage() {
return <div>ViolationReportsPage</div>;
}

84
src/components/dashboard/roadMissions/reports/ReportLists.jsx
View File

@@ -1,84 +0,0 @@
"use client";
import DataTableWithAuth from "@/core/components/DataTableWithAuth";
import { Box } from "@mui/material";
import { useMemo } from "react";
import Toolbar from "./Toolbar";
const ReportLists = ({ data, specialFilter }) => {
const columns = useMemo(() => {
return [
{
accessorKey: "edare_name",
header: "اداره کل",
id: "edare_name",
enableColumnFilter: false,
enableSorting: false,
datatype: "text",
grow: false,
size: 50,
},
{
accessorKey: "no_mission_count",
header: "تردد بدون ماموریت",
id: "no_mission_count",
enableColumnFilter: false,
enableSorting: false,
datatype: "text",
grow: false,
size: 50,
muiTableBodyCellProps: {
sx: {
textAlign: "center",
borderLeft: "1px solid #e1e1e1",
py: 0,
"&:first-of-type": {
borderLeft: "unset",
},
},
},
Cell: ({ renderedCellValue }) => {
return renderedCellValue;
},
},
{
accessorKey: "out_of_area_count",
header: "تردد خارج محدوده",
id: "out_of_area_count",
enableColumnFilter: false,
enableSorting: false,
datatype: "text",
grow: false,
size: 50,
muiTableBodyCellProps: {
sx: {
textAlign: "center",
borderLeft: "1px solid #e1e1e1",
py: 0,
"&:first-of-type": {
borderLeft: "unset",
},
},
},
Cell: ({ renderedCellValue }) => {
return renderedCellValue;
},
},
];
}, []);
return (
<Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
<DataTableWithAuth
TableToolbar={Toolbar}
columns={columns}
data={data.data}
page_name={"roadMissionReport"}
table_name={"roadMissionReportList"}
enablePagination={false}
specialFilter={specialFilter}
/>
</Box>
);
};
export default ReportLists;

151
src/components/dashboard/roadMissions/reports/ExcelPrint/index.jsx → src/components/dashboard/roadMissions/reports/missionsReports/ExcelPrint/index.jsx
View File

@@ -1,74 +1,77 @@
"use client"; "use client";
import { EXPORT_COUNTRY_ROAD_MISSIONS_REPORTS, EXPORT_PROVINCE_ROAD_MISSIONS_REPORTS } from "@/core/utils/routes"; import {
import useRequest from "@/lib/hooks/useRequest"; EXPORT_MISSIONS_REPORT_TARADOD_COUNTRY_EXCEL_ACTIVITY,
import { useTheme } from "@emotion/react"; EXPORT_MISSIONS_REPORT_TARADOD_PROVINCE_EXCEL_ACTIVITY,
import DescriptionIcon from "@mui/icons-material/Description"; } from "@/core/utils/routes";
import { Button, CircularProgress, IconButton, useMediaQuery } from "@mui/material"; import useRequest from "@/lib/hooks/useRequest";
import FileSaver from "file-saver"; import { useTheme } from "@emotion/react";
import moment from "jalali-moment"; import DescriptionIcon from "@mui/icons-material/Description";
import { useMemo, useState } from "react"; import { Button, CircularProgress, IconButton, useMediaQuery } from "@mui/material";
import FileSaver from "file-saver";
const PrintExcel = ({ table, filterData }) => { import moment from "jalali-moment";
const theme = useTheme(); import { useMemo, useState } from "react";
const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
const [loading, setLoading] = useState(false); const PrintExcel = ({ table, filterData }) => {
const requestServer = useRequest({ notificationSuccess: true }); const theme = useTheme();
const activeFilters = Object.entries(filterData).reduce((acc, [key, filter]) => { const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
if (filter.value) { const [loading, setLoading] = useState(false);
acc.push({ id: filter.id, value: filter.value }); const requestServer = useRequest({ notificationSuccess: true });
} const activeFilters = Object.entries(filterData).reduce((acc, [key, filter]) => {
return acc; if (filter.value) {
}, []); acc.push({ id: filter.id, value: filter.value });
}
const filterParams = useMemo(() => { return acc;
const params = new URLSearchParams(); }, []);
activeFilters.length > 0 &&
activeFilters.map((filter, index) => { const filterParams = useMemo(() => {
params.set(`${filter.id}`, filter.value); const params = new URLSearchParams();
}); activeFilters.length > 0 &&
return params; activeFilters.map((filter, index) => {
}, [activeFilters]); params.set(`${filter.id}`, filter.value);
});
const clickHandler = () => { return params;
setLoading(true); }, [activeFilters]);
const CountryOrProvince = activeFilters.find((item) => item.id === "province_id");
const requestUrl = const clickHandler = () => {
CountryOrProvince.value === "-1" setLoading(true);
? EXPORT_COUNTRY_ROAD_MISSIONS_REPORTS const CountryOrProvince = activeFilters.find((item) => item.id === "province_id");
: EXPORT_PROVINCE_ROAD_MISSIONS_REPORTS; const requestUrl =
requestServer(`${requestUrl}?${filterParams}`, "get", { CountryOrProvince.value === "-1"
requestOptions: { responseType: "blob" }, ? EXPORT_MISSIONS_REPORT_TARADOD_COUNTRY_EXCEL_ACTIVITY
}) : EXPORT_MISSIONS_REPORT_TARADOD_PROVINCE_EXCEL_ACTIVITY;
.then((response) => { requestServer(`${requestUrl}?${filterParams}`, "get", {
const filename = `خروجی کارتابل گزارشات گشت راهداری تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`; requestOptions: { responseType: "blob" },
FileSaver.saveAs(response.data, filename); })
}) .then((response) => {
.catch(() => {}) const filename = `خروجی کارتابل گزارشات گشت راهداری تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
.finally(() => { FileSaver.saveAs(response.data, filename);
setLoading(false); })
}); .catch(() => {})
}; .finally(() => {
setLoading(false);
return ( });
<> };
{isMobile ? (
<IconButton aria-label="خروجی اکسل" color="success" onClick={clickHandler}> return (
<DescriptionIcon sx={{ fontSize: "25px" }} /> <>
</IconButton> {isMobile ? (
) : ( <IconButton aria-label="خروجی اکسل" color="success" onClick={clickHandler}>
<Button <DescriptionIcon sx={{ fontSize: "25px" }} />
color="success" </IconButton>
variant="contained" ) : (
size="small" <Button
disabled={loading} color="success"
sx={{ textTransform: "unset", alignSelf: "center" }} variant="contained"
startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />} size="small"
onClick={clickHandler} disabled={loading}
> sx={{ textTransform: "unset", alignSelf: "center" }}
خروجی اکسل startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
</Button> onClick={clickHandler}
)} >
</> خروجی اکسل
); </Button>
}; )}
export default PrintExcel; </>
);
};
export default PrintExcel;

141
src/components/dashboard/roadMissions/reports/missionsReports/MissionsReportLists.jsx Normal file
View File

@@ -0,0 +1,141 @@
"use client";
import DataTableWithAuth from "@/core/components/DataTableWithAuth";
import { Box } from "@mui/material";
import { useEffect, useMemo } from "react";
import Toolbar from "./Toolbar";
const MissionsReportLists = ({ data, specialFilter }) => {
useEffect(() => {
console.log(data);
}, [data]);
const columns = useMemo(() => {
return [
{
accessorKey: "edare_name",
header: "اداره کل",
id: "edare_name",
enableColumnFilter: false,
enableSorting: false,
datatype: "text",
grow: false,
size: 50,
},
{
accessorKey: "total",
header: "کل ماموریت ها",
id: "total",
enableColumnFilter: false,
enableSorting: false,
datatype: "numeric",
grow: false,
size: 50,
},
{
accessorKey: "khareg_mahdode",
header: "تردد خارج از محدوده",
id: "khareg_mahdode",
enableColumnFilter: false,
enableSorting: false,
datatype: "numeric",
grow: false,
size: 50,
},
{
accessorKey: "durations",
header: "جمع ساعات ماموریت",
id: "duration",
enableColumnFilter: false,
enableSorting: false,
datatype: "numeric",
grow: false,
size: 50,
},
{
accessorKey: "gps",
header: "جمع ساعات gps",
id: "gps",
enableColumnFilter: false,
enableSorting: false,
datatype: "numeric",
grow: false,
size: 50,
},
{
accessorKey: "far_h",
header: "با فرایند ساعتی",
id: "far_h",
enableColumnFilter: false,
enableSorting: false,
datatype: "numeric",
grow: false,
size: 50,
},
{
accessorKey: "far_d",
header: "با فرایند روزانه",
id: "far_d",
enableColumnFilter: false,
enableSorting: false,
datatype: "numeric",
grow: false,
size: 50,
},
{
accessorKey: "un_far_h",
header: "بدون فرایند ساعتی",
id: "un_far_h",
enableColumnFilter: false,
enableSorting: false,
datatype: "numeric",
grow: false,
size: 50,
},
{
accessorKey: "un_far_d",
header: "بدون فرایند روزانه",
id: "un_far_d",
enableColumnFilter: false,
enableSorting: false,
datatype: "numeric",
grow: false,
size: 50,
},
{
accessorKey: "item",
header: "فعالیت روزانه",
id: "item",
enableColumnFilter: false,
enableSorting: false,
datatype: "text",
grow: false,
size: 50,
},
{
accessorKey: "patrol",
header: "گشت راهداری",
id: "patrol",
enableColumnFilter: false,
enableSorting: false,
datatype: "text",
grow: false,
size: 50,
},
];
}, []);
return (
<Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
<DataTableWithAuth
TableToolbar={Toolbar}
columns={columns}
data={data.data}
page_name={"roadMissionReport"}
table_name={"roadMissionReportList"}
enablePagination={false}
specialFilter={specialFilter}
/>
</Box>
);
};
export default MissionsReportLists;

54
src/components/dashboard/roadMissions/reports/Search/FromDateController.jsx → src/components/dashboard/roadMissions/reports/missionsReports/Search/FromDateController.jsx
View File

@@ -1,27 +1,27 @@
import MuiDatePicker from "@/core/components/MuiDatePicker"; import MuiDatePicker from "@/core/components/MuiDatePicker";
import moment from "jalali-moment"; import moment from "jalali-moment";
import { Controller } from "react-hook-form"; import { Controller } from "react-hook-form";
const FromDateController = ({ control }) => { const FromDateController = ({ control }) => {
return ( return (
<Controller <Controller
name="from_date" name="from_date"
control={control} control={control}
render={({ field: { onChange, value }, fieldState: { error } }) => ( render={({ field: { onChange, value }, fieldState: { error } }) => (
<MuiDatePicker <MuiDatePicker
name="from_date" name="from_date"
error={!!error} error={!!error}
value={value} value={value}
label={"تاریخ شروع (از تاریخ)"} label={"تاریخ شروع (از تاریخ)"}
placeholder={"از تاریخ"} placeholder={"از تاریخ"}
setFieldValue={(name, newValue) => { setFieldValue={(name, newValue) => {
const formattedDate = moment(new Date(newValue)).locale("en").format("YYYY-MM-DD"); const formattedDate = moment(new Date(newValue)).locale("en").format("YYYY-MM-DD");
onChange(formattedDate); // Update the field value in react-hook-form onChange(formattedDate); // Update the field value in react-hook-form
}} }}
helperText={error ? error.message : null} helperText={error ? error.message : null}
/> />
)} )}
/> />
); );
}; };
export default FromDateController; export default FromDateController;

88
src/components/dashboard/roadMissions/reports/Search/SearchReportField.jsx → src/components/dashboard/roadMissions/reports/missionsReports/Search/SearchReportField.jsx
View File

@@ -1,44 +1,44 @@
import SearchIcon from "@mui/icons-material/Search"; import SearchIcon from "@mui/icons-material/Search";
import { Button, Grid } from "@mui/material"; import { Button, Grid } from "@mui/material";
import { Controller } from "react-hook-form"; import { Controller } from "react-hook-form";
import FromDateController from "./FromDateController"; import FromDateController from "./FromDateController";
import SelectProvince from "./SelectProvince"; import SelectProvince from "./SelectProvince";
import ToDateController from "./ToDateController"; import ToDateController from "./ToDateController";
const SearchReportField = ({ control, hasProvincesPermission }) => { const SearchReportField = ({ control, hasProvincesPermission }) => {
return ( return (
<Grid container spacing={2} sx={{ py: 2 }}> <Grid container spacing={2} sx={{ py: 2 }}>
<Grid item xs={12} md={hasProvincesPermission ? 3 : 4}> <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
<FromDateController control={control} /> <FromDateController control={control} />
</Grid> </Grid>
<Grid item xs={12} md={hasProvincesPermission ? 3 : 4}> <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
<ToDateController control={control} /> <ToDateController control={control} />
</Grid> </Grid>
{hasProvincesPermission && ( {hasProvincesPermission && (
<Grid item xs={12} md={3}> <Grid item xs={12} md={3}>
<SelectProvince control={control} /> <SelectProvince control={control} />
</Grid> </Grid>
)} )}
<Grid item xs={12} md={hasProvincesPermission ? 3 : 4}> <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
<Controller <Controller
name="submitButton" name="submitButton"
control={control} control={control}
render={({ field: { value, onChange }, formState: { isSubmitting } }) => ( render={({ field: { value, onChange }, formState: { isSubmitting } }) => (
<Button <Button
variant="contained" variant="contained"
size="medium" size="medium"
type="submit" type="submit"
disabled={isSubmitting} disabled={isSubmitting}
endIcon={<SearchIcon />} endIcon={<SearchIcon />}
fullWidth fullWidth
> >
{isSubmitting ? "درحال دریافت اطلاعات" : "جستجو"} {isSubmitting ? "درحال دریافت اطلاعات" : "جستجو"}
</Button> </Button>
)} )}
/> />
</Grid> </Grid>
</Grid> </Grid>
); );
}; };
export default SearchReportField; export default SearchReportField;

90
src/components/dashboard/roadMissions/reports/Search/SelectProvince.jsx → src/components/dashboard/roadMissions/reports/missionsReports/Search/SelectProvince.jsx
View File

@@ -1,45 +1,45 @@
import useProvinces from "@/lib/hooks/useProvince"; import useProvinces from "@/lib/hooks/useProvince";
import { FormControl, FormHelperText, InputLabel, MenuItem, Select } from "@mui/material"; import { FormControl, FormHelperText, InputLabel, MenuItem, Select } from "@mui/material";
import { Controller } from "react-hook-form"; import { Controller } from "react-hook-form";
const SelectProvince = ({ control }) => { const SelectProvince = ({ control }) => {
const { provinces, loadingProvinces, errorProvinces } = useProvinces(); const { provinces, loadingProvinces, errorProvinces } = useProvinces();
return ( return (
<Controller <Controller
name="province_id" name="province_id"
control={control} control={control}
render={({ field, fieldState: { error } }) => ( render={({ field, fieldState: { error } }) => (
<FormControl error={!!error} size="small" fullWidth> <FormControl error={!!error} size="small" fullWidth>
<InputLabel id="demo-error-label">استان</InputLabel> <InputLabel id="demo-error-label">استان</InputLabel>
<Select <Select
{...field} {...field}
labelId="demo-error-label" labelId="demo-error-label"
id="province_id" id="province_id"
value={loadingProvinces ? "loading" : field.value || ""} value={loadingProvinces ? "loading" : field.value || ""}
label="استان" label="استان"
onChange={field.onChange} onChange={field.onChange}
> >
{loadingProvinces ? ( {loadingProvinces ? (
<MenuItem value={"loading"}>در حال بارگذاری...</MenuItem> <MenuItem value={"loading"}>در حال بارگذاری...</MenuItem>
) : errorProvinces ? ( ) : errorProvinces ? (
<MenuItem value={"error"}>خطا در بارگذاری</MenuItem> <MenuItem value={"error"}>خطا در بارگذاری</MenuItem>
) : ( ) : (
[ [
<MenuItem key="-1" value={"-1"}> <MenuItem key="-1" value={"-1"}>
کل کشور کل کشور
</MenuItem>, </MenuItem>,
...provinces.map((province) => ( ...provinces.map((province) => (
<MenuItem key={province.id} value={province.id}> <MenuItem key={province.id} value={province.id}>
{province.name_fa} {province.name_fa}
</MenuItem> </MenuItem>
)), )),
] ]
)} )}
</Select> </Select>
{error && <FormHelperText>{error.message}</FormHelperText>} {error && <FormHelperText>{error.message}</FormHelperText>}
</FormControl> </FormControl>
)} )}
/> />
); );
}; };
export default SelectProvince; export default SelectProvince;

60
src/components/dashboard/roadMissions/reports/Search/ToDateController.jsx → src/components/dashboard/roadMissions/reports/missionsReports/Search/ToDateController.jsx
View File

@@ -1,30 +1,30 @@
import MuiDatePicker from "@/core/components/MuiDatePicker"; import MuiDatePicker from "@/core/components/MuiDatePicker";
import moment from "jalali-moment"; import moment from "jalali-moment";
import { Controller, useWatch } from "react-hook-form"; import { Controller, useWatch } from "react-hook-form";
const ToDateController = ({ control }) => { const ToDateController = ({ control }) => {
const minDate = useWatch({ control, name: "from_date" }); const minDate = useWatch({ control, name: "from_date" });
return ( return (
<Controller <Controller
name="date_to" name="date_to"
control={control} control={control}
render={({ field: { onChange, value }, fieldState: { error } }) => ( render={({ field: { onChange, value }, fieldState: { error } }) => (
<MuiDatePicker <MuiDatePicker
name="date_to" name="date_to"
minDate={minDate} minDate={minDate}
maxDate={new Date()} maxDate={new Date()}
error={!!error} error={!!error}
value={value} value={value}
label={"تاریخ شروع (تا تاریخ)"} label={"تاریخ شروع (تا تاریخ)"}
placeholder={"تا تاریخ"} placeholder={"تا تاریخ"}
setFieldValue={(name, newValue) => { setFieldValue={(name, newValue) => {
const formattedDate = moment(new Date(newValue)).locale("en").format("YYYY-MM-DD"); const formattedDate = moment(new Date(newValue)).locale("en").format("YYYY-MM-DD");
onChange(formattedDate); // Update the field value in react-hook-form onChange(formattedDate); // Update the field value in react-hook-form
}} }}
helperText={error ? error.message : null} helperText={error ? error.message : null}
/> />
)} )}
/> />
); );
}; };
export default ToDateController; export default ToDateController;

29
src/components/dashboard/roadMissions/reports/Search/index.jsx → src/components/dashboard/roadMissions/reports/missionsReports/Search/index.jsx
View File

@@ -1,13 +1,16 @@
import StyledForm from "@/core/components/StyledForm"; import StyledForm from "@/core/components/StyledForm";
import SearchReportField from "./SearchReportField"; import SearchReportField from "./SearchReportField";
const SearchReportList = ({ handleSubmit, onSearchSubmit, control, hasProvincesPermission }) => { const SearchReportList = ({ handleSubmit, onSearchSubmit, control, hasProvincesPermission }) => {
return ( return (
<> <>
<StyledForm onSubmit={handleSubmit(onSearchSubmit)}> <StyledForm onSubmit={handleSubmit(onSearchSubmit)}>
<SearchReportField control={control} hasProvincesPermission={hasProvincesPermission} /> <SearchReportField
</StyledForm> control={control}
</> // hasProvincesPermission={hasProvincesPermission}
); />
}; </StyledForm>
export default SearchReportList; </>
);
};
export default SearchReportList;

22
src/components/dashboard/roadMissions/reports/Toolbar.jsx → src/components/dashboard/roadMissions/reports/missionsReports/Toolbar.jsx
View File

@@ -1,11 +1,11 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
import PrintExcel from "./ExcelPrint"; import PrintExcel from "./ExcelPrint";
const Toolbar = ({ table, filterData, mutate }) => { const Toolbar = ({ table, filterData, mutate }) => {
return ( return (
<Box sx={{ display: "flex", gap: 1 }}> <Box sx={{ display: "flex", gap: 1 }}>
<PrintExcel table={table} filterData={filterData} /> <PrintExcel table={table} filterData={filterData} />
</Box> </Box>
); );
}; };
export default Toolbar; export default Toolbar;

279
src/components/dashboard/roadMissions/reports/index.jsx → src/components/dashboard/roadMissions/reports/missionsReports/index.jsx
View File

@@ -1,138 +1,141 @@
"use client"; "use client";
import PageTitle from "@/core/components/PageTitle"; import PageTitle from "@/core/components/PageTitle";
import { GET_COUNTRY_ACTIVITY_REPORT, GET_PROVINCE_ACTIVITY_REPORT } from "@/core/utils/routes"; import {
import { useAuth } from "@/lib/contexts/auth"; GET_MISSIONS_REPORT_TARADOD_COUNTRY_ACTIVITY,
import { usePermissions } from "@/lib/hooks/usePermissions"; GET_MISSIONS_REPORT_TARADOD_PROVINCE_ACTIVITY,
import useRequest from "@/lib/hooks/useRequest"; } from "@/core/utils/routes";
import { yupResolver } from "@hookform/resolvers/yup"; import { useAuth } from "@/lib/contexts/auth";
import { LinearProgress, Stack } from "@mui/material"; import { usePermissions } from "@/lib/hooks/usePermissions";
import moment from "jalali-moment"; import useRequest from "@/lib/hooks/useRequest";
import { useEffect, useState } from "react"; import { yupResolver } from "@hookform/resolvers/yup";
import { useForm } from "react-hook-form"; import { LinearProgress, Stack } from "@mui/material";
import * as yup from "yup"; import moment from "jalali-moment";
import ReportLists from "./ReportLists"; import { useEffect, useState } from "react";
import SearchReportList from "./Search"; import { useForm } from "react-hook-form";
import * as yup from "yup";
const ReportPage = () => { import MissionsReportLists from "./MissionsReportLists";
const [data, setData] = useState(null); import SearchReportList from "./Search";
const { data: userPermissions } = usePermissions();
const { user } = useAuth(); const MissionsReportPage = () => {
const requestServer = useRequest(); const [data, setData] = useState(null);
const hasProvincesPermission = userPermissions?.includes("mission-report-country"); const { data: userPermissions } = usePermissions();
const { user } = useAuth();
const defaultValues = { const requestServer = useRequest();
from_date: moment(new Date()).format("YYYY-MM-DD"), // const hasProvincesPermission = userPermissions?.includes("mission-report-country");
date_to: moment(new Date()).format("YYYY-MM-DD"),
province_id: hasProvincesPermission ? "-1" : user.province_id, const defaultValues = {
}; from_date: moment(new Date()).format("YYYY-MM-DD"),
const defaultFilter = [ date_to: moment(new Date()).format("YYYY-MM-DD"),
{ value: `${defaultValues.province_id}`, datatype: "numeric", id: "province_id", fn: "equals" }, province_id: user.province_id || "-1",
{ value: `${defaultValues.from_date}`, datatype: "date", id: "from_date", fn: "between" }, };
{ value: `${defaultValues.date_to}`, datatype: "date", id: "date_to", fn: "between" }, const defaultFilter = [
]; { value: `${defaultValues.province_id}`, datatype: "numeric", id: "province_id", fn: "equals" },
const [specialFilter, setSpecialFilter] = useState(defaultFilter); { value: `${defaultValues.from_date}`, datatype: "date", id: "from_date", fn: "between" },
{ value: `${defaultValues.date_to}`, datatype: "date", id: "date_to", fn: "between" },
const onSearchSubmit = async (data) => { ];
const params = new URLSearchParams(); const [specialFilter, setSpecialFilter] = useState(defaultFilter);
params.set("from_date", `${data.from_date}`);
params.set("date_to", `${data.date_to}`); const onSearchSubmit = async (data) => {
setSpecialFilter([ const params = new URLSearchParams();
{ value: `${data.province_id}`, datatype: "numeric", id: "province_id", fn: "equals" }, params.set("from_date", `${data.from_date}`);
{ value: `${data.from_date}`, datatype: "date", id: "from_date", fn: "between" }, params.set("date_to", `${data.date_to}`);
{ value: `${data.date_to}`, datatype: "date", id: "date_to", fn: "between" }, setSpecialFilter([
]); { value: `${data.province_id}`, datatype: "numeric", id: "province_id", fn: "equals" },
if (data.province_id === "-1") { { value: `${data.from_date}`, datatype: "date", id: "from_date", fn: "between" },
try { { value: `${data.date_to}`, datatype: "date", id: "date_to", fn: "between" },
params.set("province_id", `${data.province_id}`); ]);
const response = await requestServer(`${GET_COUNTRY_ACTIVITY_REPORT}?${params}`); if (data.province_id === "-1") {
const result = response.data.data; try {
const nationalReportForItem = result.activities.find((report) => report.province_id === "-1"); // params.set("province_id", `${data.province_id}`);
const nationalReport = { const response = await requestServer(`${GET_MISSIONS_REPORT_TARADOD_COUNTRY_ACTIVITY}?${params}`);
edare_name: "کل کشور", const result = response.data.data;
...nationalReportForItem, const nationalReportForItem = result.activities.find((report) => report.province_id === "-1");
}; const nationalReport = {
edare_name: "کل کشور",
setData({ ...nationalReportForItem,
data: [ };
nationalReport,
...result.provinces.map((province) => { setData({
const filteredReports = result.activities.find( data: [
(report) => report.province_id == province.id nationalReport,
); ...result.provinces.map((province) => {
return { const filteredReports = result.activities.find(
...filteredReports, (report) => report.province_id == province.id
edare_name: province.name_fa, );
}; return {
}), ...filteredReports,
], edare_name: province.name_fa,
filters: data, };
}); }),
} catch (e) {} ],
} else { filters: data,
try { });
params.set("province_id", `${data.province_id}`); } catch (e) {}
const response = await requestServer(`${GET_PROVINCE_ACTIVITY_REPORT}?${params}`); } else {
const result = response.data.data; try {
params.set("province_id", `${data.province_id}`);
const nationalReportForItem = result.activities.find((report) => report.city_id === "-1"); const response = await requestServer(`${GET_MISSIONS_REPORT_TARADOD_PROVINCE_ACTIVITY}?${params}`);
const result = response.data.data;
const nationalReport = {
...nationalReportForItem, const nationalReportForItem = result.activities.find((report) => report.city_id === "-1");
edare_name: "کل استان",
}; const nationalReport = {
setData({ ...nationalReportForItem,
data: [ edare_name: "کل استان",
nationalReport, };
...result.city.map((city) => { setData({
const filteredReports = result.activities.find((report) => report.city_id == city.id); data: [
return { nationalReport,
edare_name: city.name_fa, ...result.city.map((city) => {
...filteredReports, const filteredReports = result.activities.find((report) => report.city_id == city.id);
}; return {
}), edare_name: city.name_fa,
], ...filteredReports,
filters: data, };
}); }),
} catch (e) {} ],
} filters: data,
}; });
} catch (e) {}
useEffect(() => { }
if (!userPermissions) return; };
onSearchSubmit(defaultValues);
}, [userPermissions]); useEffect(() => {
if (!userPermissions) return;
const validationSchema = yup.object().shape({ onSearchSubmit(defaultValues);
from_date: yup }, [userPermissions]);
.string()
.required("تاریخ شروع الزامی است!") const validationSchema = yup.object().shape({
.matches(/^\d{4}-\d{2}-\d{2}$/, "تاریخ شروع الزامی است!") from_date: yup
.test("is-valid-date", "تاریخ شروع معتبر نیست!", (value) => moment(value, "YYYY-MM-DD", true).isValid()), .string()
date_to: yup .required("تاریخ شروع الزامی است!")
.string() .matches(/^\d{4}-\d{2}-\d{2}$/, "تاریخ شروع الزامی است!")
.required("تاریخ پایان الزامی است!") .test("is-valid-date", "تاریخ شروع معتبر نیست!", (value) => moment(value, "YYYY-MM-DD", true).isValid()),
.matches(/^\d{4}-\d{2}-\d{2}$/, "تاریخ پایان الزامی است!") date_to: yup
.test("is-valid-date", "تاریخ پایان معتبر نیست!", (value) => moment(value, "YYYY-MM-DD", true).isValid()), .string()
province_id: yup.string().nullable(), .required("تاریخ پایان الزامی است!")
}); .matches(/^\d{4}-\d{2}-\d{2}$/, "تاریخ پایان الزامی است!")
.test("is-valid-date", "تاریخ پایان معتبر نیست!", (value) => moment(value, "YYYY-MM-DD", true).isValid()),
const { control, handleSubmit } = useForm({ province_id: yup.string().nullable(),
defaultValues, });
resolver: yupResolver(validationSchema),
mode: "all", const { control, handleSubmit } = useForm({
}); defaultValues,
resolver: yupResolver(validationSchema),
return ( mode: "all",
<Stack spacing={1}> });
<PageTitle title={"کارتابل گزارش ماموریت"} />
<SearchReportList return (
control={control} <Stack spacing={1}>
hasProvincesPermission={hasProvincesPermission} <PageTitle title={"کارتابل گزارش ماموریت"} />
handleSubmit={handleSubmit} <SearchReportList
onSearchSubmit={onSearchSubmit} control={control}
/> // hasProvincesPermission={hasProvincesPermission}
{!data ? <LinearProgress /> : <ReportLists specialFilter={specialFilter} data={data} />} handleSubmit={handleSubmit}
</Stack> onSearchSubmit={onSearchSubmit}
); />
}; {!data ? <LinearProgress /> : <MissionsReportLists specialFilter={specialFilter} data={data} />}
export default ReportPage; </Stack>
);
};
export default MissionsReportPage;

25
src/core/utils/pageMenu.js
View File

@@ -33,6 +33,7 @@ import ContactPageIcon from "@mui/icons-material/ContactPage";
import DirectionsBusIcon from "@mui/icons-material/DirectionsBus"; import DirectionsBusIcon from "@mui/icons-material/DirectionsBus";
import SupervisedUserCircleIcon from "@mui/icons-material/SupervisedUserCircle"; import SupervisedUserCircleIcon from "@mui/icons-material/SupervisedUserCircle";
import RemoveRoadIcon from "@mui/icons-material/RemoveRoad"; import RemoveRoadIcon from "@mui/icons-material/RemoveRoad";
import { ReportProblem, RvHookup } from "@mui/icons-material";
export const pageMenu = [ export const pageMenu = [
{ {
@@ -167,11 +168,31 @@ export const pageMenu = [
{ {
id: "roadMissionsReports", id: "roadMissionsReports",
label: "گزارشات", label: "گزارشات",
type: "page", type: "menu",
route: "/dashboard/road-missions/reports",
icon: <AssessmentIcon sx={{ width: "inherit", height: "inherit" }} />, icon: <AssessmentIcon sx={{ width: "inherit", height: "inherit" }} />,
// badges: [{ key: "mission.control" }], // TODO: add badge and permission // badges: [{ key: "mission.control" }], // TODO: add badge and permission
permissions: ["all"], permissions: ["all"],
hasSubitems: true,
Subitems: [
{
id: "missionsReports",
label: "ترددها",
icon: <RvHookup sx={{ width: "inherit", height: "inherit" }} />,
type: "page",
route: "/dashboard/road-missions/reports/missionsReports",
badges: [{ key: "mission.request_portal" }],
permissions: ["all"],
},
{
id: "violationsReports",
label: "تخلفات",
icon: <ReportProblem sx={{ width: "inherit", height: "inherit" }} />,
type: "page",
route: "/dashboard/road-missions/reports/violationsReports",
badges: [{ key: "mission.request_portal" }],
permissions: ["all"],
},
],
}, },
], ],
}, },

40
src/core/utils/pageMenuDev.js
View File

@@ -1,4 +1,4 @@
import { Mediation } from "@mui/icons-material"; import { Mediation, ReportProblem, RvHookup } from "@mui/icons-material";
import AccountTreeIcon from "@mui/icons-material/AccountTree"; import AccountTreeIcon from "@mui/icons-material/AccountTree";
import AdminPanelSettingsIcon from "@mui/icons-material/AdminPanelSettings"; import AdminPanelSettingsIcon from "@mui/icons-material/AdminPanelSettings";
import AssessmentIcon from "@mui/icons-material/Assessment"; import AssessmentIcon from "@mui/icons-material/Assessment";
@@ -6,7 +6,9 @@ import AssignmentLateIcon from "@mui/icons-material/AssignmentLate";
import AssistantIcon from "@mui/icons-material/Assistant"; import AssistantIcon from "@mui/icons-material/Assistant";
import BallotIcon from "@mui/icons-material/Ballot"; import BallotIcon from "@mui/icons-material/Ballot";
import BiotechIcon from "@mui/icons-material/Biotech"; import BiotechIcon from "@mui/icons-material/Biotech";
import ContactPageIcon from "@mui/icons-material/ContactPage";
import CottageIcon from "@mui/icons-material/Cottage"; import CottageIcon from "@mui/icons-material/Cottage";
import DirectionsBusIcon from "@mui/icons-material/DirectionsBus";
import DoorbellIcon from "@mui/icons-material/Doorbell"; import DoorbellIcon from "@mui/icons-material/Doorbell";
import DriveEtaIcon from "@mui/icons-material/DriveEta"; import DriveEtaIcon from "@mui/icons-material/DriveEta";
import ElectricBoltIcon from "@mui/icons-material/ElectricBolt"; import ElectricBoltIcon from "@mui/icons-material/ElectricBolt";
@@ -19,19 +21,17 @@ import GroupsIcon from "@mui/icons-material/Groups";
import HandymanIcon from "@mui/icons-material/Handyman"; import HandymanIcon from "@mui/icons-material/Handyman";
import LineAxisIcon from "@mui/icons-material/LineAxis"; import LineAxisIcon from "@mui/icons-material/LineAxis";
import LockPersonIcon from "@mui/icons-material/LockPerson"; import LockPersonIcon from "@mui/icons-material/LockPerson";
import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
import MapIcon from "@mui/icons-material/Map"; import MapIcon from "@mui/icons-material/Map";
import MapsHomeWorkIcon from "@mui/icons-material/MapsHomeWork";
import PsychologyAltIcon from "@mui/icons-material/PsychologyAlt";
import RemoveRoadIcon from "@mui/icons-material/RemoveRoad";
import RouteIcon from "@mui/icons-material/Route"; import RouteIcon from "@mui/icons-material/Route";
import ScienceIcon from "@mui/icons-material/Science"; import ScienceIcon from "@mui/icons-material/Science";
import SecurityIcon from "@mui/icons-material/Security";
import SpaceDashboardIcon from "@mui/icons-material/SpaceDashboard"; import SpaceDashboardIcon from "@mui/icons-material/SpaceDashboard";
import SpeedIcon from "@mui/icons-material/Speed"; import SpeedIcon from "@mui/icons-material/Speed";
import PsychologyAltIcon from "@mui/icons-material/PsychologyAlt";
import MapsHomeWorkIcon from "@mui/icons-material/MapsHomeWork";
import SecurityIcon from "@mui/icons-material/Security";
import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
import DirectionsBusIcon from "@mui/icons-material/DirectionsBus";
import ContactPageIcon from "@mui/icons-material/ContactPage";
import SupervisedUserCircleIcon from "@mui/icons-material/SupervisedUserCircle"; import SupervisedUserCircleIcon from "@mui/icons-material/SupervisedUserCircle";
import RemoveRoadIcon from "@mui/icons-material/RemoveRoad";
export const pageMenuDev = [ export const pageMenuDev = [
{ {
@@ -166,11 +166,31 @@ export const pageMenuDev = [
{ {
id: "roadMissionsReports", id: "roadMissionsReports",
label: "گزارشات", label: "گزارشات",
type: "page", type: "menu",
route: "/dashboard/road-missions/reports",
icon: <AssessmentIcon sx={{ width: "inherit", height: "inherit" }} />, icon: <AssessmentIcon sx={{ width: "inherit", height: "inherit" }} />,
// badges: [{ key: "mission.control" }], // TODO: add badge and permission // badges: [{ key: "mission.control" }], // TODO: add badge and permission
permissions: ["all"], permissions: ["all"],
hasSubitems: true,
Subitems: [
{
id: "missionsReports",
label: "ترددها",
icon: <RvHookup sx={{ width: "inherit", height: "inherit" }} />,
type: "page",
route: "/dashboard/road-missions/reports/missionsReports",
badges: [{ key: "mission.request_portal" }],
permissions: ["all"],
},
{
id: "violationsReports",
label: "تخلفات",
icon: <ReportProblem sx={{ width: "inherit", height: "inherit" }} />,
type: "page",
route: "/dashboard/road-missions/reports/violationsReports",
badges: [{ key: "mission.request_portal" }],
permissions: ["all"],
},
],
}, },
], ],
}, },

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

@@ -47,6 +47,24 @@ export const GET_COUNTRY_ACTIVITY_REPORT = api + "/api/v3/missions/report/countr
export const EXPORT_COUNTRY_ROAD_PATROL_REPORTS = api + "/api/v3/road_patrols/report/country_activity_excel"; export const EXPORT_COUNTRY_ROAD_PATROL_REPORTS = api + "/api/v3/road_patrols/report/country_activity_excel";
export const EXPORT_PROVINCE_ROAD_PATROL_REPORTS = api + "/api/v3/road_patrols/report/province_activity_excel"; export const EXPORT_PROVINCE_ROAD_PATROL_REPORTS = api + "/api/v3/road_patrols/report/province_activity_excel";
export const GET_MISSIONS_REPORT_VIOLATION_COUNTRY_ACTIVITY =
api + "/api/v3/missions/report_violation/country_activity";
export const GET_MISSIONS_REPORT_VIOLATION_PROVINCE_ACTIVITY =
api + "/api/v3/missions/report_violation/province_activity";
export const EXPORT_MISSIONS_REPORT_VIOLATION_COUNTRY_ACTIVITY =
api + "/api/v3/missions/report_violation/country_excel_activity";
export const EXPORT_MISSIONS_REPORT_VIOLATION_PROVINCE_ACTIVITY =
api + "/api/v3/missions/report_violation/province_excel_activity";
export const GET_MISSIONS_REPORT_TARADOD_COUNTRY_ACTIVITY =
"http://192.168.1.132:8000" + "/api/v3/missions/report_taradod/country_activity";
export const GET_MISSIONS_REPORT_TARADOD_PROVINCE_ACTIVITY =
"http://192.168.1.132:8000" + "/api/v3/missions/report_taradod/province_activity";
export const EXPORT_MISSIONS_REPORT_TARADOD_COUNTRY_EXCEL_ACTIVITY =
api + "/api/v3/missions/report_taradod/country_excel_activity";
export const EXPORT_MISSIONS_REPORT_TARADOD_PROVINCE_EXCEL_ACTIVITY =
api + "/api/v3/missions/report_taradod/province_excel_activity";
// road items // road items
export const GET_ROAD_ITEMS_SUPERVISOR_LIST = api + "/api/v3/road_items/supervisor"; export const GET_ROAD_ITEMS_SUPERVISOR_LIST = api + "/api/v3/road_items/supervisor";
export const EXPORT_ROAD_ITEMS_SUPERVISOR_LIST = api + "/api/v3/road_items/supervisor/excel"; export const EXPORT_ROAD_ITEMS_SUPERVISOR_LIST = api + "/api/v3/road_items/supervisor/excel";