From c21f07409b872e99e43216f0e665d10bba2305ac Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期三, 20 十一月 2024 11:49:26 +0800
Subject: [PATCH] 运行监控导出
---
src/views/system/work-order/detail/index.vue | 19 +++++++++++--------
1 files changed, 11 insertions(+), 8 deletions(-)
diff --git a/src/views/system/work-order/detail/index.vue b/src/views/system/work-order/detail/index.vue
index 88a65cb..71d323d 100644
--- a/src/views/system/work-order/detail/index.vue
+++ b/src/views/system/work-order/detail/index.vue
@@ -156,12 +156,13 @@
<div class="img-info" v-for="(img, index) in workOrderInfo.imgList" :key="index">
<div>
<el-image
- style="width: 160px; height: 100px"
+ style="width: 100%; height: auto"
:src="getImgUrl(img.imgUrl)"
- :preview-src-list="getImgUrl(img.imgUrl)">
+ :preview-src-list="workOrderInfo.imgList.map(i => getImgUrl(i.imgUrl))"
+ >
</el-image>
</div>
- <div style="margin-top: 8px">{{img.createTime}}</div>
+ <div style="margin-top: 8px;text-align: center">{{img.createTime}}</div>
</div>
</div>
@@ -213,6 +214,7 @@
this.getWorkOrder()
},
methods: {
+
closeAuditing() {
this.auditingOpen = false
},
@@ -287,14 +289,15 @@
<style scoped>
.img-info {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- padding: 0 5px;
+ flex: 0 0 calc(20% - 8px); /* 姣忚浜斾釜锛屾墍浠ユ瘡涓崰20%锛屽噺鍘婚棿璺� */
+ box-sizing: border-box;
}
+
.work-order-img {
margin-top: 15px;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px; /* 鍙�夛細璁剧疆鍥剧墖涔嬮棿鐨勯棿璺� */
}
.work-order-info {
width: 100%;
--
Gitblit v1.8.0