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:
focp212@naver.com
2025-09-15 16:21:06 +09:00
parent 75d82a0184
commit 14005a7e9b
12 changed files with 247 additions and 224 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/transaction/cash-receipt/detail-page.tsx
View File

@@ -13,7 +13,7 @@ import {
IssueInfo,
DetailInfo,
InfoWrapKeys,
CashReceiptPurpose
CashReceiptPurposeType
} from '@/entities/transaction/model/types';
import {
useSetOnBack,
@@ -32,7 +32,7 @@ export const CashReceiptDetailPage = () => {
const [detailInfo, setDetailInfo] = useState<DetailInfo>();
const [showDetailInfo, setShowDetailInfo] = useState<boolean>(false);
const [bottomSheetOn, setBottomSheetOn] = useState<boolean>(false);
const [purpose, setPurpose] = useState<CashReceiptPurpose>();
const [purposeType, setPurposeType] = useState<CashReceiptPurposeType>();
useSetHeaderTitle('현금영수증 상세');
useSetHeaderType(HeaderType.RightClose);
@@ -47,14 +47,14 @@ export const CashReceiptDetailPage = () => {
const { mutateAsync: cashReceiptPurposeUpdate } = useCashReceiptPurposeUpdateMutation();
const callPurposeUpdate = () => {
let newPurpose = (purpose === CashReceiptPurpose.EXPENSE_PROOF)
? CashReceiptPurpose.INCOME_DEDUCTION: CashReceiptPurpose.EXPENSE_PROOF;
let newPurpose = (purposeType === CashReceiptPurposeType.EXPENSE_PROOF)
? CashReceiptPurposeType.INCOME_DEDUCTION: CashReceiptPurposeType.EXPENSE_PROOF;
let params = {
issueNumber: issueNumber,
newPurpose: newPurpose
};
cashReceiptPurposeUpdate(params).then((rs) => {
setPurpose(rs.afterPurposeType);
setPurposeType(rs.afterPurposeType);
setBottomSheetOn(false);
alert('toast : 용도 변경을 성공하였습니다.')
});
@@ -68,7 +68,7 @@ export const CashReceiptDetailPage = () => {
setIssueInfo(rs.issueInfo);
setDetailInfo(rs.detailInfo);
if(rs.issueInfo){
setPurpose(rs.issueInfo.purpose);
setPurposeType(rs.issueInfo.purpose);
}
});
};
@@ -96,7 +96,7 @@ export const CashReceiptDetailPage = () => {
<IssueInfoWrap
transactionCategory={ TransactionCategory.CashReceipt }
issueInfo={ issueInfo }
purpose={ purpose }
purposeType={ purposeType }
></IssueInfoWrap>
<div className="txn-divider minus"></div>
<DetailInfoWrap

10
src/pages/transaction/cash-receipt/hand-written-issuance-page.tsx
View File

@@ -3,7 +3,7 @@ import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { CashReceiptHandWrittenIssuanceStep1 } from '@/entities/transaction/ui/cash-receipt-hand-written-issuance-step1';
import { CashReceiptHandWrittenIssuanceStep2 } from '@/entities/transaction/ui/cash-receipt-hand-written-issuance-step2';
import { CashReceiptPurpose, ProcessStep } from '@/entities/transaction/model/types';
import { CashReceiptPurposeType, ProcessStep } from '@/entities/transaction/model/types';
import { HeaderType} from '@/entities/common/model/types';
import { useSetFooterMode, useSetHeaderTitle, useSetHeaderType } from '@/widgets/sub-layout/use-sub-layout';
import { useCashReceiptManualIssueMutation } from '@/entities/transaction/api/use-cash-receipt-manual-issue';
@@ -14,7 +14,7 @@ export const CashReceitHandWrittenIssuancePage = () => {
// 1 or 2
const [processStep, setProcessStep] = useState<ProcessStep>(ProcessStep.One);
const [businessNumber, setBusinessNumber] = useState<string>('5459577852');
const [purpose, setPurpose] = useState<CashReceiptPurpose>(CashReceiptPurpose.INCOME_DEDUCTION);
const [purposeType, setPurposeType] = useState<CashReceiptPurposeType>(CashReceiptPurposeType.INCOME_DEDUCTION);
const [productName, setProductName] = useState<string>('상품명');
const [buyerName, setBuyerName] = useState<string>('구매자명');
const [issueNumber, setIssueNumber] = useState<string>('01012341234');
@@ -34,7 +34,7 @@ export const CashReceitHandWrittenIssuancePage = () => {
const callManualIssue = () => {
let params = {
businessNumber: businessNumber,
purpose: purpose,
purpose: purposeType,
productName: productName,
buyerName: buyerName,
issueNumber: issueNumber,
@@ -89,14 +89,14 @@ export const CashReceitHandWrittenIssuancePage = () => {
{ (processStep === ProcessStep.One) &&
<CashReceiptHandWrittenIssuanceStep1
businessNumber={ businessNumber }
purpose={ purpose }
purposeType={ purposeType }
productName={ productName }
buyerName={ buyerName }
issueNumber={ issueNumber }
email={ email }
phoneNumber={ phoneNumber }
setBusinessNumber={ setBusinessNumber }
setPurpose={ setPurpose }
setPurposeType={ setPurposeType }
setProductName={ setProductName }
setBuyerName={ setBuyerName }
setIssueNumber={ setIssueNumber }

66
src/pages/transaction/cash-receipt/list-page.tsx
View File

@@ -5,11 +5,11 @@ import { IMAGE_ROOT } from '@/shared/constants/common';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { CashReceiptList } from '@/entities/transaction/ui/cash-receipt-list';
import { CashReceiptListItem, TransactionCategory, SortByKeys } from '@/entities/transaction/model/types';
import { CashReceiptListItem, TransactionCategory, SortByKeys, CashReceiptPurposeType, CashReceiptIssueStatus, CashReceiptProcessResult } from '@/entities/transaction/model/types';
import { useCashReceiptListMutation } from '@/entities/transaction/api/use-cash-receipt-list-mutation';
import { useDownloadExcelMutation } from '@/entities/transaction/api/use-download-excel-mutation';
import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constants';
import { Filter } from '@/entities/transaction/ui/filter';
import { CashReceiptFilter } from '@/entities/transaction/ui/filter/cash-receipt-filter';
import { SortOptionsBox } from '@/entities/transaction/ui/sort-options-box';
import { HeaderType } from '@/entities/common/model/types';
import {
@@ -18,23 +18,21 @@ import {
useSetHeaderType,
useSetFooterMode
} from '@/widgets/sub-layout/use-sub-layout';
const serviceCodes = [
{ name: '전체', key: 'all' },
{ name: '승인', key: 'approval' },
{ name: '취소', key: 'cancel' }
];
import { CashReceiptIssueStatusBtnGroup } from '@/entities/transaction/model/contant';
export const CashReceiptListPage = () => {
const { navigate } = useNavigate();
const [selectedServiceCode, setSelectedServiceCode] = useState<string>('all');
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [startDate, setStartDate] = useState(moment().subtract(1, 'month').format('YYYYMMDD'));
const [endDate, setEndDate] = useState(moment().format('YYYYMMDD'));
const [mid, setMid] = useState<string>('nictest001m');
const [startDate, setStartDate] = useState(moment().subtract(1, 'month').format('YYYY-MM-DD'));
const [endDate, setEndDate] = useState(moment().format('YYYY-MM-DD'));
const [purposeType, setPurposeType] = useState<CashReceiptPurposeType>(CashReceiptPurposeType.ALL);
const [issueStatus, setIssueStatus] = useState<CashReceiptIssueStatus>(CashReceiptIssueStatus.ALL);
const [processResult, setProcessResult] = useState<CashReceiptProcessResult>(CashReceiptProcessResult.ALL);
useSetHeaderTitle('현금영수증');
useSetHeaderType(HeaderType.LeftArrow);
@@ -50,15 +48,15 @@ export const CashReceiptListPage = () => {
sortBy?: string,
val?: string
}) => {
pageParam.sortBy = (option?.sortBy) ? option.sortBy : sortBy;
setPageParam(pageParam);
pageParam.sortBy = (option?.sortBy)? option.sortBy: sortBy;
setPageParam(pageParam);
let listParams = {
mid: 'string',
startDate: '2025-06-08',
endDate: '2025-06-08',
purposeType: 'ALL',
issueStatus: 'ALL',
processResult: 'ALL',
mid: mid,
startDate: startDate,
endDate: endDate,
purposeType: purposeType,
issueStatus: issueStatus,
processResult: processResult,
pagination: pageParam
};
@@ -101,8 +99,8 @@ export const CashReceiptListPage = () => {
callList({ sortBy: sort });
};
const onClickToServiceCode = (val: string) => {
setSelectedServiceCode(val);
const onClickToIssueStatus = (val: CashReceiptIssueStatus) => {
setIssueStatus(val);
callList({ val: val });
};
@@ -192,11 +190,11 @@ export const CashReceiptListPage = () => {
<div>
<div className="full-menu-keywords no-padding">
{
serviceCodes.map((value, index) => (
CashReceiptIssueStatusBtnGroup.map((value, index) => (
<span
key={`key-service-code=${index}`}
className={`keyword-tag ${(selectedServiceCode === value.key) ? 'active' : ''}`}
onClick={() => onClickToServiceCode(value.key)}
className={`keyword-tag ${(issueStatus === value.value) ? 'active' : ''}`}
onClick={() => onClickToIssueStatus(value.value)}
>{value.name}</span>
))
}
@@ -210,10 +208,22 @@ export const CashReceiptListPage = () => {
</div>
</div>
</main>
<Filter
filterOn={filterOn}
setFilterOn={setFilterOn}
></Filter>
<CashReceiptFilter
filterOn={ filterOn }
setFilterOn={ setFilterOn }
mid={ mid }
startDate={ startDate }
endDate={ endDate }
purposeType={ purposeType }
issueStatus={ issueStatus }
processResult={ processResult }
setMid={ setMid }
setStartDate={ setStartDate }
setEndDate={ setEndDate }
setPurposeType={ setPurposeType }
setIssueStatus={ setIssueStatus }
setProcessResult={ setProcessResult }
></CashReceiptFilter>
</>
);
};