| @@ -29,6 +29,13 @@ const PaymentDetails = ({ formData, }) => { | |||||
| } | } | ||||
| }, [data]); | }, [data]); | ||||
| const getPaymentMethod=()=>{ | |||||
| let paymentmethod = data.payload.paymentdetail.paymentmethod; | |||||
| if("01" == paymentmethod) return "PPS"; | |||||
| if("02" == paymentmethod || "03" == paymentmethod) return "Credit Card"; | |||||
| if("04" == paymentmethod) return "FPS"; | |||||
| return paymentmethod; | |||||
| } | |||||
| return ( | return ( | ||||
| !onReady ? | !onReady ? | ||||
| @@ -136,7 +143,7 @@ const PaymentDetails = ({ formData, }) => { | |||||
| </Grid> | </Grid> | ||||
| <Grid item xs={9} md={9} sx={{ textAlign: "left" }}> | <Grid item xs={9} md={9} sx={{ textAlign: "left" }}> | ||||
| <FormLabel sx={{ color: "#000000" }}> | <FormLabel sx={{ color: "#000000" }}> | ||||
| {data.payload?.paymentdetail?.subtype ?? (data.payload.paymentdetail.paymentmethod === "01" ? "PPS" : "")} | |||||
| {getPaymentMethod()} | |||||
| </FormLabel> | </FormLabel> | ||||
| </Grid> | </Grid> | ||||
| </Grid> | </Grid> | ||||
| @@ -29,6 +29,13 @@ const PaymentDetails = ({ formData, }) => { | |||||
| } | } | ||||
| }, [data]); | }, [data]); | ||||
| const getPaymentMethod=()=>{ | |||||
| let paymentmethod = data.payload.paymentdetail.paymentmethod; | |||||
| if("01" == paymentmethod) return "PPS"; | |||||
| if("02" == paymentmethod || "03" == paymentmethod) return "Credit Card"; | |||||
| if("04" == paymentmethod) return "FPS"; | |||||
| return paymentmethod; | |||||
| } | |||||
| return ( | return ( | ||||
| !onReady ? | !onReady ? | ||||
| @@ -136,7 +143,7 @@ const PaymentDetails = ({ formData, }) => { | |||||
| </Grid> | </Grid> | ||||
| <Grid item xs={9} md={9} sx={{ textAlign: "left" }}> | <Grid item xs={9} md={9} sx={{ textAlign: "left" }}> | ||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000" }}> | <FormLabel sx={{ fontSize: "16px", color: "#000000" }}> | ||||
| {data.payload?.paymentdetail?.subtype ?? (data.payload.paymentdetail.paymentmethod === "01" ? "PPS" : "")} | |||||
| {getPaymentMethod()} | |||||
| </FormLabel> | </FormLabel> | ||||
| </Grid> | </Grid> | ||||
| </Grid> | </Grid> | ||||
| @@ -184,90 +184,7 @@ const AckPage = () => { | |||||
| </Grid> | </Grid> | ||||
| </Grid> | </Grid> | ||||
| </Grid> | </Grid> | ||||
| {/* <Grid item xs={12} md={12}> | |||||
| <Grid container > | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| 交易參考號: | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| {"P" + transactionData.transactionid} | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| </Grid> | |||||
| </Grid> | |||||
| <Grid item xs={12} md={12}> | |||||
| <Grid container > | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| 交易日期: | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| {transactionDate + " (DD/MM/YYYY)"} | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| </Grid> | |||||
| </Grid> | |||||
| <Grid item xs={12} md={12}> | |||||
| <Grid container > | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| 交易時間: | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| {transactionTime + " (HH:MI:SS)"} | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| </Grid> | |||||
| </Grid> | |||||
| <Grid item xs={12} md={12}> | |||||
| <Grid container > | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| EGIS 參考號: | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| {transactionData.transactionid} | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| </Grid> | |||||
| </Grid> | |||||
| <Grid item xs={12} md={12}> | |||||
| <Grid container > | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| 支付金額 | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| {"HK$ " + transactionData.amount} | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| </Grid> | |||||
| </Grid> | |||||
| <Grid item xs={12} md={12}> | |||||
| <Grid container > | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| 付款方式: | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| {transactionData.paymentdetail.subtype ?? (transactionData.paymentdetail.paymentmethod === "01" ? "PPS" : "")} | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| </Grid> | |||||
| </Grid> */} | |||||
| </Grid> | </Grid> | ||||
| </Grid> | </Grid> | ||||
| </center> | </center> | ||||
| @@ -189,90 +189,7 @@ const Index = () => { | |||||
| </Grid> | </Grid> | ||||
| </Grid> | </Grid> | ||||
| </Grid> | </Grid> | ||||
| {/* <Grid item xs={12} md={12}> | |||||
| <Grid container > | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| 交易參考號: | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| {"P" + transactionData.transactionid} | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| </Grid> | |||||
| </Grid> | |||||
| <Grid item xs={12} md={12}> | |||||
| <Grid container > | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| 交易日期: | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| {transactionDate + " (DD/MM/YYYY)"} | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| </Grid> | |||||
| </Grid> | |||||
| <Grid item xs={12} md={12}> | |||||
| <Grid container > | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| 交易時間: | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| {transactionTime + " (HH:MI:SS)"} | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| </Grid> | |||||
| </Grid> | |||||
| <Grid item xs={12} md={12}> | |||||
| <Grid container > | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| EGIS 參考號: | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| {transactionData.transactionid} | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| </Grid> | |||||
| </Grid> | |||||
| <Grid item xs={12} md={12}> | |||||
| <Grid container > | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| 支付金額 | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| {"HK$ " + transactionData.amount} | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| </Grid> | |||||
| </Grid> | |||||
| <Grid item xs={12} md={12}> | |||||
| <Grid container > | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| 付款方式: | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| <Grid item> | |||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000", textAlign: "center" }}> | |||||
| {transactionData.paymentdetail.subtype ?? (transactionData.paymentdetail.paymentmethod === "01" ? "PPS" : "")} | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| </Grid> | |||||
| </Grid> */} | |||||
| </Grid> | </Grid> | ||||
| </Grid> | </Grid> | ||||
| </center> | </center> | ||||