거래후 취소 페이지 추가
This commit is contained in:
focp212@naver.com
@@ -1,12 +1,12 @@
|
|||||||
import { IMAGE_ROOT } from '@/shared/constants/common';
|
import { IMAGE_ROOT } from '@/shared/constants/common';
|
||||||
import { motion } from 'framer-motion';
|
import { motion } from 'framer-motion';
|
||||||
export interface AllTransactionCancelPreventBondProps {
|
export interface AllTransactionCancelPreventBondProps {
|
||||||
preventBondOn: boolean;
|
cancelPreventBondOn: boolean;
|
||||||
setCancelPreventBondOn: (preventBondOn: boolean) => void;
|
setCancelPreventBondOn: (cancelPreventBondOn: boolean) => void;
|
||||||
};
|
};
|
||||||
|
|
||||||
export const AllTransactionCancelPreventBond = ({
|
export const AllTransactionCancelPreventBond = ({
|
||||||
preventBondOn,
|
cancelPreventBondOn,
|
||||||
setCancelPreventBondOn
|
setCancelPreventBondOn
|
||||||
}: AllTransactionCancelPreventBondProps) => {
|
}: AllTransactionCancelPreventBondProps) => {
|
||||||
const onClickToClose = () => {
|
const onClickToClose = () => {
|
||||||
@@ -31,65 +31,60 @@ export const AllTransactionCancelPreventBond = ({
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="option-list pt-16">
|
<div className="option-list-nopadding pw-26">
|
||||||
|
<div className="after-deposit-cancel pb-120">
|
||||||
|
<div className="notice-text">요청하신 거래취소는 입금 후 취소처리 가능합니다.</div>
|
||||||
|
<div className="section-title">취소거래내역</div>
|
||||||
|
<div className="amount-info">
|
||||||
|
<ul className="kv-list">
|
||||||
|
<li className="kv-row">
|
||||||
|
<div className="k">· 승인일</div>
|
||||||
|
<div className="v">2025/10/10</div>
|
||||||
|
</li>
|
||||||
|
<li className="kv-row">
|
||||||
|
<div className="k">· 승인번호</div>
|
||||||
|
<div className="v">00259163</div>
|
||||||
|
</li>
|
||||||
|
<li className="kv-row">
|
||||||
|
<div className="k">· 승인금액</div>
|
||||||
|
<div className="v">1,004</div>
|
||||||
|
</li>
|
||||||
|
<li className="kv-row">
|
||||||
|
<div className="k">· 총 취소금액</div>
|
||||||
|
<div className="v">204</div>
|
||||||
|
</li>
|
||||||
|
<li className="kv-row">
|
||||||
|
<div className="k red">· 입금요청금액 :</div>
|
||||||
|
<div className="v red">200</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="txn-divider minus"></div>
|
<div className="section-title">입금 정보</div>
|
||||||
<div className="summary-section pt-30">
|
<div className="amount-info">
|
||||||
<div className="summary-extend">
|
<ul className="kv-list">
|
||||||
<div>취소 거래내역</div>
|
<li className="kv-row">
|
||||||
<ul className="summary-amount-list">
|
<div className="k">· 은행</div>
|
||||||
<li className="summary-amount-item">
|
<div className="v">신한은행</div>
|
||||||
<span className="label">승인일</span>
|
|
||||||
<span className="value"></span>
|
|
||||||
</li>
|
</li>
|
||||||
<li className="summary-amount-item">
|
<li className="kv-row">
|
||||||
<span className="label">승인번호</span>
|
<div className="k">· 계좌번호</div>
|
||||||
<span className="value"></span>
|
<div className="v">140-012-733704</div>
|
||||||
</li>
|
</li>
|
||||||
<li className="summary-amount-item">
|
<li className="kv-row">
|
||||||
<span className="label">승인금액</span>
|
<div className="k">· 예금주</div>
|
||||||
<span className="value"></span>
|
<div className="v">나이스정보통신(주)</div>
|
||||||
</li>
|
|
||||||
<li className="summary-amount-item">
|
|
||||||
<span className="label">총 취소금액</span>
|
|
||||||
<span className="value"></span>
|
|
||||||
</li>
|
|
||||||
<li className="summary-amount-item">
|
|
||||||
<span className="label">입금요청금액</span>
|
|
||||||
<span className="value"></span>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div className="summary-extend">
|
|
||||||
<div>입금 정보</div>
|
<div className="guide-list mt-26">
|
||||||
<ul className="summary-amount-list">
|
<div className="desc dot">[취소요청] 버튼을 통해 취소 요청을 진행해야 접수됩니다.</div>
|
||||||
<li className="summary-amount-item">
|
<div className="desc dot">입금자명은 가맹점 상호로 입력해 주세요.</div>
|
||||||
<span className="label">은행</span>
|
<div className="desc dot">입금요청금액과 동일한 금액을 입금해야 취소가 진행됩니다.</div>
|
||||||
<span className="value"></span>
|
<div className="desc dot">취소내역은 최대 3일 이후 확인 가능합니다.</div>
|
||||||
</li>
|
<div className="desc dot">입금 후 취소 프로세스 :<br />가맹점의 취소요청 -> 가맹점의입금 -> 입금 확인 -> 취소 처리</div>
|
||||||
<li className="summary-amount-item">
|
<div className="desc dot">정산받지 않은 거래인 경우 <span className="link-blue">service@nicepay.co.kr</span>로 거래내역을 발송바랍니다. (단. 정산예정일이 2일 이상 남은 거래에 한함)</div>
|
||||||
<span className="label">계좌번호</span>
|
|
||||||
<span className="value"></span>
|
|
||||||
</li>
|
|
||||||
<li className="summary-amount-item">
|
|
||||||
<span className="label">예금주</span>
|
|
||||||
<span className="value"></span>
|
|
||||||
</li>
|
|
||||||
<li className="summary-amount-item">
|
|
||||||
<span className="label">총 취소금액</span>
|
|
||||||
<span className="value"></span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div>[취소요청] 버튼을 통해 취소 요청을 진행해야 접수됩니다.</div>
|
|
||||||
<div>입금자명은 가맹점 상호로 입력해 주세요.</div>
|
|
||||||
<div>입금요청금액과 동일한 금액을 입금해야 취소가 진행됩니다.</div>
|
|
||||||
<div>취소내역은 최대 3일 이후 확인 가능합니다.</div>
|
|
||||||
<div>입금 후 취소 프로세스</div>
|
|
||||||
<div>가맹점이 취소요청 - 가맹점이 입금 - 입금확인 - 취소 처리</div>
|
|
||||||
<div>정산받지 않은 겨래인 경우</div>
|
|
||||||
<div>service@nicepay.co.kr 로 거래내역을 방송바랍니다.(단 정산예정일이 2일 이상 남은 거래에 한함)</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user