| | |
| | | <template> |
| | | <ElDrawer |
| | | :model-value="visible" |
| | | title="库区详情" |
| | | :title="t('pages.basicInfo.warehouseAreas.detail.title')" |
| | | size="960px" |
| | | 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.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> |
| | |
| | | |
| | | <script setup> |
| | | import { computed } from 'vue' |
| | | import { useI18n } from 'vue-i18n' |
| | | |
| | | const props = defineProps({ |
| | | visible: { type: Boolean, default: false }, |
| | |
| | | }) |
| | | |
| | | const emit = defineEmits(['update:visible']) |
| | | const { t } = useI18n() |
| | | |
| | | const visible = computed({ |
| | | get: () => props.visible, |