| | |
| | | <template> |
| | | <ElDrawer |
| | | :model-value="visible" |
| | | title="波次策略详情" |
| | | :title="t('pages.manager.waveRule.detail.title')" |
| | | size="560px" |
| | | @update:model-value="handleVisibleChange" |
| | | > |
| | | <ElSkeleton :loading="loading" animated :rows="10"> |
| | | <ElDescriptions :column="1" border> |
| | | <ElDescriptionsItem label="编号">{{ displayData.code || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="类型">{{ displayData.typeText || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="名称">{{ displayData.name || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="状态"> |
| | | <ElDescriptionsItem :label="t('table.code')">{{ displayData.code || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('pages.manager.waveRule.table.type')">{{ displayData.typeText || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('table.name')">{{ displayData.name || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('table.status')"> |
| | | <ElTag :type="displayData.statusType" effect="light">{{ displayData.statusText || '--' }}</ElTag> |
| | | </ElDescriptionsItem> |
| | | <ElDescriptionsItem label="更新人">{{ displayData.updateByLabel || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="更新时间">{{ displayData.updateTimeText || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="创建人">{{ displayData.createByLabel || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="创建时间">{{ displayData.createTimeText || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem label="备注">{{ displayData.memo || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('table.updateBy')">{{ displayData.updateByLabel || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('table.updateTime')">{{ displayData.updateTimeText || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('table.createBy')">{{ displayData.createByLabel || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('table.createTime')">{{ displayData.createTimeText || '--' }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('table.memo')">{{ displayData.memo || '--' }}</ElDescriptionsItem> |
| | | </ElDescriptions> |
| | | </ElSkeleton> |
| | | </ElDrawer> |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { useI18n } from 'vue-i18n' |
| | | import { normalizeWaveRuleListRow } from '../waveRulePage.helpers' |
| | | |
| | | const props = defineProps({ |
| | |
| | | |
| | | const emit = defineEmits(['update:visible']) |
| | | const displayData = computed(() => normalizeWaveRuleListRow(props.detailData)) |
| | | const { t } = useI18n() |
| | | |
| | | function handleVisibleChange(visible) { |
| | | emit('update:visible', visible) |