| | |
| | | <template> |
| | | <ElDrawer |
| | | :model-value="visible" |
| | | title="调拨单详情" |
| | | :title="t('pages.orders.transfer.detail.title')" |
| | | size="1200px" |
| | | destroy-on-close |
| | | @update:model-value="handleVisibleChange" |
| | |
| | | <ElSkeleton :rows="12" animated /> |
| | | </div> |
| | | <div v-else class="space-y-4"> |
| | | <ElDescriptions title="基础信息" :column="2" border> |
| | | <ElDescriptionsItem label="调拨单号">{{ detail.code || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="调拨类型">{{ detail.typeLabel || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="来源"> |
| | | <ElDescriptions :title="t('pages.orders.transfer.detail.baseInfo')" :column="2" border> |
| | | <ElDescriptionsItem :label="t('pages.orders.transfer.detail.code')">{{ detail.code || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('pages.orders.transfer.detail.type')">{{ detail.typeLabel || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('pages.orders.transfer.detail.source')"> |
| | | <ElTag :type="detail.sourceTagType || 'info'" effect="light"> |
| | | {{ detail.sourceText || '--' }} |
| | | </ElTag> |
| | | </ElDescriptionsItem> |
| | | <ElDescriptionsItem label="执行状态"> |
| | | <ElDescriptionsItem :label="t('pages.orders.transfer.detail.exceStatus')"> |
| | | <ElTag :type="detail.exceStatusTagType || 'info'" effect="light"> |
| | | {{ detail.exceStatusText || '--' }} |
| | | </ElTag> |
| | | </ElDescriptionsItem> |
| | | <ElDescriptionsItem label="源仓库">{{ detail.orgWareName || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="目标仓库">{{ detail.tarWareName || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="源库区">{{ detail.orgAreaName || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="目标库区">{{ detail.tarAreaName || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="状态"> |
| | | <ElDescriptionsItem :label="t('pages.orders.transfer.detail.orgWareName')">{{ detail.orgWareName || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('pages.orders.transfer.detail.tarWareName')">{{ detail.tarWareName || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('pages.orders.transfer.detail.orgAreaName')">{{ detail.orgAreaName || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('pages.orders.transfer.detail.tarAreaName')">{{ detail.tarAreaName || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('pages.orders.transfer.detail.status')"> |
| | | <ElTag :type="detail.statusType || 'info'" effect="light"> |
| | | {{ detail.statusText || '--' }} |
| | | </ElTag> |
| | | </ElDescriptionsItem> |
| | | <ElDescriptionsItem label="备注" :span="2">{{ detail.memo || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('pages.orders.transfer.detail.memo')" :span="2">{{ detail.memo || '--' }}</ElDescriptionsItem> |
| | | </ElDescriptions> |
| | | |
| | | <ElDescriptions title="审计信息" :column="2" border> |
| | | <ElDescriptionsItem label="创建人">{{ detail.createByText || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="创建时间">{{ detail.createTimeText || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="更新人">{{ detail.updateByText || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="更新时间">{{ detail.updateTimeText || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptions :title="t('pages.orders.transfer.detail.auditInfo')" :column="2" border> |
| | | <ElDescriptionsItem :label="t('pages.orders.transfer.detail.createBy')">{{ detail.createByText || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('pages.orders.transfer.detail.createTime')">{{ detail.createTimeText || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('pages.orders.transfer.detail.updateBy')">{{ detail.updateByText || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('pages.orders.transfer.detail.updateTime')">{{ detail.updateTimeText || '--' }}</ElDescriptionsItem> |
| | | </ElDescriptions> |
| | | |
| | | <div class="space-y-3"> |
| | | <div class="flex items-center justify-between"> |
| | | <div class="text-sm font-medium text-[var(--art-gray-900)]">关联单据</div> |
| | | <ElTag effect="plain">共 {{ orderRows.length }} 条</ElTag> |
| | | <div class="text-sm font-medium text-[var(--art-gray-900)]">{{ t('pages.orders.transfer.detail.relatedOrders') }}</div> |
| | | <ElTag effect="plain">{{ t('common.count', { count: orderRows.length }) }}</ElTag> |
| | | </div> |
| | | <ArtTable |
| | | :loading="ordersLoading" |
| | |
| | | |
| | | <script setup> |
| | | import { computed } from 'vue' |
| | | import { useI18n } from 'vue-i18n' |
| | | import ArtTable from '@/components/core/tables/art-table/index.vue' |
| | | import { createTransferOrderTableColumns } from '../transferTable.columns.js' |
| | | |
| | |
| | | }) |
| | | |
| | | const emit = defineEmits(['update:visible', 'size-change', 'current-change']) |
| | | const { t } = useI18n() |
| | | |
| | | const orderColumns = createTransferOrderTableColumns() |
| | | |