x

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

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
+import { ElMessageBox } from 'element-plus'
 import { useInventory } from '../composables/useInventory'
 import { apiRequest } from '@/shared/api'
 import { addNotification, handleApiError } from '@/shared/notification'
@@ -139,7 +140,11 @@ async function savePurchaseOrder() {
 }
 
 async function deleteOrder(id: number) {
-  if (!confirm('确定要删除这个采购订单吗？')) return
+  try {
+    await ElMessageBox.confirm('确定要删除这个采购订单吗？', '删除确认', {
+      confirmButtonText: '删除', cancelButtonText: '取消', type: 'warning'
+    })
+  } catch { return }
   try {
     await apiRequest(`/api/purchase-orders/${id}`, { method: 'DELETE' })
     addNotification('采购订单已删除', 'success')
@@ -205,24 +210,35 @@ async function receivePurchaseOrder() {
   }
 }
 
-async function markAsPaid(orderId: number) {
-  if (!confirm('确认标记为已付款？')) return
-  try {
-    await apiRequest(`/api/purchase-orders/${orderId}/status`, {
-      method: 'PATCH',
-      body: JSON.stringify({ status: 'paid' })
-    })
-    addNotification('已标记为已付款', 'success')
-    loadPurchaseOrders()
-    loadMovements()
-  } catch (e) {
-    handleApiError(e, '更新状态')
+async function markAsPaid(orderId: number, receiptStatus: string) {
+  if (receiptStatus !== 'received') {
+    try {
+      await ElMessageBox.confirm(
+        '该订单尚未全部收货，确定要提前付款吗？建议先完成收货后再付款。',
+        '非标准流程提醒',
+        { confirmButtonText: '仍要付款', cancelButtonText: '取消', type: 'warning' }
+      )
+    } catch { return }
+  } else {
+    try {
+      await ElMessageBox.confirm('确认已向供应商支付该订单款项？', '付款确认', {
+        confirmButtonText: '确认付款', cancelButtonText: '取消', type: 'success'
+      })
+    } catch { return }
   }
+  await doUpdateStatus(orderId, 'paid', '已付款')
 }
 
-async function updateStatus(orderId: number, status: string) {
-  const label = status === 'cancelled' ? '作废' : status
-  if (!confirm(`确认${label}该订单？`)) return
+async function cancelOrder(orderId: number) {
+  try {
+    await ElMessageBox.confirm('确定要作废该订单吗？此操作不可撤销。', '作废确认', {
+      confirmButtonText: '确认作废', cancelButtonText: '取消', type: 'error'
+    })
+  } catch { return }
+  await doUpdateStatus(orderId, 'cancelled', '已作废')
+}
+
+async function doUpdateStatus(orderId: number, status: string, label: string) {
   try {
     await apiRequest(`/api/purchase-orders/${orderId}/status`, {
       method: 'PATCH',
@@ -343,18 +359,18 @@ onMounted(() => {
             到货入库
           </el-button>
           <el-button
-            v-if="row.receipt_status === 'received' && row.payment_status !== 'paid'"
+            v-if="row.payment_status !== 'paid' && row.receipt_status !== 'cancelled'"
             type="warning"
             size="small"
-            @click="markAsPaid(row.id)"
+            @click="markAsPaid(row.id, row.receipt_status)"
           >
-            标记为已付款
+            标记已付款
           </el-button>
           <el-button
             v-if="row.payment_status !== 'paid' && row.receipt_status !== 'cancelled'"
             type="info"
             size="small"
-            @click="updateStatus(row.id, 'cancelled')"
+            @click="cancelOrder(row.id)"
           >
             作废
           </el-button>