样式修改

pages/index/reportUni.vue

@@ -8,13 +8,9 @@
 					<view class="orderState">
 						<image src="../../static/img/icon_order_def.png" mode="" style="width: 44rpx;height: 44rpx;">
 						</image>
-
 						<view class="SheetState">检测报告</view>
-
 					</view>
-
 				</view>
-
 				<!-- 店铺信息 -->
 				<view class="shopBox">
 					<view style="width: 40rpx; height: 40rpx;">
@@ -133,18 +129,26 @@
 								<view class="car-report-item-info">
 									<view v-if="item.SectionType===0">
 
-										<view class="nameBox" v-for="(item2,index) in item.value" :key="index">
-
-											<view class="contentB2">
-												<view class="leftName">{{item2.ItemName}}：</view>
-												<view v-if="item2.Value" class="itemValue">{{item2.Value}}</view>
-
-											</view>
-											<view class="kuang"
-												:class="{'report-color-red':item2.ValueType===3,'report-color-yellow':item2.ValueType===2}">
-												{{item2.ValueType===3?'急需处理':item2.ValueType===2?'密切关注':'状态良好'}}</view>
+										<view class="" v-for="(item2,index) in item.value" :key="index">
+                                           <view class="nameBox">
+											   <view class="contentB2">
+											   	<view class="leftName">{{item2.ItemName}}：</view>
+											   	<view v-if="item2.Value" class="itemValue">{{item2.Value}}</view>
+											   
+											   </view>
+											   <view class="kuang"
+											   	:class="{'report-color-red':item2.ValueType===3,'report-color-yellow':item2.ValueType===2}">
+											   	{{item2.ValueType===3?'急需处理':item2.ValueType===2?'密切关注':'状态良好'}}
+											   </view>
+										   </view>
+										   <view class="imgLineBox" v-if="item2.photoPath">
+											   <view class="imgView" v-for="(imgurl,imgIndex) in item2.photoPath.split(',')">
+												    <img class="lineImg" :src="imgurl" alt="" @click="seeImg3(item2.photoPath,imgIndex)">
+											   </view>
+										   </view>
+											
 												
-											<view class="seeImg" v-if="item2.photoPath" @click="seeImg(item2.photoPath)">查看图片</view>
+										<!-- 	<view class="seeImg" v-if="item2.photoPath" @click="seeImg(item2.photoPath)">查看图片</view> -->
 
 										</view>
 										<view class="contentB">
@@ -155,7 +159,12 @@
 											<view class="leftT">说明：</view>
 											<view v-if="item.Describe" class="contentStr">{{item.Describe}}</view>
 										</view>
-										<view class="seeImg2" v-if="item.value[0].photoAllPath" @click="seeImg(item.value[0].photoAllPath)">查看图片</view>
+										<view class="imgLineBox" v-if="item.value[0].photoAllPath">
+											   <view class="imgView"  v-for="(imgurl,imgIndex) in item.value[0].photoAllPath.split(',')">
+													<img class="lineImg" :src="imgurl" alt="" @click="seeImg3(item.value[0].photoAllPath,imgIndex)">
+											   </view>
+										</view>
+										<!-- <view class="seeImg2" v-if="item.value[0].photoAllPath" @click="seeImg(item.value[0].photoAllPath)">查看图片</view> -->
 									</view>
 									<view class="warning-lamp" v-if="item.SectionType===2">
 
@@ -177,7 +186,12 @@
 										<view class="car-report-rv-buttom"></view>
 									</view>
 									<view v-if="item.SectionType===2||item.SectionType===1">
-										<view class="seeImg" v-if="item.photoPath.length" @click="seeImg2(item.photoPath)">查看图片</view>
+										<view class="imgLineBox" v-if="item.photoPath">
+										   <view class="imgView"  v-for="(imgurl,imgIndex) in item.photoPath">
+												<img class="lineImg" :src="imgurl" alt="" @click="seeImg2(item.photoPath,imgIndex)">
+										   </view>
+										</view>
+										<!-- <view class="seeImg" v-if="item.photoPath.length" @click="seeImg2(item.photoPath)">查看图片</view> -->
 									</view>
 									<view class="video-button carjcvideo-button" v-if="item.VideoName&&!item.showVideo">
 										<view class="video-play" @click="ckVideo(item)"></view>
@@ -190,9 +204,9 @@
 										</view> -->
 										<view v-if="item.VideoPath" class="image-list-item " >
 											<view @click="showVideo(vi)" v-for="(vi,vindex) in item.VideoPath.split(',')" class="videoLine">
-												<!-- <video :src="vi" style="width: 160rpx;height: 160rpx;" ></video> -->
+												 <video :src="vi" style="width: 160rpx;height: 160rpx;" preload="auto" playsinline webkit-playsinline></video>
 												<view class="videoLineZz"></view>
-												<img src="http://dmsphoto.66km.com.cn/thFiles/C8C06AA1-7775-4C23-9454-38C64E004DA8.png" alt="" style="width: 160rpx;height: 160rpx;">
+												<!-- <img src="http://dmsphoto.66km.com.cn/thFiles/C8C06AA1-7775-4C23-9454-38C64E004DA8.png" alt="" style="width: 160rpx;height: 160rpx;"> -->
 											</view>
 										</view>
 									</view>
@@ -300,10 +314,10 @@
 				this.videoUrl=url
 				this.videoUrlShow=true
 			},
-			seeImg2(arr){
+			seeImg2(arr,index){
 				uni.previewImage({
 					urls: arr,
-					//current: index,
+					current: index,
 					longPressActions: {
 						itemList: ['发送给朋友', '保存图片', ],
 						success: function(data) {
@@ -330,6 +344,20 @@
 					}
 				});
 			},
+			seeImg3(img,index){
+					var arr=img.split(',')
+					uni.previewImage({
+						urls: arr,
+						current: index,
+						longPressActions: {
+							itemList: ['发送给朋友', '保存图片', ],
+							success: function(data) {
+							},
+							fail: function(err) {
+							}
+						}
+					});
+			},
 			sphotos(arr,index){
 				uni.previewImage({
 					urls: arr,
@@ -1319,6 +1347,7 @@
 	}
 	.videoLine{
 		position: relative;
+		margin-top: 20rpx;
 	}
 	.videoLineZz{
 		width: 160rpx;height: 160rpx;
@@ -1343,4 +1372,15 @@
 		font-size: 26rpx;
 		color: #1677FF;line-height: 40rpx;
 	}
+	.imgLineBox{
+		display: flex;
+	}
+	.lineImg{
+		width: 160rpx;height: 160rpx;
+	}
+	.imgView{
+		margin-right: 20rpx;
+		padding-top: 16rpx;
+		padding-bottom: 20rpx;
+	}
 </style>