| @@ -7,6 +7,7 @@ import { | |||||
| import * as React from "react"; | import * as React from "react"; | ||||
| import * as FormatUtils from "utils/FormatUtils"; | import * as FormatUtils from "utils/FormatUtils"; | ||||
| import * as PaymentStatus from "utils/statusUtils/PaymentStatus"; | |||||
| import Loadable from 'components/Loadable'; | import Loadable from 'components/Loadable'; | ||||
| const MainCard = Loadable(React.lazy(() => import('components/MainCard'))); | const MainCard = Loadable(React.lazy(() => import('components/MainCard'))); | ||||
| const LoadingComponent = Loadable(React.lazy(() => import('pages/extra-pages/LoadingComponent'))); | const LoadingComponent = Loadable(React.lazy(() => import('pages/extra-pages/LoadingComponent'))); | ||||
| @@ -42,6 +43,20 @@ const PaymentDetails = ({ formData, }) => { | |||||
| </Typography> | </Typography> | ||||
| <form> | <form> | ||||
| <Grid container> | <Grid container> | ||||
| <Grid item xs={12} md={12} > | |||||
| <Grid container > | |||||
| <Grid item xs={3} md={3} sx={{ display: 'flex', alignItems: 'center', color: "#000000" }}> | |||||
| <FormLabel sx={{ color: "#000000" }}> | |||||
| 狀態: | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| <Grid item xs={9} md={9} sx={{ textAlign: "left" }}> | |||||
| <FormLabel sx={{ display: 'flex', alignItems: 'center', color: "#000000" }}> | |||||
| {PaymentStatus.getStatus_Cht(data.status)} | |||||
| </FormLabel> | |||||
| </Grid> | |||||
| </Grid> | |||||
| </Grid> | |||||
| <Grid item xs={12} md={12}> | <Grid item xs={12} md={12}> | ||||
| <Grid container > | <Grid container > | ||||
| <Grid item xs={3} md={3} sx={{ textAlign: "left" }}> | <Grid item xs={3} md={3} sx={{ textAlign: "left" }}> | ||||