| | |
| | | <ElDescriptionsItem :label="t('pages.system.config.table.type')"> |
| | | {{ t(displayData.typeTextKey || 'common.placeholder.empty') }} |
| | | </ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('pages.system.config.table.value')">{{ displayData.val || t('common.placeholder.empty') }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('pages.system.config.table.value')"> |
| | | <div class="break-all">{{ displayData.val || t('common.placeholder.empty') }}</div> |
| | | <ElImage |
| | | v-if="isImageConfigValue(displayData.val)" |
| | | :src="displayData.val" |
| | | fit="contain" |
| | | preview-teleported |
| | | class="mt-3 h-24 w-24 rounded border border-[var(--art-border-color)] bg-[var(--art-main-bg-color)]" |
| | | /> |
| | | </ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('pages.system.config.table.content')">{{ displayData.content || t('common.placeholder.empty') }}</ElDescriptionsItem> |
| | | <ElDescriptionsItem :label="t('table.status')"> |
| | | <ElTag :type="displayData.statusType" effect="light"> |
| | |
| | | |
| | | <script setup> |
| | | import { useI18n } from 'vue-i18n' |
| | | import { normalizeConfigListRow } from '../configPage.helpers' |
| | | import { isImageConfigValue, normalizeConfigListRow } from '../configPage.helpers' |
| | | |
| | | const props = defineProps({ |
| | | visible: { type: Boolean, default: false }, |