| @@ -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:30 p.m.</td> | |||
| </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 | |||
| checked={paymentMethod == "office"} | |||
| onChange={() => { | |||
| 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> | |||
| </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"> | |||
| <Typography variant="h5"> | |||
| <FormattedMessage id="requiredUploadFix" />: | |||
| <Typography variant="h5" style={{ color: "red" }}> | |||
| <FormattedMessage id="MSG.overReviseDeadline" /> | |||
| </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} 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}> | |||