| @@ -29,6 +29,13 @@ const PaymentDetails = ({ formData, }) => { | |||
| } | |||
| }, [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 ( | |||
| !onReady ? | |||
| @@ -136,7 +143,7 @@ const PaymentDetails = ({ formData, }) => { | |||
| </Grid> | |||
| <Grid item xs={9} md={9} sx={{ textAlign: "left" }}> | |||
| <FormLabel sx={{ color: "#000000" }}> | |||
| {data.payload?.paymentdetail?.subtype ?? (data.payload.paymentdetail.paymentmethod === "01" ? "PPS" : "")} | |||
| {getPaymentMethod()} | |||
| </FormLabel> | |||
| </Grid> | |||
| </Grid> | |||
| @@ -29,6 +29,13 @@ const PaymentDetails = ({ formData, }) => { | |||
| } | |||
| }, [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 ( | |||
| !onReady ? | |||
| @@ -136,7 +143,7 @@ const PaymentDetails = ({ formData, }) => { | |||
| </Grid> | |||
| <Grid item xs={9} md={9} sx={{ textAlign: "left" }}> | |||
| <FormLabel sx={{ fontSize: "16px", color: "#000000" }}> | |||
| {data.payload?.paymentdetail?.subtype ?? (data.payload.paymentdetail.paymentmethod === "01" ? "PPS" : "")} | |||
| {getPaymentMethod()} | |||
| </FormLabel> | |||
| </Grid> | |||
| </Grid> | |||
| @@ -184,90 +184,7 @@ const AckPage = () => { | |||
| </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> | |||
| </center> | |||
| @@ -189,90 +189,7 @@ const Index = () => { | |||
| </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> | |||
| </center> | |||