gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-24 15:25:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(FE-208): implement conditional item deletion in PurchaseOrderDetail and update form handling in PurchaseOrderStaffApprovalForm

Browse Source
This commit is contained in:
rstubryan
2025-11-21 13:26:34 +07:00
parent f6fe2d4eb1
commit c74733430b
2 changed files with 59 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
+19 -24
View File
@@ -252,7 +252,7 @@ const PurchaseOrderStaffApprovalForm = ({
(item) => item.id === purchaseItem.id
);
return {
purchase_item_id: type === 'edit' ? purchaseItem.value : undefined,
purchase_item_id: purchaseItem.id,
product_id: purchaseItem.product_id || 0,
warehouse_id: purchaseItem.warehouse_id || 0,
qty: purchaseItem.quantity || 0,
@@ -266,36 +266,27 @@ const PurchaseOrderStaffApprovalForm = ({
}, [purchaseItems, type, initialValues]);
// ===== PURCHASE ITEM OPERATIONS =====
const findItemIndex = (purchaseItemId: number) => {
return purchaseItems.findIndex((item) => item.id === purchaseItemId);
};
const handlePurchaseItemChange = (
purchaseItemId: number,
field: 'price' | 'total_price',
value: string | number
) => {
const itemIndex = findItemIndex(purchaseItemId);
const formItemIndex = formik.values.items?.findIndex(
(item) => item.purchase_item_id === purchaseItemId
);
const purchaseItem = purchaseItems.find(
(item) => item.id === purchaseItemId
);
if (itemIndex === -1 || formItemIndex === -1) return;
if (formItemIndex === -1 || !purchaseItem) return;
if (field === 'price' || field === 'total_price') {
const numValue =
typeof value === 'string' ? parseFloat(value) || 0 : value;
formik.setFieldValue(`items.${formItemIndex}.${field}`, numValue);
const selectedItem = purchaseItems[itemIndex];
if (
field === 'price' &&
selectedItem &&
selectedItem.quantity > 0 &&
numValue >= 0
) {
const calculatedTotal = numValue * selectedItem.quantity;
if (field === 'price' && purchaseItem.quantity > 0 && numValue >= 0) {
const calculatedTotal = numValue * purchaseItem.quantity;
formik.setFieldValue(
`items.${formItemIndex}.total_price`,
calculatedTotal
@@ -304,11 +295,10 @@ const PurchaseOrderStaffApprovalForm = ({
if (
field === 'total_price' &&
selectedItem &&
selectedItem.quantity > 0 &&
purchaseItem.quantity > 0 &&
numValue >= 0
) {
const calculatedPrice = numValue / selectedItem.quantity;
const calculatedPrice = numValue / purchaseItem.quantity;
formik.setFieldValue(`items.${formItemIndex}.price`, calculatedPrice);
}
}
@@ -362,6 +352,11 @@ const PurchaseOrderStaffApprovalForm = ({
(item) =>
item.purchase_item_id === purchaseItem.id
);
const formItemIndex =
formik.values.items?.findIndex(
(item) =>
item.purchase_item_id === purchaseItem.id
);
return (
<tr key={`purchase-item-${purchaseItem.id}`}>
<td>
@@ -383,7 +378,7 @@ const PurchaseOrderStaffApprovalForm = ({
</td>
<td>
<TextInput
name={`items.${purchaseItem.id}.product_category`}
name={`items.${formItemIndex}.product_category`}
type='text'
value={
typeof purchaseItem?.product
@@ -403,7 +398,7 @@ const PurchaseOrderStaffApprovalForm = ({
</td>
<td>
<TextInput
name={`items.${purchaseItem.id}.quantity`}
name={`items.${formItemIndex}.quantity`}
type='text'
value={
purchaseItem?.quantity
@@ -421,7 +416,7 @@ const PurchaseOrderStaffApprovalForm = ({
</td>
<td>
<TextInput
name={`items.${purchaseItem.id}.uom`}
name={`items.${formItemIndex}.uom`}
type='text'
value={
purchaseItem?.product?.uom?.name || ''
@@ -436,7 +431,7 @@ const PurchaseOrderStaffApprovalForm = ({
<td>
<NumberInput
required
name={`items.${purchaseItem.id}.price`}
name={`items.${formItemIndex}.price`}
value={formItem?.price || ''}
onChange={(e) =>
handlePurchaseItemChange(
@@ -473,7 +468,7 @@ const PurchaseOrderStaffApprovalForm = ({
<td>
<NumberInput
required
name={`items.${purchaseItem.id}.total_price`}
name={`items.${formItemIndex}.total_price`}
value={formItem?.total_price || ''}
onChange={(e) =>
handlePurchaseItemChange(