zhou zhou
3 天以前 50e95b985a72fcec4a93a2470e9efdfb2620148a
rsf-design/src/views/basic-info/warehouse-areas/modules/warehouse-areas-detail-drawer.vue
@@ -1,7 +1,7 @@
<template>
  <ElDrawer
    :model-value="visible"
    title="库区详情"
    :title="t('pages.basicInfo.warehouseAreas.detail.title')"
    size="960px"
    destroy-on-close
    @update:model-value="handleVisibleChange"
@@ -11,30 +11,36 @@
        <ElSkeleton :rows="12" animated />
      </div>
      <div v-else class="space-y-4">
        <ElDescriptions title="基础信息" :column="2" border>
          <ElDescriptionsItem label="仓库">{{ detail.warehouseName || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem label="库区编码">{{ detail.code || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem label="库区名称">{{ detail.name || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem label="业务类型">{{ detail.typeText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem label="货主">{{ detail.shipperName || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem label="供应商">{{ detail.supplierName || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem label="支持混放">{{ detail.flagMixText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem label="允许负库存">{{ detail.flagMinusText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem label="标签管理">{{ detail.flagLabelMangeText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem label="状态">
        <ElDescriptions :title="t('pages.basicInfo.warehouseAreas.detail.sections.basic')" :column="2" border>
          <ElDescriptionsItem :label="t('pages.basicInfo.warehouseAreas.table.warehouseName')">{{ detail.warehouseName || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.warehouseAreas.table.code')">{{ detail.code || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.warehouseAreas.table.name')">{{ detail.name || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.warehouseAreas.table.type')">{{ detail.typeText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.warehouseAreas.table.shipperName')">{{ detail.shipperName || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.warehouseAreas.table.supplierName')">{{ detail.supplierName || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.warehouseAreas.table.flagMix')">
            {{ detail.flagMixTextKey ? t(detail.flagMixTextKey) : detail.flagMixText || '--' }}
          </ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.warehouseAreas.table.flagMinus')">
            {{ detail.flagMinusTextKey ? t(detail.flagMinusTextKey) : detail.flagMinusText || '--' }}
          </ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.warehouseAreas.table.flagLabelManage')">
            {{ detail.flagLabelMangeTextKey ? t(detail.flagLabelMangeTextKey) : detail.flagLabelMangeText || '--' }}
          </ElDescriptionsItem>
          <ElDescriptionsItem :label="t('table.status')">
            <ElTag :type="detail.statusType || 'info'" effect="light">
              {{ detail.statusText || '--' }}
              {{ detail.statusTextKey ? t(detail.statusTextKey) : detail.statusText || '--' }}
            </ElTag>
          </ElDescriptionsItem>
          <ElDescriptionsItem label="排序">{{ detail.sort ?? '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem label="备注" :span="2">{{ detail.memo || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.warehouseAreas.table.sort')">{{ detail.sort ?? '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('table.remark')" :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.basicInfo.warehouseAreas.detail.sections.audit')" :column="2" border>
          <ElDescriptionsItem :label="t('table.createBy')">{{ detail.createByText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('table.createTime')">{{ detail.createTimeText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('table.updateBy')">{{ detail.updateByText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('table.updateTime')">{{ detail.updateTimeText || '--' }}</ElDescriptionsItem>
        </ElDescriptions>
      </div>
    </ElScrollbar>
@@ -43,6 +49,7 @@
<script setup>
  import { computed } from 'vue'
  import { useI18n } from 'vue-i18n'
  const props = defineProps({
    visible: { type: Boolean, default: false },
@@ -51,6 +58,7 @@
  })
  const emit = defineEmits(['update:visible'])
  const { t } = useI18n()
  const visible = computed({
    get: () => props.visible,