| @@ -387,125 +387,126 @@ const FormPanel = ({ formData }) => { | |||||
| <td style={tabelStyle}>{DateUtils.dateFormat(formData.closingDate, intl.formatMessage({ id: "dateStrFormat" }))} 2:00 p.m.</td> | <td style={tabelStyle}>{DateUtils.dateFormat(formData.closingDate, intl.formatMessage({ id: "dateStrFormat" }))} 2:00 p.m.</td> | ||||
| <td style={tabelStyle}>{DateUtils.dateFormat(formData.closingDate, intl.formatMessage({ id: "dateStrFormat" }))} 2:30 p.m.</td> | <td style={tabelStyle}>{DateUtils.dateFormat(formData.closingDate, intl.formatMessage({ id: "dateStrFormat" }))} 2:30 p.m.</td> | ||||
| </tr> | </tr> | ||||
| { | |||||
| isOverDnReviseDeadline() ? | |||||
| <></> : | |||||
| <tr> | |||||
| <td style={tabelStyle}> | |||||
| <Checkbox | |||||
| checked={paymentMethod == "demandNote"} | |||||
| onChange={() => { | |||||
| set_paymentMethod("demandNote") | |||||
| }} | |||||
| /> | |||||
| </td> | |||||
| <td style={tabelStyle}><FormattedMessage id="payDn" /></td> | |||||
| <td style={tabelStyle}> | |||||
| <ul> | |||||
| <li><FormattedMessage id="atm" /></li> | |||||
| <li><FormattedMessage id="pps" /></li> | |||||
| <li><FormattedMessage id="eBank" /></li> | |||||
| <li><FormattedMessage id="phoneBank" /></li> | |||||
| <li><FormattedMessage id="eCheque" /></li> | |||||
| <li><FormattedMessage id="fps" /></li> | |||||
| <li><FormattedMessage id="hkpo" /></li> | |||||
| <li><FormattedMessage id="store" /></li> | |||||
| <li><FormattedMessage id="post" /></li> | |||||
| </ul> | |||||
| </td> | |||||
| <td style={tabelStyle}>{DateUtils.dateFormat(formData.closingDateOff, intl.formatMessage({ id: "dateStrFormat" }))} 5:00 p.m.</td> | |||||
| <td style={tabelStyle}> | |||||
| <FormattedMessage id="payDnRemark" values={{ | |||||
| date: DateUtils.dateFormat(formData.closingDate, intl.formatMessage({ id: "dateStrFormat" })) + " 12:30 p.m." | |||||
| }} /> | |||||
| </td> | |||||
| </tr> | |||||
| } | |||||
| { | |||||
| isOverNpgoReviseDeadline() ? | |||||
| <></> : | |||||
| <tr> | |||||
| <td style={tabelStyle}> | |||||
| <tr> | |||||
| <td style={tabelStyle}> | |||||
| {isOverDnReviseDeadline() ? | |||||
| <></> : | |||||
| <Checkbox | |||||
| checked={paymentMethod == "demandNote"} | |||||
| onChange={() => { | |||||
| set_paymentMethod("demandNote") | |||||
| }} | |||||
| /> | |||||
| } | |||||
| </td> | |||||
| <td style={tabelStyle}><FormattedMessage id="payDn" /></td> | |||||
| <td style={tabelStyle}> | |||||
| <ul> | |||||
| <li><FormattedMessage id="atm" /></li> | |||||
| <li><FormattedMessage id="pps" /></li> | |||||
| <li><FormattedMessage id="eBank" /></li> | |||||
| <li><FormattedMessage id="phoneBank" /></li> | |||||
| <li><FormattedMessage id="eCheque" /></li> | |||||
| <li><FormattedMessage id="fps" /></li> | |||||
| <li><FormattedMessage id="hkpo" /></li> | |||||
| <li><FormattedMessage id="store" /></li> | |||||
| <li><FormattedMessage id="post" /></li> | |||||
| </ul> | |||||
| </td> | |||||
| <td style={tabelStyle}>{DateUtils.dateFormat(formData.closingDateOff, intl.formatMessage({ id: "dateStrFormat" }))} 5:00 p.m.</td> | |||||
| <td style={tabelStyle}> | |||||
| <FormattedMessage id="payDnRemark" values={{ | |||||
| date: DateUtils.dateFormat(formData.closingDate, intl.formatMessage({ id: "dateStrFormat" })) + " 12:30 p.m." | |||||
| }} /> | |||||
| </td> | |||||
| </tr> | |||||
| <tr> | |||||
| <td style={tabelStyle}> | |||||
| { | |||||
| isOverNpgoReviseDeadline() ? | |||||
| <></> : | |||||
| <Checkbox | <Checkbox | ||||
| checked={paymentMethod == "office"} | checked={paymentMethod == "office"} | ||||
| onChange={() => { | onChange={() => { | ||||
| set_paymentMethod("office") | set_paymentMethod("office") | ||||
| }} | }} | ||||
| /> | /> | ||||
| </td> | |||||
| <td style={tabelStyle}><FormattedMessage id="payNPGO" /></td> | |||||
| <td style={tabelStyle}> | |||||
| <ul> | |||||
| <li><FormattedMessage id="cheque" /></li> | |||||
| <li><FormattedMessage id="cash" /></li> | |||||
| </ul> | |||||
| </td> | |||||
| <td style={tabelStyle}>{DateUtils.dateFormat(formData.closingDate, intl.formatMessage({ id: "dateStrFormat" }))} 12:00 p.m.</td> | |||||
| <td style={tabelStyle}> | |||||
| <FormattedMessage id="payNPGORemark" values={{ | |||||
| date: DateUtils.dateFormat(formData.closingDate, intl.formatMessage({ id: "dateStrFormat" })) + " 12:30 p.m." | |||||
| }} /> | |||||
| </td> | |||||
| </tr> | |||||
| } | |||||
| } | |||||
| </td> | |||||
| <td style={tabelStyle}><FormattedMessage id="payNPGO" /></td> | |||||
| <td style={tabelStyle}> | |||||
| <ul> | |||||
| <li><FormattedMessage id="cheque" /></li> | |||||
| <li><FormattedMessage id="cash" /></li> | |||||
| </ul> | |||||
| </td> | |||||
| <td style={tabelStyle}>{DateUtils.dateFormat(formData.closingDate, intl.formatMessage({ id: "dateStrFormat" }))} 12:00 p.m.</td> | |||||
| <td style={tabelStyle}> | |||||
| <FormattedMessage id="payNPGORemark" values={{ | |||||
| date: DateUtils.dateFormat(formData.closingDate, intl.formatMessage({ id: "dateStrFormat" })) + " 12:30 p.m." | |||||
| }} /> | |||||
| </td> | |||||
| </tr> | |||||
| </table> | </table> | ||||
| </Grid> | </Grid> | ||||
| : | : | ||||
| actionValue? | |||||
| <></> | |||||
| : | |||||
| <> | |||||
| { | |||||
| isOverReviseDeadline() ? | |||||
| <Grid item xs={12} md={12} textAlign="left"> | |||||
| <Typography variant="h5" style={{ color: "red" }}> | |||||
| <FormattedMessage id="MSG.overReviseDeadline" /> | |||||
| </Typography> | |||||
| </Grid> | |||||
| : | |||||
| <> | |||||
| actionValue ? | |||||
| <></> | |||||
| : | |||||
| <> | |||||
| { | |||||
| isOverReviseDeadline() ? | |||||
| <Grid item xs={12} md={12} textAlign="left"> | <Grid item xs={12} md={12} textAlign="left"> | ||||
| <Typography variant="h5"> | |||||
| <FormattedMessage id="requiredUploadFix" />: | |||||
| <Typography variant="h5" style={{ color: "red" }}> | |||||
| <FormattedMessage id="MSG.overReviseDeadline" /> | |||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={12} md={12} textAlign="left"> | |||||
| <input | |||||
| id="uploadFileBtn" | |||||
| name="file" | |||||
| type="file" | |||||
| accept=".pdf" | |||||
| style={{ display: 'none' }} | |||||
| disabled={attachments.length >= (formik.values.groupType === "Private Bill" ? 2 : 1)} | |||||
| onChange={(event) => { | |||||
| readFile(event) | |||||
| }} | |||||
| /> | |||||
| <label htmlFor="uploadFileBtn"> | |||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | |||||
| color="save" | |||||
| component="span" | |||||
| variant="contained" | |||||
| aria-label={intl.formatMessage({ id: 'upload' })} | |||||
| disabled={attachments.length >= (formik.values.groupType === "Private Bill" ? 2 : 1)} | |||||
| > | |||||
| <FormattedMessage id="upload" /> | |||||
| </Button> | |||||
| </ThemeProvider> | |||||
| </label> | |||||
| </Grid> | |||||
| <Grid item xs={12} sm={12} md={12} lg={12} textAlign="left" sx={{ width: '95%', maxWidth: { xs: '70vw', sm: '72vw', md: '75vw', lg: '80vw' } }} > | |||||
| <UploadFileTable key="uploadTable" recordList={attachments} setRecordList={setAttachments} /> | |||||
| </Grid> | |||||
| </> | |||||
| } | |||||
| </> | |||||
| : | |||||
| <> | |||||
| <Grid item xs={12} md={12} textAlign="left"> | |||||
| <Typography variant="h5"> | |||||
| <FormattedMessage id="requiredUploadFix" />: | |||||
| </Typography> | |||||
| </Grid> | |||||
| <Grid item xs={12} md={12} textAlign="left"> | |||||
| <input | |||||
| id="uploadFileBtn" | |||||
| name="file" | |||||
| type="file" | |||||
| accept=".pdf" | |||||
| style={{ display: 'none' }} | |||||
| disabled={attachments.length >= (formik.values.groupType === "Private Bill" ? 2 : 1)} | |||||
| onChange={(event) => { | |||||
| readFile(event) | |||||
| }} | |||||
| /> | |||||
| <label htmlFor="uploadFileBtn"> | |||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | |||||
| color="save" | |||||
| component="span" | |||||
| variant="contained" | |||||
| aria-label={intl.formatMessage({ id: 'upload' })} | |||||
| disabled={attachments.length >= (formik.values.groupType === "Private Bill" ? 2 : 1)} | |||||
| > | |||||
| <FormattedMessage id="upload" /> | |||||
| </Button> | |||||
| </ThemeProvider> | |||||
| </label> | |||||
| </Grid> | |||||
| <Grid item xs={12} sm={12} md={12} lg={12} textAlign="left" sx={{ width: '95%', maxWidth: { xs: '70vw', sm: '72vw', md: '75vw', lg: '80vw' } }} > | |||||
| <UploadFileTable key="uploadTable" recordList={attachments} setRecordList={setAttachments} /> | |||||
| </Grid> | |||||
| </> | |||||
| } | |||||
| </> | |||||
| } | } | ||||
| <Grid item xs={12} sm={12} md={12} lg={12}> | <Grid item xs={12} sm={12} md={12} lg={12}> | ||||