x

frontend/src/modules/inventory/components/PurchaseOrdersTab.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'
@@ -232,12 +232,14 @@ function closeReceiveModal() {
 }
 
 async function initData() {
-  await loadPurchaseOrders()
   await loadMaterials()
   await loadSuppliers()
+  await loadPurchaseOrders()
 }
 
-initData()
+onMounted(() => {
+  initData()
+})
 </script>
 
 <template>
@@ -324,8 +326,8 @@ initData()
           </el-button>
         </template>
       </el-table-column>
-      <el-empty v-if="!state.loading && state.purchaseOrders.length === 0" description="暂无采购订单" />
     </el-table>
+    <el-empty v-if="!state.loading && state.purchaseOrders.length === 0" description="暂无采购订单" />
 
     <el-dialog
       v-model="showModal"