add excel report to road missions
This commit is contained in:
@@ -14,6 +14,7 @@ const DriverReportsList = ({ specialFilter }) => {
|
|||||||
header: "کد یکتا",
|
header: "کد یکتا",
|
||||||
id: "driver_id",
|
id: "driver_id",
|
||||||
enableColumnFilter: true,
|
enableColumnFilter: true,
|
||||||
|
filterMode: "equals",
|
||||||
columnFilterModeOptions: ["equals", "contains"],
|
columnFilterModeOptions: ["equals", "contains"],
|
||||||
enableSorting: true,
|
enableSorting: true,
|
||||||
datatype: "numeric",
|
datatype: "numeric",
|
||||||
@@ -25,6 +26,7 @@ const DriverReportsList = ({ specialFilter }) => {
|
|||||||
header: "نام راننده",
|
header: "نام راننده",
|
||||||
id: "driver_name",
|
id: "driver_name",
|
||||||
enableColumnFilter: true,
|
enableColumnFilter: true,
|
||||||
|
filterMode: "equals",
|
||||||
columnFilterModeOptions: ["equals", "contains"],
|
columnFilterModeOptions: ["equals", "contains"],
|
||||||
enableSorting: true,
|
enableSorting: true,
|
||||||
datatype: "text",
|
datatype: "text",
|
||||||
@@ -36,7 +38,7 @@ const DriverReportsList = ({ specialFilter }) => {
|
|||||||
header: "کارکرد",
|
header: "کارکرد",
|
||||||
id: "func",
|
id: "func",
|
||||||
enableColumnFilter: false,
|
enableColumnFilter: false,
|
||||||
enableSorting: true,
|
enableSorting: false,
|
||||||
datatype: "number",
|
datatype: "number",
|
||||||
grow: false,
|
grow: false,
|
||||||
size: 50,
|
size: 50,
|
||||||
|
|||||||
@@ -1,7 +1,6 @@
|
|||||||
"use client";
|
"use client";
|
||||||
import {
|
import {
|
||||||
EXPORT_GET_DRIVER_COUNTRY_ACTIVITY_REPORT,
|
EXPORT_GET_DRIVER_ACTIVITY_REPORT,
|
||||||
EXPORT_GET_DRIVER_PROVINCE_ACTIVITY_REPORT,
|
|
||||||
} from "@/core/utils/routes";
|
} from "@/core/utils/routes";
|
||||||
import useRequest from "@/lib/hooks/useRequest";
|
import useRequest from "@/lib/hooks/useRequest";
|
||||||
import { useTheme } from "@emotion/react";
|
import { useTheme } from "@emotion/react";
|
||||||
@@ -34,11 +33,7 @@ const PrintExcel = ({ table, filterData }) => {
|
|||||||
|
|
||||||
const clickHandler = () => {
|
const clickHandler = () => {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
const CountryOrProvince = activeFilters.find((item) => item.id === "province_id");
|
const requestUrl = EXPORT_GET_DRIVER_ACTIVITY_REPORT
|
||||||
const requestUrl =
|
|
||||||
CountryOrProvince.value === "-1"
|
|
||||||
? EXPORT_GET_DRIVER_COUNTRY_ACTIVITY_REPORT
|
|
||||||
: EXPORT_GET_DRIVER_PROVINCE_ACTIVITY_REPORT;
|
|
||||||
requestServer(`${requestUrl}?${filterParams}`, "get", {
|
requestServer(`${requestUrl}?${filterParams}`, "get", {
|
||||||
requestOptions: { responseType: "blob" },
|
requestOptions: { responseType: "blob" },
|
||||||
})
|
})
|
||||||
@@ -66,7 +61,7 @@ const PrintExcel = ({ table, filterData }) => {
|
|||||||
disabled={loading}
|
disabled={loading}
|
||||||
sx={{ textTransform: "unset", alignSelf: "center" }}
|
sx={{ textTransform: "unset", alignSelf: "center" }}
|
||||||
startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
|
startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
|
||||||
onClick={clickHandler}
|
// onClick={clickHandler}
|
||||||
>
|
>
|
||||||
خروجی اکسل
|
خروجی اکسل
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
@@ -0,0 +1,79 @@
|
|||||||
|
"use client";
|
||||||
|
import { EXPORT_GET_DRIVER_DETAILS_ACTIVITY_REPORT } from "@/core/utils/routes";
|
||||||
|
import useRequest from "@/lib/hooks/useRequest";
|
||||||
|
import { useTheme } from "@emotion/react";
|
||||||
|
import DescriptionIcon from "@mui/icons-material/Description";
|
||||||
|
import { Button, CircularProgress, IconButton, useMediaQuery } from "@mui/material";
|
||||||
|
import FileSaver from "file-saver";
|
||||||
|
import moment from "jalali-moment";
|
||||||
|
import { useMemo, useState } from "react";
|
||||||
|
|
||||||
|
const PrintExcel = ({ table, filterData, specialFilterData }) => {
|
||||||
|
const theme = useTheme();
|
||||||
|
const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
const requestServer = useRequest({ notificationSuccess: true });
|
||||||
|
const activeFilters = Object.entries(filterData).reduce((acc, [key, filter]) => {
|
||||||
|
if (filter.value) {
|
||||||
|
acc.push({ id: filter.id, value: filter.value });
|
||||||
|
}
|
||||||
|
return acc;
|
||||||
|
}, []);
|
||||||
|
const activeSpecialFilters = Object.entries(specialFilterData).reduce((acc, [key, filter]) => {
|
||||||
|
if (filter.value) {
|
||||||
|
acc.push({ id: filter.id, value: filter.value });
|
||||||
|
}
|
||||||
|
return acc;
|
||||||
|
}, []);
|
||||||
|
const filterParams = useMemo(() => {
|
||||||
|
const params = new URLSearchParams();
|
||||||
|
activeFilters.length > 0 &&
|
||||||
|
activeFilters.map((filter, index) => {
|
||||||
|
params.set(`${filter.id}`, filter.value);
|
||||||
|
});
|
||||||
|
activeSpecialFilters.length > 0 &&
|
||||||
|
activeSpecialFilters.map((filter, index) => {
|
||||||
|
params.set(`${filter.id}`, filter.value);
|
||||||
|
});
|
||||||
|
return params;
|
||||||
|
}, [activeFilters, activeSpecialFilters]);
|
||||||
|
|
||||||
|
const clickHandler = () => {
|
||||||
|
setLoading(true);
|
||||||
|
const requestUrl = EXPORT_GET_DRIVER_DETAILS_ACTIVITY_REPORT;
|
||||||
|
requestServer(`${requestUrl}?${filterParams}`, "get", {
|
||||||
|
requestOptions: { responseType: "blob" },
|
||||||
|
})
|
||||||
|
.then((response) => {
|
||||||
|
const filename = `خروجی کارتابل ریزگزارشات راننده تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
|
||||||
|
FileSaver.saveAs(response.data, filename);
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
.finally(() => {
|
||||||
|
setLoading(false);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
{isMobile ? (
|
||||||
|
<IconButton aria-label="خروجی اکسل" color="success" onClick={clickHandler}>
|
||||||
|
<DescriptionIcon sx={{ fontSize: "25px" }} />
|
||||||
|
</IconButton>
|
||||||
|
) : (
|
||||||
|
<Button
|
||||||
|
color="success"
|
||||||
|
variant="contained"
|
||||||
|
size="small"
|
||||||
|
disabled={loading}
|
||||||
|
sx={{ textTransform: "unset", alignSelf: "center" }}
|
||||||
|
startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
|
||||||
|
// onClick={clickHandler}
|
||||||
|
>
|
||||||
|
خروجی اکسل
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default PrintExcel;
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
import { Box } from "@mui/material";
|
||||||
|
import PrintExcel from "./ExcelPrint";
|
||||||
|
|
||||||
|
const Toolbar = ({ table, filterData, specialFilterData, mutate }) => {
|
||||||
|
return (
|
||||||
|
<Box sx={{ display: "flex", gap: 1 }}>
|
||||||
|
<PrintExcel table={table} filterData={filterData} specialFilterData={specialFilterData} />
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default Toolbar;
|
||||||
@@ -5,6 +5,7 @@ import useCities from "@/lib/hooks/useCities";
|
|||||||
import useProvinces from "@/lib/hooks/useProvince";
|
import useProvinces from "@/lib/hooks/useProvince";
|
||||||
import { Box } from "@mui/material";
|
import { Box } from "@mui/material";
|
||||||
import { useMemo } from "react";
|
import { useMemo } from "react";
|
||||||
|
import Toolbar from "./Toolbar";
|
||||||
|
|
||||||
const DriverList = ({ row, specialFilter }) => {
|
const DriverList = ({ row, specialFilter }) => {
|
||||||
const columns = useMemo(() => {
|
const columns = useMemo(() => {
|
||||||
@@ -155,11 +156,15 @@ const DriverList = ({ row, specialFilter }) => {
|
|||||||
<>
|
<>
|
||||||
<Box sx={{ mt: 3 }}>
|
<Box sx={{ mt: 3 }}>
|
||||||
<DataTableWithAuth
|
<DataTableWithAuth
|
||||||
|
TableToolbar={Toolbar}
|
||||||
need_filter={true}
|
need_filter={true}
|
||||||
columns={columns}
|
columns={columns}
|
||||||
specialFilter={specialFilter}
|
specialFilter={specialFilter}
|
||||||
|
specialQueries={{
|
||||||
|
driver_id: row.driver_id,
|
||||||
|
}}
|
||||||
sorting={[{ id: "id", desc: true }]}
|
sorting={[{ id: "id", desc: true }]}
|
||||||
table_url={`${GET_DRIVER_DETAILS}/${row.driver_id}`}
|
table_url={GET_DRIVER_DETAILS}
|
||||||
page_name={"driverListReport"}
|
page_name={"driverListReport"}
|
||||||
table_name={"driverList"}
|
table_name={"driverList"}
|
||||||
positionActionsColumn={"first"}
|
positionActionsColumn={"first"}
|
||||||
|
|||||||
@@ -1,8 +1,5 @@
|
|||||||
"use client";
|
"use client";
|
||||||
import {
|
import { EXPORT_GET_MACHINES_ACTIVITY_REPORT } from "@/core/utils/routes";
|
||||||
EXPORT_GET_MACHINES_COUNTRY_ACTIVITY_REPORT,
|
|
||||||
EXPORT_GET_MACHINES_PROVINCE_ACTIVITY_REPORT,
|
|
||||||
} from "@/core/utils/routes";
|
|
||||||
import useRequest from "@/lib/hooks/useRequest";
|
import useRequest from "@/lib/hooks/useRequest";
|
||||||
import { useTheme } from "@emotion/react";
|
import { useTheme } from "@emotion/react";
|
||||||
import DescriptionIcon from "@mui/icons-material/Description";
|
import DescriptionIcon from "@mui/icons-material/Description";
|
||||||
@@ -34,16 +31,12 @@ const PrintExcel = ({ table, filterData }) => {
|
|||||||
|
|
||||||
const clickHandler = () => {
|
const clickHandler = () => {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
const CountryOrProvince = activeFilters.find((item) => item.id === "province_id");
|
const requestUrl = EXPORT_GET_MACHINES_ACTIVITY_REPORT
|
||||||
const requestUrl =
|
|
||||||
CountryOrProvince.value === "-1"
|
|
||||||
? EXPORT_GET_MACHINES_COUNTRY_ACTIVITY_REPORT
|
|
||||||
: EXPORT_GET_MACHINES_PROVINCE_ACTIVITY_REPORT;
|
|
||||||
requestServer(`${requestUrl}?${filterParams}`, "get", {
|
requestServer(`${requestUrl}?${filterParams}`, "get", {
|
||||||
requestOptions: { responseType: "blob" },
|
requestOptions: { responseType: "blob" },
|
||||||
})
|
})
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
const filename = `خروجی کارتابل گزارشات گشت راهداری تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
|
const filename = `خروجی کارتابل گزارشات ماشین ها تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
|
||||||
FileSaver.saveAs(response.data, filename);
|
FileSaver.saveAs(response.data, filename);
|
||||||
})
|
})
|
||||||
.catch(() => {})
|
.catch(() => {})
|
||||||
@@ -66,7 +59,7 @@ const PrintExcel = ({ table, filterData }) => {
|
|||||||
disabled={loading}
|
disabled={loading}
|
||||||
sx={{ textTransform: "unset", alignSelf: "center" }}
|
sx={{ textTransform: "unset", alignSelf: "center" }}
|
||||||
startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
|
startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
|
||||||
onClick={clickHandler}
|
// onClick={clickHandler}
|
||||||
>
|
>
|
||||||
خروجی اکسل
|
خروجی اکسل
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
@@ -18,6 +18,7 @@ const MachinesReportsList = ({ specialFilter }) => {
|
|||||||
header: "کد یکتا",
|
header: "کد یکتا",
|
||||||
id: "machine_id",
|
id: "machine_id",
|
||||||
enableColumnFilter: true,
|
enableColumnFilter: true,
|
||||||
|
filterMode: "equals",
|
||||||
columnFilterModeOptions: ["equals", "contains"],
|
columnFilterModeOptions: ["equals", "contains"],
|
||||||
enableSorting: true,
|
enableSorting: true,
|
||||||
datatype: "text",
|
datatype: "text",
|
||||||
@@ -28,7 +29,8 @@ const MachinesReportsList = ({ specialFilter }) => {
|
|||||||
accessorKey: "car_name",
|
accessorKey: "car_name",
|
||||||
header: "مدل ماشین",
|
header: "مدل ماشین",
|
||||||
id: "car_name",
|
id: "car_name",
|
||||||
enableColumnFilter: true,
|
enableColumnFilter: false,
|
||||||
|
filterMode: "equals",
|
||||||
columnFilterModeOptions: ["equals", "contains"],
|
columnFilterModeOptions: ["equals", "contains"],
|
||||||
enableSorting: true,
|
enableSorting: true,
|
||||||
datatype: "text",
|
datatype: "text",
|
||||||
@@ -41,7 +43,7 @@ const MachinesReportsList = ({ specialFilter }) => {
|
|||||||
id: "machine_code",
|
id: "machine_code",
|
||||||
enableColumnFilter: true,
|
enableColumnFilter: true,
|
||||||
columnFilterModeOptions: ["equals", "contains"],
|
columnFilterModeOptions: ["equals", "contains"],
|
||||||
enableSorting: true,
|
enableSorting: false,
|
||||||
datatype: "text",
|
datatype: "text",
|
||||||
grow: false,
|
grow: false,
|
||||||
size: 50,
|
size: 50,
|
||||||
@@ -52,7 +54,7 @@ const MachinesReportsList = ({ specialFilter }) => {
|
|||||||
id: "func",
|
id: "func",
|
||||||
enableColumnFilter: false,
|
enableColumnFilter: false,
|
||||||
columnFilterModeOptions: ["equals", "contains"],
|
columnFilterModeOptions: ["equals", "contains"],
|
||||||
enableSorting: false,
|
enableSorting: true,
|
||||||
datatype: "number",
|
datatype: "number",
|
||||||
grow: false,
|
grow: false,
|
||||||
size: 50,
|
size: 50,
|
||||||
|
|||||||
@@ -0,0 +1,70 @@
|
|||||||
|
"use client";
|
||||||
|
import { EXPORT_GET_MACHINES_ACTIVITY_REPORT } from "@/core/utils/routes";
|
||||||
|
import useRequest from "@/lib/hooks/useRequest";
|
||||||
|
import { useTheme } from "@emotion/react";
|
||||||
|
import DescriptionIcon from "@mui/icons-material/Description";
|
||||||
|
import { Button, CircularProgress, IconButton, useMediaQuery } from "@mui/material";
|
||||||
|
import FileSaver from "file-saver";
|
||||||
|
import moment from "jalali-moment";
|
||||||
|
import { useMemo, useState } from "react";
|
||||||
|
|
||||||
|
const PrintExcel = ({ table, filterData }) => {
|
||||||
|
const theme = useTheme();
|
||||||
|
const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
const requestServer = useRequest({ notificationSuccess: true });
|
||||||
|
const activeFilters = Object.entries(filterData).reduce((acc, [key, filter]) => {
|
||||||
|
if (filter.value) {
|
||||||
|
acc.push({ id: filter.id, value: filter.value });
|
||||||
|
}
|
||||||
|
return acc;
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const filterParams = useMemo(() => {
|
||||||
|
const params = new URLSearchParams();
|
||||||
|
activeFilters.length > 0 &&
|
||||||
|
activeFilters.map((filter, index) => {
|
||||||
|
params.set(`${filter.id}`, filter.value);
|
||||||
|
});
|
||||||
|
return params;
|
||||||
|
}, [activeFilters]);
|
||||||
|
|
||||||
|
const clickHandler = () => {
|
||||||
|
setLoading(true);
|
||||||
|
const requestUrl = EXPORT_GET_MACHINES_ACTIVITY_REPORT
|
||||||
|
requestServer(`${requestUrl}?${filterParams}`, "get", {
|
||||||
|
requestOptions: { responseType: "blob" },
|
||||||
|
})
|
||||||
|
.then((response) => {
|
||||||
|
const filename = `خروجی کارتابل گزارشات ماشین ها تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
|
||||||
|
FileSaver.saveAs(response.data, filename);
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
.finally(() => {
|
||||||
|
setLoading(false);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
{isMobile ? (
|
||||||
|
<IconButton aria-label="خروجی اکسل" color="success" onClick={clickHandler}>
|
||||||
|
<DescriptionIcon sx={{ fontSize: "25px" }} />
|
||||||
|
</IconButton>
|
||||||
|
) : (
|
||||||
|
<Button
|
||||||
|
color="success"
|
||||||
|
variant="contained"
|
||||||
|
size="small"
|
||||||
|
disabled={loading}
|
||||||
|
sx={{ textTransform: "unset", alignSelf: "center" }}
|
||||||
|
startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
|
||||||
|
// onClick={clickHandler}
|
||||||
|
>
|
||||||
|
خروجی اکسل
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default PrintExcel;
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
import { Box } from "@mui/material";
|
||||||
|
import PrintExcel from "./ExcelPrint";
|
||||||
|
|
||||||
|
const Toolbar = ({ table, filterData, mutate }) => {
|
||||||
|
return (
|
||||||
|
<Box sx={{ display: "flex", gap: 1 }}>
|
||||||
|
<PrintExcel table={table} filterData={filterData} />
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default Toolbar;
|
||||||
@@ -5,6 +5,7 @@ import useCities from "@/lib/hooks/useCities";
|
|||||||
import useProvinces from "@/lib/hooks/useProvince";
|
import useProvinces from "@/lib/hooks/useProvince";
|
||||||
import { Box } from "@mui/material";
|
import { Box } from "@mui/material";
|
||||||
import { useMemo } from "react";
|
import { useMemo } from "react";
|
||||||
|
import Toolbar from "./Toolbar";
|
||||||
|
|
||||||
const MachineMissionsList = ({ row, specialFilter }) => {
|
const MachineMissionsList = ({ row, specialFilter }) => {
|
||||||
const columns = useMemo(() => {
|
const columns = useMemo(() => {
|
||||||
@@ -156,6 +157,7 @@ const MachineMissionsList = ({ row, specialFilter }) => {
|
|||||||
<Box sx={{ mt: 3 }}>
|
<Box sx={{ mt: 3 }}>
|
||||||
<DataTableWithAuth
|
<DataTableWithAuth
|
||||||
specialFilter={specialFilter}
|
specialFilter={specialFilter}
|
||||||
|
TableToolbar={Toolbar}
|
||||||
need_filter={true}
|
need_filter={true}
|
||||||
columns={columns}
|
columns={columns}
|
||||||
sorting={[{ id: "id", desc: true }]}
|
sorting={[{ id: "id", desc: true }]}
|
||||||
|
|||||||
@@ -1,9 +1,6 @@
|
|||||||
"use client";
|
"use client";
|
||||||
import {
|
import {
|
||||||
EXPORT_GET_MACHINES_COUNTRY_ACTIVITY_REPORT,
|
EXPORT_GET_MACHINES_TYPE_ACTIVITY_REPORT,
|
||||||
EXPORT_GET_MACHINES_PROVINCE_ACTIVITY_REPORT,
|
|
||||||
EXPORT_GET_MACHINES_TYPE_COUNTRY_ACTIVITY_REPORT,
|
|
||||||
EXPORT_GET_MACHINES_TYPE_PROVINCE_ACTIVITY_REPORT,
|
|
||||||
} from "@/core/utils/routes";
|
} from "@/core/utils/routes";
|
||||||
import useRequest from "@/lib/hooks/useRequest";
|
import useRequest from "@/lib/hooks/useRequest";
|
||||||
import { useTheme } from "@emotion/react";
|
import { useTheme } from "@emotion/react";
|
||||||
@@ -36,16 +33,12 @@ const PrintExcel = ({ table, filterData }) => {
|
|||||||
|
|
||||||
const clickHandler = () => {
|
const clickHandler = () => {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
const CountryOrProvince = activeFilters.find((item) => item.id === "province_id");
|
const requestUrl = EXPORT_GET_MACHINES_TYPE_ACTIVITY_REPORT;
|
||||||
const requestUrl =
|
|
||||||
CountryOrProvince.value === "-1"
|
|
||||||
? EXPORT_GET_MACHINES_TYPE_COUNTRY_ACTIVITY_REPORT
|
|
||||||
: EXPORT_GET_MACHINES_TYPE_PROVINCE_ACTIVITY_REPORT;
|
|
||||||
requestServer(`${requestUrl}?${filterParams}`, "get", {
|
requestServer(`${requestUrl}?${filterParams}`, "get", {
|
||||||
requestOptions: { responseType: "blob" },
|
requestOptions: { responseType: "blob" },
|
||||||
})
|
})
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
const filename = `خروجی کارتابل گزارشات گشت راهداری تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
|
const filename = `خروجی کارتابل گزارشات نوع ماشین تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
|
||||||
FileSaver.saveAs(response.data, filename);
|
FileSaver.saveAs(response.data, filename);
|
||||||
})
|
})
|
||||||
.catch(() => {})
|
.catch(() => {})
|
||||||
@@ -68,7 +61,7 @@ const PrintExcel = ({ table, filterData }) => {
|
|||||||
disabled={loading}
|
disabled={loading}
|
||||||
sx={{ textTransform: "unset", alignSelf: "center" }}
|
sx={{ textTransform: "unset", alignSelf: "center" }}
|
||||||
startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
|
startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
|
||||||
onClick={clickHandler}
|
// onClick={clickHandler}
|
||||||
>
|
>
|
||||||
خروجی اکسل
|
خروجی اکسل
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
@@ -4,10 +4,9 @@ import { Box } from "@mui/material";
|
|||||||
import { useMemo } from "react";
|
import { useMemo } from "react";
|
||||||
import Toolbar from "./Toolbar";
|
import Toolbar from "./Toolbar";
|
||||||
import {
|
import {
|
||||||
GET_MACHINES_TYPE_COUNTRY_ACTIVITY_REPORT,
|
GET_MACHINES_TYPE_ACTIVITY_REPORT,
|
||||||
GET_MACHINES_TYPE_PROVINCE_ACTIVITY_REPORT,
|
|
||||||
} from "@/core/utils/routes";
|
} from "@/core/utils/routes";
|
||||||
// import RowActions from "./RowActions";
|
import RowActions from "./RowActions";
|
||||||
|
|
||||||
const MachinesReportsList = ({ specialFilter }) => {
|
const MachinesReportsList = ({ specialFilter }) => {
|
||||||
const columns = useMemo(() => {
|
const columns = useMemo(() => {
|
||||||
@@ -17,6 +16,7 @@ const MachinesReportsList = ({ specialFilter }) => {
|
|||||||
header: "نوع ماشین",
|
header: "نوع ماشین",
|
||||||
id: "car_type",
|
id: "car_type",
|
||||||
enableColumnFilter: true,
|
enableColumnFilter: true,
|
||||||
|
filterMode: "equals",
|
||||||
columnFilterModeOptions: ["equals", "contains"],
|
columnFilterModeOptions: ["equals", "contains"],
|
||||||
enableSorting: true,
|
enableSorting: true,
|
||||||
datatype: "text",
|
datatype: "text",
|
||||||
@@ -51,18 +51,14 @@ const MachinesReportsList = ({ specialFilter }) => {
|
|||||||
<DataTableWithAuth
|
<DataTableWithAuth
|
||||||
TableToolbar={Toolbar}
|
TableToolbar={Toolbar}
|
||||||
columns={columns}
|
columns={columns}
|
||||||
table_url={
|
table_url={GET_MACHINES_TYPE_ACTIVITY_REPORT}
|
||||||
specialFilter.find((x) => x.id === "province_id")?.value === "-1"
|
|
||||||
? GET_MACHINES_TYPE_COUNTRY_ACTIVITY_REPORT
|
|
||||||
: GET_MACHINES_TYPE_PROVINCE_ACTIVITY_REPORT
|
|
||||||
}
|
|
||||||
page_name={"roadMissionReportMachineTypeReport"}
|
page_name={"roadMissionReportMachineTypeReport"}
|
||||||
table_name={"roadMissionReportMachineTypeReportList"}
|
table_name={"roadMissionReportMachineTypeReportList"}
|
||||||
enablePagination={false}
|
enablePagination={false}
|
||||||
specialFilter={specialFilter}
|
specialFilter={specialFilter}
|
||||||
need_filter={true}
|
need_filter={true}
|
||||||
// enableRowActions
|
enableRowActions
|
||||||
// RowActions={RowActions}
|
RowActions={RowActions}
|
||||||
/>
|
/>
|
||||||
</Box>
|
</Box>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -0,0 +1,72 @@
|
|||||||
|
"use client";
|
||||||
|
import {
|
||||||
|
EXPORT_GET_MACHINES_TYPE_ACTIVITY_REPORT,
|
||||||
|
} from "@/core/utils/routes";
|
||||||
|
import useRequest from "@/lib/hooks/useRequest";
|
||||||
|
import { useTheme } from "@emotion/react";
|
||||||
|
import DescriptionIcon from "@mui/icons-material/Description";
|
||||||
|
import { Button, CircularProgress, IconButton, useMediaQuery } from "@mui/material";
|
||||||
|
import FileSaver from "file-saver";
|
||||||
|
import moment from "jalali-moment";
|
||||||
|
import { useMemo, useState } from "react";
|
||||||
|
|
||||||
|
const PrintExcel = ({ table, filterData }) => {
|
||||||
|
const theme = useTheme();
|
||||||
|
const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
const requestServer = useRequest({ notificationSuccess: true });
|
||||||
|
const activeFilters = Object.entries(filterData).reduce((acc, [key, filter]) => {
|
||||||
|
if (filter.value) {
|
||||||
|
acc.push({ id: filter.id, value: filter.value });
|
||||||
|
}
|
||||||
|
return acc;
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const filterParams = useMemo(() => {
|
||||||
|
const params = new URLSearchParams();
|
||||||
|
activeFilters.length > 0 &&
|
||||||
|
activeFilters.map((filter, index) => {
|
||||||
|
params.set(`${filter.id}`, filter.value);
|
||||||
|
});
|
||||||
|
return params;
|
||||||
|
}, [activeFilters]);
|
||||||
|
|
||||||
|
const clickHandler = () => {
|
||||||
|
setLoading(true);
|
||||||
|
const requestUrl = EXPORT_GET_MACHINES_TYPE_ACTIVITY_REPORT;
|
||||||
|
requestServer(`${requestUrl}?${filterParams}`, "get", {
|
||||||
|
requestOptions: { responseType: "blob" },
|
||||||
|
})
|
||||||
|
.then((response) => {
|
||||||
|
const filename = `خروجی کارتابل گزارشات نوع ماشین تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
|
||||||
|
FileSaver.saveAs(response.data, filename);
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
.finally(() => {
|
||||||
|
setLoading(false);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
{isMobile ? (
|
||||||
|
<IconButton aria-label="خروجی اکسل" color="success" onClick={clickHandler}>
|
||||||
|
<DescriptionIcon sx={{ fontSize: "25px" }} />
|
||||||
|
</IconButton>
|
||||||
|
) : (
|
||||||
|
<Button
|
||||||
|
color="success"
|
||||||
|
variant="contained"
|
||||||
|
size="small"
|
||||||
|
disabled={loading}
|
||||||
|
sx={{ textTransform: "unset", alignSelf: "center" }}
|
||||||
|
startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
|
||||||
|
// onClick={clickHandler}
|
||||||
|
>
|
||||||
|
خروجی اکسل
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default PrintExcel;
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
import { Box } from "@mui/material";
|
||||||
|
import PrintExcel from "./ExcelPrint";
|
||||||
|
|
||||||
|
const Toolbar = ({ table, filterData, mutate }) => {
|
||||||
|
return (
|
||||||
|
<Box sx={{ display: "flex", gap: 1 }}>
|
||||||
|
<PrintExcel table={table} filterData={filterData} />
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default Toolbar;
|
||||||
@@ -1,7 +1,8 @@
|
|||||||
import DataTableWithAuth from "@/core/components/DataTableWithAuth";
|
import DataTableWithAuth from "@/core/components/DataTableWithAuth";
|
||||||
import { GET_MACHINE_MISSIONS_DETAILS, GET_MACHINE_TYPE_MISSIONS_DETAILS } from "@/core/utils/routes";
|
import { GET_MACHINE_TYPE_MISSIONS_DETAILS } from "@/core/utils/routes";
|
||||||
import { Box } from "@mui/material";
|
import { Box } from "@mui/material";
|
||||||
import { useMemo } from "react";
|
import { useMemo } from "react";
|
||||||
|
import Toolbar from "./Toolbar";
|
||||||
|
|
||||||
const MachineMissionsList = ({ row }) => {
|
const MachineMissionsList = ({ row }) => {
|
||||||
const columns = useMemo(
|
const columns = useMemo(
|
||||||
@@ -91,10 +92,14 @@ const MachineMissionsList = ({ row }) => {
|
|||||||
<>
|
<>
|
||||||
<Box sx={{ mt: 3 }}>
|
<Box sx={{ mt: 3 }}>
|
||||||
<DataTableWithAuth
|
<DataTableWithAuth
|
||||||
|
TableToolbar={Toolbar}
|
||||||
need_filter={true}
|
need_filter={true}
|
||||||
columns={columns}
|
columns={columns}
|
||||||
|
specialQueries={{
|
||||||
|
car_type: row.car_type,
|
||||||
|
}}
|
||||||
sorting={[{ id: "id", desc: true }]}
|
sorting={[{ id: "id", desc: true }]}
|
||||||
table_url={`${GET_MACHINE_TYPE_MISSIONS_DETAILS}?car_type=${row.car_type}`}
|
table_url={GET_MACHINE_TYPE_MISSIONS_DETAILS}
|
||||||
page_name={"roadMissionReportMachineType"}
|
page_name={"roadMissionReportMachineType"}
|
||||||
table_name={"roadMissionReportMachineTypeList"}
|
table_name={"roadMissionReportMachineTypeList"}
|
||||||
positionActionsColumn={"first"}
|
positionActionsColumn={"first"}
|
||||||
|
|||||||
@@ -1,6 +1,8 @@
|
|||||||
// import MissionDetails from "./MissionDitails";
|
import MissionDetails from "./MissionDitails";
|
||||||
|
|
||||||
const RowActions = ({ row }) => {
|
const RowActions = ({ row }) => {
|
||||||
return <>{/*<MissionDetails row={row} />*/}</>;
|
return <>
|
||||||
|
<MissionDetails row={row} />
|
||||||
|
</>;
|
||||||
};
|
};
|
||||||
export default RowActions;
|
export default RowActions;
|
||||||
|
|||||||
@@ -38,6 +38,7 @@ const DataTable_Main = (props) => {
|
|||||||
RowActions,
|
RowActions,
|
||||||
specific_data,
|
specific_data,
|
||||||
specialFilter,
|
specialFilter,
|
||||||
|
specialQueries
|
||||||
} = props;
|
} = props;
|
||||||
const flatColumns = flattenArrayOfObjects(columns, "columns");
|
const flatColumns = flattenArrayOfObjects(columns, "columns");
|
||||||
const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 10 });
|
const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 10 });
|
||||||
@@ -70,8 +71,15 @@ const DataTable_Main = (props) => {
|
|||||||
}))
|
}))
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
if (specialQueries) {
|
||||||
|
Object.entries(specialQueries).forEach(([key, value]) => {
|
||||||
|
if (value !== undefined && value !== null && value !== "") {
|
||||||
|
params.set(key, String(value));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
return `${table_url}?${params}`;
|
return `${table_url}?${params}`;
|
||||||
}, [table_url, filterData, pagination, sortData, specialFilter]);
|
}, [table_url, filterData, pagination, sortData, specialFilter, specialQueries]);
|
||||||
|
|
||||||
const fetcher = async (url) => {
|
const fetcher = async (url) => {
|
||||||
try {
|
try {
|
||||||
@@ -152,7 +160,12 @@ const DataTable_Main = (props) => {
|
|||||||
renderTopToolbarCustomActions: ({ table }) => (
|
renderTopToolbarCustomActions: ({ table }) => (
|
||||||
<>
|
<>
|
||||||
{TableToolbar && (
|
{TableToolbar && (
|
||||||
<TableToolbar table={table} mutate={mutate} filterData={specialFilter || filterData} />
|
<TableToolbar
|
||||||
|
table={table}
|
||||||
|
mutate={mutate}
|
||||||
|
filterData={specialFilter || filterData}
|
||||||
|
specialFilterData={filterData}
|
||||||
|
/>
|
||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -253,20 +253,27 @@ export const GET_MACHINES_ACTIVITY_REPORT = api + "/api/v3/missions/report_machi
|
|||||||
export const GET_MACHINES_PROVINCE_ACTIVITY_REPORT = api + "/api/v3/missions/report_machine/province_machines_activity";
|
export const GET_MACHINES_PROVINCE_ACTIVITY_REPORT = api + "/api/v3/missions/report_machine/province_machines_activity";
|
||||||
export const EXPORT_GET_MACHINES_COUNTRY_ACTIVITY_REPORT =
|
export const EXPORT_GET_MACHINES_COUNTRY_ACTIVITY_REPORT =
|
||||||
api + "/api/v3/missions/report_machine/country_machines_activity_excel";
|
api + "/api/v3/missions/report_machine/country_machines_activity_excel";
|
||||||
|
export const EXPORT_GET_MACHINES_TYPE_ACTIVITY_REPORT = api + "/api/v3/missions/report_machine/machines_activity_excel";
|
||||||
export const EXPORT_GET_MACHINES_PROVINCE_ACTIVITY_REPORT =
|
export const EXPORT_GET_MACHINES_PROVINCE_ACTIVITY_REPORT =
|
||||||
api + "/api/v3/missions/report_machine/province_machines_activity_excel";
|
api + "/api/v3/missions/report_machine/province_machines_activity_excel";
|
||||||
|
export const EXPORT_GET_MACHINES_ACTIVITY_REPORT =
|
||||||
|
api + "/api/v3/missions/report_machine/machines_activity_excel";
|
||||||
|
|
||||||
export const GET_DRIVERS_ACTIVITY_REPORT =
|
export const GET_DRIVERS_ACTIVITY_REPORT =
|
||||||
api + "/api/v3/missions/report_machine/country_machine_drivers_activity";
|
api + "/api/v3/missions/report_machine/machine_drivers_activity";
|
||||||
export const GET_DRIVER_PROVINCE_ACTIVITY_REPORT =
|
export const GET_DRIVER_PROVINCE_ACTIVITY_REPORT = api + "/api/v3/missions/report_machine/province_machine_drivers_activity";
|
||||||
api + "/api/v3/missions/report_machine/province_machine_drivers_activity";
|
|
||||||
export const EXPORT_GET_DRIVER_COUNTRY_ACTIVITY_REPORT =
|
export const EXPORT_GET_DRIVER_COUNTRY_ACTIVITY_REPORT =
|
||||||
api + "/api/v3/missions/report_machine/country_machine_drivers_activity_excel";
|
api + "/api/v3/missions/report_machine/country_machine_drivers_activity_excel";
|
||||||
|
|
||||||
|
export const EXPORT_GET_DRIVER_ACTIVITY_REPORT =
|
||||||
|
api + "/api/v3/missions/report_machine/machine_drivers_activity_excel";
|
||||||
|
export const EXPORT_GET_DRIVER_DETAILS_ACTIVITY_REPORT =
|
||||||
|
api + "/api/v3/missions/report_machine/machine_driver_details_report_excel";
|
||||||
export const EXPORT_GET_DRIVER_PROVINCE_ACTIVITY_REPORT =
|
export const EXPORT_GET_DRIVER_PROVINCE_ACTIVITY_REPORT =
|
||||||
api + "/api/v3/missions/report_machine/province_machine_drivers_activity_excel";
|
api + "/api/v3/missions/report_machine/province_machine_drivers_activity_excel";
|
||||||
|
|
||||||
export const GET_MACHINES_TYPE_COUNTRY_ACTIVITY_REPORT =
|
export const GET_MACHINES_TYPE_ACTIVITY_REPORT =
|
||||||
api + "/api/v3/missions/report_machine/country_machine_types_activity";
|
api + "/api/v3/missions/report_machine/machine_types_activity";
|
||||||
export const GET_MACHINES_TYPE_PROVINCE_ACTIVITY_REPORT =
|
export const GET_MACHINES_TYPE_PROVINCE_ACTIVITY_REPORT =
|
||||||
api + "/api/v3/missions/report_machine/province_machine_types_activity";
|
api + "/api/v3/missions/report_machine/province_machine_types_activity";
|
||||||
export const EXPORT_GET_MACHINES_TYPE_COUNTRY_ACTIVITY_REPORT =
|
export const EXPORT_GET_MACHINES_TYPE_COUNTRY_ACTIVITY_REPORT =
|
||||||
|
|||||||
Reference in New Issue
Block a user