petrofx7/erp-system

How petrofx7/erp-system works

This is a small Vue ERP orders frontend: users create clients and products, then compose and create orders whose totals are calculated automatically, and browse orders filtered by client. The graph follows the sampled app setup, routing, client/order pages, composable, and stores. Product-page/store behavior is included as documented in the README and tree; its implementation was not sampled. State is local Pinia state, with no external service or persistent database shown.

Main entry points: index.ts Route selection · OrdersPage.vue Order workflow · clients.ts Client state · products.ts Product state

Components 15

App shell

App bootstrap src/app/main.ts
App layout src/app/App.vue
Route selection src/app/router/index.ts
Navigation header src/widgets/VHeader.vue

ERP workflows

Home page src/pages/Home.vue
Client management src/pages/ClientsPage.vue
Product management src/pages/ProductsPage.vue
Order workflow src/pages/OrdersPage.vue
Order draft src/composables/useOrderDraft.ts

Domain state

Client state src/stores/clients.ts
Product state src/stores/products.ts
Order state src/stores/orders.ts
Domain types src/shared/types
ID generation src/shared/utils/id.ts

Other components

ERP user

Connections 22

ERP user → App bootstrap: opens app
App bootstrap → App layout: mounts
App bootstrap → Route selection: installs router
App layout → Navigation header: renders
App layout → Route selection: shows route
ERP user → Navigation header: selects page
Route selection → Home page: routes to
Route selection → Client management: routes to
Route selection → Product management: routes to
Route selection → Order workflow: routes to
Client management → Client state: creates and reads
Product management → Product state: creates and reads
Order workflow → Order draft: manages draft
Order draft → Product state: reads products
Order workflow → Client state: reads clients
Order workflow → Product state: reads products
Order workflow → Order state: creates and lists
Client state → ID generation: generates IDs
Order state → ID generation: generates IDs
Client state → Domain types: uses client type
Product state → Domain types: uses product type
Order state → Domain types: uses order types

More Vue diagrams: haithngn/remotify · juliangoetze/strukto-io · lombord/winichat · seeed-studio/sensecraft-web-toolkit · yanstu/subjectthree

Drawn by GitDiagram on September 27, 2026 from the repository's file tree, README and source files. Read as Markdown ·