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