nicepayments/nice-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- 자금이체 : 이체신청,결과조회 리스트,상세정보 수정

Browse Source 
- 부가서비스 엑셀 다운로드 이메일 바텀시트 추가
This commit is contained in:
HyeonJongKim
2025-10-23 13:47:16 +09:00
parent a60b5ba69e
commit fbc910caf9
15 changed files with 293 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/entities/additional-service/model/fund-account/types.ts
View File

@@ -181,7 +181,7 @@ export interface ExtensionFundAccountResultDetailResponse {
accountName: string;
accountNo: string;
applicationDate: string;
requsetDate: string;
requestDate: string;
resultMessage: string;
failReason: string;
bankName: string;

47
src/entities/additional-service/ui/fund-account/result-list-wrap.tsx
View File

@@ -36,8 +36,7 @@ export const FundAccountResultListWrap = () => {
const [toDate, setToDate] = useState(moment().format('YYYYMMDD'));
const [bankCode, setBankCode] = useState<string>('');
const [resultStatus, setResultStatus] = useState<FundAccountResultStatus>(FundAccountResultStatus.ALL);
const [email, setEmail] = useState<string>('');
const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
const [totalRequestCount, setTotalRequestCount] = useState<number>(0);
const [totalRequestAmount, setTotalRequestAmount] = useState<number>(0);
@@ -79,18 +78,6 @@ export const FundAccountResultListWrap = () => {
};
const callDownloadExcel = () => {
let params: ExtensionFundAccountResultExcelParams = {
mid: mid,
email: email,
searchDateType: searchDateType,
fromDate: fromDate,
toDate: toDate,
};
extensionFundAccountResultExcel(params).then((rs: ExtensionFundAccountResultExcelResponse) => {
});
};
const callSummary = () => {
let params: ExtensionFundAccountResultSummaryParams = {
mid: mid
@@ -106,8 +93,24 @@ export const FundAccountResultListWrap = () => {
});
};
const onClickToDownloadExcel = () => {
callDownloadExcel();
const onClickToOpenEmailBottomSheet = () => {
setEmailBottomSheetOn(true);
};
const onSendRequest = (selectedEmail?: string) => {
if (selectedEmail) {
let params: ExtensionFundAccountResultExcelParams = {
mid: mid,
email: selectedEmail,
searchDateType: searchDateType,
fromDate: fromDate,
toDate: toDate,
};
extensionFundAccountResultExcel(params).then((rs: ExtensionFundAccountResultExcelResponse) => {
console.log('Excel Download Status:', rs);
});
}
setEmailBottomSheetOn(false);
};
const onClickToOpenFilter = () => {
@@ -141,17 +144,18 @@ export const FundAccountResultListWrap = () => {
date = requestDate;
}
if (date !== requestDate) {
date = requestDate;
if (list.length > 0) {
rs.push(
<ListDateGroup
additionalServiceCategory={AdditionalServiceCategory.FundAccountResult}
mid={mid}
key={date + '-' + i}
date={date}
items={list}
></ListDateGroup>
);
}
date = requestDate;
list = [];
}
list.push(items);
@@ -219,7 +223,7 @@ export const FundAccountResultListWrap = () => {
<button
className="download-btn"
aria-label="다운로드"
onClick={() => onClickToDownloadExcel()}
onClick={() => onClickToOpenEmailBottomSheet()}
>
<img
src={IMAGE_ROOT + '/ico_download.svg'}
@@ -345,6 +349,13 @@ export const FundAccountResultListWrap = () => {
setBankCode={setBankCode}
setResultStatus={setResultStatus}
></FundAccountResultFilter>
<EmailBottomSheet
bottomSheetOn={emailBottomSheetOn}
setBottomSheetOn={setEmailBottomSheetOn}
imageSave={false}
sendEmail={true}
sendRequest={onSendRequest}
></EmailBottomSheet>
</>
);
};

4
src/entities/additional-service/ui/fund-account/transfer-list-wrap.tsx
View File

@@ -125,7 +125,7 @@ export const FundAccountTransferListWrap = () => {
const getListDateGroup = () => {
let rs = [];
let date = '';
let date = '';
let list = [];
for (let i = 0; i < listItems.length; i++) {
let items = listItems[i];
@@ -137,7 +137,6 @@ export const FundAccountTransferListWrap = () => {
date = registDate;
}
if (date !== registDate) {
date = registDate;
if (list.length > 0) {
rs.push(
<ListDateGroup
@@ -148,6 +147,7 @@ export const FundAccountTransferListWrap = () => {
></ListDateGroup>
);
}
date = registDate;
list = [];
}
list.push(items);

50
src/entities/additional-service/ui/link-payment/link-payment-history-wrap.tsx
View File

@@ -13,6 +13,7 @@ import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
import { useExtensionLinkPayHistoryDownloadExcelMutation } from '../../api/link-payment/use-extension-link-pay-history-download-excel-mutation';
import { useStore } from '@/shared/model/store';
import { ExtensionLinkPayHistoryListParams, LinkPaymentHistoryListItem, LinkPaymentPaymentMethod, LinkPaymentPaymentStatus, LinkPaymentSearchCl, LinkPaymentSendMethod, LinkPaymentSendStatus } from '../../model/link-pay/types';
import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
const paymentResultBtnGroup = [
{ name: '전체', value: LinkPaymentPaymentStatus.ALL },
@@ -41,8 +42,7 @@ export const LinkPaymentHistoryWrap = () => {
const [paymentStatus, setPaymentStatus] = useState<LinkPaymentPaymentStatus>(LinkPaymentPaymentStatus.ALL);
const [sendStatus, setSendStatus] = useState<LinkPaymentSendStatus>(LinkPaymentSendStatus.ALL);
const [sendMethod, setSendMethod] = useState<LinkPaymentSendMethod>(LinkPaymentSendMethod.ALL);
const [email, setEmail] = useState<string>('');
const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
const { mutateAsync: linkPayHistoryList } = useExtensionLinkPayHistoryListMutation();
const { mutateAsync: downloadExcel } = useExtensionLinkPayHistoryDownloadExcelMutation();
@@ -77,21 +77,28 @@ export const LinkPaymentHistoryWrap = () => {
});
};
const onClickToDownloadExcel = () => {
downloadExcel({
mid: mid,
email: email,
searchCl: searchCl,
searchValue: searchValue,
paymentMethod: paymentMethod,
fromDate: fromDate,
toDate: toDate,
paymentStatus: paymentStatus,
sendStatus: sendStatus,
sendMethod: sendMethod,
}).then((rs) => {
console.log('Excel Dowload Status : ' + rs.status);
});
const onClickToOpenEmailBottomSheet = () => {
setEmailBottomSheetOn(true);
};
const onSendRequest = (selectedEmail?: string) => {
if (selectedEmail) {
downloadExcel({
mid: mid,
email: selectedEmail,
searchCl: searchCl,
searchValue: searchValue,
paymentMethod: paymentMethod,
fromDate: fromDate,
toDate: toDate,
paymentStatus: paymentStatus,
sendStatus: sendStatus,
sendMethod: sendMethod,
}).then((rs) => {
console.log('Excel Download Status: ' + rs.status);
});
}
setEmailBottomSheetOn(false);
};
const onClickPaymentStatus = (val: LinkPaymentPaymentStatus) => {
@@ -149,11 +156,11 @@ export const LinkPaymentHistoryWrap = () => {
<button
className="download-btn"
aria-label="다운로드"
onClick={() => onClickToOpenEmailBottomSheet()}
>
<img
src={IMAGE_ROOT + '/ico_download.svg'}
alt="다운로드"
onClick={() => onClickToDownloadExcel()}
/>
</button>
</div>
@@ -211,6 +218,13 @@ export const LinkPaymentHistoryWrap = () => {
setSendStatus={setSendStatus}
setSendMethod={setSendMethod}
></LinkPaymentHistoryFilter>
<EmailBottomSheet
bottomSheetOn={emailBottomSheetOn}
setBottomSheetOn={setEmailBottomSheetOn}
imageSave={false}
sendEmail={true}
sendRequest={onSendRequest}
></EmailBottomSheet>
</>
);
}

44
src/entities/additional-service/ui/link-payment/link-payment-wait-send-wrap.tsx
View File

@@ -34,8 +34,8 @@ export const LinkPaymentWaitSendWrap = () => {
const [processStatus, setProcessStatus] = useState<LinkPaymentProcessStatus>(LinkPaymentProcessStatus.ALL);
const [listItems, setListItems] = useState<Array<LinkPaymentWaitListItem>>([]);
const [pageParam, setPageParam] = useState<DefaultRequestPagination>(DEFAULT_PAGE_PARAM);
const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
const [email, setEmail] = useState<string>('');
const { mutateAsync: pendingSendList } = useExtensionLinkPayWaitListMutation();
const { mutateAsync: downloadExcel } = useExtensionLinkPayWaitDownloadExcelMutation();
@@ -71,19 +71,26 @@ export const LinkPaymentWaitSendWrap = () => {
});
};
const onClickToDownloadExcel = () => {
downloadExcel({
mid: mid,
email: email,
searchCl: searchType,
searchValue: searchValue,
fromDate: startDate,
toDate: endDate,
sendMethod: sendMethod,
processStatus: processStatus,
}).then((rs) => {
console.log('Excel Dowload Status : ' + rs.status);
});
const onClickToOpenEmailBottomSheet = () => {
setEmailBottomSheetOn(true);
};
const onSendRequest = (selectedEmail?: string) => {
if (selectedEmail) {
downloadExcel({
mid: mid,
//email: selectedEmail,
searchCl: searchType,
searchValue: searchValue,
fromDate: startDate,
toDate: endDate,
sendMethod: sendMethod,
processStatus: processStatus,
}).then((rs) => {
console.log('Excel Download Status: ' + rs.status);
});
}
setEmailBottomSheetOn(false);
};
const onClickToSort = (sort: SortTypeKeys) => {
@@ -135,11 +142,11 @@ export const LinkPaymentWaitSendWrap = () => {
<button
className="download-btn"
aria-label="다운로드"
onClick={() => onClickToOpenEmailBottomSheet()}
>
<img
src={IMAGE_ROOT + '/ico_download.svg'}
alt="다운로드"
onClick={() => onClickToDownloadExcel()}
/>
</button>
</div>
@@ -194,6 +201,13 @@ export const LinkPaymentWaitSendWrap = () => {
setSendMethod={setSendMethod}
setProcessStatus={setProcessStatus}
></LinkPaymentWaitSendFilter>
<EmailBottomSheet
bottomSheetOn={emailBottomSheetOn}
setBottomSheetOn={setEmailBottomSheetOn}
imageSave={false}
sendEmail={true}
sendRequest={onSendRequest}
></EmailBottomSheet>
</>
);
}

2
src/entities/additional-service/ui/list-item.tsx
View File

@@ -266,6 +266,8 @@ export const ListItem = ({
else if (additionalServiceCategory === AdditionalServiceCategory.FundAccountResult) {
if (applicationDate && applicationDate.length >= 12) {
timeStr = applicationDate.substring(8, 10) + ':' + applicationDate.substring(10, 12);
} else {
timeStr = requestDate?.substring(8,10) + ':' + requestDate?.substring(10, 12);
}
}
else if (additionalServiceCategory === AdditionalServiceCategory.Ars) {