From b9a9deb1d44ae113c10eb3690feb34910d65d4f8 Mon Sep 17 00:00:00 2001
From: "B.E.N.S.O.N" <bensonhkbus@gmail.com>
Date: Wed, 22 Apr 2026 19:02:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E5=96=AE=E6=9D=BF=E9=A0=AD=E7=B4=99?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/api/jo/actions.ts                     |  4 ++
 .../Jodetail/completeJobOrderRecord.tsx       | 37 ++++++++++++++++---
 2 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/src/app/api/jo/actions.ts b/src/app/api/jo/actions.ts
index 5890d78..7b0dc2b 100644
--- a/src/app/api/jo/actions.ts
+++ b/src/app/api/jo/actions.ts
@@ -133,6 +133,7 @@ export interface PrintPickRecordRequest{
   pickOrderId: number;
   printerId: number;
   printQty: number;
+  floor?: "2F" | "3F" | "4F" | "ALL";
 }
 
 export interface PrintPickRecordResponse{
@@ -1318,6 +1319,9 @@ export async function PrintPickRecord(request: PrintPickRecordRequest){
   if (request.printQty !== null && request.printQty !== undefined) {
     params.append('printQty', request.printQty.toString());
   }
+  if (request.floor) {
+    params.append('floor', request.floor);
+  }
 
   //const response = await serverFetchWithNoContent(`${BASE_API_URL}/jo/print-PickRecord?${params.toString()}`,{
     const response = await serverFetchWithNoContent(`${BASE_API_URL}/jo/print-PickRecord?${params.toString()}`,{
diff --git a/src/components/Jodetail/completeJobOrderRecord.tsx b/src/components/Jodetail/completeJobOrderRecord.tsx
index 74aec53..31f521d 100644
--- a/src/components/Jodetail/completeJobOrderRecord.tsx
+++ b/src/components/Jodetail/completeJobOrderRecord.tsx
@@ -378,7 +378,10 @@ const CompleteJobOrderRecord: React.FC<Props> = ({
     }));
   }, []);
 
-  const handlePickRecord = useCallback(async (jobOrderPickOrder: CompletedJobOrderPickOrder) => {
+  const handlePickRecord = useCallback(async (
+    jobOrderPickOrder: CompletedJobOrderPickOrder,
+    floor: "2F" | "3F" | "4F" | "ALL"
+  ) => {
     try {
       if (!jobOrderPickOrder) {
         console.error("No selected job order pick order available");
@@ -418,7 +421,8 @@ const CompleteJobOrderRecord: React.FC<Props> = ({
       const printRequest = {
         pickOrderId: pickOrderId,
         printerId: printerId,
-        printQty: printQty
+        printQty: printQty,
+        floor,
       };
 
       console.log("Printing Pick Record with request: ", printRequest);
@@ -703,12 +707,33 @@ const CompleteJobOrderRecord: React.FC<Props> = ({
                       >
                         {t("View Details")}
                       </Button>
-                      <Button 
-                        variant="contained" 
+                      <Button
+                        variant="contained"
+                        color="primary"
+                        onClick={() => handlePickRecord(jobOrderPickOrder, "ALL")}
+                      >
+                        打印全部樓層板頭紙
+                      </Button>
+                      <Button
+                        variant="contained"
+                        color="primary"
+                        onClick={() => handlePickRecord(jobOrderPickOrder, "2F")}
+                      >
+                        {t("Print Pick Record")} 2F
+                      </Button>
+                      <Button
+                        variant="contained"
+                        color="primary"
+                        onClick={() => handlePickRecord(jobOrderPickOrder, "3F")}
+                      >
+                        {t("Print Pick Record")} 3F
+                      </Button>
+                      <Button
+                        variant="contained"
                         color="primary"
-                        onClick={() => handlePickRecord(jobOrderPickOrder)}
+                        onClick={() => handlePickRecord(jobOrderPickOrder, "4F")}
                       >
-                        {t("Print Pick Record")}
+                        {t("Print Pick Record")} 4F
                       </Button>
                     </CardActions>
                   </Card>