현금영수증 상세

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

@@ -92,9 +92,9 @@ export const AllTransactionListPage = () => {
         page: pageParam
       }
     };
-    
+
     if(listParams.page){
-			listParams.page.sortType = (option?.sortType)? option.sortType: sortType;
+			listParams.page.sortType = option?.sortType || sortType;
     	setPageParam(listParams.page);
 		}
 

src/pages/transaction/cash-receipt/detail-page.tsx

@@ -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 [purposeType, setPurposeType] = useState<CashReceiptPurposeType>();
+  const [purposeType, setPurposeType] = useState<string>();
   
   useSetHeaderTitle('현금영수증 상세');
   useSetHeaderType(HeaderType.RightClose);
@@ -41,7 +41,7 @@ export const CashReceiptDetailPage = () => {
   });
   useSetFooterMode(false);
 
-  const issueNumber = location?.state.issueNumber
+  const approvalNumber = location?.state.approvalNumber
 
   const { mutateAsync: cashReceiptDetail } = useCashReceiptDetailMutation();
   const { mutateAsync: cashReceiptPurposeUpdate } = useCashReceiptPurposeUpdateMutation();
@@ -50,7 +50,7 @@ export const CashReceiptDetailPage = () => {
     let newPurpose = (purposeType === CashReceiptPurposeType.EXPENSE_PROOF)
       ? CashReceiptPurposeType.INCOME_DEDUCTION: CashReceiptPurposeType.EXPENSE_PROOF;
     let params = {
-      issueNumber: issueNumber,
+      approvalNumber: approvalNumber,
       newPurpose: newPurpose
     };
     cashReceiptPurposeUpdate(params).then((rs) => {
@@ -62,7 +62,7 @@ export const CashReceiptDetailPage = () => {
 
   const callDetail = () => {
     let cashReceitDetailParams: CashReceiptDetailParams = {
-      issueNumber: issueNumber
+      approvalNumber: approvalNumber
     };
     cashReceiptDetail(cashReceitDetailParams).then((rs: DetailResponse) => {
       setIssueInfo(rs.issueInfo);
@@ -92,7 +92,7 @@ export const CashReceiptDetailPage = () => {
         <div className="tab-content">
           <div className="tab-pane sub active">
             <div className="option-list">
-              <div className="txn-detail">
+              <div className={ `txn-detail ${(detailInfo?.canDownloadReceipt)? 'pb-86': ''}` }>
                 <IssueInfoSection
                   transactionCategory={ TransactionCategory.CashReceipt }
                   issueInfo={ issueInfo }
@@ -107,12 +107,14 @@ export const CashReceiptDetailPage = () => {
                 ></DetailInfoSection>
               </div>
             </div>
+            { !!detailInfo?.canDownloadReceipt && 
             <div className="apply-row">
               <button 
                 className="btn-50 btn-blue flex-1"
                 onClick={ () => onClickToPurposeUpdate() }
               >용도 변경</button>
             </div>
+            }
           </div>
         </div>
       </main>

src/pages/transaction/cash-receipt/list-page.tsx

@@ -57,14 +57,14 @@ export const CashReceiptListPage = () => {
 
 	const callList = (option?: {
 		sortType?: SortTypeKeys,
-		val?: string
+		val?: CashReceiptTransactionType
 	}) => {
 		let listSummaryParams: CashReceiptSummaryParams = {
 			mid: mid,
 			startDate: startDate,
 			endDate: endDate,
 			purposeType: purposeType,
-			transactionType: transactionType,
+			transactionType: option?.val || transactionType,
 			processResult: processResult,
 			searchNumberType: searchNumberType,
 			searchNumber: searchNumber,
@@ -76,8 +76,9 @@ export const CashReceiptListPage = () => {
 				page: pageParam
 			}
 		};
+		
 		if(listParams.page){
-			listParams.page.sortType = (option?.sortType)? option.sortType: sortType;
+			listParams.page.sortType = option?.sortType || sortType;
     	setPageParam(listParams.page);
 		}