rename qcFormVer2 -> qcComponent

src/components/PoDetail/QcFormVer2.tsx → src/components/PoDetail/QcComponent.tsx

@@ -71,7 +71,7 @@ type EntryError =
 
 type QcRow = TableRow<Partial<QcData>, EntryError>;
 // fetchQcItemCheck
-const QcFormVer2: React.FC<Props> = ({ qc, itemDetail, disabled, qcItems, setQcItems }) => {
+const QcComponent: React.FC<Props> = ({ qc, itemDetail, disabled, qcItems, setQcItems }) => {
   const { t } = useTranslation("purchaseOrder");
   const apiRef = useGridApiRef();
   const {
@@ -462,8 +462,9 @@ const QcFormVer2: React.FC<Props> = ({ qc, itemDetail, disabled, qcItems, setQcI
                   }}
                 >
                   <FormControlLabel disabled={disabled}
-                    value="1" control={<Radio />} label="接受" />
-                  <Box sx={{mr:2}}>
+                    value="1" control={<Radio />} label="接受來貨" />
+                  
+                  {itemDetail.status == "escalated" && (<Box sx={{mr:2}}>
                     <TextField
                       type="number"
                       label={t("acceptQty")}
@@ -478,15 +479,20 @@ const QcFormVer2: React.FC<Props> = ({ qc, itemDetail, disabled, qcItems, setQcI
                       error={Boolean(errors.acceptQty)}
                       helperText={errors.acceptQty?.message}
                     />
-                  </Box>
+                  </Box>)}
+
+                  {itemDetail.status == "pending" && (<>
                   <FormControlLabel disabled={disabled}
                     value="2" control={<Radio />}
                     sx={{"& .Mui-checked": {color: "red"}}}
-                    label="不接受" />
+                    label="不接受並退貨" />
+
+                    
                   <FormControlLabel disabled={disabled}
                     value="3" control={<Radio />}
                     sx={{"& .Mui-checked": {color: "blue"}}}
                     label="上報品檢結果" />
+                    </>)}
                 </RadioGroup>
               )}
             />
@@ -518,4 +524,4 @@ const QcFormVer2: React.FC<Props> = ({ qc, itemDetail, disabled, qcItems, setQcI
     </>
   );
 };
-export default QcFormVer2;
+export default QcComponent;

src/components/PoDetail/QcStockInModalVer2.tsx

@@ -17,8 +17,8 @@ import { StockInLineRow } from "./PoInputGrid";
 import { useTranslation } from "react-i18next";
 import StockInForm from "./StockInForm";
 import StockInFormVer2 from "./StockInFormVer2";
-import QcFormVer2 from "./QcFormVer2";
 import PutawayForm from "./PutawayForm";
+import QcComponent from "./QcComponent";
 import { dummyPutawayLine, dummyQCData } from "./dummyQcTemplate";
 import { useGridApiRef } from "@mui/x-data-grid";
 import {submitDialogWithWarning} from "../Swal/CustomAlerts";
@@ -28,6 +28,7 @@ import { watch } from "fs";
 import { EscalationResult } from "@/app/api/escalation";
 import { SessionWithTokens } from "@/config/authConfig";
 
+
 const style = {
   position: "absolute",
   top: "50%",
@@ -474,7 +475,7 @@ const [qcItems, setQcItems] = useState(dummyQCData)
                   justifyContent="flex-start"
                   alignItems="flex-start"
                 >
-                  <QcFormVer2
+                  <QcComponent
                     qc={qc!}
                     itemDetail={itemDetail}
                     disabled={viewOnly}