<template>
	<view class="content">
		<view class="app">
			<u-parse v-if="infoTitle" :html="infoTitle"></u-parse>
			<view class="noorder" v-else>
				<u-empty mode="list" icon-size='220' text='暂无内容'></u-empty>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		selectNodeContent,
		updateMessageStatus
	} from '@/api/Messagepush/Messagepush.js'
	export default {
		props: {
			manageRouteNodeId: {
				type: Number
			}
		},
		data() {
			return {
				item: '',
				infoTitle: '',
				query: {
					id: '',
					messageStatus: 'READ'
				},
			};
		},
		mounted() {
			uni.setNavigationBarTitle({
				title: '文字提醒详情'
			});
			this.getlist();
		},
		watch: {
			manageRouteNodeId(newValue, oldValue) {
				this.query.id = newValue
				this.getlist();
			},
		},
		onShow() {},
		onLoad(options) {},
		methods: {
			getlist() {
				this.query.id = this.manageRouteNodeId
				selectNodeContent(this.query.id).then(res => {
					if (res.data.taskNodeType == 'TEXT_REMIND') {
						// this.infoTitle = res.data.nodeContent.replace(/\<img/gi, "<br/> <img class='richPic'")
						this.infoTitle = res.data.nodeContent
					}
				})
			},
		},
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #F3F3F3;
	}

	.content {
		background-color: #F7F5F5;
		padding: 0 0 0 0;
		height: 100vh;
		overflow: auto;

		.app {
			max-height: calc(100vh - 30rpx);
			overflow: auto;
			width: 96%;
			margin: 15rpx auto;
			background: #FFFFFF;
			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
			border-radius: 5rpx;

			::v-deep u-radio__icon-wrap--disabled {
				background-color: #2979ff;
			}

			::v-deep .u-empty {
				margin-top: 100rpx !important;
			}

			/deep/ .interlayer {
				margin-top: 36rpx !important;
				display: inherit;
				flex-direction: inherit;
				/* flex-wrap: inherit; */
				align-content: inherit;
				align-items: inherit;
				justify-content: inherit;
				width: 90% !important;
				padding-top: 20rpx;
				margin: 0 auto;
				background: #fff;
				border-radius: 15rpx;
				height: 100%;
				white-space: inherit;

				text {
					display: block;
					text-indent: 2em;
					margin-bottom: 20rpx;
					width: 93%;
					margin: 0 auto;
					letter-spacing: 2px;
					// word-wrap:break-word;
					word-break: break-all
				}
			}

			/deep/ .ql-size-small {
				font-size: 20rpx;
			}

			/deep/ .ql-size-large {
				font-size: 36rpx;
			}

			/deep/ .ql-size-huge {
				font-size: 46rpx;
			}

			/deep/ .richPic {
				display: inline-block;
				vertical-align: middle;
				position: relative;
				text-align: 50;
				left: 50%;
				top: -30rpx;
				transform: translate(-50%);
				width: 90% !important;
			}
		}
	}
</style>