From fc2f54929ba8d4d12af3fd0ed14a0d179c1f315e Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期五, 30 八月 2024 11:39:26 +0800
Subject: [PATCH] 工单图片优化

---
 src/views/system/work-order/index.vue |   16 +++++++++++++---
 1 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/views/system/work-order/index.vue b/src/views/system/work-order/index.vue
index 3ee036a..b02c481 100644
--- a/src/views/system/work-order/index.vue
+++ b/src/views/system/work-order/index.vue
@@ -64,10 +64,20 @@
               <div class="card">
                 <div class="card-left">
                   <el-image
-                    :preview-src-list="['https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357']"
-                    fit="cover" src="https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357"
+                    v-if="item.imgList && item.imgList.length > 0"
+                    :preview-src-list="item.imgList"
+                    fit="cover" :src="item.imgList[0]"
                     class="image"
-                  />
+                  >
+                    <div slot="error" class="image-slot">
+                      <i class="el-icon-picture-outline">鍔犺浇澶辫触</i>
+                    </div>
+                  </el-image>
+                  <el-image class="image" style="display: flex;justify-content: center;align-items: center;" v-else>
+                    <div slot="error" class="image-slot">
+                      <i class="el-icon-picture-outline" style="color: gray;font-size: 14px">鏈彇鍒板浘鐗�</i>
+                    </div>
+                  </el-image>
                 </div>
                 <div class="work-order">
                   <el-row class="work-order-item">

--
Gitblit v1.8.0