From 9b388eddadef3866c7a97e0185a5e8f7842f64cd Mon Sep 17 00:00:00 2001 From: Wesley Pullen Date: Thu, 21 May 2026 13:06:11 -0400 Subject: [PATCH 1/3] docs: add code style guidance for non-obvious logic comments --- CLAUDE.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/CLAUDE.md b/CLAUDE.md index d2086efa..01d89e0e 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -72,3 +72,8 @@ npm install && npm run dev - Status: green/blue/yellow/red - Charts: Custom SVG, CSS Grid for layouts - No emojis in UI + +## Code Style & Documentation +- **Comments**: Only add comments for non-obvious logic. Explain the *why*, not the *what*. Well-named code is better than comments explaining what it does. +- Document tricky filtering logic, workarounds, or non-standard patterns +- Don't comment obvious operations or implementations that follow standard patterns From 48413870d69b673184f4db951fcccb0ceb87c5f1 Mon Sep 17 00:00:00 2001 From: Wesley Pullen Date: Thu, 21 May 2026 13:37:22 -0400 Subject: [PATCH 2/3] Add new features: Restocking Planner and expanded Orders view - Implemented Restocking Planner component with budget slider and item recommendations - Enhanced Orders view with additional filtering and display options - Updated demand forecasts data with refined demand trend predictions - Added new API endpoints for restocking recommendations and demand data - Improved dashboard navigation and component organization Co-Authored-By: Claude Haiku 4.5 --- architecture.html | 798 ++++++++++++++++++++++++++++++ client/package-lock.json | 2 + client/src/App.vue | 3 + client/src/api.js | 10 + client/src/main.js | 4 +- client/src/views/Orders.vue | 57 ++- client/src/views/Restocking.vue | 325 ++++++++++++ server/data/demand_forecasts.json | 90 +--- server/main.py | 57 +++ 9 files changed, 1262 insertions(+), 84 deletions(-) create mode 100644 architecture.html create mode 100644 client/src/views/Restocking.vue diff --git a/architecture.html b/architecture.html new file mode 100644 index 00000000..be37ba83 --- /dev/null +++ b/architecture.html @@ -0,0 +1,798 @@ + + + + + + Factory Inventory Management System - Architecture + + + +
+
+

Factory Inventory Management System

+

System Architecture & Technical Documentation

+
+ +
+ +
+

Technology Stack

+ +
+
+

+
🎨
+ Frontend +

+
    +
  • Vue 3 (Composition API)
    • +
  • Vite (Build tool)
    • +
  • Axios (HTTP client)
    • +
  • Port 3000
    • +
  • Responsive Design (CSS Grid/Flexbox)
    • +
+
+ +
+

+
⚙️
+ Backend +

+
    +
  • Python FastAPI
    • +
  • Uvicorn (ASGI server)
    • +
  • Pydantic (Data validation)
    • +
  • Port 8001
    • +
  • CORS enabled for development
    • +
+
+ +
+

+
💾
+ Data Layer +

+
    +
  • In-memory mock data
    • +
  • JSON files (no database)
    • +
  • Loaded at server startup
    • +
  • Real-time filtering
    • +
  • Pydantic model validation
    • +
+
+
+
+ + +
+

System Architecture

+ +
+
+
📁 JSON Data Files
inventory, orders, spending, etc.
+
+
↓
+
+
FastAPI Backend
Port 8001
+
+
↕
+
+
Vue 3 Frontend
Port 3000
+
+
+ +
+
    +
  • Frontend makes HTTP requests via Axios to RESTful API endpoints
    • +
  • Backend loads JSON files into memory on startup
    • +
  • All filtering happens server-side using Pydantic models
    • +
  • No database or persistence - data resets on server restart
    • +
  • CORS middleware allows cross-origin requests from frontend
    • +
  • Automatic API documentation available at /docs endpoint
    • +
+
+
+ + +
+

Data Flow

+ +
+
+
1
+
+ User Interaction + User selects filters (warehouse, category, status, month) or navigates to a view in Vue frontend +
+
+ +
+
2
+
+ Frontend API Call + Vue component calls api.js which constructs query parameters and makes Axios HTTP GET request +
+
+ +
+
3
+
+ Backend Receives Request + FastAPI router receives request, extracts query parameters, validates with Pydantic +
+
+ +
+
4
+
+ Data Filtering + Python applies filter functions: filter_by_month(), apply_filters() on in-memory JSON data +
+
+ +
+
5
+
+ Response Serialization + FastAPI serializes filtered results using Pydantic models (List[Order], List[InventoryItem], etc.) +
+
+ +
+
6
+
+ Frontend Receives & Displays + Vue component receives JSON response, updates reactive refs, computed properties recalculate, UI re-renders +
+
+
+
+ + +
+

