From 9a13e1f56620c3880cd9d3e658892ef414e20806 Mon Sep 17 00:00:00 2001 From: "jason.lam" Date: Tue, 9 Jan 2024 14:49:00 +0800 Subject: [PATCH 1/4] update pay reminder page --- src/pages/Proof/Payment/Pay.js | 50 ++++++++++++------- .../Details_Public/ApplicationDetailCard.js | 13 ++--- 2 files changed, 36 insertions(+), 27 deletions(-) diff --git a/src/pages/Proof/Payment/Pay.js b/src/pages/Proof/Payment/Pay.js index 4fa0e19..697fcdc 100644 --- a/src/pages/Proof/Payment/Pay.js +++ b/src/pages/Proof/Payment/Pay.js @@ -32,6 +32,8 @@ import { // useEffect, useState } from "react"; +import {PNSPS_BUTTON_THEME, PNSPS_LONG_BUTTON_THEME} from "../../../themes/buttonConst"; +import {ThemeProvider} from "@emotion/react"; // ==============================|| DASHBOARD - DEFAULT ||============================== // const Index = () => { @@ -90,11 +92,11 @@ const Index = () => {
- + 公共啟事：校對完成及付款 - + 我們已收到申請編號: {record?.appNo} 的稿件校對確定及可付印的指示。

請於 {DateUtils.dateStr_Cht(record?.returnBeforeDate)} 下午 2:00 前 完成繳費，我們將於收到繳費確認後處理刊出事宜。 @@ -102,27 +104,37 @@ const Index = () => { 如你在憲報期數 {record?.issueYear} 年 {record?.issueVolume} 卷, 第 {record?.issueNo} 期內有多於一個公共啟事的申請，你可選擇完成所有此期所有稿件校對確定後，於繳費期限前在「我的公共啟事」內合併付款。 - + 請按以下完成繳費： - + + + + + + 或 - + + + （返回「我的公共啟事」） +
diff --git a/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js b/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js index 2e44798..8c2a124 100644 --- a/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js +++ b/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js @@ -142,26 +142,23 @@ const ApplicationDetailCard = ( spacing={2} mb={2} > + { currentApplicationDetailData.status == "confirmed" ? : null } - + {/*row 2*/} diff --git a/src/pages/Proof/Payment/Pay.js b/src/pages/Proof/Payment/Pay.js index 697fcdc..c28940a 100644 --- a/src/pages/Proof/Payment/Pay.js +++ b/src/pages/Proof/Payment/Pay.js @@ -141,9 +141,20 @@ const Index = () => {
- setIsPopUp(false)} > - - 確認付款 + setIsPopUp(false)} + PaperProps={{ + sx: { + minWidth: '40vw', + maxWidth: { xs: '90vw', s: '90vw', m: '70vw', lg: '30vw' }, + maxHeight: { xs: '90vh', s: '70vh', m: '70vh', lg: '50vh' } + } + }} + > + + 確認付款 + 總額(HK$): {FormatUtils.currencyFormat(fee)} diff --git a/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js b/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js index 8c2a124..572db9f 100644 --- a/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js +++ b/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js @@ -39,6 +39,7 @@ import EditNoteIcon from '@mui/icons-material/EditNote'; import DownloadIcon from '@mui/icons-material/Download'; import {PNSPS_BUTTON_THEME} from "../../../themes/buttonConst"; import {ThemeProvider} from "@emotion/react"; +import * as React from "react"; // ==============================|| DASHBOARD - DEFAULT ||============================== // const ApplicationDetailCard = ( { applicationDetailData, @@ -147,7 +148,7 @@ const ApplicationDetailCard = ( currentApplicationDetailData.status == "confirmed" ? */} - + + + + Pending Payment: {paymentCount} + + + + Pending Publish: {publishCount} +
@@ -165,6 +207,35 @@ const SearchPublicNoticeForm = ({ applySearch, issueComboData }) => {
+
+ setIsSuccessPopUp(false)} > + Create Result + + + + Created DN record: {resultCount} + + {resultCount == 0 ? <> : + + + + } + + + + + + + +
); }; diff --git a/src/pages/DemandNote/Create/index.js b/src/pages/DemandNote/Create/index.js index 1c6cafe..2d0d5e4 100644 --- a/src/pages/DemandNote/Create/index.js +++ b/src/pages/DemandNote/Create/index.js @@ -35,6 +35,9 @@ const Index = () => { const [searchCriteria, setSearchCriteria] = React.useState({}); const [onReady, setOnReady] = React.useState(false); + const [paymentCount, setPaymentCount] = React.useState(0); + const [publishCount, setPublishCount] = React.useState(0); + React.useEffect(()=>{ getIssueCombo(); },[]); @@ -51,7 +54,9 @@ const Index = () => { HttpUtils.get({ url: UrlUtils.DEMAND_NOTE_PREVIEW+"/"+searchCriteria.issueId, onSuccess: function(responseData){ - setRecord(responseData); + setRecord(responseData.records); + setPaymentCount(responseData.paymentCount); + setPublishCount(responseData.publishCount); } }); } @@ -88,6 +93,8 @@ const Index = () => { {/*row 2*/} diff --git a/src/pages/DemandNote/Search/index.js b/src/pages/DemandNote/Search/index.js index b0ab178..cbe9141 100644 --- a/src/pages/DemandNote/Search/index.js +++ b/src/pages/DemandNote/Search/index.js @@ -18,6 +18,7 @@ const LoadingComponent = Loadable(React.lazy(() => import('pages/extra-pages/Loa const SearchForm = Loadable(React.lazy(() => import('./SearchForm'))); const EventTable = Loadable(React.lazy(() => import('./DataGrid'))); import titleBackgroundImg from 'assets/images/dashboard/gazette-bar.png' +import { notifyDownloadSuccess } from 'utils/CommonFunction'; const BackgroundHead = { backgroundImage: `url(${titleBackgroundImg})`, @@ -77,6 +78,7 @@ const UserSearchPage_Individual = () => { url: UrlUtils.DEMAND_NOTE_EXPORT, params: searchCriteria, onSuccess: function () { + notifyDownloadSuccess(); } }); } From f3edc59062a1830f69922b3cadac409bb1615ce9 Mon Sep 17 00:00:00 2001 From: "jason.lam" Date: Tue, 9 Jan 2024 16:58:09 +0800 Subject: [PATCH 4/4] update proof reply --- .../Proof/Reply_Public/ApplicationDetails.js | 52 +++++++------ src/pages/Proof/Reply_Public/ProofForm.js | 2 +- src/pages/Proof/Reply_Public/index.js | 78 ++++++++----------- 3 files changed, 64 insertions(+), 68 deletions(-) diff --git a/src/pages/Proof/Reply_Public/ApplicationDetails.js b/src/pages/Proof/Reply_Public/ApplicationDetails.js index 5ddffdc..e0e65bd 100644 --- a/src/pages/Proof/Reply_Public/ApplicationDetails.js +++ b/src/pages/Proof/Reply_Public/ApplicationDetails.js @@ -119,7 +119,7 @@ const ApplicationDetailCard = ({ formData, }) => { - + @@ -147,7 +147,7 @@ const ApplicationDetailCard = ({ formData, }) => { - + @@ -178,29 +178,36 @@ const ApplicationDetailCard = ({ formData, }) => { - + - + - + 請下載下列印刷稿檔案，並仔細校對： + + + - + - + @@ -209,17 +216,16 @@ const ApplicationDetailCard = ({ formData, }) => {  {DateUtils.datetimeStr_Cht(data.returnBeforeDate)} 前 - 應繳費用: - - {FormatUtils.currencyFormat(data.fee)} + + {FormatUtils.currencyFormat(data.fee)} - { - formik.values.groupType == "Private Bill" + formik.values.groupType === "Private Bill" ? ( {data.noOfPages} 頁 x $6,552 ) : diff --git a/src/pages/Proof/Reply_Public/ProofForm.js b/src/pages/Proof/Reply_Public/ProofForm.js index d99e197..8352580 100644 --- a/src/pages/Proof/Reply_Public/ProofForm.js +++ b/src/pages/Proof/Reply_Public/ProofForm.js @@ -135,7 +135,7 @@ const FormPanel = ({ formData }) => { return ( - diff --git a/src/pages/Proof/Reply_Public/index.js b/src/pages/Proof/Reply_Public/index.js index f1b3578..43f6e22 100644 --- a/src/pages/Proof/Reply_Public/index.js +++ b/src/pages/Proof/Reply_Public/index.js @@ -3,7 +3,6 @@ import { Grid, Typography, Stack, - Box, Button } from '@mui/material'; import * as UrlUtils from "utils/ApiPathConst"; @@ -20,6 +19,7 @@ const LoadingComponent = Loadable(React.lazy(() => import('pages/extra-pages/Loa const ApplicationDetails = Loadable(React.lazy(() => import('./ApplicationDetails'))); const ProofForm = Loadable(React.lazy(() => import('./ProofForm'))); import titleBackgroundImg from 'assets/images/dashboard/gazette-bar.png' +import MainCard from "../../../components/MainCard"; const BackgroundHead = { backgroundImage: `url(${titleBackgroundImg})`, width: '100%', @@ -39,22 +39,6 @@ const Index = () => { const [record, setRecord] = React.useState(); const [onReady, setOnReady] = React.useState(false); - const _sx = { - padding: "4 2 4 2", - boxShadow: 1, - border: 1, - borderColor: '#DDD', - '& .MuiDataGrid-cell': { - borderTop: 1, - borderBottom: 1, - borderColor: "#EEE" - }, - '& .MuiDataGrid-footerContainer': { - border: 1, - borderColor: "#EEE" - } - } - React.useEffect(() => { loadForm(); }, []); @@ -98,7 +82,7 @@ const Index = () => { : ( - +
@@ -106,38 +90,44 @@ const Index = () => {
- - {/*row 1*/} - - -
- - - - - - - - - - -
- + + + + + {/*row 2*/} + + + + +