From 29ea0fd5d04dbaac800f211e0ac7701de0a7f3f4 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期一, 15 九月 2025 15:18:08 +0800
Subject: [PATCH] 新需求
---
src/views/system/work-order/detail/index.vue | 62 +++++++++++++++++++++++++++----
1 files changed, 54 insertions(+), 8 deletions(-)
diff --git a/src/views/system/work-order/detail/index.vue b/src/views/system/work-order/detail/index.vue
index 71d323d..9a8d9ef 100644
--- a/src/views/system/work-order/detail/index.vue
+++ b/src/views/system/work-order/detail/index.vue
@@ -16,7 +16,16 @@
<div class="item-warp">
<div>鏁呴殰绫诲瀷锛�</div>
<div>
- <el-tag style="margin-right: 5px;height:24px;overflow:auto" effect="dark" v-for="(error, index) in workOrderInfo.errorTypeList" :key="index" size="small" type="warning">{{ error }}</el-tag>
+ <el-tag
+ style="margin-right: 5px;height:24px;overflow:auto" effect="dark"
+ v-for="(error, index) in workOrderInfo.errorTypeList"
+ :key="index" size="small"
+ :type="error === '鍥惧儚寮傚父'
+ || error === '鐐逛綅淇℃伅閿欒'
+ || error === '鏃堕挓鍋忓樊'
+ || error === 'OSD寮傚父'
+ ? 'danger' : 'warning'">{{ error }}
+ </el-tag>
</div>
</div>
<div class="item-warp">
@@ -100,10 +109,24 @@
<el-tag :type="report.reportType === '浜嬪墠鎶ュ' ? 'warning' : 'danger'">{{report.reportType}}</el-tag>
</div>
<div style="margin: 8px 0">
- <el-link
+ <div
v-for="item in report.reportMaterials != null ? report.reportMaterials.split(',') : report.reportMaterials"
- :underline="false" type="primary" :key="item" @click="handleDownload(item)">{{ item.substring(item.lastIndexOf("/") + 1)
- }}</el-link>
+ :key="item">
+ <el-image
+ v-if="isImageFile(item)"
+ :src="getPreview(item)"
+ :preview-src-list="[getPreview(item)]"
+ fit="cover"
+ style="width: 100px; height: 100px; margin: 5px;"
+ >
+ </el-image>
+ <el-link
+ v-else
+ :underline="false" type="primary" @click="handleDownload(item)">{{
+ item.substring(item.lastIndexOf("/") + 1)
+ }}
+ </el-link>
+ </div>
</div>
<div v-html="report.reportContent"></div>
</div>
@@ -122,10 +145,24 @@
:timestamp="yw.createTime">
<div>
<div style="margin: 8px 0">
- <el-link
+ <div
v-for="item in yw.ywProofMaterials != null ? yw.ywProofMaterials.split(',') : yw.ywProofMaterials"
- :underline="false" type="primary" :key="item" @click="handleDownload(item)">{{ item.substring(item.lastIndexOf("/") + 1)
- }}</el-link>
+ :key="item">
+ <el-image
+ v-if="isImageFile(item)"
+ :src="getPreview(item)"
+ :preview-src-list="[getPreview(item)]"
+ fit="cover"
+ style="width: 100px; height: 100px; margin: 5px;"
+ >
+ </el-image>
+ <el-link
+ v-else
+ :underline="false" type="primary" @click="handleDownload(item)">{{
+ item.substring(item.lastIndexOf("/") + 1)
+ }}
+ </el-link>
+ </div>
</div>
<div v-html="yw.ywCondition"></div>
</div>
@@ -214,7 +251,16 @@
this.getWorkOrder()
},
methods: {
-
+ getPreview(url) {
+ // 浣跨敤鍏ㄥ眬閰嶇疆鐨勫浘鐗囧墠缂�
+ return this.$img + url;
+ },
+ isImageFile(url) {
+ const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.webp'];
+ return imageExtensions.some(ext =>
+ url.toLowerCase().endsWith(ext)
+ );
+ },
closeAuditing() {
this.auditingOpen = false
},
--
Gitblit v1.8.0