feat: 按钮添加 loading

8ba23b17 · qinjianhui · eb559879 · 8ba23b17 · 8ba23b17
Commit 8ba23b17 authored Mar 24, 2026 by qinjianhui
Show whitespace changes
Inline Side-by-side

Showing with 93 additions and 30 deletions

src/views/order/factoryOrderNew/index.vue
+86 -30

src/views/order/podCN/components/UpdateCustomDeclarationInfoDialog.vue
+7 -0

No files found.
--- a/src/views/order/factoryOrderNew/index.vue
+++ b/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) {
+  } catch (e) {
-    ElMessage.error((e as Error)?.message || '刷新商品信息失败')
+    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) {
+  } catch (e) {
-    ElMessage.error((e as Error)?.message || '下载素材失败')
+    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(
+    console.error(e)
-      (e as Error)?.message || '打印拣胚单失败',
+  } finally {
-      '打印拣胚单失败',
+    loading.close()
-      { type: 'error' },
-    )
  }
 }
 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) {
+  } catch (e) {
-    ElMessageBox.alert(
+    console.error(e)
-      (e as Error)?.message || '申请补胚失败',
+  } finally {
-      '申请补胚失败',
+    loading.close()
-      { type: 'error' },
-    )
  }
 }
 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) {
+  } catch (e) {
-    ElMessage.error((e as Error)?.message || '生产完成失败')
+    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) {
+  } catch (e) {
-    ElMessageBox.alert(
+    console.error(e)
-      (e as Error)?.message || '订单归档失败',
+  } finally {
-      '订单归档失败',
+    loading.close()
-      { type: 'error' },
-    )
  }
 }
 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) {
+  } catch (e) {
-    ElMessage.error((e as Error)?.message || '取消挂起失败')
+    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()
+    refreshCurrentView({ isRefreshTree: true })
-  } catch (e: unknown) {
+  } catch (e) {
-    ElMessage.error((e as Error)?.message || '同步收货地址失败')
+    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) {
+  } catch (e) {
-    ElMessage.error((e as Error)?.message || '获取跟踪号失败')
+    console.error(e)
+  } finally {
+    loading.close()
  }
 }
 const handleStatusPush = () => {

--- a/src/views/order/podCN/components/UpdateCustomDeclarationInfoDialog.vue
+++ b/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({