|
@@ -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}> |
|
|