zc

pages_basics/views/record/infoPage.vue

@@ -17,24 +17,33 @@
 			<view class="titme-bottom-p">离开时间：{{minItem.outTime?minItem.outTime:'-'}}</view>
 			<view class="titme-bottom-p">停留时间：{{minItem.hoursMinutes?minItem.hoursMinutes:'-'}}</view>
 		</view>
-		<view v-if="imgDataList[0]">
-			<view>检查项</view>
-			<view v-for="(item,index) in imgDataList" :key="index">
-				
+		<view v-if="imgDataList[0]" class="img-data-list-max-box">
+			<view class="img-data-list-text-p">检查项</view>
+			<view class="img-data-list-for-box" v-for="(item,index) in imgDataList" :key="index">
+				<img :src="baseUrl+item.subUrl" v-if="item.subUrl">
+				<view :class="item.subUrl?'img-data-list-name-box-one':'img-data-list-name-box-tow'"
+					class="img-data-list-name-box">
+					<view class="img-data-list-name">{{item.checkOutName}}</view>
+					<uni-icons class="img-data-list-icon-box" type="checkmarkempty" color='#fff' size="24"></uni-icons>
+				</view>
 			</view>
 		</view>
 	</view>
 </template>
 
 <script>
+	import {
+		config
+	} from '@/api/request/config.js'
 	import {
 		laboratoryAppletPhotoInspectList
 	} from '@/pages_basics/api/index.js'
 	export default {
 		data() {
 			return {
+				baseUrl: config.base_url,
 				minItem: null,
-				imgDataList:[],
+				imgDataList: [],
 			}
 		},
 		onLoad(option) {
@@ -50,9 +59,11 @@
 				let self = this;
 				const {
 					data
-				} = await laboratoryAppletPhotoInspectList({passOutId:this.minItem.passOutId});
+				} = await laboratoryAppletPhotoInspectList({
+					passOutId: this.minItem.passOutId
+				});
 				if (data.code == 200) {
-					this.$set(this,'imgDataList',data.data);
+					this.$set(this, 'imgDataList', data.data);
 				}
 			},
 		}
@@ -140,5 +151,63 @@
 				margin: 0 32rpx;
 			}
 		}
+
+		.img-data-list-max-box {
+			.img-data-list-text-p {
+				line-height: 100rpx;
+				font-size: 30rpx;
+				padding: 0 30rpx;
+			}
+
+			.img-data-list-for-box {
+				padding-bottom: 40rpx;
+
+				img {
+					margin:0 30rpx;
+					width:690rpx;
+					height: 250rpx;
+					border-top-left-radius:20rpx;
+					border-top-right-radius:20rpx;
+				}
+
+				.img-data-list-name-box-one {
+					border: 1px dashed #dedede;
+					border-top:none;
+					border-bottom-left-radius:20rpx;
+					border-bottom-right-radius:20rpx;
+				}
+
+				.img-data-list-name-box-tow {
+					border: 1px dashed #dedede;
+					border-radius: 20rpx;
+				}
+
+				.img-data-list-name-box {
+					position: relative;
+					height: 80rpx;
+					margin: 0 30rpx;
+					background-color: #fff;
+
+					.img-data-list-name {
+						font-size: 28rpx;
+						line-height: 80rpx;
+						margin-left: 30rpx;
+						display: block;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+					}
+
+					.img-data-list-icon-box {
+						position: absolute;
+						right: 0;
+						bottom: 0;
+						background-color: #0183FA;
+						border-top-left-radius: 20rpx;
+						border-bottom-right-radius: 20rpx;
+					}
+				}
+			}
+		}
 	}
 </style>