206 lines
7.9 KiB
TypeScript
206 lines
7.9 KiB
TypeScript
import { PATHS } from '@/shared/constants/paths';
|
|
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
|
|
import { IMAGE_ROOT } from '@/shared/constants/common';
|
|
|
|
export const SettlementAgencyDepositWrap = () => {
|
|
const { navigate } = useNavigate();
|
|
|
|
const onClickRegister = () => {
|
|
navigate(PATHS.additionalService.settlementAgency.register);
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<div className="summary-section pt-30">
|
|
<div className="credit-controls">
|
|
<div>
|
|
<input
|
|
className="credit-period"
|
|
type="text"
|
|
value="2025.06.01 ~ 2025.06.31"
|
|
readOnly={ true }
|
|
/>
|
|
<button className="filter-btn">
|
|
<img
|
|
src={ IMAGE_ROOT + '/ico_setting.svg' }
|
|
alt="검색옵션"
|
|
/>
|
|
</button>
|
|
</div>
|
|
<button className="download-btn">
|
|
<img
|
|
src={ IMAGE_ROOT + '/ico_download.svg' }
|
|
alt="다운로드"
|
|
/>
|
|
</button>
|
|
</div>
|
|
<div className="credit-summary">
|
|
<div className="row">
|
|
<span className="label">총 입금액</span>
|
|
<strong className="amount22">83,745,200원</strong>
|
|
</div>
|
|
<div className="row">
|
|
<span className="label">총 출금액 </span>
|
|
<strong className="amount19">534,407원</strong>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="filter-section">
|
|
<div className="sort-options">
|
|
<button className="sort-btn active">최신순</button>
|
|
<span className="sort-divider">|</span>
|
|
<button className="sort-btn">고액순</button>
|
|
</div>
|
|
<div>
|
|
<div className="full-menu-keywords no-padding">
|
|
<span className="keyword-tag active">전체</span>
|
|
<span className="keyword-tag">입금</span>
|
|
<span className="keyword-tag">출금</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="transaction-list">
|
|
<div className="">
|
|
<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>10:10:00</span>
|
|
</div>
|
|
</div>
|
|
<div className="transaction-amount two">
|
|
<span className="amount">5,254,000원</span>
|
|
<span className="unit">잔액 : 1,58,332원</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="transaction-item approved">
|
|
<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>10:10:00</span>
|
|
</div>
|
|
</div>
|
|
<div className="transaction-amount two">
|
|
<span className="amount">5,254,000원</span>
|
|
<span className="unit">잔액 : 1,58,332원</span>
|
|
</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">입금(현금 입금)</div>
|
|
<div className="transaction-details">
|
|
<span>10:10:00</span>
|
|
</div>
|
|
</div>
|
|
<div className="transaction-amount two">
|
|
<span className="amount">5,254,000원</span>
|
|
<span className="unit">잔액 : 1,58,332원</span>
|
|
</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">입금(현금 입금)</div>
|
|
<div className="transaction-details">
|
|
<span>10:10:00</span>
|
|
</div>
|
|
</div>
|
|
<div className="transaction-amount two">
|
|
<span className="amount">5,254,000원</span>
|
|
<span className="unit">잔액 : 1,58,332원</span>
|
|
</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">입금(현금 입금)</div>
|
|
<div className="transaction-details">
|
|
<span>10:10:00</span>
|
|
</div>
|
|
</div>
|
|
<div className="transaction-amount two">
|
|
<span className="amount">5,254,000원</span>
|
|
<span className="unit">잔액 : 1,58,332원</span>
|
|
</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">입금(현금 입금)</div>
|
|
<div className="transaction-details">
|
|
<span>10:10:00</span>
|
|
</div>
|
|
</div>
|
|
<div className="transaction-amount two">
|
|
<span className="amount">5,254,000원</span>
|
|
<span className="unit">잔액 : 1,58,332원</span>
|
|
</div>
|
|
</div>
|
|
<div className="transaction-item approved">
|
|
<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>10:10:00</span>
|
|
</div>
|
|
</div>
|
|
<div className="transaction-amount two">
|
|
<span className="amount">5,254,000원</span>
|
|
<span className="unit">잔액 : 1,58,332원</span>
|
|
</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">입금(현금 입금)</div>
|
|
<div className="transaction-details">
|
|
<span>10:10:00</span>
|
|
</div>
|
|
</div>
|
|
<div className="transaction-amount two">
|
|
<span className="amount">5,254,000원</span>
|
|
<span className="unit">잔액 : 1,58,332원</span>
|
|
</div>
|
|
</div>
|
|
<div className="transaction-item approved">
|
|
<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>10:10:00</span>
|
|
</div>
|
|
</div>
|
|
<div className="transaction-amount two">
|
|
<span className="amount">5,254,000원</span>
|
|
<span className="unit">잔액 : 1,58,332원</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
}; |