수기발행 / 현금영수증 용도변경

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

@@ -17,6 +17,7 @@ import {
   useSetHeaderType,
   useSetFooterMode
 } from '@/widgets/sub-layout/use-sub-layout';
+import { NumericFormat } from 'react-number-format';
 
 export const BillingDetailPage = () => {
   const { navigate } = useNavigate();
@@ -52,8 +53,24 @@ export const BillingDetailPage = () => {
           <div className="tab-pane sub active">
             <div className="option-list">
               <div className="txn-detail">
+                <div className="txn-num-group">
+                  <div className="txn-amount">
+                    <div className="value">
+                      <NumericFormat
+                        value={ 100000000 } 
+                        thousandSeparator
+                        displayType="text"
+                      ></NumericFormat>
+                      <span className="unit">원</span>
+                    </div>
+                    <div className="txn-mid">
+                      <span className="value">{ 'nitnitni' }</span>
+                    </div>
+                  </div>
+
+                </div>
+                <div className="txn-divider"></div>
                 <BillingInfoWrap
-                  transactionCategory={ TransactionCategory.Billing }
                   billingInfo={ billingInfo }
                 ></BillingInfoWrap>
               </div>

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

@@ -35,8 +35,8 @@ export const BillingListPage = () => {
 	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 [startDate, setStartDate] = useState(moment().subtract(1, 'month').format('YYYY-MM-DD'));
+	const [endDate, setEndDate] = useState(moment().format('YYYY-MM-DD'));
 		
 	useSetHeaderTitle('빌링');
 	useSetHeaderType(HeaderType.LeftArrow);
@@ -57,7 +57,7 @@ export const BillingListPage = () => {
     let listParams = {
       mid: 'nictest001m',
       searchType: 'ALL',
-			searchKeyword: 'P14633723',
+			searchKeyword: '',
       startDate: startDate,
       endDate: endDate,
       requestStatus: 'ALL',