admin-web/src/modules/overseas-warehouse/components/WarehouseTransferReviewDialog.vue

<script setup lang="ts">
import '@/styles/adminDensity.css'
import { computed, ref } from 'vue'
import { ElMessage } from 'element-plus'
import { getApiErrorDetails } from '@/shared/api/http'
import AppDialog from '@/shared/components/AppDialog.vue'
import { reviewWarehouseTransfer } from '../api/warehouseTransfers'

const props = defineProps<{ modelValue: boolean; customerId: string; customerName: string; transferNo: string }>()
const emit = defineEmits<{ 'update:modelValue': [value: boolean]; reviewed: [] }>()
const open = computed({ get: () => props.modelValue, set: (value) => emit('update:modelValue', value) })
const saving = ref(false)

async function submit() {
  if (saving.value || !open.value || !props.customerId || !props.transferNo) return
  saving.value = true
  try {
    await reviewWarehouseTransfer(props.customerId, props.transferNo, 'APPROVE')
    ElMessage.success('转运单审核通过，已推送 PDA 收货打托')
    open.value = false
    emit('reviewed')
  } catch (cause) {
    ElMessage.error(getApiErrorDetails(cause, '审核提交失败，请重试').message)
  } finally {
    saving.value = false
  }
}
</script>

<template>
  <AppDialog
    v-model="open"
    class="admin-density-dialog density-confirm-dialog"
    :title="`仓储转运单审核 · ${transferNo || '—'}`"
    width="min(420px, calc(100vw - 28px))"
    align-center
    cancel-text="返回"
    confirm-text="审核通过"
    :confirm-loading="saving"
    @confirm="submit"
  >
    <section class="density-dialog-section" data-tone="source" aria-label="转运审核对象"><p class="density-dialog-note">客户：{{ customerName || '—' }}</p><div>审核通过后，转运单将进入海外仓收货打托作业。</div></section>
  </AppDialog>
</template>