zhou zhou
3 天以前 7c2bffa1a495cc4a3a263f654c08c231009c5c4e
rsf-design/src/views/orders/transfer/modules/transfer-detail-drawer.vue
@@ -1,7 +1,7 @@
<template>
  <ElDrawer
    :model-value="visible"
    title="调拨单详情"
    :title="t('pages.orders.transfer.detail.title')"
    size="1200px"
    destroy-on-close
    @update:model-value="handleVisibleChange"
@@ -11,42 +11,42 @@
        <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"
@@ -64,6 +64,7 @@
<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'
@@ -79,6 +80,7 @@
  })
  const emit = defineEmits(['update:visible', 'size-change', 'current-change'])
  const { t } = useI18n()
  const orderColumns = createTransferOrderTableColumns()