change columns

This commit is contained in:
AmirHossein Mahmoodi
2025-03-01 15:38:38 +03:30
parent 96cf8182c0
commit cedc29ff5e
3 changed files with 422 additions and 392 deletions

View File

@@ -66,18 +66,6 @@ const ComplaintListTable = ({ open, setOpen, mutate }) => {
grow: false, grow: false,
size: 100, size: 100,
}, },
{
accessorKey: "fk_RegisteredEventMessage",
header: "کد سوانح",
id: "fk_RegisteredEventMessage",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
...(hasCountryPermission ? [dynamicColumns] : []), ...(hasCountryPermission ? [dynamicColumns] : []),
{ {
header: "اداره", header: "اداره",
@@ -127,8 +115,8 @@ const ComplaintListTable = ({ open, setOpen, mutate }) => {
props.dependencyFieldValue?.value === "" props.dependencyFieldValue?.value === ""
? "empty" ? "empty"
: loadingEdaratList : loadingEdaratList
? "loading" ? "loading"
: props.filterParameters.value : props.filterParameters.value
} }
columnSelectOption={getColumnSelectOptions} columnSelectOption={getColumnSelectOptions}
/> />
@@ -137,107 +125,129 @@ const ComplaintListTable = ({ open, setOpen, mutate }) => {
Cell: ({ row }) => <>{row.original.edarate_shahri_name_fa}</>, Cell: ({ row }) => <>{row.original.edarate_shahri_name_fa}</>,
}, },
{ {
accessorKey: "Title", header: "اطلاعات ثبت‌ شده در سامانه سوانح",
header: "موضوع گزارش", id: "fkInfo",
id: "Title",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "FeatureTypeTitle",
header: "نوع گزارش",
id: "FeatureTypeTitle",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "Description",
header: "توضیح گزارش",
id: "Description",
enableColumnFilter: false,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
muiTableBodyCellProps: {
sx: {
borderLeft: "1px solid #e1e1e1",
py: 0,
"&:first-of-type": {
borderLeft: "unset",
},
},
},
Cell: ({ renderedCellValue }) => {
if (renderedCellValue) {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<DescriptionForm description={renderedCellValue} title={"توضیح گزارش"} />
</Stack>
);
}
return <Typography variant="body2">بدون توضیحات</Typography>;
},
},
{
header: "موقعیت",
id: "location",
enableColumnFilter: false, enableColumnFilter: false,
enableSorting: false, enableSorting: false,
datatype: "array",
grow: false, grow: false,
size: 100, size: 50,
muiTableBodyCellProps: { columns: [
sx: { {
borderLeft: "1px solid #e1e1e1", accessorKey: "fk_RegisteredEventMessage",
py: 0, header: "کد سوانح",
"&:first-of-type": { id: "fk_RegisteredEventMessage",
borderLeft: "unset", enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "Title",
header: "موضوع گزارش",
id: "Title",
enableColumnFilter: false,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "FeatureTypeTitle",
header: "نوع گزارش",
id: "FeatureTypeTitle",
enableColumnFilter: false,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "Description",
header: "توضیح گزارش",
id: "Description",
enableColumnFilter: false,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
muiTableBodyCellProps: {
sx: {
borderLeft: "1px solid #e1e1e1",
py: 0,
"&:first-of-type": {
borderLeft: "unset",
},
},
},
Cell: ({ renderedCellValue }) => {
if (renderedCellValue) {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<DescriptionForm description={renderedCellValue} title={"توضیح گزارش"} />
</Stack>
);
}
return <Typography variant="body2">بدون توضیحات</Typography>;
}, },
}, },
}, {
Cell: ({ row }) => { header: "موقعیت",
return ( id: "location",
<Stack alignItems={"center"} justifyContent={"center"}> enableColumnFilter: false,
<LocationForm start_lat={row.original.lat} start_lng={row.original.lng} /> enableSorting: false,
</Stack> datatype: "array",
); grow: false,
}, size: 100,
}, muiTableBodyCellProps: {
{ sx: {
accessorKey: "MobileForSendEventSms", borderLeft: "1px solid #e1e1e1",
header: "شماره تماس گیرنده", py: 0,
id: "MobileForSendEventSms", "&:first-of-type": {
enableColumnFilter: true, borderLeft: "unset",
datatype: "text", },
filterMode: "equals", },
sortDescFirst: false, },
columnFilterModeOptions: ["equals", "contains"], Cell: ({ row }) => {
grow: false, return (
size: 100, <Stack alignItems={"center"} justifyContent={"center"}>
}, <LocationForm start_lat={row.original.lat} start_lng={row.original.lng} />
{ </Stack>
accessorFn: (row) => moment(row.created_at).locale("fa").format("HH:mm | yyyy/MM/DD"), );
header: "تاریخ ثبت", },
id: "created_at", },
enableColumnFilter: true, {
datatype: "date", accessorKey: "MobileForSendEventSms",
filterMode: "between", header: "شماره تماس گیرنده",
grow: false, id: "MobileForSendEventSms",
size: 100, enableColumnFilter: false,
}, datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorFn: (row) => moment(row.StartTime_DateTime, "M/D/YYYY h:mm:ss A").locale("fa").format("HH:mm | yyyy/MM/DD"),
header: "تاریخ ثبت",
id: "StartTime_DateTime",
enableColumnFilter: false,
datatype: "date",
filterMode: "between",
grow: false,
size: 100,
},
]
}
]; ];
}, []); }, []);

