거래내역 관련

src/pages/transaction/billing/list-page.tsx

@@ -4,7 +4,7 @@ import { IMAGE_ROOT } from '@/shared/constants/common';
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { BillingList } from '@/entities/transaction/ui/billing-list';
-import { ListItem, PageType, SortByKeys } from '@/entities/transaction/model/types';
+import { ListItem, TransactionCategory, SortByKeys } from '@/entities/transaction/model/types';
 import { useBillingListMutation } from '@/entities/transaction/api/use-billing-list-mutation';
 import { useDownloadExcelMutation } from '@/entities/transaction/api/use-download-excel-mutation';
 import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constants';
@@ -33,8 +33,8 @@ export const BillingListPage = () => {
 	const [listItems, setListItems] = useState({});
 	const [filterOn, setFilterOn] = useState<boolean>(false);
 	const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
-	const [fromDate, setFromDate] = useState(moment().subtract(1, 'month').format('YYYYMMDD'));
-	const [toDate, setToDate] = useState(moment().format('YYYYMMDD'));
+	const [startDate, setStartDate] = useState(moment().subtract(1, 'month').format('YYYYMMDD'));
+	const [endDate, setEndDate] = useState(moment().format('YYYYMMDD'));
 		
 	useSetHeaderTitle('빌링');
 	useSetHeaderType(HeaderType.LeftArrow);
@@ -50,30 +50,21 @@ export const BillingListPage = () => {
     sortBy?: string, 
     val?: string
   }) => {
-    let listSummaryParams = {
-      moid: 'string',
-      tid: 'string',
-      fromDate: fromDate,
-      toDate: toDate,
-      stateCode: '0',
-      serviceCode: (option?.val)? option.val: selectedServiceCode,
-      minAmount: 0,
-      maxAmount: 0,
-      dateCl: 'TRANS',
-      goodsName: 'string',
-      cardCode: 'st',
-      bankCode: 'str',
-      searchCl: 'CARD_NO',
-      searchValue: 'string',
-    };
-    pageParam.sortBy = (option?.sortBy)? option.sortBy: sortBy;
+		pageParam.sortBy = (option?.sortBy)? option.sortBy: sortBy;
     setPageParam(pageParam);
+    let listParams = {
+      mid: 'nictest001m',
+      searchType: 'ALL',
+			searchKeyword: 'P14633723',
+      startDate: startDate,
+      endDate: endDate,
+      requestStatus: 'ALL',
+      processResult: 'ALL',
+      paymentMethod: 'ALL',
+			pagination: pageParam
+    };    
     
-    let listParam = {
-      ...listSummaryParams,
-      ...{page: pageParam}
-    };
-    billingList(listParam).then((rs) => {
+    billingList(listParams).then((rs) => {
       setListItems(assembleData(rs.content));
     });
 	}
@@ -131,7 +122,7 @@ export const BillingListPage = () => {
 									<input 
 										type="text" 
 										className="credit-period" 
-										value={ moment(fromDate).format('YYYY.MM.DD') + '-' + moment(toDate).format('YYYY.MM.DD') } 
+										value={ moment(startDate).format('YYYY.MM.DD') + '-' + moment(endDate).format('YYYY.MM.DD') } 
 										readOnly={ true } 
 									/>
 									<button className="filter-btn">
@@ -173,7 +164,7 @@ export const BillingListPage = () => {
 						</div>
 						<BillingList 
 							listItems={ listItems }
-							pageType={ PageType.Billing }
+							transactionCategory={ TransactionCategory.Billing }
 						></BillingList> 
 					</div>
 				</div>