From 58f1c5870a8a02b3b858eb7e6714397c731c510f Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期二, 25 三月 2025 15:48:08 +0800
Subject: [PATCH] 新增无录像列
---
src/components/WorkOrder/WorkOrderAuditing.vue | 46 ++++++++++++++++++++++++++++++++++++++--------
1 files changed, 38 insertions(+), 8 deletions(-)
diff --git a/src/components/WorkOrder/WorkOrderAuditing.vue b/src/components/WorkOrder/WorkOrderAuditing.vue
index dfcddaf..db9fd2d 100644
--- a/src/components/WorkOrder/WorkOrderAuditing.vue
+++ b/src/components/WorkOrder/WorkOrderAuditing.vue
@@ -1,6 +1,6 @@
<template>
<div>
- <el-dialog title="宸ュ崟瀹℃牳" :visible.sync="auditingOpen" width="1000px" append-to-body>
+ <el-dialog :before-close="cancelAuditing" title="宸ュ崟瀹℃牳" :visible.sync="auditingOpen" width="1000px" append-to-body>
<el-row :gutter="20">
<el-col :span="10">
<el-form ref="auditingForm" :model="auditingForm" :rules="auditingRules" label-width="80px">
@@ -32,11 +32,25 @@
>
<el-card>
<div v-html="condition.ywCondition"></div>
- <el-link type="primary"
- v-for="item in condition.ywProofMaterials != null ? condition.ywProofMaterials.split(',') : condition.ywProofMaterials"
- :underline="false" :key="item.id" @click="handleDownload(item)"
- >{{ item.substring(item.lastIndexOf('/') + 1) }}
- </el-link>
+ <div v-for="item in condition.ywProofMaterials != null ? condition.ywProofMaterials.split(',') : condition.ywProofMaterials"
+ :key="item.id">
+ <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
+ type="primary"
+ :underline="false"
+ @click="handleDownload(item)"
+ >
+ {{ getFileName(item) }}
+ </el-link>
+ </div>
</el-card>
</el-timeline-item>
</el-timeline>
@@ -82,6 +96,23 @@
}
},
methods: {
+ getPreview(url) {
+ // 浣跨敤鍏ㄥ眬閰嶇疆鐨勫浘鐗囧墠缂�
+ return this.$img + url;
+ },
+ isImageFile(url) {
+ const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.webp'];
+ return imageExtensions.some(ext =>
+ url.toLowerCase().endsWith(ext)
+ );
+ },
+ getFileName(url) {
+ return url.substring(url.lastIndexOf('/') + 1);
+ },
+ /** 涓嬭浇鎸夐挳鎿嶄綔 */
+ handleDownload(data) {
+ this.$download.resource(data)
+ },
// 鎻愪氦瀹℃牳
submitAuditing() {
this.$refs['auditingForm'].validate(valid => {
@@ -89,7 +120,7 @@
auditing(this.auditingForm).then(res => {
this.$emit('close', false);
this.$modal.msgSuccess('鎿嶄綔鎴愬姛')
- this.getList()
+ this.$emit('getList', false);
})
}
})
@@ -112,5 +143,4 @@
</script>
<style scoped>
-
</style>
--
Gitblit v1.8.0