<template>
	<view class="detail">
		<view class="notice" v-if="flag">
			<view class="notice-item  margin-top">
				<view class="left-content text-left text-lg  text-bold">{{detailObj.title || detailObj.announcementTitle}}</view>
				<view class="flex  margin-tb-sm">
					<view class='basis-sm margin-right-xs' > 
						<span :class="detailObj.type == '2'?'bg-notice':'bg-announcement'">
						</span>
					</view> 
					<view class="right-content text-right text-xs basis-lg">{{ detailObj.sendTime  || detailObj.announcementDate}}
						<text class="notice-flag"> {{ detailObj.hospitalBean?'医院发布':'平台发布'}}  </text>
					</view>	
				</view>
				<view class="notice-item-content">
					 <rich-text :nodes="detailObj.content"></rich-text>
					<!-- <pre v-html="detailObj.content || detailObj.announcementContent"  style="margin:0;white-space:pre-wrap;word-break:break-all;"> </pre> -->
				</view>
			</view>
		</view>
		<view class="notice-detail" v-else>
			<h1 style="text-align:center;font-size:19px;font-weight: bold;">胃癌早筛公益活动</h1>
			<!-- <image src="../../static/4.jpg" mode="" style="width:100%"></image> -->
			<view class="detail">
				<p style="font-weight: bold;"><strong>尊敬的各位居民：</strong></p>
				<p style="text-indent: 58upx;">胃癌是严重威胁我国居民健康的重大疾病。以往，临床胃癌发现时95%已处于中晚期，这些患者即便经过专业治疗，5年生存率仍然低于30%，但如果胃癌能早期发现，患者的5年生存率会高于90%。因此胃癌并不可怕，关键是要早诊早治。目前我国胃癌早诊率总体水平低于10%，远低于先进国家的50-80%。</p>
				<p style="text-indent: 58upx;">为提高我国早期胃癌防治水平，为提高我国居民胃癌早诊率，由国家消化道早癌防治中心联盟发起，举办2020年全国早期胃癌防治报名活动。以下为报名方式，欢迎各位居民积极参与。</p>
			
				在您决定是否参加该筛查（或随访）之前，请仔细阅读以下内容。您可以和您的亲属、朋友一起讨论，或请医生给予解释，然后做出决定。
				
				<p>一、筛查开展的背景和目的</p>
				<p style="text-indent: 58upx;">癌症是严重威胁人民生命和健康的疾病，也是我国居民的主要死亡原因之一。目前因出现临床症状而就诊的患者多为中晚期病人，治疗费用昂贵而且效果不佳，给病人和家属带来极大的痛苦和沉重的经济负担。
				医学研究和临床实践证实,癌症的发生发展有一个过程，可以通过科学有效的技术方法对人群进行筛查，及时发现癌前病变及早期癌，经有效治疗，可以阻断癌前病变的发展。接受早诊早治的患者痛苦小，经济花费少，而且患者可以很快恢复健康，像健康人一样工作生活。早诊早治是目前控制癌症的最有效的途径。
					</p>
				二、筛查过程
				<p style="text-indent: 58upx;">上消化道癌高发区，40-69岁高危人群，在内镜检查前有专门的医师了解您身体的基本情况，以确定是否适宜进行。
				胃癌患病风险评估与进一步检查。首先，您需要回答简单的几个问题，并抽取空腹静脉血5ml，进行相关的血清学检测。具体包括：您的年龄、性别；您的一级亲属（父母、子女、兄弟姐妹）罹患癌症情况。血清胃功能检测（胃蛋白酶原和胃泌素-17）、幽门螺杆菌抗体检测。根据上述资料，工作人员将对您的胃癌患病风险进行评估。根据评估结果，工作人员会按照以下原则建议您下一步的诊疗计划：（1）低风险人群：定期随访（血清胃功能检测），重新评估胃癌患病风险；（2）中风险人群：推荐内镜检查；（3）高风险人群：强烈推荐内镜检查。内镜检查有助于进一步判断您是否患有胃部疾病。
				内镜检查。在内镜检查时除肉眼观察，还要用碘液和/或靛胭脂染色，并从病变处取几块组织用以准确诊断。如果发现患有食管癌、贲门癌和胃癌或癌前病变（如食管重度异型增生/原位癌、贲门和胃高级别上皮内瘤变），将按每个人的不同病情，安排相应的治疗。食管重度异型增生/原位癌、贲门和胃高级别上皮内瘤变，以及黏膜内癌患者可行内镜下微创治疗。其它癌症患者可行手术或放、化疗。
					</p>
				三、参加筛查可能的受益
				<p style="text-indent: 58upx;">如果您参加检查，可全面了解您的幽门螺杆菌感染情况、食管、贲门和胃的情况。对于本次筛查出的幽门螺杆菌感染阳性情况、食管重度异型增生/原位癌、贲门和胃的高级别上皮内瘤变，以及早期癌患者，将会得到及时和优先治疗。我们将负责为您提供治疗的便利和相关信息。
				</p>
				四、哪些人不宜参加筛查
				<p style="text-indent: 58upx;">具有下列情况的，不宜参加筛查：①严重心脏病，心力衰竭；②重症呼吸道疾病，呼吸困难，哮喘持续状态；③有严重脑部疾病者；④咽后壁脓肿，严重脊柱畸形，或主动脉瘤患者；⑤身体虚弱不能耐受内镜检查，或难以镇静自控者；⑥上消化道腐蚀性炎症急性期，或疑为上消化道穿孔者；⑦大量腹水、严重腹胀，或有重度食管静脉曲张者；⑧有出血倾向者（凝血功能不正常），或正在服用抗凝血药物者，后者须停药一周后检查出凝血功能正常方可进行内镜检查；⑨妊娠期妇女；⑨40-69岁有碘过敏史者等。
					</p>
				五、参加筛查可能带来的不适与不便
				<p style="text-indent: 58upx;">内镜检查和治疗时一般很安全。但也偶有检查和治疗过程中发生食管或胃出血、穿孔及药物反应（如碘过敏）等。对这些情况医生都有很好的预防措施和应急预案，即使发生，罕有危及生命的可能。如果您想进一步了解情况，请与检查小组的医生联系。
					</p>
				六、保密原则
				<p style="text-indent: 58upx;">您的所有个人资料将是保密的，由承担该筛查工作的医院妥善保存。任何公开报告将不会披露您的个人信息。我们将在法律允许的范围内，尽一切努力保护您的隐私。
				我们将保存所采取的标本资料，并可能在以后的研究中使用，标本上贴有带编码的标签，不会出现您的姓名，您的所有信息将会保密。
				</p>
			</view>
			
			<view class="detail">
				<p  style="font-weight: bold;"><strong>小程序提供筛查报名、接收相关通知、查看检查结果等功能，以下为快捷报名入口。</strong></p>
			</view>
			<view class="cu-list grid" :class="['col-' + gridCol,gridBorder?'':'no-border']">
				<view class="cu-item quick-item" v-for="(item,index) in cuIconList" :key="index" v-if="index<gridCol*1" @click="clickQuick(item)"  hover-class="cell-hover"  :hover-stay-time="50">
					<view :class="['cuIcon-' + item.cuIcon,'text-' + item.color]">
						<view class="cu-tag badge" v-if="item.badge!=0">
							<block v-if="item.badge!=1">{{item.badge>99?'99+':item.badge}}</block>
						</view>
					</view>
					<text>{{item.name}}</text>
				</view>
			</view>
			
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cuIconList: [
					{
						cuIcon: 'friend',
						color: 'blue',
						badge: 0,
						name: '筛查报名',
						navUrl:"/personModule/signUp/index?type=other"
					}
				],
				direction: '',
				modalName: null,
				gridCol: 1,
				gridBorder: false,
				id:'',
				type:'',
				flag:true,
				detailObj:{}
			}
		},
		onLoad(option){
			this.id = option.id
			this.type = option.type
			if(!this.type){
				this.detailObj = JSON.parse(decodeURIComponent(option.item))
				if(this.detailObj.id == 4){
					this.flag = false
				}
			}
		},
		mounted() {
			this.getNoticeDetail(this.id)
		},
		methods: {
			// 点击快捷方式
			clickQuick(obj){
				if (this.$store.getters.userInfo.name) {
					uni.navigateTo({
						url: obj.navUrl
					})
				} else {
					uni.showToast({
						icon: 'none',
						title: "请先完善个人信息！"
					})
					// #ifdef MP-WEIXIN
					setTimeout(function() {
						uni.navigateTo({
							url: '/person/personInfo/index?url=' + encodeURIComponent(JSON.stringify(obj.navUrl)),
						});
					}, 1500);
					// #endif
				}
			},
			
			// 获取公告
			getNoticeDetail(id){
				if(this.type == 'announce'){
					const data = { params:{"id":id} }
					this.$http.get(`/gastric-cancer-data/announcement/selectAnnouncementById`,data).then(res => {
						const d = res.data
						if(d.code == 1){
							this.detailObj = d.object
							let content = this.detailObj.content || this.detailObj.announcementContent
							content = content.replace(/<img/gi, '<img style="max-width:100%;height:auto;display:block" ');
							this.detailObj.content = content
						}
					}).catch(err => {
						console.log(err)
					})
				}
				
				if(this.type == 'notice'){
					const data = { params:{"noticeId":id} }
					this.$http.get(`/gastric-cancer-data/mini/program/notice/info`,data).then(res => {
						const d = res.data
						if(d.code == 1){
							this.detailObj = d.object
							let content = this.detailObj.content || this.detailObj.announcementContent
							content = content.replace(/<img/gi, '<img style="max-width:100%;height:auto;display:block" ');
							this.detailObj.content = content
						}
					}).catch(err => {
						console.log(err)
					})
				}
			}
			
		}
	}
