minAmount max amount 타입 변경 및 ars

src/pages/additional-service/ars/list-page.tsx

@@ -28,8 +28,8 @@ export const ArsListPage = () => {
   const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
   const [mid, setMid] = useState<string>('nictest001m');
   const [moid, setMoid] = useState<string>('');
-  const [fromDate, setFromDate] = useState<string>('');
-  const [toDate, setToDate] = useState<string>('');
+  const [fromDate, setFromDate] = useState<string>(moment().format('YYYYMMDD'));
+  const [toDate, setToDate] = useState<string>(moment().format('YYYYMMDD'));
   const [paymentStatus, setPaymentStatus] = useState<PaymentStatus>(PaymentStatus.ALL);
   const [orderStatus, setOrderStatus] = useState<OrderStatus>(OrderStatus.ALL);
   const [minAmount, setMinAmount] = useState<number>(0);
@@ -201,140 +201,14 @@ export const ArsListPage = () => {
             </section>
             
             <section className="transaction-list">
-              <div className="date-group">
-                <div className="date-header">25.06.08(일)</div>
-                <div className="transaction-item approved">
-                  <div className="transaction-status">
-                    <div className="status-dot blue"></div>
-                  </div>
-                  <div className="transaction-content">
-                    <div className="transaction-title">김*환(7000)</div>
-                    <div className="transaction-details">
-                      <span>20:00ㅣ미결제ㅣ결제대기ㅣSMS</span>
-                    </div>
-                  </div>
-                  <div className="transaction-amount">5,254,000원</div>
-                </div>
-                <div className="transaction-item refund">
-                  <div className="transaction-status">
-                    <div className="status-dot gray"></div>
-                  </div>
-                  <div className="transaction-content">
-                    <div className="transaction-title">최*길(7000)</div>
-                    <div className="transaction-details">
-                      <span>20:00ㅣ결제완료ㅣ결제성공ㅣ호전환</span>
-                    </div>
-                  </div>
-                  <div className="transaction-amount">23,845,000원</div>
-                </div>
-                <div className="transaction-item approved">
-                  <div className="transaction-status">
-                    <div className="status-dot blue"></div>
-                  </div>
-                  <div className="transaction-content">
-                    <div className="transaction-title">박*준(7000)</div>
-                    <div className="transaction-details">
-                      <span>20:00ㅣ결제완료ㅣ결제성공ㅣ호전환</span>
-                    </div>
-                  </div>
-                  <div className="transaction-amount">534,000원</div>
-                </div>
-                <div className="transaction-item refund">
-                    <div className="transaction-status">
-                      <div className="status-dot gray"></div>
-                    </div>
-                    <div className="transaction-content">
-                      <div className="transaction-title">이*신(7000)</div>
-                      <div className="transaction-details">
-                        <span>20:00ㅣ미결제ㅣ취소완료ㅣSMS</span>
-                      </div>
-                    </div>
-                    <div className="transaction-amount">4,254,000원</div>
-                </div>
-                <div className="transaction-item approved">
-                  <div className="transaction-status">
-                    <div className="status-dot blue"></div>
-                  </div>
-                  <div className="transaction-content">
-                    <div className="transaction-title">김*환(7000)</div>
-                    <div className="transaction-details">
-                      <span>20:00ㅣ미결제ㅣ기간만료ㅣSMS</span>
-                    </div>
-                  </div>
-                  <div className="transaction-amount">948,000원</div>
-                </div>
-              </div>
-
-              <div className="date-group">
-                <div className="date-header">25.06.08(일)</div>
-                <div className="transaction-item approved">
-                    <div className="transaction-status">
-                      <div className="status-dot blue"></div>
-                    </div>
-                    <div className="transaction-content">
-                        <div className="transaction-title">신용카드(카카오머니, 카카오)</div>
-                        <div className="transaction-details">
-                            <span>승인ㅣ20:00ㅣcroquis01m</span>
-                        </div>
-                    </div>
-                    <div className="transaction-amount">3,583,000원</div>
-                </div>
-                <div className="transaction-item refund">
-                  <div className="transaction-status">
-                    <div className="status-dot gray"></div>
-                  </div>
-                  <div className="transaction-content">
-                    <div className="transaction-title">신용카드(현대카드., 토스)</div>
-                    <div className="transaction-details">
-                      <span>환불ㅣ20:00ㅣcroquis01m</span>
-                    </div>
-                  </div>
-                  <div className="transaction-amount">874,000원</div>
-                </div>
-                <div className="transaction-item approved">
-                  <div className="transaction-status">
-                    <div className="status-dot blue"></div>
-                  </div>
-                  <div className="transaction-content">
-                    <div className="transaction-title">계좌간편결제(국민은행, PAYU)</div>
-                    <div className="transaction-details">
-                      <span>승인ㅣ20:00ㅣcroquis01m</span>
-                    </div>
-                  </div>
-                  <div className="transaction-amount">23,562,000원</div>
-                </div>
-                <div className="transaction-item refund">
-                  <div className="transaction-status">
-                    <div className="status-dot gray"></div>
-                  </div>
-                  <div className="transaction-content">
-                    <div className="transaction-title">휴대폰</div>
-                    <div className="transaction-details">
-                      <span>환불ㅣ20:00ㅣcroquis01m</span>
-                    </div>
-                  </div>
-                  <div className="transaction-amount">783,000원</div>
-                </div>
-                <div className="transaction-item approved">
-                  <div className="transaction-status">
-                    <div className="status-dot blue"></div>
-                  </div>
-                  <div className="transaction-content">
-                    <div className="transaction-title">SSG 은행계좌(농협중앙회)</div>
-                    <div className="transaction-details">
-                      <span>승인ㅣ20:00ㅣcroquis01m</span>
-                    </div>
-                  </div>
-                  <div className="transaction-amount">3,923,000원</div>
-                </div>
+              { getArsList() }
+              <div className="apply-row">
+                <button 
+                  className="btn-50 btn-blue flex-1"
+                  onClick={ () => onClickToNavigation() }
+                >결제 신청</button>
               </div>
             </section>
-            <div className="apply-row">
-              <button 
-                className="btn-50 btn-blue flex-1"
-                onClick={ () => onClickToNavigation() }
-              >결제 신청</button>
-            </div>
           </div>
         </div>
       </main>

src/pages/additional-service/key-in-payment/key-in-payment-page.tsx

@@ -38,8 +38,8 @@ export const KeyInPaymentPage = () => {
   const [startDate, setStartDate] = useState(moment().format('YYYY-MM-DD'));
   const [endDate, setEndDate] = useState(moment().format('YYYY-MM-DD'));
   const [transactionStatus, setTransactionStatus] = useState<KeyInPaymentTransactionStatus>(KeyInPaymentTransactionStatus.ALL)
-  const [minAmount, setMinAmount] = useState<number | string>();
-  const [maxAmount, setMaxAmount] = useState<number | string>();
+  const [minAmount, setMinAmount] = useState<number>();
+  const [maxAmount, setMaxAmount] = useState<number>();
 
 
   useSetHeaderTitle('KEY-IN 결제');

src/pages/additional-service/payout/list-page.tsx

@@ -37,11 +37,11 @@ export const PayoutListPage = () => {
   const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
   const [mid, setMid] = useState<string>('nictest001m');
   const [searchCl, setSearchCl] = useState<PayoutSearchCl>(PayoutSearchCl.REQUEST_DATE);
-  const [fromDate, setFromDate] = useState(moment().format('YYYYMMDD'));
-  const [toDate, setToDate] = useState(moment().format('YYYYMMDD'));
+  const [fromDate, setFromDate] = useState<string>(moment().format('YYYYMMDD'));
+  const [toDate, setToDate] = useState<string>(moment().format('YYYYMMDD'));
   const [disbursementStatus, setDisbursementStatus] = useState<PayoutDisbursementStatus>(PayoutDisbursementStatus.ALL);
-  const [minAmount, setMinAmount] = useState<number | string>();
-	const [maxAmount, setMaxAmount] = useState<number | string>();
+  const [minAmount, setMinAmount] = useState<number>();
+	const [maxAmount, setMaxAmount] = useState<number>();
 
   const { mutateAsync: extensionPayoutList } = useExtensionPayoutListMutation();
   const { mutateAsync: extensionPayoutExcel } = useExtensionPayoutExcelMutation();
@@ -224,7 +224,7 @@ export const PayoutListPage = () => {
                 sortBy={ sortBy }
                 onClickToSort={ onClickToSort }
               ></SortOptionsBox>
-              <div className="excrow">
+              <div className="excrow mr-0">
                 <div className="full-menu-keywords no-padding">
                 {
                   PayoutDisbursementStatusBtnGroup.map((value, index) => (

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

@@ -40,8 +40,8 @@ export const AllTransactionListPage = () => {
   const [toDate, setToDate] = useState(moment().format('YYYYMMDD'));
   const [stateCode, setStateCode] = useState<AllTransactionStateCode>(AllTransactionStateCode.ALL);
   const [serviceCode, setServiceCode] = useState<AllTransactionServiceCode>(AllTransactionServiceCode.ALL);
-  const [minAmount, setMinAmount] = useState<number | string>();
-	const [maxAmount, setMaxAmount] = useState<number | string>();
+  const [minAmount, setMinAmount] = useState<number>();
+	const [maxAmount, setMaxAmount] = useState<number>();
   const [cardCode, setCardCode] = useState<string | undefined>();
   const [bankCode, setBankCode] = useState<string | undefined>();
   const [searchCl, setSearchCl] = useState<AllTransactionSearchCl | undefined>();

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

@@ -16,7 +16,7 @@ export const BillingChargePage = () => {
 
   const [billKey, setBillKey] = useState<string>('BIKYvattest01m');
   const [productName, setProductName] = useState<string>('테스트상품123');
-  const [productAmount, setProductAmount] = useState<number | string>(1000000);
+  const [productAmount, setProductAmount] = useState<number>(1000000);
   const [orderNumber, setOrderNumber] = useState<string>('P146733723');
   const [buyerName, setBuyerName] = useState<string>('김테스트');
   const [paymentRequestDate, setPaymentRequestDate] = useState<string>('2025-06-08');
@@ -109,7 +109,7 @@ export const BillingChargePage = () => {
                     <input 
                       type="text" 
                       value={ productAmount }
-                      onChange={ (e: ChangeEvent<HTMLInputElement>) => setProductAmount(e.target.value) }
+                      onChange={ (e: ChangeEvent<HTMLInputElement>) => setProductAmount(parseInt(e.target.value)) }
                     />
                   </div>
                 </div>

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

@@ -37,8 +37,8 @@ export const BillingListPage = () => {
 	const [requestStatus, setRequestStatus] = useState<BillingRequestStatus>(BillingRequestStatus.ALL);
 	const [processResult, setProcessResult] = useState<BillingProcessResult>(BillingProcessResult.ALL);
 	const [paymentMethod, setPaymentMethod] = useState<BillingPaymentMethod>(BillingPaymentMethod.ALL);
-	const [minAmount, setMinAmount] = useState<number | string>();
-	const [maxAmount, setMaxAmount] = useState<number | string>();
+	const [minAmount, setMinAmount] = useState<number>();
+	const [maxAmount, setMaxAmount] = useState<number>();
 
 	useSetHeaderTitle('빌링');
 	useSetHeaderType(HeaderType.LeftArrow);

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

@@ -20,10 +20,10 @@ export const CashReceitHandWrittenIssuancePage = () => {
   const [issueNumber, setIssueNumber] = useState<string>('01012341234');
   const [email, setEmail] = useState<string>('test123@nicepay.com');
   const [phoneNumber, setPhoneNumber] = useState<string>('01012341234');
-  const [supplyAmount, setSupplyAmount] = useState<number | string>(9091);
-  const [vatAmount, setVatAmount] = useState<number | string>(909);
-  const [taxFreeAmount, setTaxFreeAmount] = useState<number | string>(0);
-  const [serviceCharge, setServiceCharge] = useState<number | string>(0);
+  const [supplyAmount, setSupplyAmount] = useState<number>(9091);
+  const [vatAmount, setVatAmount] = useState<number>(909);
+  const [taxFreeAmount, setTaxFreeAmount] = useState<number>(0);
+  const [serviceCharge, setServiceCharge] = useState<number>(0);
 
   useSetHeaderTitle('수기 발행');
   useSetHeaderType(HeaderType.RightClose);

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

@@ -36,8 +36,8 @@ export const EscrowListPage = () => {
 	const [endDate, setEndDate] = useState(moment().format('YYYY-MM-DD'));
 	const [deliveryStatus, setDeliveryStatus] = useState<EscrowDeliveryStatus>(EscrowDeliveryStatus.ALL);
 	const [settlementStatus, setSettlementStatus] = useState<EscrowSettlementStatus>(EscrowSettlementStatus.ALL);
-	const [minAmount, setMinAmount] = useState<number | string>();
-	const [maxAmount, setMaxAmount] = useState<number | string>();	
+	const [minAmount, setMinAmount] = useState<number>();
+	const [maxAmount, setMaxAmount] = useState<number>();	
 		
 	useSetHeaderTitle('에스크로');
 	useSetHeaderType(HeaderType.LeftArrow);