@@ -87,6 +87,24 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria, issueComboData | |||||
//contact: data.contact, | //contact: data.contact, | ||||
replyed: (status?.type && status?.type != 'all') ? status?.type : "", | replyed: (status?.type && status?.type != 'all') ? status?.type : "", | ||||
}; | }; | ||||
if(status?.type && status?.type != 'all'){ | |||||
if (status?.type == "Confirmed"){ | |||||
temp["replyed"] = "T"; | |||||
temp["action"] = true; | |||||
}else if(status?.type == "Re-proofing"){ | |||||
temp["replyed"] = "T"; | |||||
temp["action"] = false; | |||||
}else if(status?.type == "No Reply"){ | |||||
temp["replyed"] = "F"; | |||||
temp["timeOut"] = "T"; | |||||
}else if(status?.type == "Cancelled"){ | |||||
temp["cancelled"] = true; | |||||
}else{ | |||||
temp["replyed"] = "F"; | |||||
temp["timeOut"] = "F"; | |||||
} | |||||
} | |||||
applySearch(temp); | applySearch(temp); | ||||
}; | }; | ||||
@@ -301,7 +319,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria, issueComboData | |||||
size="small" | size="small" | ||||
id="status" | id="status" | ||||
filterOptions={(options) => options} | filterOptions={(options) => options} | ||||
options={ComboData.proofStatus} | |||||
options={ComboData.proofStatusFull} | |||||
value={status} | value={status} | ||||
getOptionLabel={(option) => option.type? intl.formatMessage({ id: option.i18nLabel }) : ""} | getOptionLabel={(option) => option.type? intl.formatMessage({ id: option.i18nLabel }) : ""} | ||||
inputValue={status? intl.formatMessage({ id: status.i18nLabel }) : ""} | inputValue={status? intl.formatMessage({ id: status.i18nLabel }) : ""} | ||||
@@ -352,7 +352,11 @@ const PublicNoticeApplyForm = ({ loadedData, _selections, gazetteIssueList }) => | |||||
}}><FormattedMessage id="viewDetail" /></a> | }}><FormattedMessage id="viewDetail" /></a> | ||||
</td> | </td> | ||||
<td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} 2:00 p.m.</td> | <td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} 2:00 p.m.</td> | ||||
<td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} 2:30 p.m.</td> | |||||
<td style={tabelStyle}> | |||||
<FormattedMessage id="payOnlineRemark" values={{ | |||||
date: DateUtils.dateFormat(closeDate, dft) + ' 2:30 p.m.' | |||||
}} /> | |||||
</td> | |||||
</tr> | </tr> | ||||
<tr> | <tr> | ||||
<td style={tabelStyle}><FormattedMessage id="payDn" /> | <td style={tabelStyle}><FormattedMessage id="payDn" /> | ||||
@@ -371,13 +375,20 @@ const PublicNoticeApplyForm = ({ loadedData, _selections, gazetteIssueList }) => | |||||
<li><FormattedMessage id="store" /></li> | <li><FormattedMessage id="store" /></li> | ||||
<li><FormattedMessage id="post" /></li> | <li><FormattedMessage id="post" /></li> | ||||
</ul> | </ul> | ||||
<Typography variant="h6"> | |||||
<div style={{ padding: 12 }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "proofNote" }) }} /> | |||||
</Typography> | |||||
</> | </> | ||||
); | ); | ||||
setIsWarningPopUp(true); | setIsWarningPopUp(true); | ||||
}}><FormattedMessage id="viewDetail" /></a> | }}><FormattedMessage id="viewDetail" /></a> | ||||
</td> | </td> | ||||
<td style={tabelStyle}>{DateUtils.dateFormat(closingDateOff, dft)} 5:00 p.m.</td> | <td style={tabelStyle}>{DateUtils.dateFormat(closingDateOff, dft)} 5:00 p.m.</td> | ||||
<td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} 12:00 p.m.</td> | |||||
<td style={tabelStyle}> | |||||
<FormattedMessage id="payDnRemark" values={{ | |||||
date: DateUtils.dateFormat(closeDate, dft) + " 12:30 p.m." | |||||
}} /> | |||||
</td> | |||||
</tr> | </tr> | ||||
<tr> | <tr> | ||||
<td style={tabelStyle}><FormattedMessage id="payNPGO" /> | <td style={tabelStyle}><FormattedMessage id="payNPGO" /> | ||||
@@ -395,7 +406,11 @@ const PublicNoticeApplyForm = ({ loadedData, _selections, gazetteIssueList }) => | |||||
}}><FormattedMessage id="viewDetail" /></a> | }}><FormattedMessage id="viewDetail" /></a> | ||||
</td> | </td> | ||||
<td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} 12:00 p.m.</td> | <td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} 12:00 p.m.</td> | ||||
<td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} 12:30 p.m.</td> | |||||
<td style={tabelStyle}> | |||||
<FormattedMessage id="payNPGORemark" values={{ | |||||
date: DateUtils.dateFormat(closeDate, dft) + " 12:30 p.m." | |||||
}} /> | |||||
</td> | |||||
</tr> | </tr> | ||||
</tbody> | </tbody> | ||||
</table> | </table> | ||||
@@ -46,6 +46,7 @@ const ApplicationDetailCard = ( | |||||
const [orgDetail, setOrgDetail] = useState({}); | const [orgDetail, setOrgDetail] = useState({}); | ||||
const [verified, setVerified] = useState(null); | const [verified, setVerified] = useState(null); | ||||
const [fileDetail, setfileDetail] = useState({}); | const [fileDetail, setfileDetail] = useState({}); | ||||
const [proofId, setProofId] = useState(null); | |||||
const [onReady, setOnReady] = useState(false); | const [onReady, setOnReady] = useState(false); | ||||
const { register, handleSubmit } = useForm() | const { register, handleSubmit } = useForm() | ||||
@@ -77,6 +78,7 @@ const ApplicationDetailCard = ( | |||||
setCompanyName(applicationDetailData.companyName); | setCompanyName(applicationDetailData.companyName); | ||||
setVerified(applicationDetailData.userData.verifiedBy ? true : false) | setVerified(applicationDetailData.userData.verifiedBy ? true : false) | ||||
setfileDetail(applicationDetailData.fileDetail); | setfileDetail(applicationDetailData.fileDetail); | ||||
setProofId(applicationDetailData.proofId); | |||||
// setReload(false) | // setReload(false) | ||||
} | } | ||||
@@ -255,18 +257,23 @@ const ApplicationDetailCard = ( | |||||
<ReplayIcon /> | <ReplayIcon /> | ||||
<Typography ml={1} variant="h5"> Re-Submit</Typography> | <Typography ml={1} variant="h5"> Re-Submit</Typography> | ||||
</Button> | </Button> | ||||
<Button | |||||
// size="large" | |||||
variant="contained" | |||||
onClick={notAcceptedClick()} | |||||
color="error" | |||||
sx={{ | |||||
textTransform: 'capitalize', | |||||
alignItems: 'end', | |||||
}}> | |||||
<CloseIcon /> | |||||
<Typography ml={1} variant="h5">Not Accept</Typography> | |||||
</Button> | |||||
{ | |||||
proofId == null || proofId == 0? | |||||
<Button | |||||
// size="large" | |||||
variant="contained" | |||||
onClick={notAcceptedClick()} | |||||
color="error" | |||||
sx={{ | |||||
textTransform: 'capitalize', | |||||
alignItems: 'end', | |||||
}}> | |||||
<CloseIcon /> | |||||
<Typography ml={1} variant="h5">Not Accept</Typography> | |||||
</Button> | |||||
: | |||||
null | |||||
} | |||||
</> : | </> : | ||||
(currentApplicationDetailData.status == "confirmed" && currentApplicationDetailData.creditor == 1) ? | (currentApplicationDetailData.status == "confirmed" && currentApplicationDetailData.creditor == 1) ? | ||||
<> | <> | ||||
@@ -41,7 +41,7 @@ | |||||
"confirmingDealine": "确认校对的截止日期", | "confirmingDealine": "确认校对的截止日期", | ||||
"PaymentCoonpletDealine": "付款截止日期", | "PaymentCoonpletDealine": "付款截止日期", | ||||
"payOnline":"透过此系统网上支付", | |||||
"payOnline":"透过此系统网上付款", | |||||
"payDn":"透过发出一般缴款单付款", | "payDn":"透过发出一般缴款单付款", | ||||
"payNPGO":"在北角政府合署收款处付款", | "payNPGO":"在北角政府合署收款处付款", | ||||
"paymentMeans":"付款方式", | "paymentMeans":"付款方式", | ||||
@@ -41,7 +41,7 @@ | |||||
"confirmingDealine": "確認校對的截止日期", | "confirmingDealine": "確認校對的截止日期", | ||||
"PaymentCoonpletDealine": "付款截止日期", | "PaymentCoonpletDealine": "付款截止日期", | ||||
"payOnline":"透過此系統網上支付", | |||||
"payOnline":"透過此系統網上付款", | |||||
"payDn":"透過發出一般繳款單付款", | "payDn":"透過發出一般繳款單付款", | ||||
"payNPGO":"在北角政府合署收款處付款", | "payNPGO":"在北角政府合署收款處付款", | ||||
"paymentMeans":"付款方式", | "paymentMeans":"付款方式", | ||||
@@ -110,6 +110,15 @@ export const proofStatus = [ | |||||
{ key: 2, i18nLabel: 'pendingReply', labelCht: '未回覆', label:'Pending Reply', type: 'F' }, | { key: 2, i18nLabel: 'pendingReply', labelCht: '未回覆', label:'Pending Reply', type: 'F' }, | ||||
]; | ]; | ||||
export const proofStatusFull = [ | |||||
{ key: 0, i18nLabel: 'all', labelCht: '全部', label: 'All', type: 'all' }, | |||||
{ key: 1, i18nLabel: 'Confirmed', labelCht: '可以付印', label:'Confirmed', type: 'Confirmed' }, | |||||
{ key: 1, i18nLabel: 'Re-proofing', labelCht: '未能付印', label:'Re-proofing', type: 'Re-proofing' }, // submitted and reviewed | |||||
{ key: 2, i18nLabel: 'No Reply', labelCht: '回覆逾時', label:'No Reply', type: 'No Reply' }, | |||||
{ key: 2, i18nLabel: 'Pending Reply', labelCht: '未回覆', label:'Pending Reply', type: 'Pending Reply' }, | |||||
{ key: 2, i18nLabel: 'Cancelled', labelCht: '已取消', label:'Cancelled', type: 'Cancelled' }, | |||||
]; | |||||
export const paymentStatus = [ | export const paymentStatus = [ | ||||
{ key: 0, i18nLabel: 'all', labelCht: '全部', label: 'All', type: 'all' }, | { key: 0, i18nLabel: 'all', labelCht: '全部', label: 'All', type: 'all' }, | ||||
{ key: 1, i18nLabel: 'success', labelCht: '成功', label:'Success', type: 'APPR' }, | { key: 1, i18nLabel: 'success', labelCht: '成功', label:'Success', type: 'APPR' }, | ||||