From 5f6abeedb7ce43853ad486731a5e99b340ec6392 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期二, 17 九月 2024 18:55:39 +0800
Subject: [PATCH] 新大屏数据对接
---
src/views/system/work-order/detail/index.vue | 26 +++++++++++++++++++++++++-
1 files changed, 25 insertions(+), 1 deletions(-)
diff --git a/src/views/system/work-order/detail/index.vue b/src/views/system/work-order/detail/index.vue
index 9d9153e..f2b66fd 100644
--- a/src/views/system/work-order/detail/index.vue
+++ b/src/views/system/work-order/detail/index.vue
@@ -147,7 +147,18 @@
<el-empty v-else description="鏈煡鍒板鏍镐俊鎭�"></el-empty>
</el-tab-pane>
</el-tabs>
-
+ <div class="work-order-img">
+ <div class="img-info" v-for="(img, index) in workOrderInfo.imgList" :key="index">
+ <div>
+ <el-image
+ style="width: 160px; height: 100px"
+ :src="getImgUrl(img.imgUrl)"
+ :preview-src-list="getImgUrl(img.imgUrl)">
+ </el-image>
+ </div>
+ <div style="margin-top: 8px">{{img.createTime}}</div>
+ </div>
+ </div>
</div>
</template>
@@ -189,6 +200,9 @@
this.getWorkOrder()
},
methods: {
+ getImgUrl(path) {
+ return this.$img + path;
+ },
getWorkOrder() {
this.loading1 = true
getWorkOrderInfo(this.workOrderInfo.workOrderNo).then(res => {
@@ -248,6 +262,16 @@
</script>
<style scoped>
+.img-info {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 0 5px;
+}
+.work-order-img {
+ margin-top: 15px;
+}
.work-order-info {
width: 100%;
display: flex;
--
Gitblit v1.8.0