<template>
	<view class="app">
		<view class="body">
			<view class="name">{{patientName}}你好，您的复诊信息如下：
			</view>
			<rich-text :nodes="value" class="text"></rich-text>
		</view>
		<!-- <view class="content">
			<view class="word">
				张某某，您好，您的复诊信息如下
			</view>
			<view class="name">
				1.复诊时间
				<u-input v-model="query.residentName" :border="true" placeholder="请输入复诊时间" />
			</view>
			<view class="name">
				2.复诊内容
				<rich-text :nodes="value" style="width: 95%
				;margin-left: 30rpx;
					height: 63rpx;
					background: #F6F6F6;
					margin: 12rpx auto;
					border: none;
					border-radius: 5rpx;"></rich-text>
			</view>

			<view class="name">
				4.注意事项
				<view class="contentborder">
				</view>
			</view>
			<view class="name">
				5.就诊地点
				<u-input v-model="query.residentName" :border="true" placeholder="请输入复诊时间" />
			</view>
		</view> -->

	</view>
</template>

<script>
	import {
		getNodeDetail
	} from '@/api/Mymedication/Mymedication.js'
	export default {
		data() {
			return {
				value: '',
				patientName: '',
				type: 'textarea',
				border: true,
				height: 100,
				autoHeight: true,
			};
		},
		onLoad(options) {
			// this.getlist()
			console.log(options)
			if (options) {
				this.patientName = options.patientName
				getNodeDetail(options.id).then(res => {
					this.value = res.data.nodeContent
					this.value = res.data.nodeContent.replace(/\<p/gi,
						"<p class='ptext'")
					this.value = res.data.nodeContent.replace(/\<span/,
						"<span class='ql-size-small'")
					console.log(this.value)

				})

			}

		},
		watch: { //监听

		},
		methods: {
			// goapponint(item) {
			// 	uni.navigateTo({
			// 		url: '/pages/Followupconsultation/Followupconsultation'
			// 	})
			// }
		},
	}
</script>

<style lang="scss">
	.app {
		height: 100vh;
		background-color: #F7F5F5;
		padding: 30rpx 0 0 0;
		overflow: scroll;
		font-size: 28rpx;

		.text {
			overflow: hidden;
			word-break: break-all;
			margin-top: 20rpx;
			text-overflow: ellipsis;
			width: 84%;
			margin-left: 38rpx;
			// position: absolute;
			// left: 30rpx;
			// top: 154rpx;
		}

		.name {
			font-size: 30rpx;
			font-weight: 400;
			color: #333333;
			line-height: 38rpx;
			position: relative;
			right: 56rpx;
			top: 12rpx;
			overflow: hidden;
			text-overflow: ellipsis; //省略号
			white-space: nowrap;


		}

		.body {
			width: 95%;
			height: 100%;
			background: #fff;
			margin: 40rpx auto;
			// padding-top: 15rpx;
			box-shadow: 0px 4px 15px 4px rgba(0, 0, 0, 0.03);
			border-radius: 2px;
			padding: 20rpx 0 0 100rpx;

			// .name {
			// 	// width: 100rpx;
			// 	height: 100rpx;
			// 	padding: 10rpx 10rpx 10rpx 0;
			// }
		}

		.u-input__textarea.data-v-fdbb9fe6 {
			/* width: auto; */
			height: 2px;
		}

		.content {
			background-color: #fff;
			width: 95%;
			height: 100vh;
			margin: 0 auto;
			border-radius: 10rpx;



			.asterisk {
				color: red;
				position: relative;
				top: 3px;
			}

			::v-deep .u-input {
				width: 636rpx;
				height: 63rpx;
				background: #F6F6F6;
				margin: 12rpx auto;
				border: none;
				border-radius: 5rpx;

			}

			::v-deep.uni-input-placeholder {
				color: #8E8E8E !important;
				font-size: 20rpx;
			}

			::v-deep .u-input__input.data-v-fdbb9fe6 {
				font-size: 26rpx !important;
			}

			::v-deep.input-placeholder {
				color: #8E8E8E !important;
				font-size: 20rpx;
			}

			// }
		}

		.word {
			// padding: 20px 10px 10px 10rpx;
			// font-size: 28rpx;
			font-weight: 520;
			padding: 22px 24px 10px 28rpx;
			font-size: 30rpx;
		}

		// .answer {
		// 	padding: 0 0 10rpx 10rpx;

		// 	.time {
		// 		padding: 0 0 10px 10rpx;
		// 	}

		.contentborder {
			width: 636rpx;
			height: 100rpx;
			background: #F6F6F6;
			margin: 12rpx auto;
			border: none;
			border-radius: 5rpx;
		}

		// }
	}
</style>