REST API Endpoints

+

All endpoints return JSON. Base URL: http://localhost:8001/api

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
MethodEndpointDescriptionFilters
GET/inventoryList all inventory itemswarehouse, category
GET/inventory/{item_id}Get specific inventory item—
GET/ordersList all orderswarehouse, category, status, month
GET/orders/{order_id}Get specific order—
GET/dashboard/summaryDashboard statistics & KPIswarehouse, category, status, month
GET/demandDemand forecasts—
GET/backlogBacklog items with PO status—
GET/spending/summarySpending summary statistics—
GET/spending/monthlyMonthly spending breakdown—
GET/spending/categoriesSpending by category—
GET/spending/transactionsRecent transactions—
GET/reports/quarterlyQuarterly performance reports—
GET/reports/monthly-trendsMonth-over-month trends—
+
+ + +
+

Filter System

+

Global filters apply to relevant endpoints. All filters default to "All" and accept 'all' as value to reset.

+ +
+
+

Time Period

+
    +
  • All Months (default)
    • +
  • January - December
    • +
  • Quarters (Q1-Q4 2025)
    • +
+
+ +
+

Warehouse

+
    +
  • All (default)
    • +
  • San Francisco
    • +
  • London
    • +
  • Tokyo
    • +
+
+ +
+

Category

+
    +
  • All (default)
    • +
  • Circuit Boards
    • +
  • Sensors
    • +
  • Actuators
    • +
  • Controllers
    • +
  • Power Supplies
    • +
+
+ +
+

Order Status

+
    +
  • All (default)
    • +
  • Delivered
    • +
  • Shipped
    • +
  • Processing
    • +
  • Backordered
    • +
+
+
+ +
+
    +
  • Filters stored in global composable (useFilters) for reactive updates across all views
    • +
  • Month filter only applies to order data (inventory has no time dimension)
    • +
  • Quarterly filtering uses QUARTER_MAP lookup on server side
    • +
  • Multiple filters combine with AND logic (e.g., SF + Sensors = SF warehouses with Sensors category)
    • +
+
+
+ + +
+

Frontend Views & Components

+ +
+
+ Dashboard + KPIs, order health, inventory by category, shortages, top products +
+
+ Inventory + Browse all items, stock levels, reorder points, unit costs +
+
+ Orders + Order list, customer details, status, delivery dates, total values +
+
+ Demand Forecast + Demand trends, current vs forecasted, trend analysis +
+
+ Finance (Spending) + Spending summary, monthly breakdown, category analysis, transactions +
+
+ Reports + Quarterly performance, monthly trends, order fulfillment rates +
+
+ Backlog + Shortages, delayed items, priority levels, purchase order creation +
+
+ Filter Bar + Global filters: period, warehouse, category, status +
+
+
+ + +
+

Core Data Models

+ +
+
+

InventoryItem

+
    +
  • id, sku, name, category
    • +
  • warehouse, quantity_on_hand
    • +
  • reorder_point, unit_cost
    • +
  • location, last_updated
    • +
+
+ +
+

Order

+
    +
  • id, order_number, customer, items
    • +
  • status, order_date, expected_delivery
    • +
  • total_value, actual_delivery
    • +
  • warehouse, category
    • +
+
+ +
+

BacklogItem

+
    +
  • id, order_id, item_sku, item_name
    • +
  • quantity_needed, quantity_available
    • +
  • days_delayed, priority
    • +
  • has_purchase_order
    • +
+
+ +
+

DemandForecast

+
    +
  • id, item_sku, item_name
    • +
  • current_demand, forecasted_demand
    • +
  • trend (up/down/stable)
    • +
  • period (month)
    • +
+
+
+
+ + +
+

Key Features

