From 069da66fbe2748d51b1f3bc63f9ae00e660083c6 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期一, 04 十一月 2024 14:45:18 +0800 Subject: [PATCH] 场景报告模块(暂存) --- src/views/fysp/data-product/components/CompImgInfo.vue | 21 ++++++++++++++++++++- 1 files changed, 20 insertions(+), 1 deletions(-) diff --git a/src/views/fysp/data-product/components/CompImgInfo.vue b/src/views/fysp/data-product/components/CompImgInfo.vue index 5fcfd7e..5afab32 100644 --- a/src/views/fysp/data-product/components/CompImgInfo.vue +++ b/src/views/fysp/data-product/components/CompImgInfo.vue @@ -20,7 +20,15 @@ :initial-index="0" fit="cover" lazy - /> + > + <template #error> + <div class="image-slot"> + <el-button type="primary" size="small" @click="$emit('change')" + >閫夋嫨鍥剧墖</el-button + > + </div> + </template> + </el-image> </td> </tr> <tr v-if="downTitle"> @@ -50,6 +58,8 @@ } }); +// const unchangeImg = '../../../../assets/image/unchange.png' + const emit = defineEmits(['change']); </script> <style scoped> @@ -77,4 +87,13 @@ border-style: solid; border-color: #666666; */ } + +.image-slot { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + background: var(--el-fill-color-light); +} </style> -- Gitblit v1.9.3