From 1b2d6a2c02f6df225f0de4e111cfc0ca499a6ade Mon Sep 17 00:00:00 2001
From: sb <sb@MacBook-Pro.local>
Date: Mon, 6 Jul 2026 23:16:03 +0900
Subject: [PATCH] =?UTF-8?q?fix(account):=20=EC=B6=9C=EA=B8=88=20=EA=B3=84?=
 =?UTF-8?q?=EC=A2=8C=20=EC=A2=85=EB=A5=98=20=E2=80=94=20=EC=B9=B4=EB=93=9C?=
 =?UTF-8?q?=EB=8A=94=20=EC=A7=80=EC=B6=9C=EC=9D=BC=20=EB=95=8C=EB=A7=8C=20?=
 =?UTF-8?q?=EB=85=B8=EC=B6=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

수입·이체·상환은 카드/대출에서 나가지 않으므로 카드 제외(대출은 이미 제외).
구분 변경 시 허용 안 되는 계좌 종류면 초기화. AccountView·RecurringView 동일 적용.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/views/account/AccountView.vue   | 18 +++++++++++++++---
 src/views/account/RecurringView.vue | 14 ++++++++++++--
 2 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/src/views/account/AccountView.vue b/src/views/account/AccountView.vue
index 202561f..c277d6a 100644
--- a/src/views/account/AccountView.vue
+++ b/src/views/account/AccountView.vue
@@ -347,7 +347,15 @@ const WALLET_KINDS = [
   { value: 'INVEST', label: '증권' },
 ]
 // 출금/결제 계좌 종류 뱃지에서는 대출 제외 — 대출은 지출·이체의 '출처'가 아니라 상환 대상
-const FROM_WALLET_KINDS = WALLET_KINDS.filter((k) => k.value !== 'LOAN')
+// 출금/결제 계좌 종류: 대출은 항상 제외(상환 대상), 카드는 '지출'(카드결제)일 때만 노출.
+// 수입·이체·상환은 카드/대출에서 나가지 않음.
+const fromWalletKinds = computed(() =>
+  WALLET_KINDS.filter((k) => {
+    if (k.value === 'LOAN') return false
+    if (k.value === 'CARD') return form.type === 'EXPENSE'
+    return true
+  }),
+)
 const TYPES = [
   { value: 'EXPENSE',   label: '지출',    cls: 'chip-expense' },
   { value: 'INCOME',    label: '수입',    cls: 'chip-income' },
@@ -402,9 +410,13 @@ async function loadCategories() {
 // 필터용 전체 분류명 (중복 제거)
 const allCategoryNames = computed(() => [...new Set(categories.value.map((c) => c.name))])
 
-// 구분(수입/지출/이체) 변경 시 분류 초기화
+// 구분(수입/지출/이체) 변경 시 분류 초기화 + 새 구분에서 허용 안 되는 계좌 종류면 초기화
 function onTypeChange() {
   form.category = ''
+  if (!fromWalletKinds.value.some((k) => k.value === form.walletKind)) {
+    form.walletKind = ''
+    form.walletId = ''
+  }
 }
 
 // 태그 (태그 관리에 등록된 태그 선택)
@@ -1148,7 +1160,7 @@ onMounted(async () => {
               <div class="field">
                 <span class="field-label">계좌 종류</span>
                 <div class="wallet-chips">
-                  <button v-for="k in FROM_WALLET_KINDS" :key="k.value" type="button"
+                  <button v-for="k in fromWalletKinds" :key="k.value" type="button"
                           class="chip" :class="{ active: form.walletKind === k.value }"
                           :disabled="submitting" @click="form.walletKind = k.value; onWalletKindChange()">
                     {{ k.label }}
diff --git a/src/views/account/RecurringView.vue b/src/views/account/RecurringView.vue
index 0825055..f5079ce 100644
--- a/src/views/account/RecurringView.vue
+++ b/src/views/account/RecurringView.vue
@@ -61,6 +61,10 @@ const WALLET_KINDS = [
 ]
 const walletsOfKind = computed(() => wallets.value.filter((w) => w.type === form.walletKind))
 const toWalletsOfKind = computed(() => wallets.value.filter((w) => w.type === form.toWalletKind))
+// 출금 계좌 종류: 카드는 '지출'(카드결제)일 때만. 수입·이체는 카드에서 나가지 않음
+const fromWalletKinds = computed(() =>
+  WALLET_KINDS.filter((k) => k.value !== 'CARD' || form.type === 'EXPENSE'),
+)
 // 계좌 선택 칩 옵션
 function walletOpts(list) {
   return list.map((w) => ({ value: w.id, label: `${w.name}${w.issuer ? ` (${w.issuer})` : ''}` }))
@@ -73,7 +77,13 @@ function walletKindOf(id) {
 }
 function onWalletKindChange() { form.walletId = '' }
 function onToWalletKindChange() { form.toWalletId = '' }
-function onTypeChange() { form.category = '' }
+function onTypeChange() {
+  form.category = ''
+  if (!fromWalletKinds.value.some((k) => k.value === form.walletKind)) {
+    form.walletKind = ''
+    form.walletId = ''
+  }
+}
 
 function won(n) { return (n ?? 0).toLocaleString('ko-KR') }
 function typeLabel(t) {
@@ -295,7 +305,7 @@ onMounted(load)
           <span class="field-label">{{ form.type === 'TRANSFER' ? '출금 계좌' : '계좌/카드' }}</span>
           <div class="wallet-chips">
             <button
-              v-for="k in WALLET_KINDS" :key="k.value"
+              v-for="k in fromWalletKinds" :key="k.value"
               type="button" class="chip" :class="{ active: form.walletKind === k.value }"
               :disabled="submitting"
               @click="form.walletKind = k.value; onWalletKindChange()"