+ +
+
    +
  • Real-time filtering across 4 dimensions (time, location, category, status)
    • +
  • Dynamic KPI calculations (inventory turnover, fill rates, revenue goals)
    • +
  • Inventory shortage detection with priority levels
    • +
  • Purchase order creation for backlog items
    • +
  • Demand forecasting with trend analysis
    • +
  • Quarterly and monthly performance reporting
    • +
  • Spending analysis by month and category
    • +
  • Responsive design that works on desktop, tablet, mobile
    • +
  • Multi-language support (i18n) for internationalization
    • +
  • Profile menu and task management features
    • +
+
+
+ + +
+

Development Notes

+ +
+
    +
  • Server must be restarted to reload JSON data from disk
    • +
  • Changes to mock_data.py require server restart
    • +
  • API documentation auto-generated: http://localhost:8001/docs
    • +
  • Frontend hot-reloading enabled during npm run dev
    • +
  • All data is case-sensitive except category filtering (uses .lower())
    • +
  • Pydantic models enforce data validation on all API responses
    • +
  • Vue Composition API used throughout for better code organization
    • +
  • Axios interceptors can be added for centralized error handling
    • +
  • No database - perfect for prototyping and demos
    • +
+
+
+
+ +
+

Factory Inventory Management System v1.0 | Architecture Documentation

+

Vue 3 + FastAPI + In-Memory Mock Data | Built for modern inventory management workflows

+
+
+ + \ No newline at end of file diff --git a/client/package-lock.json b/client/package-lock.json index d13e6e77..88482901 100644 --- a/client/package-lock.json +++ b/client/package-lock.json @@ -1370,6 +1370,7 @@ "integrity": "sha512-j3lYzGC3P+B5Yfy/pfKNgVEg4+UtcIJcVRt2cDjIOmhLourAqPqf8P7acgxeiSgUB7E3p2P8/3gNIgDLpwzs4g==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "esbuild": "^0.21.3", "postcss": "^8.4.43", @@ -1429,6 +1430,7 @@ "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.22.tgz", "integrity": "sha512-toaZjQ3a/G/mYaLSbV+QsQhIdMo9x5rrqIpYRObsJ6T/J+RyCSFwN2LHNVH9v8uIcljDNa3QzPVdv3Y6b9hAJQ==", "license": "MIT", + "peer": true, "dependencies": { "@vue/compiler-dom": "3.5.22", "@vue/compiler-sfc": "3.5.22", diff --git a/client/src/App.vue b/client/src/App.vue index c2da05a5..71d9913f 100644 --- a/client/src/App.vue +++ b/client/src/App.vue @@ -22,6 +22,9 @@ {{ t('nav.demandForecast') }} + + Restocking + Reports diff --git a/client/src/api.js b/client/src/api.js index 11cb9db7..9216134e 100644 --- a/client/src/api.js +++ b/client/src/api.js @@ -102,5 +102,15 @@ export const api = { async getPurchaseOrderByBacklogItem(backlogItemId) { const response = await axios.get(`${API_BASE_URL}/purchase-orders/${backlogItemId}`) return response.data + }, + + async getRestockingOrders() { + const response = await axios.get(`${API_BASE_URL}/restocking-orders`) + return response.data + }, + + async createRestockingOrder(data) { + const response = await axios.post(`${API_BASE_URL}/restocking-orders`, data) + return response.data } } diff --git a/client/src/main.js b/client/src/main.js index 477c2d96..8884eea6 100644 --- a/client/src/main.js +++ b/client/src/main.js @@ -7,6 +7,7 @@ import Orders from './views/Orders.vue' import Demand from './views/Demand.vue' import Spending from './views/Spending.vue' import Reports from './views/Reports.vue' +import Restocking from './views/Restocking.vue' const router = createRouter({ history: createWebHistory(), @@ -16,7 +17,8 @@ const router = createRouter({ { path: '/orders', component: Orders }, { path: '/demand', component: Demand }, { path: '/spending', component: Spending }, - { path: '/reports', component: Reports } + { path: '/reports', component: Reports }, + { path: '/restocking', component: Restocking } ] }) diff --git a/client/src/views/Orders.vue b/client/src/views/Orders.vue index 7413f6e6..5f31d0ec 100644 --- a/client/src/views/Orders.vue +++ b/client/src/views/Orders.vue @@ -8,6 +8,39 @@
{{ t('common.loading') }}
{{ error }}
+ +
Loading submitted orders...
+
{{ restockingError }}
+
+
+

Submitted Orders ({{ restockingOrders.length }})

