거래내역 관련

src/entities/transaction/ui/cash-receipt-hand-written-issuance-step2.tsx

@@ -0,0 +1,81 @@
+import { useSetOnBack } from '@/widgets/sub-layout/use-sub-layout';
+import { ProcessStep } from '../model/types';
+
+export interface CashReceiptHandWrittenIssuanceStep2Props {
+  setProcessStep: ((processStep: ProcessStep) => void);
+};
+export const CashReceiptHandWrittenIssuanceStep2 = ({
+  setProcessStep
+}: CashReceiptHandWrittenIssuanceStep2Props) => {
+  useSetOnBack(() => {
+    setProcessStep(ProcessStep.One);
+  });
+  return (
+    <>
+      <h2 className="issue-title">발행 금액 입력</h2>
+
+      <div className="issue-form">
+        <div className="issue-row">
+          <div className="issue-label">발행금액</div>
+          <div className="issue-field">
+            <div className="seg-buttons">
+              <input 
+                type="text" 
+                value="555,555,555" 
+                readOnly={ true }
+              />
+              <button
+                className="btn-40 btn-white"
+                type="button"
+              >VAT자동계산</button>
+            </div>
+          </div>
+        </div>
+
+        <div className="issue-row">
+          <div className="issue-label">공급가액</div>
+          <div className="issue-field">
+            <input
+              className="error"
+              type="text"
+              placeholder=""
+            />
+          </div>
+        </div>
+        <div className="issue-row">
+          <div className="issue-label">VAT</div>
+          <div className="issue-field">
+            <input
+              className="error"
+              type="text"
+              placeholder=""
+            />
+          </div>
+        </div>
+        <div className="issue-row">
+          <div className="issue-label">발행번호</div>
+          <div className="issue-field">
+            <input
+              className="error"
+              type="text"
+              placeholder=""
+            />
+          </div>
+        </div>
+        <div className="issue-row">
+          <div className="issue-label">이메일 주소</div>
+          <div className="issue-field">
+            <input
+              type="email"
+              className="error"
+              placeholder=""
+            />
+          </div>
+        </div>
+        <div className="issue-note error">
+          발행금액은 공급가액 VAT,면세금액, 봉사료의 총합과 같아야 합니다.
+        </div>
+      </div>
+    </>
+  );
+};