新增大图预览

pages/sys/workbench/order/orderDetail.vue

@@ -29,10 +29,17 @@
 			<view class="detail-value remark"><text>备注：</text>{{ detail.remark }}</view>
 			<view class="detail-value"><text class="detail-key">工单图片：</text></view>
 			<view class="image-list" v-if="orderImgUrls.length > 0">
-				<u-image v-for="(imgUrl, index) in orderImgUrls" :key="index" :src="imgUrl"
-					width="200rpx" height="200rpx" border-radius="10rpx"
+				<u-image 
+					v-for="(imgUrl, index) in orderImgUrls" 
+					:key="index" 
+					:src="imgUrl"
+					width="200rpx" 
+					height="200rpx" 
+					border-radius="10rpx"
 					@click="previewImage(orderImgUrls, index)"
-					style="margin-right: 20rpx; margin-bottom: 20rpx;"></u-image>
+					style="margin-right: 20rpx; margin-bottom: 20rpx;"
+					mode="aspectFill"
+				></u-image>
 			</view>
 
 		</view>
@@ -123,10 +130,14 @@
 			},
 			previewImage(urls, index) {
 				// 使用uView的图片预览组件
-				this.$u.previewImage({
-					urls: urls.filter(url => url.trim() !== ''),
-					current: index
-				});
+				  // 过滤掉空值
+				  const validUrls = urls.filter(url => url && url.trim() !== '')
+				  uni.previewImage({
+				    urls: validUrls,
+				    current: validUrls[index], // current 必须是 url，而不是索引
+				    indicator: 'number', // 显示数字指示器
+				    backgroundColor: '#000'
+				  })
 			},
 			async onConfirm(selected) {
 				let params = this.detail