View File

@@ -34,153 +34,163 @@ const OperatorList = () => {
size: 100, size: 100,
}, },
{ {
accessorKey: "fk_RegisteredEventMessage", header: "اطلاعات ثبت‌ شده در سامانه سوانح",
header: "کد سوانح", id: "fkInfo",
id: "fk_RegisteredEventMessage",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "Title",
header: "موضوع گزارش",
id: "Title",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "FeatureTypeTitle",
header: "نوع گزارش",
id: "FeatureTypeTitle",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "Description",
header: "توضیح گزارش",
id: "Description",
enableColumnFilter: false,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
muiTableBodyCellProps: {
sx: {
borderLeft: "1px solid #e1e1e1",
py: 0,
"&:first-of-type": {
borderLeft: "unset",
},
},
},
Cell: ({ renderedCellValue }) => {
if (renderedCellValue) {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<DescriptionForm description={renderedCellValue} title={"توضیحات گزارش"} />
</Stack>
);
}
return <Typography variant="body2">بدون توضیحات</Typography>;
},
},
{
header: "موقعیت",
id: "location",
enableColumnFilter: false, enableColumnFilter: false,
enableSorting: false, enableSorting: false,
datatype: "array",
grow: false, grow: false,
size: 100, size: 50,
muiTableBodyCellProps: { columns: [
sx: { {
borderLeft: "1px solid #e1e1e1", accessorKey: "fk_RegisteredEventMessage",
py: 0, header: "کد سوانح",
"&:first-of-type": { id: "fk_RegisteredEventMessage",
borderLeft: "unset", enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "Title",
header: "موضوع گزارش",
id: "Title",
enableColumnFilter: false,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "FeatureTypeTitle",
header: "نوع گزارش",
id: "FeatureTypeTitle",
enableColumnFilter: false,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "Description",
header: "توضیح گزارش",
id: "Description",
enableColumnFilter: false,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
muiTableBodyCellProps: {
sx: {
borderLeft: "1px solid #e1e1e1",
py: 0,
"&:first-of-type": {
borderLeft: "unset",
},
},
},
Cell: ({ renderedCellValue }) => {
if (renderedCellValue) {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<DescriptionForm description={renderedCellValue} title={"توضیحات گزارش"} />
</Stack>
);
}
return <Typography variant="body2">بدون توضیحات</Typography>;
}, },
}, },
}, {
Cell: ({ row }) => { header: "موقعیت",
if (!row.original.rms_start_latlng) return <>بدون موقعیت</>; id: "location",
return ( enableColumnFilter: false,
<Stack alignItems={"center"} justifyContent={"center"}> enableSorting: false,
<LocationForm datatype: "array",
start_lat={row.original.rms_start_latlng[0]} grow: false,
start_lng={row.original.rms_start_latlng[1]} size: 100,
/> muiTableBodyCellProps: {
</Stack> sx: {
); borderLeft: "1px solid #e1e1e1",
}, py: 0,
}, "&:first-of-type": {
{ borderLeft: "unset",
header: "تصاویر", },
id: "images", },
enableColumnFilter: false, },
enableSorting: false, Cell: ({ row }) => {
datatype: "array", if (!row.original.rms_start_latlng) return <>بدون موقعیت</>;
grow: false, return (
size: 100, <Stack alignItems={"center"} justifyContent={"center"}>
muiTableBodyCellProps: { <LocationForm
sx: { start_lat={row.original.rms_start_latlng[0]}
borderLeft: "1px solid #e1e1e1", start_lng={row.original.rms_start_latlng[1]}
py: 0, />
"&:first-of-type": { </Stack>
borderLeft: "unset", );
}, },
}, },
}, {
Cell: ({ row }) => { header: "تصاویر",
if (!row.original?.image_before && !row.original?.image_after) return <>بدون تصویر</>; id: "images",
return ( enableColumnFilter: false,
<Stack alignItems={"center"} justifyContent={"center"}> enableSorting: false,
{row.original?.image_before && row.original?.image_after && ( datatype: "array",
<ImageDialog grow: false,
image_before={row.original?.image_before} size: 100,
image_after={row.original?.image_after} muiTableBodyCellProps: {
/> sx: {
)} borderLeft: "1px solid #e1e1e1",
</Stack> py: 0,
); "&:first-of-type": {
}, borderLeft: "unset",
}, },
{ },
accessorKey: "MobileForSendEventSms", },
header: "شماره تماس گیرنده", Cell: ({ row }) => {
id: "MobileForSendEventSms", if (!row.original?.image_before && !row.original?.image_after) return <>بدون تصویر</>;
enableColumnFilter: true, return (
datatype: "text", <Stack alignItems={"center"} justifyContent={"center"}>
filterMode: "equals", {row.original?.image_before && row.original?.image_after && (
sortDescFirst: false, <ImageDialog
columnFilterModeOptions: ["equals", "contains"], image_before={row.original?.image_before}
grow: false, image_after={row.original?.image_after}
size: 100, />
}, )}
{ </Stack>
accessorFn: (row) => moment(row.created_at).locale("fa").format("HH:mm | yyyy/MM/DD"), );
header: "تاریخ ثبت", },
id: "road_observeds__created_at", },
enableColumnFilter: true, {
datatype: "date", accessorKey: "MobileForSendEventSms",
filterMode: "between", header: "شماره تماس گیرنده",
grow: false, id: "MobileForSendEventSms",
size: 100, enableColumnFilter: false,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorFn: (row) => moment(row.StartTime_DateTime, "M/D/YYYY h:mm:ss A").locale("fa").format("HH:mm | yyyy/MM/DD"),
header: "تاریخ ثبت",
id: "StartTime_DateTime",
enableColumnFilter: false,
datatype: "date",
filterMode: "between",
grow: false,
size: 100,
},
]
}, },
{ {
accessorFn: (row) => { accessorFn: (row) => {

View File

@@ -76,18 +76,6 @@ const SupervisorList = () => {
grow: false, grow: false,
size: 100, size: 100,
}, },
{
accessorKey: "fk_RegisteredEventMessage",
header: "کد سوانح",
id: "fk_RegisteredEventMessage",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
...(hasCountryPermission ? [dynamicColumns] : []), ...(hasCountryPermission ? [dynamicColumns] : []),
{ {
header: "اداره", header: "اداره",
@@ -137,8 +125,8 @@ const SupervisorList = () => {
props.dependencyFieldValue?.value === "" props.dependencyFieldValue?.value === ""
? "empty" ? "empty"
: loadingEdaratList : loadingEdaratList
? "loading" ? "loading"
: props.filterParameters.value : props.filterParameters.value
} }
columnSelectOption={getColumnSelectOptions} columnSelectOption={getColumnSelectOptions}
/> />
@@ -147,141 +135,163 @@ const SupervisorList = () => {
Cell: ({ renderedCellValue, row }) => <>{row.original.name_fa}</>, Cell: ({ renderedCellValue, row }) => <>{row.original.name_fa}</>,
}, },
{ {
accessorKey: "Title", header: "اطلاعات ثبت‌ شده در سامانه سوانح",
header: "موضوع گزارش", id: "fkInfo",
id: "Title",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "FeatureTypeTitle",
header: "نوع گزارش",
id: "FeatureTypeTitle",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "Description",
header: "توضیح گزارش",
id: "Description",
enableColumnFilter: false,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
muiTableBodyCellProps: {
sx: {
borderLeft: "1px solid #e1e1e1",
py: 0,
"&:first-of-type": {
borderLeft: "unset",
},
},
},
Cell: ({ renderedCellValue }) => {
if (renderedCellValue) {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<DescriptionForm description={renderedCellValue} title={"توضیحات گزارش"} />
</Stack>
);
}
return <Typography variant="body2">بدون توضیحات</Typography>;
},
},
{
header: "موقعیت",
id: "location",
enableColumnFilter: false, enableColumnFilter: false,
enableSorting: false, enableSorting: false,
datatype: "array",
grow: false, grow: false,
size: 100, size: 50,
muiTableBodyCellProps: { columns: [
sx: { {
borderLeft: "1px solid #e1e1e1", accessorKey: "fk_RegisteredEventMessage",
py: 0, header: "کد سوانح",
"&:first-of-type": { id: "fk_RegisteredEventMessage",
borderLeft: "unset", enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "Title",
header: "موضوع گزارش",
id: "Title",
enableColumnFilter: false,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "FeatureTypeTitle",
header: "نوع گزارش",
id: "FeatureTypeTitle",
enableColumnFilter: false,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "Description",
header: "توضیح گزارش",
id: "Description",
enableColumnFilter: false,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
muiTableBodyCellProps: {
sx: {
borderLeft: "1px solid #e1e1e1",
py: 0,
"&:first-of-type": {
borderLeft: "unset",
},
},
},
Cell: ({ renderedCellValue }) => {
if (renderedCellValue) {
return (
<Stack alignItems={"center"} justifyContent={"center"}>
<DescriptionForm description={renderedCellValue} title={"توضیحات گزارش"} />
</Stack>
);
}
return <Typography variant="body2">بدون توضیحات</Typography>;
}, },
}, },
}, {
Cell: ({ row }) => { header: "موقعیت",
if (!row.original.rms_start_latlng) return <>بدون موقعیت</>; id: "location",
return ( enableColumnFilter: false,
<Stack alignItems={"center"} justifyContent={"center"}> enableSorting: false,
<LocationForm datatype: "array",
start_lat={row.original.rms_start_latlng[0]} grow: false,
start_lng={row.original.rms_start_latlng[1]} size: 100,
/> muiTableBodyCellProps: {
</Stack> sx: {
); borderLeft: "1px solid #e1e1e1",
}, py: 0,
}, "&:first-of-type": {
{ borderLeft: "unset",
header: "تصاویر", },
id: "images", },
enableColumnFilter: false, },
enableSorting: false, Cell: ({ row }) => {
datatype: "array", if (!row.original.rms_start_latlng) return <>بدون موقعیت</>;
grow: false, return (
size: 100, <Stack alignItems={"center"} justifyContent={"center"}>
muiTableBodyCellProps: { <LocationForm
sx: { start_lat={row.original.rms_start_latlng[0]}
borderLeft: "1px solid #e1e1e1", start_lng={row.original.rms_start_latlng[1]}
py: 0, />
"&:first-of-type": { </Stack>
borderLeft: "unset", );
}, },
}, },
}, {
Cell: ({ row }) => { header: "تصاویر",
if (!row.original?.image_before && !row.original?.image_after) return <>بدون تصویر</>; id: "images",
return ( enableColumnFilter: false,
<Stack alignItems={"center"} justifyContent={"center"}> enableSorting: false,
{row.original?.image_before && row.original?.image_after && ( datatype: "array",
<ImageDialog grow: false,
image_before={row.original?.image_before} size: 100,
image_after={row.original?.image_after} muiTableBodyCellProps: {
/> sx: {
)} borderLeft: "1px solid #e1e1e1",
</Stack> py: 0,
); "&:first-of-type": {
}, borderLeft: "unset",
}, },
{ },
accessorKey: "MobileForSendEventSms", },
header: "شماره تماس گیرنده", Cell: ({ row }) => {
id: "MobileForSendEventSms", if (!row.original?.image_before && !row.original?.image_after) return <>بدون تصویر</>;
enableColumnFilter: true, return (
datatype: "text", <Stack alignItems={"center"} justifyContent={"center"}>
filterMode: "equals", {row.original?.image_before && row.original?.image_after && (
sortDescFirst: false, <ImageDialog
columnFilterModeOptions: ["equals", "contains"], image_before={row.original?.image_before}
grow: false, image_after={row.original?.image_after}
size: 100, />
}, )}
{ </Stack>
accessorFn: (row) => moment(row.created_at).locale("fa").format("HH:mm | yyyy/MM/DD"), );
header: "تاریخ ثبت", },
id: "road_observeds__created_at", },
enableColumnFilter: true, {
datatype: "date", accessorKey: "MobileForSendEventSms",
filterMode: "between", header: "شماره تماس گیرنده",
grow: false, id: "MobileForSendEventSms",
size: 100, enableColumnFilter: false,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorFn: (row) => moment(row.StartTime_DateTime, "M/D/YYYY h:mm:ss A").locale("fa").format("HH:mm | yyyy/MM/DD"),
header: "تاریخ ثبت",
id: "StartTime_DateTime",
enableColumnFilter: false,
datatype: "date",
filterMode: "between",
grow: false,
size: 100,
},
]
}, },
{ {
accessorFn: (row) => { accessorFn: (row) => {