From c0e6196f2133d648cd7398829f1f0d27c4ac190d Mon Sep 17 00:00:00 2001
From: ljlong_2630 <ljlong_2630@yeah.net>
Date: Fri, 13 Dec 2024 08:37:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20bug=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/spotCheckOrder/addForm.vue |  8 +++++++
 src/pages/spotCheckOrder/detail.vue  | 34 ++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+)

diff --git a/src/pages/spotCheckOrder/addForm.vue b/src/pages/spotCheckOrder/addForm.vue
index 0fec678..c80ed52 100644
--- a/src/pages/spotCheckOrder/addForm.vue
+++ b/src/pages/spotCheckOrder/addForm.vue
@@ -327,6 +327,10 @@
 			success: (res) => {
 				let filePath = res.tempFilePaths[0]
 				proxy.$modal.loading()
+				const fileInfo = ref({
+					name: res.tempFiles[0].name,
+					url: ''
+				})
 				uploadApi.uploadFile({
 					filePath: filePath,
 					name: 'file',
@@ -336,8 +340,12 @@
 				}).then(ret => {
 					if(dataItem['imgList']){
 						dataItem['imgList'].push(ret.data)
+						fileInfo.value.url = ret.data
+						dataItem['fileInfoList'].push(fileInfo.value)
 					}else{
 						dataItem['imgList'] = [ret.data]
+						fileInfo.value.url = ret.data
+						dataItem['fileInfoList'] = [fileInfo.value]
 					}
 					proxy.$modal.closeLoading()
 				}).catch((err) => {
diff --git a/src/pages/spotCheckOrder/detail.vue b/src/pages/spotCheckOrder/detail.vue
index e2e20a2..bc41629 100644
--- a/src/pages/spotCheckOrder/detail.vue
+++ b/src/pages/spotCheckOrder/detail.vue
@@ -85,6 +85,14 @@
 											巡检点检记录: {{item.records}}
 										</view>
 									</view>
+									<image
+									  v-for="(img, imgIndex) in item.filePathList"
+									  :key="imgIndex"
+									  :src="img"
+									  alt="图片"
+									  class="preview-image"
+									  @click="previewImage(imgIndex, item.filePathList)"
+									/>
 
 									<!-- <view class="dec">
 									    <view style="margin-right: 20rpx;">是否符合:</view>
@@ -262,6 +270,23 @@
 		})
 
 	}
+	
+	function previewImage(index, filePathList) {
+	  uni.previewImage({
+	    current: index, // 当前显示图片的索引
+	    urls: filePathList, // 需要预览的图片链接列表
+	    longPressActions: {
+	      itemList: ['保存图片'],
+	      success: function (data) {
+	        console.log('选中了第' + data.tapIndex + '个按钮');
+	        console.log('选中了第' + data.index + '张图片');
+	      },
+	      fail: function (err) {
+	        console.log(err.errMsg);
+	      }
+	    }
+	  });
+	}
 
 	async function getDeviceRepairDetail(number) {
 		await repairOrderApi.getDeviceRepairDetail(number, type.value).then((res) => {
@@ -560,4 +585,13 @@
 
 		}
 	}
+	.images {
+	  .preview-image {
+	    width: 30%;
+	    margin-right: 20rpx;
+	    height: 200rpx;
+	    border-radius: 10rpx;
+	    cursor: pointer; // 添加这个属性以显示手型光标
+	  }
+	}
 </style>
\ No newline at end of file