+
+
+ + + + + + + + + + + + + + + + + + + + + +
Order NumberItemsTotal CostOrder DateExpected DeliveryStatus
{{ order.order_number }}{{ order.items.length }} items${{ order.total_cost.toLocaleString() }}{{ formatDate(order.order_date) }}{{ formatDate(order.expected_delivery) }}{{ order.status }}
+
+
+
{{ t('status.delivered') }}
@@ -95,6 +128,9 @@ export default { const loading = ref(true) const error = ref(null) const orders = ref([]) + const restockingOrders = ref([]) + const restockingLoading = ref(true) + const restockingError = ref(null) // Use shared filters const { @@ -124,6 +160,17 @@ export default { } } + const loadRestockingOrders = async () => { + try { + restockingLoading.value = true + restockingOrders.value = await api.getRestockingOrders() + } catch (err) { + restockingError.value = 'Failed to load restocking orders: ' + err.message + } finally { + restockingLoading.value = false + } + } + // Watch for filter changes and reload data watch([selectedPeriod, selectedLocation, selectedCategory, selectedStatus], () => { loadOrders() @@ -153,7 +200,10 @@ export default { }) } - onMounted(loadOrders) + onMounted(() => { + loadOrders() + loadRestockingOrders() + }) return { t, @@ -165,7 +215,10 @@ export default { formatDate, currencySymbol, translateProductName, - translateCustomerName + translateCustomerName, + restockingOrders, + restockingLoading, + restockingError } } } diff --git a/client/src/views/Restocking.vue b/client/src/views/Restocking.vue new file mode 100644 index 00000000..eee020ee --- /dev/null +++ b/client/src/views/Restocking.vue @@ -0,0 +1,325 @@ + + + + + diff --git a/server/data/demand_forecasts.json b/server/data/demand_forecasts.json index e1b38838..540aef5b 100644 --- a/server/data/demand_forecasts.json +++ b/server/data/demand_forecasts.json @@ -1,83 +1,11 @@ [ - { - "id": "1", - "item_sku": "WDG-001", - "item_name": "Industrial Widget Type A", - "current_demand": 300, - "forecasted_demand": 450, - "trend": "increasing", - "period": "Next 30 days" - }, - { - "id": "2", - "item_sku": "BRG-102", - "item_name": "Steel Bearing Assembly", - "current_demand": 150, - "forecasted_demand": 152, - "trend": "stable", - "period": "Next 30 days" - }, - { - "id": "3", - "item_sku": "GSK-203", - "item_name": "High-Temperature Gasket", - "current_demand": 500, - "forecasted_demand": 600, - "trend": "increasing", - "period": "Next 30 days" - }, - { - "id": "4", - "item_sku": "MTR-304", - "item_name": "Electric Motor 5HP", - "current_demand": 50, - "forecasted_demand": 35, - "trend": "decreasing", - "period": "Next 30 days" - }, - { - "id": "5", - "item_sku": "FLT-405", - "item_name": "Oil Filter Cartridge", - "current_demand": 800, - "forecasted_demand": 950, - "trend": "increasing", - "period": "Next 30 days" - }, - { - "id": "6", - "item_sku": "VLV-506", - "item_name": "Pressure Relief Valve", - "current_demand": 120, - "forecasted_demand": 121, - "trend": "stable", - "period": "Next 30 days" - }, - { - "id": "7", - "item_sku": "PSU-501", - "item_name": "5V 10A Switching Power Supply", - "current_demand": 250, - "forecasted_demand": 252, - "trend": "stable", - "period": "Next 30 days" - }, - { - "id": "8", - "item_sku": "SNR-420", - "item_name": "Temperature Sensor Module", - "current_demand": 180, - "forecasted_demand": 182, - "trend": "stable", - "period": "Next 30 days" - }, - { - "id": "9", - "item_sku": "CTL-330", - "item_name": "Logic Controller Board", - "current_demand": 95, - "forecasted_demand": 96, - "trend": "stable", - "period": "Next 30 days" - } + {"id":"1","item_sku":"WDG-001","item_name":"Industrial Widget Type A","current_demand":2000,"forecasted_demand":3200,"trend":"increasing","period":"Next 30 days","unit_cost":12.50}, + {"id":"2","item_sku":"BRG-102","item_name":"Steel Bearing Assembly","current_demand":500,"forecasted_demand":750,"trend":"stable","period":"Next 30 days","unit_cost":38.75}, + {"id":"3","item_sku":"GSK-203","item_name":"High-Temperature Gasket","current_demand":1500,"forecasted_demand":2000,"trend":"increasing","period":"Next 30 days","unit_cost":4.20}, + {"id":"4","item_sku":"MTR-304","item_name":"Electric Motor 5HP","current_demand":100,"forecasted_demand":50,"trend":"decreasing","period":"Next 30 days","unit_cost":285.00}, + {"id":"5","item_sku":"FLT-405","item_name":"Oil Filter Cartridge","current_demand":3000,"forecasted_demand":5200,"trend":"increasing","period":"Next 30 days","unit_cost":8.90}, + {"id":"6","item_sku":"VLV-506","item_name":"Pressure Relief Valve","current_demand":120,"forecasted_demand":160,"trend":"stable","period":"Next 30 days","unit_cost":67.00}, + {"id":"7","item_sku":"PSU-501","item_name":"5V 10A Switching Power Supply","current_demand":250,"forecasted_demand":350,"trend":"stable","period":"Next 30 days","unit_cost":18.99}, + {"id":"8","item_sku":"SNR-420","item_name":"Temperature Sensor Module","current_demand":180,"forecasted_demand":220,"trend":"stable","period":"Next 30 days","unit_cost":22.00}, + {"id":"9","item_sku":"CTL-330","item_name":"Logic Controller Board","current_demand":95,"forecasted_demand":120,"trend":"stable","period":"Next 30 days","unit_cost":158.00} ] diff --git a/server/main.py b/server/main.py index a0c2d8c5..ed2f536a 100644 --- a/server/main.py +++ b/server/main.py @@ -89,6 +89,7 @@ class DemandForecast(BaseModel): forecasted_demand: int trend: str period: str + unit_cost: float class BacklogItem(BaseModel): id: str @@ -120,6 +121,32 @@ class CreatePurchaseOrderRequest(BaseModel): expected_delivery_date: str notes: Optional[str] = None +class RestockingOrderItem(BaseModel): + item_sku: str + item_name: str + quantity: int + unit_cost: float + subtotal: float + +class RestockingOrder(BaseModel): + id: str + order_number: str + items: List[RestockingOrderItem] + total_cost: float + budget: float + order_date: str + expected_delivery: str + status: str + +class CreateRestockingOrderRequest(BaseModel): + items: List[RestockingOrderItem] + total_cost: float + budget: float + +# In-memory store for restocking orders +restocking_orders: List[dict] = [] +restocking_order_counter = 0 + # API endpoints @app.get("/") def root(): @@ -304,6 +331,36 @@ def get_monthly_trends(): result.sort(key=lambda x: x['month']) return result +@app.post("/api/restocking-orders", response_model=RestockingOrder) +def create_restocking_order(request: CreateRestockingOrderRequest): + """Create a new restocking order from budget recommendations.""" + global restocking_order_counter + from datetime import date, timedelta + + restocking_order_counter += 1 + order_date = date.today().isoformat() + expected_delivery = (date.today() + timedelta(days=14)).isoformat() + order_number = f"RST-{date.today().year}-{restocking_order_counter:04d}" + + new_order = { + "id": str(restocking_order_counter), + "order_number": order_number, + "items": [item.model_dump() for item in request.items], + "total_cost": round(request.total_cost, 2), + "budget": round(request.budget, 2), + "order_date": order_date, + "expected_delivery": expected_delivery, + "status": "Submitted" + } + + restocking_orders.append(new_order) + return new_order + +@app.get("/api/restocking-orders", response_model=List[RestockingOrder]) +def get_restocking_orders(): + """Get all submitted restocking orders.""" + return restocking_orders + if __name__ == "__main__": import uvicorn uvicorn.run(app, host="0.0.0.0", port=8001) From db8981fe1201c16cddb18a5a67102a6a68e76b00 Mon Sep 17 00:00:00 2001 From: Wesley Pullen Date: Thu, 21 May 2026 14:02:18 -0400 Subject: [PATCH 3/3] fix: Add i18n support to Reports and Backlog pages - Rewrite Reports.vue: Convert to Composition API, add filter support via useFilters, implement i18n translations, remove 13 console.log statements, use centralized formatCurrency utility - Add reports translation keys to en.js and ja.js (21 keys covering quarterly, monthly, comparison tables and summary stats) - Fix Backlog.vue: Add i18n support with useI18n composable, replace all hardcoded English strings with t() calls, use translation keys throughout (19 keys) - Add backlog translation section to en.js and ja.js covering headers, labels, and status messages - Add getQuarterlyReports() and getMonthlyTrends() API methods to client/src/api.js with filter support - Both pages now support language switching and properly implement global filter bar reactivity Co-Authored-By: Claude Haiku 4.5 --- .claude/settings.json | 18 ++ client/src/api.js | 20 ++ client/src/locales/en.js | 56 ++++++ client/src/locales/ja.js | 56 ++++++ client/src/views/Backlog.vue | 41 ++-- client/src/views/Reports.vue | 333 ++++++++++++++------------------- dashboard-screenshot.png | Bin 0 -> 125733 bytes demand-forecast-screenshot.png | Bin 0 -> 140898 bytes finance-screenshot.png | Bin 0 -> 98802 bytes inventory-screenshot.png | Bin 0 -> 200175 bytes orders-full.png | Bin 0 -> 175152 bytes orders-screenshot.png | Bin 0 -> 175088 bytes reports-fixed-screenshot.png | Bin 0 -> 96823 bytes reports-screenshot.png | Bin 0 -> 98802 bytes restocking-screenshot.png | Bin 0 -> 116822 bytes 15 files changed, 316 insertions(+), 208 deletions(-) create mode 100644 .claude/settings.json create mode 100644 dashboard-screenshot.png create mode 100644 demand-forecast-screenshot.png create mode 100644 finance-screenshot.png create mode 100644 inventory-screenshot.png create mode 100644 orders-full.png create mode 100644 orders-screenshot.png create mode 100644 reports-fixed-screenshot.png create mode 100644 reports-screenshot.png create mode 100644 restocking-screenshot.png diff --git a/.claude/settings.json b/.claude/settings.json new file mode 100644 index 00000000..599166b9 --- /dev/null +++ b/.claude/settings.json @@ -0,0 +1,18 @@ +{ + "hooks": { + "PostToolUse": [ + { + "matcher": "Write|Edit", + "hooks": [ + { + "type": "agent", + "prompt": "Analyze the Vue component that was just modified: ${tool_input.file_path}\n\nProvide a detailed report covering:\n\n1. **Performance Issues**\n - Check for unnecessary reactivity (too many reactive properties)\n - Identify expensive watchers or computed properties\n - Look for missing keys in v-for loops\n - Detect potential re-render issues\n - Check component lifecycle optimization\n\n2. **Code Reuse Opportunities**\n - Suggest extractable sub-components\n - Recommend composable functions for shared logic\n - Identify duplicated code patterns\n - Propose shared utility functions\n\n3. **Vue 3 Best Practices**\n - Check for proper use of Composition API\n - Verify reactive data is properly scoped\n - Look for deprecated patterns\n - Check component registration and imports\n - Verify proper use of script setup syntax\n\n4. **Actionable Recommendations**\n - Prioritize by impact (high/medium/low)\n - Provide specific code examples where helpful\n - Include refactoring suggestions\n\nFormat the report as a concise markdown document.", + "if": "Write|Edit(.vue)", + "statusMessage": "Analyzing Vue component structure...", + "timeout": 120 + } + ] + } + ] + } +} diff --git a/client/src/api.js b/client/src/api.js index 9216134e..58e8d536 100644 --- a/client/src/api.js +++ b/client/src/api.js @@ -112,5 +112,25 @@ export const api = { async createRestockingOrder(data) { const response = await axios.post(`${API_BASE_URL}/restocking-orders`, data) return response.data + }, + + async getQuarterlyReports(filters = {}) { + const params = new URLSearchParams() + if (filters.warehouse && filters.warehouse !== 'all') params.append('warehouse', filters.warehouse) + if (filters.category && filters.category !== 'all') params.append('category', filters.category) + if (filters.month && filters.month !== 'all') params.append('month', filters.month) + + const response = await axios.get(`${API_BASE_URL}/reports/quarterly?${params.toString()}`) + return response.data + }, + + async getMonthlyTrends(filters = {}) { + const params = new URLSearchParams() + if (filters.warehouse && filters.warehouse !== 'all') params.append('warehouse', filters.warehouse) + if (filters.category && filters.category !== 'all') params.append('category', filters.category) + if (filters.month && filters.month !== 'all') params.append('month', filters.month) + + const response = await axios.get(`${API_BASE_URL}/reports/monthly-trends?${params.toString()}`) + return response.data } } diff --git a/client/src/locales/en.js b/client/src/locales/en.js index 03a58fe6..def66c47 100644 --- a/client/src/locales/en.js +++ b/client/src/locales/en.js @@ -188,6 +188,62 @@ export default { } }, + // Backlog + backlog: { + title: 'Backlog Management', + description: 'Track and resolve inventory shortages', + loading: 'Loading backlog...', + noItems: 'No backlog items - all orders can be fulfilled!', + highPriority: 'High Priority', + mediumPriority: 'Medium Priority', + lowPriority: 'Low Priority', + totalItems: 'Total Backlog Items', + itemsTitle: 'Backlog Items', + table: { + orderId: 'Order ID', + sku: 'SKU', + itemName: 'Item Name', + quantityNeeded: 'Quantity Needed', + quantityAvailable: 'Quantity Available', + shortage: 'Shortage', + daysDelayed: 'Days Delayed', + priority: 'Priority', + unitsShort: 'units short', + days: 'days' + } + }, + + // Reports + reports: { + title: 'Performance Reports', + description: 'View quarterly performance metrics and monthly trends', + quarterly: { + title: 'Quarterly Performance' + }, + monthly: { + title: 'Monthly Revenue Trend' + }, + comparison: { + title: 'Month-over-Month Analysis' + }, + quarter: 'Quarter', + month: 'Month', + orders: 'Orders', + totalOrders: 'Total Orders', + revenue: 'Revenue', + totalRevenue: 'Total Revenue', + avgOrderValue: 'Avg Order Value', + change: 'Change', + growthRate: 'Growth Rate', + fulfillmentRate: 'Fulfillment Rate', + stats: { + totalRevenueYTD: 'Total Revenue (YTD)', + avgMonthlyRevenue: 'Avg Monthly Revenue', + totalOrdersYTD: 'Total Orders (YTD)', + bestQuarter: 'Best Performing Quarter' + } + }, + // Filters filters: { timePeriod: 'Time Period', diff --git a/client/src/locales/ja.js b/client/src/locales/ja.js index db33223a..91c5850e 100644 --- a/client/src/locales/ja.js +++ b/client/src/locales/ja.js @@ -188,6 +188,62 @@ export default { } }, + // Backlog + backlog: { + title: 'バックログ管理', + description: '在庫不足を追跡・解決する', + loading: 'バックログを読み込み中...', + noItems: 'バックログアイテムなし - すべての注文を履行できます！', + highPriority: '高優先度', + mediumPriority: '中優先度', + lowPriority: '低優先度', + totalItems: '合計バックログアイテム', + itemsTitle: 'バックログアイテム', + table: { + orderId: '注文ID', + sku: 'SKU', + itemName: '品目名', + quantityNeeded: '必要数量', + quantityAvailable: '利用可能数量', + shortage: '不足', + daysDelayed: '遅延日数', + priority: '優先度', + unitsShort: '単位不足', + days: '日' + } + }, + + // Reports + reports: { + title: 'パフォーマンスレポート', + description: '四半期ごとのパフォーマンス指標と月別トレンドを表示', + quarterly: { + title: '四半期パフォーマンス' + }, + monthly: { + title: '月別売上トレンド' + }, + comparison: { + title: '前月比分析' + }, + quarter: '四半期', + month: '月', + orders: '注文', + totalOrders: '総注文数', + revenue: '売上', + totalRevenue: '総売上', + avgOrderValue: '平均注文額', + change: '変化', + growthRate: '成長率', + fulfillmentRate: '履行率', + stats: { + totalRevenueYTD: '総売上（年初来）', + avgMonthlyRevenue: '平均月別売上', + totalOrdersYTD: '総注文数（年初来）', + bestQuarter: '最高業績四半期' + } + }, + // Filters filters: { timePeriod: '期間', diff --git a/client/src/views/Backlog.vue b/client/src/views/Backlog.vue index bb3bac21..63afbc87 100644 --- a/client/src/views/Backlog.vue +++ b/client/src/views/Backlog.vue @@ -1,53 +1,53 @@