Cost Entry Wizard (CostEntryWizard.vue) - 4-lépéses Számla Űrlap #277

Closed
opened 2026-06-23 11:18:19 +02:00 by kincses · 2 comments
Owner

Mérföldkő: Dashboard & Cost Management

Cél: 4-lépéses stepper wizard építése részletes számla/invoice költségek rögzítésére a CostsActionsCard-ból indíthatóan.

🔗 Függőségek (Dependencies)

  • Bemenet (Mikre támaszkodik): CostsActionsCard.vue, ComplexExpenseModal (kategória cascade logika), costStore (addExpense), GET /dictionaries/cost-categories, GET /organizations?org_type=SERVICE_PROVIDER
  • Kimenet (Mik támaszkodnak rá): DashboardView (cost-saved event), VehicleDetailModal (költség frissítés)

📝 Elemzés

A CostEntryWizard egy 4-lépéses Teleport-alapú modális űrlap:

  • Step 1 (Alapadatok): Jármű (read-only), kategória cascade (fő+alkategória), dátum
  • Step 2 (Pénzügyek): Nettó összeg, ÁFA kulcs (0/5/10/20/27%), Bruttó összeg (GROSS-FIRST), Pénznem
  • Step 3 (Admin & Szállító): Dinamikus vendor autocomplete (GET /organizations?org_type=SERVICE_PROVIDER) szabad szöveges fallbackkel, számlaszám, számla dátuma, fizetési határidő
  • Step 4 (Fájlok): Drag & drop fájl feltöltő UI (csak UI szintű file picker)
  • API: POST /expenses/ a costStore.addExpense()-on keresztül AssetCostBase payload-dal
  • i18n: costWizard szekció en.ts-ben és hu.ts-ben
**Mérföldkő:** Dashboard & Cost Management **Cél:** 4-lépéses stepper wizard építése részletes számla/invoice költségek rögzítésére a CostsActionsCard-ból indíthatóan. ### 🔗 Függőségek (Dependencies) - **Bemenet (Mikre támaszkodik):** CostsActionsCard.vue, ComplexExpenseModal (kategória cascade logika), costStore (addExpense), GET /dictionaries/cost-categories, GET /organizations?org_type=SERVICE_PROVIDER - **Kimenet (Mik támaszkodnak rá):** DashboardView (cost-saved event), VehicleDetailModal (költség frissítés) ### 📝 Elemzés A CostEntryWizard egy 4-lépéses Teleport-alapú modális űrlap: - Step 1 (Alapadatok): Jármű (read-only), kategória cascade (fő+alkategória), dátum - Step 2 (Pénzügyek): Nettó összeg, ÁFA kulcs (0/5/10/20/27%), Bruttó összeg (GROSS-FIRST), Pénznem - Step 3 (Admin & Szállító): Dinamikus vendor autocomplete (GET /organizations?org_type=SERVICE_PROVIDER) szabad szöveges fallbackkel, számlaszám, számla dátuma, fizetési határidő - Step 4 (Fájlok): Drag & drop fájl feltöltő UI (csak UI szintű file picker) - API: POST /expenses/ a costStore.addExpense()-on keresztül AssetCostBase payload-dal - i18n: costWizard szekció en.ts-ben és hu.ts-ben
kincses added the Type: FeatureStatus: In Progress labels 2026-06-23 11:18:24 +02:00
kincses started working 2026-06-23 11:18:25 +02:00
Author
Owner

▶️ Munka megkezdve: 2026-06-23 11:18:24

▶️ **Munka megkezdve:** 2026-06-23 11:18:24
kincses added Status: Done and removed Status: In Progress labels 2026-06-23 11:19:07 +02:00
kincses worked for 42 seconds 2026-06-23 11:19:07 +02:00
Author
Owner

Munka befejezve: 2026-06-23 11:19:07

Technikai Összefoglaló:
Cost Entry Wizard (CostEntryWizard.vue) elkészült. 4-lépéses stepper: Alapadatok (kategória cascade), Pénzügyek (net/gross/VAT), Admin & Szállító (vendor autocomplete GET /organizations?org_type=SERVICE_PROVIDER), Fájlok (drag&drop UI). API integráció POST /expenses/ a costStore.addExpense()-on keresztül AssetCostBase payload-dal. i18n kulcsok en.ts/hu.ts. Vite build: 253 modules, 6.94s.

⏱️ Az idő rögzítve.

✅ **Munka befejezve:** 2026-06-23 11:19:07 **Technikai Összefoglaló:** Cost Entry Wizard (CostEntryWizard.vue) elkészült. 4-lépéses stepper: Alapadatok (kategória cascade), Pénzügyek (net/gross/VAT), Admin & Szállító (vendor autocomplete GET /organizations?org_type=SERVICE_PROVIDER), Fájlok (drag&drop UI). API integráció POST /expenses/ a costStore.addExpense()-on keresztül AssetCostBase payload-dal. i18n kulcsok en.ts/hu.ts. Vite build: ✅ 253 modules, 6.94s. ⏱️ *Az idő rögzítve.*
Sign in to join this conversation.