xinelu-doctor-app/pages/information/information.vue

<template>
	<view class="app">
		<!-- 7 -->
		<view class="content">
			<view class="information">
				姓名：{{list.patientName}}
			</view>
			<view class="information">
				身份证号：{{list.cardNo}}
			</view>
			<view class="information">
				联系方式：{{list.phone}}
			</view>
			<view class="information">
				现住址：{{list.address}}
			</view>
		</view>
		<view class="Familybody">
			<view class="">
				问题简述:{{list.problemDescription}}
			</view>
			<view class="">
				问题描述:{{list.situationDescription}}
			</view>
			<view class="">
				患者个人情况说明:{{list.situationDescription}}
			</view>
			<view class="">
				病历:{{list.medicalRecord}}
			</view>
			<view class="" v-if="status==2">
				预约日期:{{list.appointmentDate}}
			</view>
			<view class="" v-if="status==2">
				预约开始时间点：{{list.appointmentStartTime}}
			</view>
			<view class="" v-if="status==2">
				预约结束时间点:{{list.appointmentEndTime}}
			</view>

		</view>

		<view class="add">附件文件
			<view class="imageitem">
				<image v-for="(item, index) in  url" :key="index" :src="item" mode="" @click="clickImg"></image>
			</view>
		</view>
	</view>
</template>

<script>
	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) {
			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 => {
					res.data.fileUrls.forEach(e => {
						this.url.push(baseurl + e)
					})
					this.list = res.data
				})
			},
		},
	}
</script>

<style lang="scss">
	.app {
		width: 100%;
		// margin: 20rpx auto;
		height: 100%;
		padding: 30rpx;
		// background-color: red;
		font-size: 35rpx;

		// .title {
		// 	font-size: 20px;
		// 	text-align: center;
		// 	height: 80rpx;
		// 	border-bottom: 1rpx solid #f6f6f6;
		// 	padding-top: 100rpx;
		// 	position: fixed;
		// 	width: 100%;
		// 	background: white;
		// 	z-index: 10;

		// 	image {
		// 		width: 20rpx;
		// 		height: 30rpx;
		// 		transform: rotate(180deg);
		// 		position: absolute;
		// 		left: 40rpx;
		// 		bottom: 38rpx;
		// 	}
		// }

		.Familybody {
			padding: 30rpx;
			width: 98%;
			height: 600rpx;
			background-color: #fff;
			line-height: 120rpx;
			margin: 20rpx auto;
		}

		.add {
			padding: 30rpx;
			width: 98%;
			height: 600rpx;
			background-color: #fff;
			line-height: 120rpx;
			// background-color: red;
			// position: relative;

			.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 {
			width: 98%;
			// height: 300rpx;
			background-color: #fff;
			margin: 20rpx auto;
			padding: 30rpx;

			.information {
				line-height: 62rpx;

			}
		}
	}
</style>