Samandar/cpost-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

accepted items added

Browse Source
This commit is contained in:
Samandar Turg'unboev
2025-06-24 09:53:03 +05:00
parent 11faf4a2c9
commit 5cad79b822
4 changed files with 103 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
src/components/common/MyTable/MyTable.tsx
View File

@@ -1,7 +1,8 @@
'use client';
import Loader from '@/components/common/Loader';
import { Scrollbar } from '@/components/common/Scrollbar';
import { box_requests } from '@/data/box/box.requests';
import useRequest from '@/hooks/useRequest';
import { Box, styled, SxProps, Table, TableBody, TableCell, TableHead, TableRow, Theme } from '@mui/material';
import React from 'react';
@@ -50,6 +51,7 @@ const StyledTable = styled(Table)`
}
}
`;
const StyledTableRow = styled(TableRow)``;
const StyledTableCell = styled(TableCell)`
flex-shrink: 0;
@@ -64,10 +66,47 @@ type Props<Data> = {
};
const MyTable = <Data extends { id: number | string }>(props: Props<Data>) => {
const { columns, data, loading, onClickRow, color } = props;
const { columns, data, loading, onClickRow } = props;
const isEmpty = !data?.length && !loading;
const [boxStatuses, setBoxStatuses] = React.useState<Record<string, boolean>>({});
React.useEffect(() => {
const fetchBoxStatuses = async () => {
const statuses: Record<string, boolean> = {};
await Promise.all(
data.map(async row => {
try {
const res = await box_requests.find({ packetId: row.id });
const boxData = res.data.data;
const total = boxData.items.reduce(
(acc: { totalAmount: number; totalAccepted: number }, item: any) => {
acc.totalAmount += +item.amount || 0;
acc.totalAccepted += +item.acceptedNumber || 0;
return acc;
},
{ totalAmount: 0, totalAccepted: 0 }
);
statuses[row.id] = total.totalAmount === total.totalAccepted;
} catch (error) {
console.error('Error fetching box status:', error);
statuses[row.id] = false;
}
})
);
setBoxStatuses(statuses);
};
if (!loading && data.length > 0) {
fetchBoxStatuses();
}
}, [data, loading]);
return (
<Box>
<Scrollbar>
@@ -76,10 +115,9 @@ const MyTable = <Data extends { id: number | string }>(props: Props<Data>) => {
<StyledTableRow>
{columns.map((column, index) => (
<StyledTableCell
// @ts-expect-error
key={column.dataKey + index}
key={String(column.dataKey) + index}
variant='head'
align={column.numeric || false ? 'right' : 'left'}
align={column.numeric ? 'right' : 'left'}
sx={{
backgroundColor: 'background.paper',
width: column.width,
@@ -93,63 +131,18 @@ const MyTable = <Data extends { id: number | string }>(props: Props<Data>) => {
</TableHead>
<TableBody>
{isEmpty ? (
'Empty'
<StyledTableRow>
<StyledTableCell colSpan={columns.length}>Empty</StyledTableCell>
</StyledTableRow>
) : loading ? (
<StyledTableCell colSpan={columns.length}>
<Loader p={4} size={96} />
</StyledTableCell>
<StyledTableRow>
<StyledTableCell colSpan={columns.length}>
<Loader p={4} size={96} />
</StyledTableCell>
</StyledTableRow>
) : (
data.map((row: any, rowIndex) => {
let status = undefined;
const getOneBox = useRequest(
() => {
return box_requests.find({ packetId: row.id });
},
{
selectData(data) {
const boxData = data.data.data;
return {
products_list: [
...boxData.items.map(item => {
let name = item.name;
let nameRu = item.nameRu;
return {
id: item.id,
price: item.price,
cargoId: item.cargoId,
trekId: item.trekId,
name: name,
acceptedNumber: item.acceptedNumber,
nameRu: nameRu,
amount: +item.amount,
weight: +item.weight,
};
}),
],
};
},
}
);
{
(() => {
const total = getOneBox.data?.products_list.reduce(
(acc, product) => {
console.log(product, 'totalAccepted');
acc.totalAmount += +product.amount || 0;
acc.totalAccepted += +product.acceptedNumber || 0;
return acc;
},
{ totalAmount: 0, totalAccepted: 0 }
);
status = total?.totalAmount === total?.totalAccepted;
})();
}
console.log(row, 'clent');
const status = boxStatuses[row.id];
return (
<StyledTableRow
@@ -165,21 +158,18 @@ const MyTable = <Data extends { id: number | string }>(props: Props<Data>) => {
}
: {}),
}}
onClick={() => {
onClickRow?.(row);
}}
onClick={() => onClickRow?.(row)}
>
{columns.map((column, index) => (
<StyledTableCell
// @ts-expect-error
key={column.dataKey + index}
align={column.numeric || false ? 'right' : 'left'}
key={String(column.dataKey) + index}
align={column.numeric ? 'right' : 'left'}
sx={{
...column.getSxStyles?.(row),
width: column.width,
}}
>
{column.renderCell ? column.renderCell(row, rowIndex) : row[column.dataKey]}
{column.renderCell ? column.renderCell(row, rowIndex) : row[column.dataKey as keyof Data]}
</StyledTableCell>
))}
</StyledTableRow>

2
src/data/item/item.mode.ts
View File

@@ -29,5 +29,5 @@ export type UpdateProductBodyType = {
nameRu: string;
amount: number;
weight: number;
acceptedNumber: number;
acceptedNumber: number | null;
};

92
src/routes/private/boxes/DashboardBoxesPage.tsx
View File

@@ -57,6 +57,7 @@ const DashboardBoxesPage = (props: Props) => {
const [deleteIds, setDeleteIds] = useState<number[]>([]);
const [downloadIds, setDownloadIds] = useState<number[]>([]);
const [changeStatusIds, setChangeStatusIds] = useState<number[]>([]);
const [boxAmounts, setBoxAmounts] = useState<Record<number, { totalAmount: number; totalAccepted: number }>>({});
const boxStatusOptions = useMemo(() => {
const p = ['READY_TO_INVOICE'] as BoxStatus[];
@@ -192,6 +193,40 @@ const DashboardBoxesPage = (props: Props) => {
return () => clearTimeout(timeoutId);
}, [keyword]);
useEffect(() => {
const fetchAmounts = async () => {
const result: Record<number, { totalAmount: number; totalAccepted: number }> = {};
await Promise.all(
list.map(async box => {
try {
const res = await box_requests.find({ packetId: box.id });
const boxData = res.data.data;
const total = boxData.items.reduce(
(acc: { totalAmount: number; totalAccepted: number }, item: any) => {
acc.totalAmount += +item.amount || 0;
acc.totalAccepted += +item.acceptedNumber || 0;
return acc;
},
{ totalAmount: 0, totalAccepted: 0 }
);
result[box.id] = total;
} catch (e) {
console.error(`Failed to fetch box ${box.id}`, e);
}
})
);
setBoxAmounts(result);
};
if (list.length > 0 && !loading) {
fetchAmounts();
}
}, [list, loading]);
// No, PartyName, PacketName, PartyTozaOg'irlik, CountOfItems, WeightOfItems, CargoID, PassportNameFamily - PacketStatusForInvoice
const columns: ColumnData<IBox>[] = [
{
@@ -233,59 +268,12 @@ const DashboardBoxesPage = (props: Props) => {
label: t('count_of_items'),
width: 120,
renderCell: data => {
const getOneBox = useRequest(
() => {
return box_requests.find({ packetId: data.id });
},
{
selectData(data) {
const boxData = data.data.data;
return {
products_list: [
...boxData.items.map(item => {
let name = item.name;
let nameRu = item.nameRu;
return {
id: item.id,
price: item.price,
cargoId: item.cargoId,
trekId: item.trekId,
name: name,
acceptedNumber: item.acceptedNumber,
nameRu: nameRu,
amount: +item.amount,
weight: +item.weight,
};
}),
],
};
},
}
);
const total = boxAmounts[data.id];
if (!total) return <Typography>...</Typography>;
return (
<div>
{(() => {
const total = getOneBox.data?.products_list.reduce(
(acc, product) => {
console.log(product, 'totalAccepted');
acc.totalAmount += +product.amount || 0;
acc.totalAccepted += +product.acceptedNumber || 0;
return acc;
},
{ totalAmount: 0, totalAccepted: 0 }
);
return (
<Typography>
{total?.totalAmount} | {total?.totalAccepted}
</Typography>
);
})()}
</div>
<Typography>
{total.totalAmount} | {total.totalAccepted}
</Typography>
);
},
},

10
src/routes/private/items/components/EditItemModal.tsx
View File

@@ -1,15 +1,13 @@
import BaseButton from '@/components/ui-kit/BaseButton';
import BaseInput from '@/components/ui-kit/BaseInput';
import BaseModal from '@/components/ui-kit/BaseModal';
import BaseReactSelect from '@/components/ui-kit/BaseReactSelect';
import { Product } from '@/data/item/item.mode';
import { item_requests } from '@/data/item/item.requests';
import { staff_requests } from '@/data/staff/staff.requests';
import { useMyTranslation } from '@/hooks/useMyTranslation';
import { notifyUnknownError } from '@/services/notification';
import { Box, Grid, Stack, Typography, styled } from '@mui/material';
import React, { useState } from 'react';
import { Controller, useForm } from 'react-hook-form';
import { useState } from 'react';
import { useForm } from 'react-hook-form';
const StyledBox = styled(Box)`
.title {
@@ -52,6 +50,8 @@ const EditItemModal = ({ onClose, open, onSuccess, item }: Props) => {
name: string;
amount: number;
weight: number;
acceptedNumber: number | null;
nameRu: string;
}>({
defaultValues: {
amount: item.amount,
@@ -59,6 +59,8 @@ const EditItemModal = ({ onClose, open, onSuccess, item }: Props) => {
name: item.name,
trekId: item.trekId,
weight: item.weight,
acceptedNumber: item.acceptedNumber,
nameRu: item.nameRu,
},
});