|
|
|
@@ -1,6 +1,6 @@ |
|
|
|
"use client"; |
|
|
|
|
|
|
|
import { PurchaseQcResult, PurchaseQCInput } from "@/app/api/stockIn/actions"; |
|
|
|
import { QcResult, QCInput } from "@/app/api/stockIn/actions"; |
|
|
|
import { |
|
|
|
Box, |
|
|
|
Card, |
|
|
|
@@ -90,7 +90,7 @@ const QcComponent: React.FC<Props> = ({ itemDetail, disabled = false }) => { |
|
|
|
resetField, |
|
|
|
setError, |
|
|
|
clearErrors, |
|
|
|
} = useFormContext<PurchaseQCInput>(); |
|
|
|
} = useFormContext<QCInput>(); |
|
|
|
|
|
|
|
const [tabIndex, setTabIndex] = useState(0); |
|
|
|
const [rowSelectionModel, setRowSelectionModel] = useState<GridRowSelectionModel>(); |
|
|
|
@@ -103,8 +103,9 @@ const QcComponent: React.FC<Props> = ({ itemDetail, disabled = false }) => { |
|
|
|
const value = watch('qcResult'); //console.log("%c QC update!", "color:green", value); |
|
|
|
return Array.isArray(value) ? [...value] : []; |
|
|
|
}, [watch('qcResult')]); |
|
|
|
const [qcHistory, setQcHistory] = useState<PurchaseQcResult[]>([]); |
|
|
|
const [qcResult, setQcResult] = useState<PurchaseQcResult[]>([]); |
|
|
|
const [qcHistory, setQcHistory] = useState<QcResult[]>([]); |
|
|
|
const [qcResult, setQcResult] = useState<QcResult[]>([]); |
|
|
|
const [newQcData, setNewQcData] = useState<QcResult[]>([]); |
|
|
|
|
|
|
|
const detailMode = useMemo(() => { |
|
|
|
const isDetailMode = itemDetail.status == "escalated" || isNaN(itemDetail.jobOrderId); |
|
|
|
@@ -140,7 +141,7 @@ const QcComponent: React.FC<Props> = ({ itemDetail, disabled = false }) => { |
|
|
|
} |
|
|
|
|
|
|
|
// W I P // |
|
|
|
const validateFieldFail = (field : FieldPath<PurchaseQCInput>, condition: boolean, message: string) : boolean => { |
|
|
|
const validateFieldFail = (field : FieldPath<QCInput>, condition: boolean, message: string) : boolean => { |
|
|
|
// console.log("Checking if " + message) |
|
|
|
if (condition) { setError(field, { message: message}); return false; } |
|
|
|
else { clearErrors(field); return true; } |
|
|
|
@@ -224,7 +225,7 @@ const QcComponent: React.FC<Props> = ({ itemDetail, disabled = false }) => { |
|
|
|
return <Checkbox checked={!!value} onChange={handleChange} sx={{ p: 0 }} />; |
|
|
|
} |
|
|
|
|
|
|
|
const qcDisabled = (row : PurchaseQcResult) => { |
|
|
|
const qcDisabled = (row : QcResult) => { |
|
|
|
return disabled || isExist(row.escalationLogId); |
|
|
|
}; |
|
|
|
|
|
|
|
@@ -418,7 +419,7 @@ const QcComponent: React.FC<Props> = ({ itemDetail, disabled = false }) => { |
|
|
|
// const [openCollapse, setOpenCollapse] = useState(false) |
|
|
|
const [isCollapsed, setIsCollapsed] = useState<boolean>(true); |
|
|
|
|
|
|
|
const onFailedOpenCollapse = useCallback((qcItems: PurchaseQcResult[]) => { |
|
|
|
const onFailedOpenCollapse = useCallback((qcItems: QcResult[]) => { |
|
|
|
const isFailed = qcItems.some((qc) => !qc.qcPassed) |
|
|
|
// console.log(isFailed) |
|
|
|
if (isFailed) { |
|
|
|
@@ -487,7 +488,7 @@ const QcComponent: React.FC<Props> = ({ itemDetail, disabled = false }) => { |
|
|
|
}, [itemDetail]) |
|
|
|
|
|
|
|
const dummyQcHeader = useMemo(() => { |
|
|
|
const d = itemDetail;console.log("I am checking now", d); |
|
|
|
const d = itemDetail; |
|
|
|
if (d.itemId == 23239 || d.itemNo == "PP2277" || d.itemName == "烚意粉") { |
|
|
|
return dummyQcHeader_E2; |
|
|
|
} else { |
|
|
|
|