修改患者信息图片

pages/information/information.vue

@@ -39,8 +39,11 @@
 			</view>
 
 		</view>
+
 		<view class="add">附件文件
-			<image v-if="list.videoUrl" :src="baseurl+list.videoUrl" mode=""></image>
+			<view class="imageitem">
+				<image v-for="(item, index) in  url" :key="index" :src="item" mode="" @click="clickImg"></image>
+			</view>
 		</view>
 	</view>
 </template>
@@ -49,33 +52,49 @@
 	import {
 		consultationlnfo,
 	} from '@/api/seekadvicefrom/seekadvicefrom.js';
+	import baseurl from '@/api/baseurl.js'
 	export default {
 		data() {
 			return {
+				baseurl: '',
 				id: '',
 				list: [],
 				status: '',
+				fileUrls: [],
+				url: [],
 			}
 		},
 		onLoad(options) {
-			console.log(options, '859')
+			this.baseurl = baseurl;
 			this.id = options.item
 			this.status = uni.getStorageInfoSync('status')
 			this.info()
 		},
 		methods: {
+			clickImg() {
+				uni.previewImage({
+					urls: this.url, //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
+					current: '', // 当前显示图片的http链接，默认是第一个
+					success: function(res) {},
+					fail: function(res) {},
+					complete: function(res) {},
+				})
+			},
+
 			back() {
 				uni.navigateBack({
 					delta: 1
 				})
 			},
 			info() {
+				this.url = []
 				consultationlnfo(this.id).then(res => {
-					console.log(res)
+					res.data.fileUrls.forEach(e => {
+						this.url.push(baseurl + e)
+					})
 					this.list = res.data
 				})
 			},
-
 		},
 	}
 </script>
@@ -125,14 +144,28 @@
 			height: 600rpx;
 			background-color: #fff;
 			line-height: 120rpx;
-			position: relative;
+			// background-color: red;
+			// position: relative;
 
-			image {
-				position: absolute;
-				top: 20%;
-				width: 300rpx;
-				height: 300rpx;
+			.imageitem {
+				width: 100%;
+				display: flex;
+				justify-content: flex-start;
+				flex-wrap: wrap;
+				align-items: center;
+				// position: absolute;
+
+				image {
+					display: inline-block;
+					// position: absolute;
+					// left: 0%;
+					// top: 20%;
+					width: 33%;
+					height: 200rpx;
+				}
 			}
+
+
 		}
 
 		.content {