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