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">附件文件
			<image v-if="list.videoUrl" :src="baseurl+list.videoUrl" mode=""></image>
		</view>
	</view>
</template>

<script>
	import {
		consultationlnfo,
	} from '@/api/seekadvicefrom/seekadvicefrom.js';
	export default {
		data() {
			return {
				id: '',
				list: [],
				status: '',
			}
		},
		onLoad(options) {
			console.log(options, '859')
			this.id = options.item
			this.status = uni.getStorageInfoSync('status')
			this.info()
		},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1
				})
			},
			info() {
				consultationlnfo(this.id).then(res => {
					console.log(res)
					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;
			position: relative;

			image {
				position: absolute;
				top: 20%;
				width: 300rpx;
				height: 300rpx;
			}
		}

		.content {
			width: 98%;
			// height: 300rpx;
			background-color: #fff;
			margin: 20rpx auto;
			padding: 30rpx;

			.information {
				line-height: 62rpx;

			}
		}
	}
</style>