feat: 按钮添加 loading

src/views/order/factoryOrderNew/index.vue

@@ -1450,12 +1450,19 @@ const handleCancelOrder = () => {
 }
 const handleRefreshProductInfo = async () => {
   if (!ensureSelection()) return
+  const loading = ElLoading.service({
+    fullscreen: true,
+    text: '操作中...',
+    background: 'rgba(0, 0, 0, 0.3)',
+  })
   try {
     await refreshProductInfoApi(getSelectedIds())
     ElMessage.success('刷新商品信息成功')
     refreshCurrentView()
-  } catch (e: unknown) {
-    ElMessage.error((e as Error)?.message || '刷新商品信息失败')
+  } catch (e) {
+    console.error(e)
+  } finally {
+    loading.close()
   }
 }
 const handleTransferOldFlow = async () => {
@@ -1696,6 +1703,11 @@ const downloadPDF = (url: string) => {
 const handleDownloadMaterial = async () => {
   if (!ensureSelection()) return
   const ids = getSelectedIds()
+  const loading = ElLoading.service({
+    fullscreen: true,
+    text: '操作中...',
+    background: 'rgba(0, 0, 0, 0.3)',
+  })
   try {
     const res = await downloadMaterialApi(ids as number[])
     if (res.message) {
@@ -1705,8 +1717,10 @@ const handleDownloadMaterial = async () => {
       a.click()
     }
     ElMessage.success('下载素材成功')
-  } catch (e: unknown) {
-    ElMessage.error((e as Error)?.message || '下载素材失败')
+  } catch (e) {
+    console.error(e)
+  } finally {
+    loading.close()
   }
 }
 const handleDtfCommand = async (command: string) => {
@@ -1763,16 +1777,19 @@ const handlePrintProductionOrder = async () => {
 const handlePrintPickOrder = async () => {
   if (!ensureSelection()) return
   const ids = getSelectedIds()
+  const loading = ElLoading.service({
+    fullscreen: true,
+    text: '操作中...',
+    background: 'rgba(0, 0, 0, 0.3)',
+  })
   try {
     await printPickOrderApi(ids)
     ElMessage.success('打印拣胚单成功')
     refreshCurrentView()
   } catch (e: unknown) {
-    ElMessageBox.alert(
-      (e as Error)?.message || '打印拣胚单失败',
-      '打印拣胚单失败',
-      { type: 'error' },
-    )
+    console.error(e)
+  } finally {
+    loading.close()
   }
 }
 const handlePickComplete = () => {
@@ -1786,21 +1803,29 @@ const handlePickFail = () => {
 const handleApplyReplenish = async () => {
   if (!ensureSelection()) return
   await ElMessageBox.confirm('确定申请补胚吗?', '提示', { type: 'warning' })
+  const loading = ElLoading.service({
+    fullscreen: true,
+    text: '操作中...',
+    background: 'rgba(0, 0, 0, 0.3)',
+  })
   try {
     await applyReplenishApi(getSelectedIds())
     ElMessage.success('申请补胚成功')
     refreshCurrentView({ isRefreshTree: true })
-  } catch (e: unknown) {
-    ElMessageBox.alert(
-      (e as Error)?.message || '申请补胚失败',
-      '申请补胚失败',
-      { type: 'error' },
-    )
+  } catch (e) {
+    console.error(e)
+  } finally {
+    loading.close()
   }
 }
 const handleProductionComplete = async () => {
   if (!ensureSelection()) return
   await ElMessageBox.confirm('确定生产完成吗？', '提示', { type: 'warning' })
+  const loading = ElLoading.service({
+    fullscreen: true,
+    text: '操作中...',
+    background: 'rgba(0, 0, 0, 0.3)',
+  })
   try {
     const params = getSelectedIds().map((id) => ({
       id,
@@ -1811,8 +1836,10 @@ const handleProductionComplete = async () => {
     await updateToWaitShipmentApi({ cnUpdateParams: params })
     ElMessage.success('生产完成')
     refreshCurrentView({ isRefreshTree: true })
-  } catch (e: unknown) {
-    ElMessage.error((e as Error)?.message || '生产完成失败')
+  } catch (e) {
+    console.error(e)
+  } finally {
+    loading.close()
   }
 }
 const handleWeightSort = () => {
@@ -1821,37 +1848,59 @@ const handleWeightSort = () => {
 const handleArchiveOrder = async () => {
   if (!ensureSelection()) return
   await ElMessageBox.confirm('确定订单归档吗？', '提示', { type: 'warning' })
+  const loading = ElLoading.service({
+    fullscreen: true,
+    text: '操作中...',
+    background: 'rgba(0, 0, 0, 0.3)',
+  })
   try {
     await archiveOrderApi(getSelectedIds())
     ElMessage.success('订单归档成功')
     refreshCurrentView({ isRefreshTree: true })
-  } catch (e: unknown) {
-    ElMessageBox.alert(
-      (e as Error)?.message || '订单归档失败',
-      '订单归档失败',
-      { type: 'error' },
-    )
+  } catch (e) {
+    console.error(e)
+  } finally {
+    loading.close()
   }
 }
 const handleCancelSuspend = async () => {
   if (!ensureSelection()) return
   try {
+    await ElMessageBox.confirm('确定取消挂起吗?', '提示', { type: 'warning' })
+  } catch {
+    return
+  }
+  const loading = ElLoading.service({
+    fullscreen: true,
+    text: '操作中...',
+    background: 'rgba(0, 0, 0, 0.3)',
+  })
+  try {
     await cancelSuspendApi(getSelectedIds())
     ElMessage.success('取消挂起成功')
     refreshCurrentView({ isRefreshTree: true })
-  } catch (e: unknown) {
-    ElMessage.error((e as Error)?.message || '取消挂起失败')
+  } catch (e) {
+    console.error(e)
+  } finally {
+    loading.close()
   }
 }
 const handleSyncAddress = async () => {
   if (!ensureSelection()) return
   await ElMessageBox.confirm('确定同步收货地址吗?', '提示', { type: 'warning' })
+  const loading = ElLoading.service({
+    fullscreen: true,
+    text: '操作中...',
+    background: 'rgba(0, 0, 0, 0.3)',
+  })
   try {
     await syncReceiverAddress(getSelectedIds() as number[])
     ElMessage.success('同步收货地址成功')
-    refreshCurrentView()
-  } catch (e: unknown) {
-    ElMessage.error((e as Error)?.message || '同步收货地址失败')
+    refreshCurrentView({ isRefreshTree: true })
+  } catch (e) {
+    console.error(e)
+  } finally {
+    loading.close()
   }
 }
 const handleReplenishComplete = () => {
@@ -1873,12 +1922,19 @@ const handleSinglePrint = () => {
 const handleGetTrackingNumber = async () => {
   if (!ensureSelection()) return
   await ElMessageBox.confirm('确定获取跟踪号吗？', '提示', { type: 'warning' })
+  const loading = ElLoading.service({
+    fullscreen: true,
+    text: '操作中...',
+    background: 'rgba(0, 0, 0, 0.3)',
+  })
   try {
     await getTrackingNumberApi(getSelectedIds() as number[])
     ElMessage.success('获取跟踪号成功')
     refreshCurrentView()
-  } catch (e: unknown) {
-    ElMessage.error((e as Error)?.message || '获取跟踪号失败')
+  } catch (e) {
+    console.error(e)
+  } finally {
+    loading.close()
   }
 }
 const handleStatusPush = () => {

src/views/order/podCN/components/UpdateCustomDeclarationInfoDialog.vue

@@ -106,6 +106,11 @@ const submit = async () => {
   const url = props.isNewOrder
     ? 'factory/podOrder/batchUpdateCustomsClearanceInfo'
     : 'factory/podJomallOrderCn/batchUpdateCustomsClearanceInfo'
+  const loading = ElLoading.service({
+    fullscreen: true,
+    text: '操作中...',
+    background: 'rgba(0, 0, 0, 0.3)',
+  })
   try {
     const res = await updateCustomDeclarationInfoApi(url, {
       params: form.value,
@@ -117,6 +122,8 @@ const submit = async () => {
     emit('refreshTable')
   } catch (error) {
     console.error(error)
+  } finally {
+    loading.close()
   }
 }
 defineExpose({