From 72fd671c01a0b433f0c09984f1ede86e84a65099 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AD=A3=E6=98=93?= <zhaozhengyi1b@126.com>
Date: Thu, 27 Jun 2024 11:22:54 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8C=85=E8=A3=85=E5=9B=BE=E7=89=87=E5=8F=98?=
 =?UTF-8?q?=E4=B8=BA=E5=B7=A6=E4=B8=8A=E8=A7=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/qualityManagement/FQC/thirtyFQC.vue | 38 ++++++++++++-------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/views/qualityManagement/FQC/thirtyFQC.vue b/src/views/qualityManagement/FQC/thirtyFQC.vue
index 75bec53..c1c08b8 100644
--- a/src/views/qualityManagement/FQC/thirtyFQC.vue
+++ b/src/views/qualityManagement/FQC/thirtyFQC.vue
@@ -502,9 +502,10 @@
 						<tr>
 							<td>标签参考图片</td>
 							<td>
-								<span>
-									<el-image ref="elImageRef" style="width: 40px; height: 40px" :src="imageUrl" :preview-src-list="[imageUrl]">
+								<span @click="openImageViewer">
+									<el-image ref="elImageRef" style="width: 40px; height: 40px" :src="imageUrl" >
 									</el-image>
+									<el-image-viewer style="width: 60%;height: 80%;" v-if="showViewer" :on-close="closeImageViewer" :url-list="[imageUrl]" />
 								</span>
 							</td>
 							<td>开始时间</td>
@@ -631,11 +632,14 @@
 		GetQcQualityStatisticsFirstStartTime,
 	} from '@/api/qualityManagement/firstFQC.js'
 	import { convertToIncomingInspectionData } from '@/api/wmsManagement/wmFgentryInspect.js'
+	import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
 	export default {
 		name: 'thirtyFQC',
+		components: { ElImageViewer },
 		data() {
 			return {
 				imgBaseUrl: 'http://192.168.60.251:9888/chfs/shared/partnumber/',
+				showViewer: true,
 				paint: [],
 				device: [],
 				blank: [], // 毛坯
@@ -681,7 +685,7 @@
 		watch: {
 			// 工单变动
 			'CurrentWorkorder.clientWorkorder'(newValue, oldValue) {
-				this.showBigImageView();
+				// this.showBigImageView();
 				this.getWorkOrderStartTime(newValue);
 				this.getWorkOrderInListStatus(newValue);
 				this.handlerSyncDataBoard(newValue);
@@ -1227,11 +1231,17 @@
 				}
 			},
 			// 大图触发
-			showBigImageView() {
-				this.$nextTick(() => {
-					this.$refs.elImageRef.clickHandler();
-				})
+			// showBigImageView() {
+			// 	this.$nextTick(() => {
+			// 		this.$refs.elImageRef.clickHandler();
+			// 	})
 
+			// },
+			openImageViewer() {
+				this.showViewer = true;
+			},
+			closeImageViewer() {
+				this.showViewer = false;
 			},
 			// 获取开始时间
 			getWorkOrderStartTime(workOrderId) {
@@ -1292,21 +1302,23 @@
 		},
 
 
-
 	}
 </script>
 
 <style lang="scss" scoped>
-	span{
+	span {
 		font-weight: 700
 	}
+
 	.board-box {
-		background-color:#032169;
+		background-color: #032169;
 	}
-	.border-title{
-		color:white !important;
+
+	.border-title {
+		color: white !important;
 	}
-	.board-text{
+
+	.board-text {
 		// font-weight: 600 !important;
 	}