x

frontend/src/modules/inventory/components/CustomersTab.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, ref } from 'vue'
+import { reactive, ref, onMounted } from 'vue'
 import { useInventory } from '@/modules/inventory/composables/useInventory'
 import { apiRequest } from '@/shared/api'
 import { addNotification, handleApiError } from '@/shared/notification'
@@ -75,6 +75,7 @@ async function deleteCustomer(id: number) {
     handleApiError(e, '删除客户')
   }
 }
+onMounted(() => { loadCustomers() })
 </script>
 
 <template>

frontend/src/modules/inventory/components/InventoryTab.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, ref } from 'vue'
+import { reactive, ref, onMounted } from 'vue'
 import { useInventory } from '@/modules/inventory/composables/useInventory'
 import { apiRequest } from '@/shared/api'
 import { addNotification, handleApiError } from '@/shared/notification'
@@ -81,6 +81,7 @@ async function deleteItem(id: number) {
     handleApiError(e, '删除物料库存')
   }
 }
+onMounted(() => { loadInventory() })
 </script>
 
 <template>

frontend/src/modules/inventory/components/MaterialsTab.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { ref, computed, onMounted } from 'vue'
 import { useInventory } from '../composables/useInventory'
 import { apiRequest } from '@/shared/api'
 import { addNotification, handleApiError } from '@/shared/notification'
@@ -169,6 +169,7 @@ function closeRestockModal() {
   showRestockModal.value = false
   restockItems.value = []
 }
+onMounted(() => { loadMaterials() })
 </script>
 
 <template>

frontend/src/modules/inventory/components/MovementsTab.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import { onMounted } from 'vue'
 import { useInventory } from '@/modules/inventory/composables/useInventory'
 
-const { state, getMovementTypeLabel, getMovementBadgeClass, formatDateTime } = useInventory()
+const { state, loadMovements, getMovementTypeLabel, getMovementBadgeClass, formatDateTime } = useInventory()
 
 const getMovementTagType = (movementType: string): 'success' | 'danger' | 'warning' | 'info' | '' => {
   const badgeClass = getMovementBadgeClass(movementType)
@@ -10,6 +11,7 @@ const getMovementTagType = (movementType: string): 'success' | 'danger' | 'warni
   if (badgeClass === 'badge-warning') return 'warning'
   return 'info'
 }
+onMounted(() => { loadMovements() })
 </script>
 
 <template>

frontend/src/modules/inventory/components/ProductsTab.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, ref } from 'vue'
+import { reactive, ref, onMounted } from 'vue'
 import { useInventory } from '../composables/useInventory'
 import { apiRequest } from '@/shared/api'
 import { addNotification, handleApiError } from '@/shared/notification'
@@ -118,6 +118,7 @@ function closeModal() {
   form.value = {}
   bomItems.value = []
 }
+onMounted(() => { loadFinishedProducts() })
 </script>
 
 <template>

frontend/src/modules/inventory/components/SuppliersTab.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, ref } from 'vue'
+import { reactive, ref, onMounted } from 'vue'
 import { useInventory } from '@/modules/inventory/composables/useInventory'
 import { apiRequest } from '@/shared/api'
 import { addNotification, handleApiError } from '@/shared/notification'
@@ -75,6 +75,7 @@ async function deleteSupplier(id: number) {
     handleApiError(e, '删除供应商')
   }
 }
+onMounted(() => { loadSuppliers() })
 </script>
 
 <template>