|
@@ -19,7 +19,7 @@ import ForwardIcon from '@mui/icons-material/Forward'; |
|
|
import { |
|
|
import { |
|
|
isORGLoggedIn, |
|
|
isORGLoggedIn, |
|
|
isDummyLoggedIn, |
|
|
isDummyLoggedIn, |
|
|
isCreditorLoggedIn, |
|
|
|
|
|
|
|
|
// isCreditorLoggedIn, |
|
|
checkIsOnlyOnlinePaymentByIssueDate |
|
|
checkIsOnlyOnlinePaymentByIssueDate |
|
|
} from "utils/Utils"; |
|
|
} from "utils/Utils"; |
|
|
|
|
|
|
|
@@ -353,106 +353,101 @@ const PublicNoticeApplyForm = ({ loadedData, _selections, gazetteIssueList }) => |
|
|
</Grid> |
|
|
</Grid> |
|
|
</Grid> |
|
|
</Grid> |
|
|
</Grid> |
|
|
</Grid> |
|
|
|
|
|
|
|
|
{!isCreditorLoggedIn() ? |
|
|
|
|
|
<Grid item xs={12} alignItems={"center"} sx={{ p: 2 }}> |
|
|
|
|
|
<table style={tabelStyle}> |
|
|
|
|
|
<tbody> |
|
|
|
|
|
<tr style={tabelStyle}> |
|
|
|
|
|
<th style={tabelStyle} width="400" align="left"><FormattedMessage id="paymentMeans" /></th> |
|
|
|
|
|
<th style={tabelStyle} width="300" align="left"><FormattedMessage id="confirmingDealine" /></th> |
|
|
|
|
|
<th style={tabelStyle} width="300" align="left"><FormattedMessage id="PaymentCoonpletDealine" /></th> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td style={tabelStyle}> |
|
|
|
|
|
<FormattedMessage id="payOnline" /> |
|
|
|
|
|
<br /><a href="#payOnlineDetails" color='#fff' onClick={() => { |
|
|
|
|
|
setWarningTitle(intl.formatMessage({ id: "paymentMeans" }) + ": " + intl.formatMessage({ id: "payOnline" })) |
|
|
|
|
|
setWarningText( |
|
|
|
|
|
<><FormattedMessage id="paymentMethodMeans" />: |
|
|
|
|
|
<ul> |
|
|
|
|
|
<li><FormattedMessage id="fps" /></li> |
|
|
|
|
|
<li><FormattedMessage id="card" /></li> |
|
|
|
|
|
<li><FormattedMessage id="pps" /></li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
</> |
|
|
|
|
|
); |
|
|
|
|
|
setIsWarningPopUp(true); |
|
|
|
|
|
}}><u><FormattedMessage id="viewDetail" /></u></a> |
|
|
|
|
|
</td> |
|
|
|
|
|
<td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} {locale==='en'?"2:00 p.m.":"下午2時"}</td> |
|
|
|
|
|
<td style={tabelStyle}> |
|
|
|
|
|
<FormattedMessage id="payOnlineRemark" values={{ |
|
|
|
|
|
date: DateUtils.dateFormat(closeDate, dft) |
|
|
|
|
|
}} /> |
|
|
|
|
|
</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
{!isOnlyOnlinePayment? |
|
|
|
|
|
<> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td style={tabelStyle}><FormattedMessage id="payDn" /> |
|
|
|
|
|
<br /><a href="#payDnDetails" onClick={() => { |
|
|
|
|
|
setWarningTitle(intl.formatMessage({ id: "paymentMeans" }) + ": " + intl.formatMessage({ id: "payDn" })) |
|
|
|
|
|
setWarningText( |
|
|
|
|
|
<><FormattedMessage id="paymentMethodMeans" />: |
|
|
|
|
|
<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> |
|
|
|
|
|
<Typography variant="h6"> |
|
|
|
|
|
<div style={{ padding: 12 }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "proofNote" }) }} /> |
|
|
|
|
|
</Typography> |
|
|
|
|
|
</> |
|
|
|
|
|
); |
|
|
|
|
|
setIsWarningPopUp(true); |
|
|
|
|
|
}}><u><FormattedMessage id="viewDetail" /></u></a> |
|
|
|
|
|
</td> |
|
|
|
|
|
<td style={tabelStyle}>{DateUtils.dateFormat(closingDateOff, dft)} {locale==='en'?"5:00 p.m.":"下午5時"}</td> |
|
|
|
|
|
<td style={tabelStyle}> |
|
|
|
|
|
<FormattedMessage id="payDnRemark" values={{ |
|
|
|
|
|
date: DateUtils.dateFormat(closeDate, dft) |
|
|
|
|
|
}} /> |
|
|
|
|
|
</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td style={tabelStyle}><FormattedMessage id="payNPGO" /> |
|
|
|
|
|
<br /><a href="#payNPGODetails" onClick={() => { |
|
|
|
|
|
setWarningTitle(intl.formatMessage({ id: "paymentMeans" }) + ": " + intl.formatMessage({ id: "payNPGOPopUpTitle" })) |
|
|
|
|
|
setWarningText( |
|
|
|
|
|
<><FormattedMessage id="paymentMethodMeans" />: |
|
|
|
|
|
<ul> |
|
|
|
|
|
<li><FormattedMessage id="cheque" /></li> |
|
|
|
|
|
<li><FormattedMessage id="drafts" /></li> |
|
|
|
|
|
<li><FormattedMessage id="cashierOrders" /></li> |
|
|
|
|
|
<li><FormattedMessage id="cash" /></li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
</> |
|
|
|
|
|
); |
|
|
|
|
|
setIsWarningPopUp(true); |
|
|
|
|
|
}}><u><FormattedMessage id="viewDetail" /></u></a> |
|
|
|
|
|
</td> |
|
|
|
|
|
<td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} {locale==='en'?"12:00 p.m.":"下午12時"}</td> |
|
|
|
|
|
<td style={tabelStyle}> |
|
|
|
|
|
<FormattedMessage id="payNPGORemark" values={{ |
|
|
|
|
|
date: DateUtils.dateFormat(closeDate, dft) |
|
|
|
|
|
}} /> |
|
|
|
|
|
</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
</>:null |
|
|
|
|
|
} |
|
|
|
|
|
</tbody> |
|
|
|
|
|
</table> |
|
|
|
|
|
|
|
|
|
|
|
</Grid> : null |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Grid item xs={12} alignItems={"center"} sx={{ p: 2 }}> |
|
|
|
|
|
<table style={tabelStyle}> |
|
|
|
|
|
<tbody> |
|
|
|
|
|
<tr style={tabelStyle}> |
|
|
|
|
|
<th style={tabelStyle} width="400" align="left"><FormattedMessage id="paymentMeans" /></th> |
|
|
|
|
|
<th style={tabelStyle} width="300" align="left"><FormattedMessage id="confirmingDealine" /></th> |
|
|
|
|
|
<th style={tabelStyle} width="300" align="left"><FormattedMessage id="PaymentCoonpletDealine" /></th> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td style={tabelStyle}> |
|
|
|
|
|
<FormattedMessage id="payOnline" /> |
|
|
|
|
|
<br /><a href="#payOnlineDetails" color='#fff' onClick={() => { |
|
|
|
|
|
setWarningTitle(intl.formatMessage({ id: "paymentMeans" }) + ": " + intl.formatMessage({ id: "payOnline" })) |
|
|
|
|
|
setWarningText( |
|
|
|
|
|
<><FormattedMessage id="paymentMethodMeans" />: |
|
|
|
|
|
<ul> |
|
|
|
|
|
<li><FormattedMessage id="fps" /></li> |
|
|
|
|
|
<li><FormattedMessage id="card" /></li> |
|
|
|
|
|
<li><FormattedMessage id="pps" /></li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
</> |
|
|
|
|
|
); |
|
|
|
|
|
setIsWarningPopUp(true); |
|
|
|
|
|
}}><u><FormattedMessage id="viewDetail" /></u></a> |
|
|
|
|
|
</td> |
|
|
|
|
|
<td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} {locale==='en'?"2:00 p.m.":"下午2時"}</td> |
|
|
|
|
|
<td style={tabelStyle}> |
|
|
|
|
|
<FormattedMessage id="payOnlineRemark" values={{ |
|
|
|
|
|
date: DateUtils.dateFormat(closeDate, dft) |
|
|
|
|
|
}} /> |
|
|
|
|
|
</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
{!isOnlyOnlinePayment? |
|
|
|
|
|
<> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td style={tabelStyle}><FormattedMessage id="payDn" /> |
|
|
|
|
|
<br /><a href="#payDnDetails" onClick={() => { |
|
|
|
|
|
setWarningTitle(intl.formatMessage({ id: "paymentMeans" }) + ": " + intl.formatMessage({ id: "payDn" })) |
|
|
|
|
|
setWarningText( |
|
|
|
|
|
<><FormattedMessage id="paymentMethodMeans" />: |
|
|
|
|
|
<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> |
|
|
|
|
|
<Typography variant="h6"> |
|
|
|
|
|
<div style={{ padding: 12 }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "proofNote" }) }} /> |
|
|
|
|
|
</Typography> |
|
|
|
|
|
</> |
|
|
|
|
|
); |
|
|
|
|
|
setIsWarningPopUp(true); |
|
|
|
|
|
}}><u><FormattedMessage id="viewDetail" /></u></a> |
|
|
|
|
|
</td> |
|
|
|
|
|
<td style={tabelStyle}>{DateUtils.dateFormat(closingDateOff, dft)} {locale==='en'?"5:00 p.m.":"下午5時"}</td> |
|
|
|
|
|
<td style={tabelStyle}> |
|
|
|
|
|
<FormattedMessage id="payDnRemark" values={{ |
|
|
|
|
|
date: DateUtils.dateFormat(closeDate, dft) |
|
|
|
|
|
}} /> |
|
|
|
|
|
</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td style={tabelStyle}><FormattedMessage id="payNPGO" /> |
|
|
|
|
|
<br /><a href="#payNPGODetails" onClick={() => { |
|
|
|
|
|
setWarningTitle(intl.formatMessage({ id: "paymentMeans" }) + ": " + intl.formatMessage({ id: "payNPGOPopUpTitle" })) |
|
|
|
|
|
setWarningText( |
|
|
|
|
|
<><FormattedMessage id="paymentMethodMeans" />: |
|
|
|
|
|
<ul> |
|
|
|
|
|
<li><FormattedMessage id="cheque" /></li> |
|
|
|
|
|
<li><FormattedMessage id="drafts" /></li> |
|
|
|
|
|
<li><FormattedMessage id="cashierOrders" /></li> |
|
|
|
|
|
<li><FormattedMessage id="cash" /></li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
</> |
|
|
|
|
|
); |
|
|
|
|
|
setIsWarningPopUp(true); |
|
|
|
|
|
}}><u><FormattedMessage id="viewDetail" /></u></a> |
|
|
|
|
|
</td> |
|
|
|
|
|
<td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} {locale==='en'?"12:00 p.m.":"下午12時"}</td> |
|
|
|
|
|
<td style={tabelStyle}> |
|
|
|
|
|
<FormattedMessage id="payNPGORemark" values={{ |
|
|
|
|
|
date: DateUtils.dateFormat(closeDate, dft) |
|
|
|
|
|
}} /> |
|
|
|
|
|
</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
</>:null |
|
|
|
|
|
} |
|
|
|
|
|
</tbody> |
|
|
|
|
|
</table> |
|
|
|
|
|
</Grid> |
|
|
<Grid item xs={12} md={12} lg={12}> |
|
|
<Grid item xs={12} md={12} lg={12}> |
|
|
<Grid container direction="row" justifyContent="flex-start" alignItems="center"> |
|
|
<Grid container direction="row" justifyContent="flex-start" alignItems="center"> |
|
|
<Grid item xs={12} md={3} lg={3} |
|
|
<Grid item xs={12} md={3} lg={3} |
|
@@ -528,9 +523,7 @@ const PublicNoticeApplyForm = ({ loadedData, _selections, gazetteIssueList }) => |
|
|
</> |
|
|
</> |
|
|
: |
|
|
: |
|
|
null |
|
|
null |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
{ |
|
|
{ |
|
|
isDummyLoggedIn() ? |
|
|
isDummyLoggedIn() ? |
|
|
<Grid item xs={12} md={12} lg={12}> |
|
|
<Grid item xs={12} md={12} lg={12}> |
|
|