update

src/components/PickOrderDetail/PickOrderDetail.tsx

@@ -160,11 +160,11 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
         headerName: "uom",
         flex: 1,
       },
-      {
-        field: "lotLineId",
-        headerName: "lotLineId",
-        flex: 1,
-      },
+      // {
+      //   field: "lotLineId",
+      //   headerName: "lotLineId",
+      //   flex: 1,
+      // },
       {
         field: "warehouse",
         headerName: "location",
@@ -187,10 +187,22 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
           return FitAllCell(suggestedLotNoList);
         },
       },
+      {
+        field: "status",
+        headerName: t("status"),
+        flex: 0.5,
+        renderCell: (params) => {
+          return t(`${params.row.status}`);
+        },
+      },
     ],
     []
   );
 
+  const [isCompletedOrder, setIsCompletedOrder] = useState<boolean>(() => {
+    return pickOrderLine.every((line) => line.status == "completed")
+  })
+
   const fetchPickOrderLine = useCallback(
     async (params: Record<string, any>) => {
       setIsLoadingModel((prev) => ({
@@ -203,7 +215,12 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
       });
       if (res) {
         console.log(res);
+        console.log(res.records.every((line) => line.status == "completed"))
+        setIsCompletedOrder(() => 
+          res.records.every((line) => line.status == "completed")
+        )
         setPickOrderLine(res.records);
+        
         setPolTotalCount(res.total);
       } else {
         console.log("error");
@@ -224,7 +241,7 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
       confirmButtonText: t("Complete"),
       successTitle: t("Complete Success"),
       errorTitle: t("Complete Fail"),
-      buttonText: t("Complete PO"),
+      buttonText: t("Complete Pick Order"),
       buttonIcon: <DoneIcon />,
       buttonColor: "info",
       disabled: true,
@@ -330,16 +347,16 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
       setOpenScanner((prev) => !prev);
       console.log(id);
       setIsChangeLotSolId((prev) => {
-        if (prev != undefined) return undefined
-        return id as number
+        if (prev != undefined) return undefined;
+        return id as number;
       });
     },
     []
   );
 
   useEffect(() => {
-    console.log(isChangeLotSolId)
-  }, [isChangeLotSolId])
+    console.log(isChangeLotSolId);
+  }, [isChangeLotSolId]);
 
   const handleComplete = useCallback(
     (id: GridRowId, params: any) => async () => {
@@ -477,7 +494,8 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
               disabled={
                 !params.row.inventoryLotLineId ||
                 stockOutLineStatusMap[status] === 2 ||
-                stockOutLineStatusMap[status] === 5
+                stockOutLineStatusMap[status] >= 4 ||
+                stockOutLineStatusMap[status] === 0
               }
               // set _isNew to false after posting
               // or check status
@@ -494,14 +512,14 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
               disabled={stockOutLineStatusMap[status] > 0}
               onClick={handleDelete(params.row.id)}
             />,
-            <GridActionsCellItem
-              icon={<InfoIcon />}
-              label="debug button"
-              sx={{
-                color: "error.main",
-              }}
-              onClick={() => console.log(params.row)}
-            />,
+            // <GridActionsCellItem
+            //   icon={<InfoIcon />}
+            //   label="debug button"
+            //   sx={{
+            //     color: "error.main",
+            //   }}
+            //   onClick={() => console.log(params.row)}
+            // />,
           ];
         },
       },
@@ -570,17 +588,14 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
     [stockOutLine, getRowId]
   );
 
-  useEffect(() => {
-    fetchPickOrderLine(polCriteriaArgs);
-  }, [polCriteriaArgs]);
-
+  /// handle refetch all data
   useEffect(() => {
     if (!qcOpen || !approvalOpen) {
-      console.log("triggering")
       triggerRefetch();
+      fetchPickOrderLine(polCriteriaArgs);
     }
     if (selectedRow.length > 0) fetchStockOutLine(solCriteriaArgs, selectedRow);
-  }, [qcOpen, approvalOpen, solCriteriaArgs, selectedRow, triggerRefetch]);
+  }, [qcOpen, approvalOpen, solCriteriaArgs, selectedRow, triggerRefetch, polCriteriaArgs]);
 
   const getLotDetail = useCallback(
     async (stockInLineId: number): Promise<LotLineInfo> => {
@@ -617,8 +632,8 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
   }, [isOpenScanner]);
 
   const homemade_Qrcode = {
-    stockInLineId: 156, // eggs
-    // stockInLineId: 162, // chicken wings
+    // stockInLineId: 156, // eggs
+    stockInLineId: 162, // chicken wings
   };
 
   useEffect(() => {
@@ -725,7 +740,7 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
           <Grid item xs={8}>
             <Button
               // onClick={buttonData.onClick}
-              disabled={buttonData.disabled}
+              disabled={!isCompletedOrder}
               color={buttonData.buttonColor as ButtonProps["color"]}
               startIcon={buttonData.buttonIcon}
             >
@@ -750,7 +765,7 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
             </Button>
           </Grid>
           {/* homemade qrcode for testing purpose */}
-          {/* <Grid
+          <Grid
             item
             xs={12}
             style={{ display: "flex", justifyContent: "center" }}
@@ -759,7 +774,7 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
               content={homemade_Qrcode}
               sx={{ width: 200, height: 200 }}
             />
-          </Grid> */}
+          </Grid>
         </Grid>
         <Grid container xs={12} justifyContent="space-between">
           {/* <Grid item xs={12} sx={{ height: 400 }}>

src/i18n/zh/pickOrder.json

@@ -17,7 +17,7 @@
     "Complete": "完成",
     "Complete Success": "完成成功",
     "Complete Fail": "完成失敗",
-    "Complete PO": "完成採購訂單",
+    "Complete Pick Order": "完成提料單",
     "General": "一般",
     "Bind Storage": "綁定倉位",
     "itemNo": "項目編號",