</script>


<style lang="scss" scoped>
	.detail {
	    height: 100%;
		.notice{
			padding: 0 30upx;
			padding-bottom:30upx;
			.left-content{
				color:#000;
			}
			.right-content{
				vertical-align: bottom;
				color:rgba(0,0,0,0.5);
			}
			.notice-item{
				padding: 20upx;
				border-radius: 10upx;
				.notice-item-content{
					font-size: 32upx;
					margin-top: 12upx;
					img{
						width:100%;
						display: none !important;
						height:auto;
					}
				}
			}
			
			.bg-announcement,.bg-notice{
				height: 28upx;
				width: 32upx;
				display: inline-block;
				background-position: left;
				vertical-align: text-top;
				background-size: cover;
				background-repeat: no-repeat;
				background-image: url(../../static/announcement.png);
			}
			.bg-notice{
				background-image: url(../../static/notice.png);
			}
		}
		.cu-tag{
			padding: 0px 12upx;
			height: 42upx;
			line-height:43upx;
			font-size: 20upx;
		}   
	}

	.notice-detail{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 10px 15px;
		background: #fff;
		line-height: 1.5;
		uni-image{
			width: 100%;
		}
		.detail{
			font-size: 30upx;
			margin: 30upx 0;
			letter-spacing: 1px;
			text-align: justify;
			line-height: 60upx;
		}
	}
	.notice-flag{
		border-radius: 14upx;
		border: 2upx solid #59A0F6;
		padding: 3upx 4upx;
		margin-left: 7upx;
		font-size: 24upx;
	}
</style>

